{"version":3,"file":"ClC8rxeD.js","sources":["../../../../components/content/Custom/BootcampTile.vue"],"sourcesContent":["<script setup>\nimport { atcb_action } from \"add-to-calendar-button\"\nimport { format } from 'date-fns-tz'\nimport formatDistanceToNow from 'date-fns/formatDistanceToNow'\nimport axios from 'axios'\n\nconst props = defineProps({\n    event: Object,\n    listed: Boolean\n})\nlet { page } = useContent()\n\nif (props.event) {\n    page = ref(props.event)\n}\n\nconst originPath = computed(() => import.meta.client ? window.location.origin : 'pathway.com')\n\nconst data = ref([])\n\nonMounted(async () => {\n    data.value = await $fetch(`${originPath.value}/data/bootcamps/${page.value.fileName}.json`)\n\n})\n\nconst form = ref({})\n\nconst currentStage = useState(`form-${page.value._dir}`, () => 1)\n\nconst nextStage = () => {\n    verifyFields()\n    if (!error.value) {\n        currentStage.value = currentStage.value + 1\n    }\n}\n\nconst verifyFields = () => {\n    const currentForm = document.getElementById(`form-${currentStage.value}`)\n    const fields = currentForm.querySelectorAll(\"input\")\n    for (const el of fields) {\n        if (el.required && el.value.trim() === \"\") {\n            error.value = \"Fill in all the required fields\"\n            break;\n        }\n        error.value = \"\"\n    }\n}\n\nconst prevStage = () => {\n    currentStage.value = currentStage.value - 1\n}\n\nconst updateForm = (newForm) => {\n    form.value = newForm\n}\n\nconst error = ref(\"\")\n\nconst submitForm = async () => {\n    verifyFields()\n    if (!page.value?.sendTo) {\n        throw Error(\"Form action URL (sendTo) is missing!\")\n    }\n\n    if (!error.value) {\n        const { $showToast } = useNuxtApp()\n        await axios.post(page.value?.sendTo, form.value)\n            .then(() => {\n                $showToast(`Got your info. Let's start learning. Taking you to the coursework!`, 'success', 3000)\n                currentStage.value = data.value.length\n\n                return navigateTo(page.value.onSubmit)\n\n            }).catch((e) => {\n                console.log(\"error\", e)\n                $showToast('Whoops, something went wrong!', 'error', 3000)\n            })\n    }\n}\n\n\nconst date = computed(() => {\n    const eventDate = {}\n    if (page.value.date === \"today\") {\n        eventDate.startDate = new Date()\n        return eventDate\n    }\n    if (Array.isArray(page.value.date)) {\n        eventDate.startDate = new Date(page.value.date[0])\n        eventDate.endDate = new Date(page.value.date[1])\n    } else {\n        eventDate.startDate = new Date(page.value.date)\n    }\n    return eventDate\n})\nconst longDate = computed(() => {\n    if (page.value?.textDate) {\n        return page.value.textDate\n    }\n    let longDateText = \"\"\n    longDateText = `${format(date.value.startDate, \"EEEE\")}`\n    if (date.value?.endDate) {\n        longDateText += `-${format(date.value.endDate, \"EEEE\")}`\n    }\n    longDateText += `, ${format(date.value.startDate, \"LLLL\")}`\n    longDateText += ` ${format(date.value.startDate, \"dd\")}`\n    if (date.value?.endDate) {\n        longDateText += `-${format(date.value.endDate, \"dd\")}`\n    }\n    if (page.value.timezone) {\n        const eventTime = date.value.startDate.toLocaleTimeString('en-US', { timeZone: page.value.timezone, timeZoneName: \"short\", hour: \"2-digit\", minute: \"2-digit\" })\n        /* User have same timezone as event */\n        if (Intl.DateTimeFormat().resolvedOptions().timeZone === page.value.timezone) {\n            longDateText += ` (${eventTime})`\n        } else {\n            longDateText += ` (${eventTime}, ${format(date.value.startDate, 'HH:mm (z)')})`\n        }\n    }\n    return longDateText\n})\n\nconst addToCalendar = (ev) => {\n    const config = {\n        name: `[Reminder] ${page.value.title} (Pathway)`,\n        description: `${page.value.title}, ${page.value.description}`,\n        startDate: `${format(date.value.startDate, \"yyyy-MM-dd\")}`,\n        options: [\"Google\", \"Apple\", \"Outlook.com\"],\n        location: page.value.location.long\n    }\n    if (date.value?.endDate) {\n        config.endDate = `${format(date.value.endDate, \"yyyy-MM-dd\")}`\n    }\n    if (page.value?.timezone) {\n        config.timeZone = page.value.timezone\n        const eventStartTime = date.value.startDate.toLocaleTimeString('en-US', { timeZone: page.value.timezone, hour: \"2-digit\", minute: \"2-digit\" })\n        config.startTime = eventStartTime\n        if (date.value?.endDate) {\n            const eventEndTime = date.value.endDate.toLocaleTimeString('en-US', { timeZone: page.value.timezone, hour: \"2-digit\", minute: \"2-digit\" })\n            config.endTime = eventEndTime\n        }\n    }\n    atcb_action(config, ev.currentTarget)\n}\n</script>\n<template>\n    <div class=\"shadow-lg max-w-3xl w-full bg-white border-[#E0DEE2] border rounded-lg relative mx-auto my-8 eventcard\">\n        <div class=\"h-[9rem]\">\n            <div class=\"absolute flex items-center top-0 left-0 w-full p-2\">\n                <div class=\"flex gap-2 items-center drop-shadow-md ml-auto\">\n                    <Icon name=\"heroicons:calendar-solid\" class=\"text-white w-5 h-5\" />\n                    <span class=\"text-white text-sm\">{{ format(date.startDate, 'dd/MM/yyyy') }}</span>\n                </div>\n            </div>\n            <img :src=\"page.banner\" alt=\"\" class=\"h-[9rem] w-full object-cover rounded-t-lg\">\n        </div>\n        <div class=\"flex items-center flex-col md:flex-row gap-4 pw-text-black p-4\">\n            <div\n                class=\"flex flex-col shrink-0 leading-6 items-center justify-center w-[4.5rem] h-[4.5rem] bg-primary-100 rounded-lg text-primary-500 font-bold\">\n                <span class=\"text-[1.2rem]\">{{ format(date.startDate, 'LLL') }}</span>\n                <span class=\"text-[1.8rem]\">{{ format(date.startDate, 'dd') }}</span>\n            </div>\n            <div class=\"flex flex-wrap md:flex-nowrap justify-between items-center w-full text-center lg:text-left\">\n                <div class=\"text-center mx-auto md:mx-0 lg:text-left\">\n                    <nuxt-link :to=\"page._path\" class=\"font-bold text-2xl\">\n                        <h1>{{ page.title }}</h1>\n                    </nuxt-link>\n                    <p class=\"text-[#676161] pr-1\">{{ page.description }}</p>\n                </div>\n                <div class=\"mx-auto mt-4 md:mt-0\">\n                    <button type=\"button\"\n                        class=\"shadow-md hover:shadow  text-sm transition flex gap-2 items-center px-4 py-2 rounded-lg whitespace-nowrap\"\n                        @click=\"addToCalendar\">\n                        <Icon name=\"material-symbols:calendar-add-on\" /> Add to Calendar\n                    </button>\n                </div>\n\n            </div>\n        </div>\n        <div>\n            <BootcampFancyForm :data=\"data\" @formChange=\"updateForm\" />\n            <div class=\"bg-red-200 text-red-800 p-4 mt-4 rounded-md flex gap-2 items-center mx-4 mb-8\" v-if=\"error\">\n                <Icon name=\"heroicons:exclamation-triangle-16-solid\" class=\"text-xl\" />\n                <span class=\"font-bold\">Error:</span> {{ error }}\n            </div>\n            <!-- <slot /> -->\n        </div>\n\n\n        <div class=\"border-t py-4 mx-4\">\n            <div class=\"flex flex-col md:flex-row justify-between items-center text-[#928C99] leading-5\">\n                <div class=\"flex flex-col gap-2\">\n                    <div class=\"flex gap-2 items-center\">\n                        <Icon name=\"mingcute:time-line\" class=\"w-8 h-8\" />\n                        <client-only>\n                            <div class=\"flex flex-col\">\n                                <span>{{ longDate }}</span>\n                                <span class=\"text-sm\" v-if=\"page.date !== 'today'\"> {{\n                                    formatDistanceToNow(date.startDate, { addSuffix: true }) }}\n                                </span>\n                                <span class=\"text-sm\" v-else>Now</span>\n                            </div>\n                        </client-only>\n                    </div>\n                </div>\n                <div class=\"flex gap-4\">\n                    <button type=\"button\" class=\"px-6 text-gray-800 bg-gray-50 rounded-lg hover:bg-gray-200 transition\"\n                        @click=\"prevStage()\" v-if=\"currentStage > 1\">\n                        Back </button>\n                    <button type=\"button\" @click=\"nextStage()\" v-if=\"currentStage !== data.length\"\n                        class=\"px-6 py-4 mt-4 w-full text-center md:w-max max-w-xs md:mt-0 bg-primary-100 text-primary-500 font-bold rounded-lg hover:bg-primary-400 hover:text-white transition\">\n                        Next step ({{ currentStage }}/{{ data.length }})\n                    </button>\n                    <button type=\"button\" @click=\"submitForm\" v-else-if=\"currentStage === data.length\"\n                        class=\"px-6 py-4 mt-4 w-full text-center md:w-max max-w-xs md:mt-0 bg-primary-100 text-primary-500 font-bold rounded-lg hover:bg-primary-400 hover:text-white transition\">\n                        Submit\n                    </button>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n"],"names":["props","__props","page","useContent","ref","originPath","computed","data","onMounted","form","currentStage","useState","nextStage","verifyFields","error","fields","el","prevStage","updateForm","newForm","submitForm","_a","$showToast","useNuxtApp","axios","_b","navigateTo","e","date","eventDate","longDate","longDateText","format","_c","eventTime","addToCalendar","ev","config","eventStartTime","eventEndTime","atcb_action"],"mappings":"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"}