{"version":3,"file":"index.baf86b23.js","sources":["../../../../components/Homepage/WelcomeMessaging.vue","../../../../components/Modal.vue","../../../../components/Homepage/Intro.vue","../../../../components/Homepage/Login.vue","../../../../pages/index.vue"],"sourcesContent":["<template>\n    <div class=\"welcome-messaging\">\n        <div class=\"welcome-messaging__page\" :class=\"{ 'welcome-messaging__page--active' : currentPage == page_key }\" v-for=\"( page, page_key ) in welcome.welcome_messaging\" :key=\"page_key\">\n            <p class=\"welcome-messaging__title\" v-html=\"page.title\"></p>\n            <div class=\"welcome-messaging__form\" v-if=\"page.form\">\n                <template v-for=\"( field, field_key ) in page.fields\" :key=\"field_key\">\n                    <div class=\"welcome-messaging-input\" v-if=\"field.type == 'text'\" :class=\"{ 'error' : passed[field.key] == false }\">\n                        <div class=\"welcome-messaging-input__container\" v-if=\"field.type == 'text'\">\n                            <p class=\"welcome-messaging-input__label\" v-html=\"field.question\"></p>\n                            <input type=\"text\" v-model=\"answers[field.key]\" />\n                        </div>\n                    </div>\n                    <div class=\"welcome-messaging-input\" v-if=\"field.type == 'select'\" :class=\"{ 'error' : passed[field.key] == false }\">\n                        <div class=\"welcome-messaging-input__container\">\n                            <p class=\"welcome-messaging-input__label\" v-html=\"field.question\"></p>\n                            <select  v-model=\"answers[field.key]\">\n                                <option value=\"\" v-html=\"field.placeholder\" selected=\"selected\"></option>\n                                <option v-for=\"( option, option_key ) in field.options\" :key=\"option_key\" :value=\"option\" v-html=\"option\"></option>\n                            </select>\n                        </div>\n                    </div>\n                </template>\n                <div v-if=\"errorMessages.length > 0\" class=\"welcome-messaging__errors\">\n                    <template v-for=\"( error, error_key ) in errorMessages\" :key=\"error_key\">\n                        <p v-html=\"error\"></p>\n                    </template>\n                </div>\n                <button class=\"button\" @click=\"submitAnswers()\" v-html=\"welcome.begin_course_button.text\"></button>\n            </div>\n            <div class=\"welcome-messaging__content\" v-else>\n                <template v-for=\"( content, content_key ) in page.content\" :key=\"content_key\">\n                    <p v-if=\"content.type == 'text'\"        class=\"welcome-messaging__text\" v-html=\"checkStringForKeyWords(content.text)\"></p>\n                    <p v-if=\"content.type == 'subtitle'\"    class=\"welcome-messaging__subtitle\" v-html=\"checkStringForKeyWords(content.text)\"></p>\n                    <ul v-if=\"content.type == 'list'\"       class=\"welcome-messaging__list\">\n                        <li v-for=\"( list, list_key ) in content.text\" :key=\"list_key\" v-html=\"checkStringForKeyWords(list)\"></li>\n                    </ul>\n                </template>\n                <button v-if=\"( page_key + 1 ) < welcome.welcome_messaging.length\" class=\"button\" @click=\"goToNextPage(page_key)\" v-html=\"welcome.continue_button.text\"></button>\n                <button v-else class=\"button\" @click=\"goToNextPage(page_key)\" v-html=\"welcome.begin_course_button.text\"></button>\n            </div>\n        </div>\n    </div>\n</template>\n\n<style lang=\"scss\">\n    @import \"@sass-components/welcome-messaging.scss\";\n</style>\n\n<script setup>\n    const emits = defineEmits([\"closeModal\"]);\n\n    const { feedbackContent, welcome } = useGetData();\n    const { checkStringForKeyWords } = useKeyWords();\n\n    const store = useTNFStore();\n    \n    const answers = reactive({\n        organisation: null,\n        role: null,\n        location: null,\n        age_range: null,\n        gender: null,\n        current_understanding: null\n    });\n    const answeredRequiredQuestions = ref(false);\n    const currentPage = ref(0);\n    const errorMessages = reactive([]);\n    const passed = reactive({\n        location: null,\n    });\n\n    const checkQuestionsAnswered = () => {\n        let keys = ['location'];\n        let answeredCount = 0;\n        let requiredCount = keys.length;\n\n        keys.forEach(key => {\n            if( answers[key] !== null && answers[key].length > 0 ) {\n                passed[key] = true;\n                answeredCount++;\n\n                if( answeredCount == requiredCount ) {\n                    answeredRequiredQuestions.value = true;\n                }\n            } else {\n                passed[key] = false;\n            }\n        });\n    }\n\n    const goToNextPage = ( page_index ) => {\n        if( ( page_index + 1 ) < welcome.welcome_messaging.length ) {\n            currentPage.value = currentPage.value + 1;\n            document.getElementsByClassName('modal__container')[0].scrollTo(0,0);\n        } else {\n            emits(\"closeModal\");\n            return navigateTo(welcome.continue_course_button.link);\n        }\n    }\n\n    const submitAnswers = async (button) => {\n        checkQuestionsAnswered();\n\n        if( answeredRequiredQuestions.value ) {\n            const { data: profile, error: profileError } = await useFetch( '/api/profile/upsert', {\n                params: {\n                    user: store.user.id,\n                    organisation: answers.organisation,\n                    role: answers.role,\n                    location: answers.location,\n                    age_range: answers.age_range,\n                    gender: answers.gender,\n                    current_understanding: answers.current_understanding,\n                },\n            });\n\n            const { data: progress, error: progressError } = await useFetch( '/api/progress/upsert', {\n                    params: {\n                        user: store.user.id,\n                        completed_profile: true\n                    },\n                    watch: [profile]\n                });\n\n            store.progress.completed_profile = true;\n\n            if( profileError.value ) throw profileError;\n            if( progressError.value ) throw progressError;\n            \n            emits('closeModal');\n\n        } else {\n            errorMessages.push(feedbackContent.required_unanswered);\n        }\n    }\n</script>","<template>\n    <div class=\"modal\" :class=\"{ 'modal--visible' : props.visible }\">\n        <SVGIconClose @click=\"closeModal\" v-if=\"props.showCloseButton\"/>\n        <slot />\n    </div>\n</template>\n\n<style lang=\"scss\">\n    @import \"@sass-components/modal.scss\";\n</style>\n\n<script setup>\n    const props = defineProps([\"visible\", \"showCloseButton\"]);\n    const emits = defineEmits([\"closeModal\"]);\n\n    const closeModal = () => {\n        emits(\"closeModal\");\n    }\n</script>","<template>\n    <TitleBlock :content=\"content.welcome\">\n        <button class=\"button\" v-if=\"store.progress.percentage == 0 && store.progress.completed_profile !== true\" @click=\"toggleShowWelcomeMessage()\" v-html=\"content.welcome.begin_course_button.text\"></button>\n        <nuxt-link class=\"button\" v-else-if=\"store.progress.percentage == 0 && store.progress.completed_profile === true\" :to=\"content.welcome.continue_course_button.link\">\n            <span v-html=\"content.welcome.continue_course_button.text\"></span>\n        </nuxt-link>\n        <nuxt-link class=\"button\" v-else :to=\"content.welcome.continue_course_button.link\">\n            <span v-html=\"content.welcome.continue_course_button.text\"></span>\n        </nuxt-link>\n    </TitleBlock>\n    <Modal :visible=\"showWelcomeMessage\" @closeModal=\"onCloseModal\" :showCloseButton=\"false\">\n        <div class=\"modal__container\">\n            <HomepageWelcomeMessaging @closeModal=\"onCloseModal\" />\n        </div>\n    </Modal>\n</template>\n\n<script setup>\n    const content = useGetData();\n    const store = useTNFStore();\n    \n    const showWelcomeMessage = ref(false);\n\n    const toggleShowWelcomeMessage = () => {\n        showWelcomeMessage.value = true;\n    }\n\n    const onCloseModal = () => {\n        showWelcomeMessage.value = false;\n    }\n</script>","<template>\n    <TitleBlock :content=\"content.welcome\">\n        <button v-if=\"!showForm && !showLoginButton\" class=\"button\" @click=\"showLoginForm\" v-html=\"content.welcome.login_button.text\"></button>\n        <div class=\"intro__error\" v-if=\"error\">\n            <p v-html=\"content.welcome.error_message\"></p>\n            <p v-html=\"error\"></p>\n        </div>\n        <template v-else-if=\"showForm\">\n            <div class=\"intro__login-form\">\n                <template v-if=\"loading\">\n                    <p class=\"small-heading\" v-html=\"content.welcome.check_email\"></p>\n                </template>\n                <template v-else>\n                    <p class=\"small-heading\" v-html=\"content.welcome.enter_email\"></p>\n                    <input type=\"text\" name=\"email\" v-model=\"emailAddress\" :placeholder=\"content.welcome.email_placeholder\" />\n                    <button class=\"button\" @click=\"getLogin\" v-html=\"content.welcome.login_button.text\"></button>\n                </template>\n            </div>\n        </template>\n        <template v-else-if=\"showLoginButton\">\n            <nuxt-link class=\"button\" v-html=\"content.welcome.confirm_login_button.text\" @click=\"doLogin\"></nuxt-link>\n        </template>\n    </TitleBlock>\n</template>\n\n<script setup>\n    const content = useGetData();\n    const config = useRuntimeConfig();\n    const store = useTNFStore();\n\n    const emailAddress = ref('');\n    const error = ref('');\n    const loading = ref(false);\n    const loginButtonURL = ref('');\n    const showForm = ref(false);\n    const showLoginButton = ref(false);\n\n    useHead({\n        title: 'Welcome | Allyship In The Outdoors'\n    });\n\n    onMounted( async() => {\n        if( window.location.search ) {\n            const searchParams = new URLSearchParams(window.location.search);\n            if( searchParams.has(\"confirmation_url\") ) {\n                showLoginButton.value = true;\n                loginButtonURL.value = searchParams.get(\"confirmation_url\");\n\n                if( store.login.id ) {\n                    const { data, error } = await useFetch( '/api/login/email', {\n                        params: {\n                            email: store.login.email,\n                            login_id: store.login.id,\n                            magiclink: loginButtonURL.value\n                        },\n                    });\n                }\n            }\n        } else if( window.location.hash.includes('#error=') ) {\n            const searchParams = new URLSearchParams(window.location.hash);\n\n            if( searchParams.has(\"error_code\") && searchParams.get(\"error_code\") == \"401\" ) {\n                console.error(searchParams.get(\"error_description\") + ' - ' + store.user.email_address);\n\n                error.value = searchParams.get(\"error_description\");\n            }\n\n        } else {\n            showLoginButton.value = false;\n        }\n    });\n\n    const getURL = () => {\n        let url =\n            config.public.siteURL ??\n            'http://localhost:3000'\n            url = url.includes('http') ? url : `https://${url}`\n            url = url.charAt(url.length - 1) === '/' ? url : `${url}/`\n            return url;\n    }\n\n    const showLoginForm = () => {\n        showForm.value = true;\n    }\n\n    const getLogin = async () => {\n        loading.value = true;\n\n        const { data, error } = await useFetch( '/api/login/get', {\n            params: {\n                email: emailAddress.value,\n                url: getURL()\n            },\n        });\n\n        if( data ) {\n            if( data.value.loginID ) {\n                store.login.id = data.value.loginID;\n                store.login.email = emailAddress.value;\n            }\n        }\n    }\n\n    const doLogin = async () => {\n\n        if( store.login.id ) {\n            const { data, error } = await useFetch( '/api/login/confirm', {\n                params: {\n                    email: store.login.email,\n                    login_id: store.login.id\n                },\n            });\n\n            if( data ) {\n                return navigateTo( loginButtonURL.value, { external: true } );\n            }\n        }\n\n        return navigateTo( loginButtonURL.value );\n\n    }\n</script>\n","<template>\n    <div class=\"section intro\">\n        <div class=\"intro__container\">\n            <HomepageIntro v-if=\"user\" />\n            <HomepageLogin v-else/>\n        </div>\n    </div>\n</template>\n\n<style lang=\"scss\">\n    @import \"@sass-components/intro.scss\";\n</style>\n\n<script setup>\n    import { gsap } from \"gsap\";\n\n    const { animateToIndex, animateFromIndex, animateFromIndexToDashboard } = useAnimations();\n    const user = useSupabaseUser();\n    const store = useTNFStore();\n\n    const loggedIn = ref(false);\n\n    let ctx;\n    let tl;\n    let animationTimeline;\n\n    useHead({\n        meta: [\n            { name: \"description\", content: \"\" }\n        ],\n        bodyAttrs: {\n            class: \"page--home\"\n        },\n    })\n\n    onMounted(() => {\n        animationTimeline = animateToIndex();\n\n        ctx = gsap.context(() => {\n            tl = gsap.timeline({ paused: true });\n            tl.add(animationTimeline);\n            tl.play();\n        });\n    });\n\n    onBeforeRouteLeave((to, from, next) => {\n \n        if( to.name == \"dashboard\" ) {\n\n            animationTimeline = animateFromIndexToDashboard();\n\n            let navigate = false;\n\n            ctx = gsap.context(() => {\n                tl = gsap.timeline({ paused: true, onUpdate: function(){ \n                    if( this.progress() > 0.55 && !navigate ) {\n                        navigate = true;\n                        document.body.scrollTop = 0;\n                        next(); \n                    }\n                } });\n                tl.add(animationTimeline);\n                tl.play();\n            });\n\n        } else {\n            animationTimeline = animateFromIndex();\n\n            ctx = gsap.context(() => {\n                tl = gsap.timeline({ paused: true, onUpdate: function(){ \n                    next(); \n                } });\n                tl.add(animationTimeline);\n                tl.play();\n            });\n        }\n    });\n\n    watch(() => user.value, () => {\n        if( user.value ) {\n            if ( !loggedIn.value ) {\n                store.loginUser(user);\n                loggedIn.value = true;\n            }\n        } else {\n            store.logoutUser();\n            reloadNuxtApp();\n        }\n    });\n</script>"],"names":["feedbackContent","welcome","useGetData","checkStringForKeyWords","useKeyWords","store","useTNFStore","answers","reactive","answeredRequiredQuestions","ref","currentPage","errorMessages","passed","checkQuestionsAnswered","keys","answeredCount","requiredCount","key","goToNextPage","page_index","emits","navigateTo","submitAnswers","button","profile","profileError","useFetch","progress","progressError","closeModal","content","showWelcomeMessage","toggleShowWelcomeMessage","onCloseModal","config","useRuntimeConfig","emailAddress","error","loading","loginButtonURL","showForm","showLoginButton","useHead","onMounted","searchParams","getURL","url","showLoginForm","getLogin","data","doLogin","animateToIndex","animateFromIndex","animateFromIndexToDashboard","useAnimations","user","useSupabaseUser","loggedIn","tl","animationTimeline","gsap","onBeforeRouteLeave","to","from","next","navigate","watch","reloadNuxtApp"],"mappings":"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"}