{"version":3,"file":"onboardingLayout.6d4a9443.js","sources":["../../src/modules/testing/components/OnboardingTestingPanel.vue","../../src/composables/useStickyHeader.ts","../../src/layouts/onboardingLayout.vue"],"sourcesContent":["<template>\n\t<div\n\t\tv-if=\"isTestOnboarding\"\n\t\tclass=\"fixed bottom-0 z-10\"\n\t>\n\t\t<TestingPanel :position=\"PositionVariants.Left\">\n\t\t\t<div class=\"w-80\">\n\t\t\t\t<FormItem\n\t\t\t\t\t:label=\"$t('Onboarding Step')\"\n\t\t\t\t\tclass=\"mt-4\"\n\t\t\t\t>\n\t\t\t\t\t<BaseSelect\n\t\t\t\t\t\tv-model=\"onboardingStepState\"\n\t\t\t\t\t\t@change=\"onChangeStep\"\n\t\t\t\t\t\t:options=\"onboardingStepOptions\"\n\t\t\t\t\t/>\n\t\t\t\t</FormItem>\n\t\t\t\t<FormItem\n\t\t\t\t\t:label=\"$t('Onboarding Substep')\"\n\t\t\t\t\tclass=\"mt-4\"\n\t\t\t\t>\n\t\t\t\t\t<BaseSelect\n\t\t\t\t\t\tv-model=\"onboardingSubstepState\"\n\t\t\t\t\t\t@change=\"onChangeSubstep\"\n\t\t\t\t\t\t:options=\"onboardingSubstepOptions\"\n\t\t\t\t\t/>\n\t\t\t\t</FormItem>\n\t\t\t</div>\n\t\t</TestingPanel>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { PositionVariants } from '@/modules/testing/enums/testingPanelEnums'\nimport { computed, ref } from 'vue'\nimport { SelectOption } from '@/components/common/form/BaseSelect.vue'\nimport i18n from '@/i18n'\nimport { useRoute, useRouter } from 'vue-router'\nimport {\n\tonboardingTestToken,\n\tclientOnboardingUrl,\n\tClientSteps,\n\titemOnboardingUrl,\n\tItemSteps,\n\tOnboardingType,\n} from '@/modules/onboarding/composables/useOnboarding'\n\nconst { t } = i18n\n\nconst onboardingStepState = ref()\nconst onboardingSubstepState = ref()\n\nconst route = useRoute()\nconst router = useRouter()\n\nconst uuid = route.params.uuid as string\nconst step = uuid.replace(`${onboardingTestToken}-`, '')\n\nconst isTestOnboarding = computed(() => {\n\treturn route.path.includes(onboardingTestToken)\n})\n\nif (route.path.includes(clientOnboardingUrl)) {\n\tonboardingStepState.value = OnboardingType.ClientOnboarding\n\n\tswitch (step) {\n\t\tcase ClientSteps.PersonalDetails:\n\t\t\tonboardingSubstepState.value = ClientSteps.PersonalDetails\n\t\t\tbreak\n\t\tcase ClientSteps.PersonaQuestions:\n\t\t\tonboardingSubstepState.value = ClientSteps.PersonaQuestions\n\t\t\tbreak\n\t\tcase ClientSteps.HowDidYouHearAboutUs:\n\t\t\tonboardingSubstepState.value = ClientSteps.HowDidYouHearAboutUs\n\t\t\tbreak\n\t}\n}\n\nif (route.path.includes(itemOnboardingUrl)) {\n\tonboardingStepState.value = OnboardingType.ItemOnboarding\n\n\tswitch (step) {\n\t\tcase ItemSteps.AnalysisContract:\n\t\t\tonboardingSubstepState.value = ItemSteps.AnalysisContract\n\t\t\tbreak\n\t\tcase ItemSteps.Pdd:\n\t\t\tonboardingSubstepState.value = ItemSteps.Pdd\n\t\t\tbreak\n\t}\n}\n\nconst onboardingStepOptions = computed<SelectOption[]>(() => {\n\tconst options: SelectOption[] = [\n\t\t{\n\t\t\tlabel: t('Client Onboarding'),\n\t\t\tvalue: OnboardingType.ClientOnboarding,\n\t\t},\n\t\t{\n\t\t\tlabel: t('Item Onboarding'),\n\t\t\tvalue: OnboardingType.ItemOnboarding,\n\t\t},\n\t]\n\n\treturn options\n})\n\nconst onboardingSubstepOptions = computed<SelectOption[]>(() => {\n\tconst clientOnboardingOptions: SelectOption[] = [\n\t\t{\n\t\t\tlabel: t('Personal details'),\n\t\t\tvalue: ClientSteps.PersonalDetails,\n\t\t},\n\t\t{\n\t\t\tlabel: t('Persona Questions'),\n\t\t\tvalue: ClientSteps.PersonaQuestions,\n\t\t},\n\t\t{\n\t\t\tlabel: t('How did you hear about us'),\n\t\t\tvalue: ClientSteps.HowDidYouHearAboutUs,\n\t\t},\n\t]\n\n\tconst itemOnboardingOptions: SelectOption[] = [\n\t\t{\n\t\t\tlabel: t('Analysis contract'),\n\t\t\tvalue: ItemSteps.AnalysisContract,\n\t\t},\n\t\t{\n\t\t\tlabel: t('Preferred delivery date'),\n\t\t\tvalue: ItemSteps.Pdd,\n\t\t},\n\t]\n\n\tif (onboardingStepState.value === OnboardingType.ClientOnboarding) {\n\t\treturn clientOnboardingOptions\n\t} else if (onboardingStepState.value === OnboardingType.ItemOnboarding) {\n\t\treturn itemOnboardingOptions\n\t}\n\n\treturn []\n})\n\nconst onboardingTestLinks = {\n\t[ClientSteps.PersonalDetails]: `${clientOnboardingUrl}/${onboardingTestToken}-${ClientSteps.PersonalDetails}`,\n\t[ClientSteps.PersonaQuestions]: `${clientOnboardingUrl}/${onboardingTestToken}-${ClientSteps.PersonaQuestions}`,\n\t[ClientSteps.HowDidYouHearAboutUs]: `${clientOnboardingUrl}/${onboardingTestToken}-${ClientSteps.HowDidYouHearAboutUs}`,\n\t[ItemSteps.AnalysisContract]: `${itemOnboardingUrl}/${onboardingTestToken}-${ItemSteps.AnalysisContract}`,\n\t[ItemSteps.Pdd]: `${itemOnboardingUrl}/${onboardingTestToken}-${ItemSteps.Pdd}`,\n} as Record<string, string>\n\nasync function onChangeStep(step: string) {\n\tif (step === OnboardingType.ClientOnboarding) {\n\t\tonboardingSubstepState.value = ClientSteps.PersonalDetails\n\t} else if (step === OnboardingType.ItemOnboarding) {\n\t\tonboardingSubstepState.value = ItemSteps.AnalysisContract\n\t}\n\tawait onChangeSubstep(onboardingSubstepState.value)\n}\n\nasync function onChangeSubstep(step: string) {\n\tconst stepLink = onboardingTestLinks?.[step]\n\tif (!stepLink) {\n\t\treturn\n\t}\n\tawait router.push(stepLink)\n}\n</script>\n","import { onMounted, Ref, ref } from 'vue'\n\nexport function useStickyHeader(element: Ref) {\n\tconst isIntersecting = ref(false)\n\n\tconst handler = ([entry]: any) => {\n\t\tisIntersecting.value = !entry.isIntersecting\n\t}\n\tlet observer\n\tonMounted(() => {\n\t\tif (!element.value) {\n\t\t\treturn\n\t\t}\n\t\tobserver = new window.IntersectionObserver(handler)\n\t\tobserver.observe(element.value)\n\t})\n\n\treturn {\n\t\tisIntersecting,\n\t\tobserver,\n\t}\n}\n","<template>\n\t<div ref=\"sentinel\"></div>\n\t<header\n\t\tref=\"header\"\n\t\tclass=\"header p-8 flex items-center dark sticky top-0 transition duration-300\"\n\t\t:class=\"{\n\t\t\t'bg-evergreen-700': isIntersecting,\n\t\t\t'bg-evergreen-800': !isIntersecting,\n\t\t}\"\n\t>\n\t\t<template v-if=\"backLink\">\n\t\t\t<router-link\n\t\t\t\tv-if=\"$isLoggedIn\"\n\t\t\t\t:to=\"backLink\"\n\t\t\t>\n\t\t\t\t<Icon\n\t\t\t\t\t:name=\"Icons.ArrowLeft\"\n\t\t\t\t\tclass=\"h-6 w-6 mr-4 lg:mr-8 text-white cursor-pointer\"\n\t\t\t\t/>\n\t\t\t</router-link>\n\t\t\t<a\n\t\t\t\t:href=\"backLink\"\n\t\t\t\t:class=\"{\n\t\t\t\t\t'pl-4 lg:pl-8 border-l border-evergreen-600': $isLoggedIn,\n\t\t\t\t}\"\n\t\t\t\tclass=\"flex-shrink-0 flex items-center cursor-pointer\"\n\t\t\t>\n\t\t\t\t<img\n\t\t\t\t\tsrc=\"/img/logo.png\"\n\t\t\t\t\talt=\"legacy-logo\"\n\t\t\t\t\tclass=\"block h-6 w-auto\"\n\t\t\t\t/>\n\t\t\t\t<span class=\"text-white ml-4 font-bold text-md truncate\">{{ $route.name }}</span>\n\t\t\t</a>\n\t\t</template>\n\t</header>\n\t<section class=\"dark bg-evergreen-800 min-h-screen flex justify-center onboarding-layout\">\n\t\t<div class=\"max-w-xl py-8 px-4 w-full\">\n\t\t\t<router-view :key=\"$route.fullPath\" />\n\t\t</div>\n\t</section>\n\t<OnboardingTestingPanel v-if=\"showClientOnboardingTestPanel\" />\n</template>\n<script lang=\"ts\" setup>\nimport { useStickyHeader } from '@/composables/useStickyHeader'\nimport { computed, ref } from 'vue'\nimport { useRoute } from 'vue-router'\nimport { isProduction } from '@/modules/common/utils/envUtils'\nimport {\n\tclientOnboardingUrl,\n\titemOnboardingUrl,\n} from '@/modules/onboarding/composables/useOnboarding'\n\nconst route = useRoute()\n\nconst showClientOnboardingTestPanel = computed<boolean>(() => {\n\tif (isProduction()) {\n\t\treturn false\n\t}\n\n\treturn route.path.includes(clientOnboardingUrl) || route.path.includes(itemOnboardingUrl)\n})\n\nconst backLink = computed<string>(() => {\n\tconst { path } = route\n\tif (path.includes('onboarding/item') || path.includes('onboarding/client')) {\n\t\treturn ''\n\t}\n\n\treturn '/home'\n})\n\nconst sentinel = ref(null)\nconst { isIntersecting } = useStickyHeader(sentinel)\n</script>\n<style scoped>\n.header {\n\tz-index: 11;\n}\n</style>\n<style>\n.dark p {\n\t@apply text-evergreen-300;\n}\n.onboarding-layout .el-checkbox .el-checkbox__label {\n\t@apply -mt-1;\n}\n</style>\n"],"names":[],"mappings":"i5BA+CA,KAAA,CAAA,KAAA,EAEA,EAAA,IACA,EAAA,IAEA,EAAA,IACA,EAAA,IAGA,EAAA,AADA,EAAA,OAAA,KACA,QAAA,GAAA,KAAA,EAAA,EAEA,EAAA,EAAA,IACC,EAAA,KAAA,SAAA,CAAA,CAA8C,EAG/C,GAAA,EAAA,KAAA,SAAA,CAAA,EAGC,OAFA,EAAA,MAAA,EAAA,iBAEA,OAAQ,GAAA,gBAEN,EAAA,MAAA,EAAA,gBACA,UAAA,GAAA,iBAEA,EAAA,MAAA,EAAA,iBACA,UAAA,GAAA,qBAEA,EAAA,MAAA,EAAA,qBACA,MAIH,GAAA,EAAA,KAAA,SAAA,CAAA,EAGC,OAFA,EAAA,MAAA,EAAA,eAEA,OAAQ,GAAA,iBAEN,EAAA,MAAA,EAAA,iBACA,UAAA,GAAA,IAEA,EAAA,MAAA,EAAA,IACA,MAIH,KAAA,GAAA,EAAA,IACC,CAAgC,CAC/B,MAAA,EAAA,mBAAA,EAC6B,MAAA,EAAA,gBACN,EACvB,CACA,MAAA,EAAA,iBAAA,EAC2B,MAAA,EAAA,cACJ,CACvB,CAGM,EAGR,EAAA,EAAA,IAAA,CACC,KAAA,GAAA,CAAgD,CAC/C,MAAA,EAAA,kBAAA,EAC4B,MAAA,EAAA,eACR,EACpB,CACA,MAAA,EAAA,mBAAA,EAC6B,MAAA,EAAA,gBACT,EACpB,CACA,MAAA,EAAA,2BAAA,EACqC,MAAA,EAAA,oBACjB,CACpB,EAGD,EAAA,CAA8C,CAC7C,MAAA,EAAA,mBAAA,EAC6B,MAAA,EAAA,gBACX,EAClB,CACA,MAAA,EAAA,yBAAA,EACmC,MAAA,EAAA,GACjB,CAClB,EAGD,MAAA,GAAA,QAAA,EAAA,iBACC,EAAO,EAAA,QAAA,EAAA,eAEP,EAGD,EAAQ,CAAA,EAGT,EAAA,EAA4B,EAAA,iBAAA,GAAA,KAAA,KAAA,EAAA,mBACiE,EAAA,kBAAA,GAAA,KAAA,KAAA,EAAA,oBACC,EAAA,sBAAA,GAAA,KAAA,KAAA,EAAA,wBACI,EAAA,kBAAA,GAAA,KAAA,KAAA,EAAA,oBACV,EAAA,KAAA,GAAA,KAAA,KAAA,EAAA,KACb,EAG3E,iBAAA,EAAA,CACC,AAAA,IAAA,EAAA,iBACC,EAAA,MAAA,EAAA,gBAA2C,IAAA,EAAA,gBAE3C,GAAA,MAAA,EAAA,kBAED,KAAA,GAAA,EAAA,KAAA,CAAkD,CAGnD,iBAAA,EAAA,CACC,KAAA,GAAA,iBAAA,GACA,AAAA,CAAA,GAGA,KAAA,GAAA,KAAA,CAAA,CAA0B,slBClKpB,YAAyB,EAAc,CACvC,KAAA,GAAiB,EAAI,EAAK,EAE1B,EAAU,CAAC,CAAC,KAAgB,CAClB,EAAA,MAAQ,CAAC,EAAM,cAAA,EAE3B,GAAA,GACJ,SAAU,IAAM,CACX,AAAA,CAAC,EAAQ,OAGF,GAAA,GAAI,QAAO,qBAAqB,CAAO,EACzC,EAAA,QAAQ,EAAQ,KAAK,EAAA,CAC9B,EAEM,CACN,iBACA,UAAA,CAEF,yWCgCA,KAAA,GAAA,IAEA,EAAA,EAAA,IAEE,EAGuF,EAGzF,EAAA,EAAA,IAAA,CACC,KAAA,CAAA,QAAA,EACA,MAAA,GAAA,SAAA,iBAAA,GAAA,EAAA,SAAA,mBAAA,EACC,GAGD,OAAO,CAAA,EAGR,EAAA,EAAA,IAAA,EACA,CAAA,kBAAA,GAAA,CAAA"}