{"version":3,"file":"Register-DFVcc56f.js","sources":["../../src/components/cards/ProductSelectionCards.vue","../../src/views/auth/Register.vue"],"sourcesContent":["<template>\n    <RadioGroup\n        v-model=\"selected\"\n        :class=\"lockedProduct ? 'pointer-events-none' : ''\"\n        class=\"flex justify-around mx-4\"\n    >\n        <div\n            v-for=\"product in products\"\n            :key=\"product.prefixedId\"\n        >\n            <RadioGroupOption\n                v-slot=\"{ checked, active }\"\n                as=\"template\"\n                :value=\"product.prefixedId\"\n                tabindex=\"-1\"\n                @click=\"!lockedProduct && onSelect(product)\"\n            >\n                <div\n                    class=\"flex flex-col gap-2 w-24 h-40 sm:w-36 sm:h-auto py-4 px-0.5 border rounded-md cursor-pointer duration-150\"\n                    :class=\"[\n                        active ? 'border-halo-cobalt' : '',\n                        checked ? 'border-halo-cobalt border-2 scale-105 ease-in' : 'scale-90'\n                    ]\"\n                >\n                    <div class=\"flex justify-center rounded-lg bg-black-text w-16 h-14 sm:w-[5.5rem] sm:h-20 mx-auto\">\n                        <component\n                            :is=\"product._icon\"\n                            class=\"w-8 h-8 sm:w-12 sm:h-12 p-0.5 text-white m-auto\"\n                        >\n                        </component>\n                    </div>\n                    <RadioGroupLabel as=\"p\" class=\"text-center text-xs sm:text-sm font-semibold\">\n                        {{ product.displayName }}\n                    </RadioGroupLabel>\n                    <RadioGroupDescription\n                        as=\"div\"\n                        class=\"m-auto items-center\"\n                    >\n                        <span class=\"text-base sm:text-xl font-semibold\">\n                            {{ formatMoney(product._amount - product._discount, true) }}\n                        </span>\n                        <span class=\"text-xs text-gray-text\">\n                            {{ \"/\" + abbreviateFrequency(product._frequency) }}\n                        </span>\n                    </RadioGroupDescription>\n                </div>\n            </RadioGroupOption>\n        </div>\n    </RadioGroup>\n</template>\n\n<script lang=\"ts\">\nexport default { name: 'ProductSelectionCards' };\n</script>\n\n<script lang=\"ts\" setup>\nimport {\n    RadioGroup,\n    RadioGroupOption,\n    RadioGroupDescription,\n    RadioGroupLabel\n} from '@headlessui/vue';\nimport { useDinero } from '@/composables/useDinero';\nimport { abbreviateFrequency } from '@/utils/helper';\nimport { Product } from '@/types';\nimport { onUnmounted, ref, watch } from 'vue';\n\nconst { formatMoney } = useDinero();\n\ninterface Props {\n    products: Product[];\n    modelValue?: Product | null;\n    lockedProduct: Product | null;\n}\n\nconst props = withDefaults(defineProps<Props>(), { modelValue: null });\n\nconst emit = defineEmits(['select', 'cancel']);\n\nconst selected = ref(props.modelValue?.prefixedId);\n\nconst onSelect = (product: Product) => {\n    selected.value = product?.prefixedId;\n    emit('select', product);\n};\n\nconst unwatchLockedProduct = watch(\n    () => {\n        return props.lockedProduct;\n    },\n    (lockedProduct) => {\n        if (lockedProduct) {\n            onSelect(lockedProduct as Product);\n        }\n    }\n);\n\nconst unwatchProducts = watch(\n    () => {\n        return props.products;\n    },\n    (products) => {\n        if (!selected.value && products?.length) {\n            onSelect(props.modelValue as Product);\n        }\n    }\n);\n\nonUnmounted(() => {\n    unwatchProducts();\n    unwatchLockedProduct();\n});\n</script>\n","<template>\n    <div\n        :class=\"{ hidden: isLoading }\"\n        class=\"flex -mt-6 mb-2\"\n    >\n        <SecondaryButton\n            ref=\"localeButton\"\n            class=\"flex items-center ml-auto gap-1\"\n            @click.prevent=\"switchLanguage(newLocale)\"\n        >\n            <GlobeAltIcon class=\"w-4 h-4 text-white\"></GlobeAltIcon>\n            {{ $t(`languages.opp.${newLocale}?`) }}\n        </SecondaryButton>\n    </div>\n    <div v-if=\"isLoading\" class=\"flex gap-2 items-center justify-center\">\n        <Spinner class=\"p-8\"></Spinner>\n        <span v-if=\"isLoadingStripe\" class=\"text-sm font-medium text-gray-900\">\n            {{ $t(\"cart.preparingNewOrg\") }}\n        </span>\n    </div>\n    <form\n        :class=\"{ hidden: isLoading }\"\n        class=\"max-w-lg space-y-5 sm:space-y-8 flex flex-col relative\"\n        data-cy=\"register-form\"\n        @submit.prevent=\"submit\"\n    >\n        <MediumLargeHeader class=\"relative text-center text-gray-700 mx-auto\">\n            <span class=\"block\">{{ $t(\"cart.purchaseHalo\") + ' ' }}</span>\n            <span>{{ $t(\"cart.manageMinistry\") }}</span>\n        </MediumLargeHeader>\n\n        <ProductSelectionCards\n            data-cy=\"register-products\"\n            class=\"mt-6 sm:mt-8 sm:h-48\"\n            :products=\"products\"\n            :model-value=\"selectedProduct\"\n            :locked-product=\"promoCode?.product._newPrice ? promoCode?.product : null\"\n            @select=\"selectProduct\"\n        ></ProductSelectionCards>\n\n        <!--Account Details Section-->\n        <div class=\"grid grid-cols-6 gap-y-1.5 gap-x-3\">\n            <SmallHeader class=\"col-span-6 font-semibold text-gray-700\">\n                {{ $t('cart.accountDetails') }}\n            </SmallHeader>\n\n            <FormField\n                class=\"col-span-6\"\n                :errors=\"errors.organizationName\"\n                :label=\"$t('forms.orgName')\"\n                data-cy=\"register-org-name-error\"\n            >\n                <TextInput\n                    id=\"organizationName\"\n                    v-model=\"form.organizationName\"\n                    data-cy=\"register-org-name\"\n                    name=\"organizationName\"\n                    @focus=\"scrollToElement('organizationName', 'center')\"\n                >\n                </TextInput>\n            </FormField>\n\n            <FormField\n                class=\"col-span-6 sm:col-span-3\"\n                :errors=\"errors.firstName\"\n                data-cy=\"register-first-name-error\"\n                :label=\"$t('forms.firstName')\"\n            >\n                <TextInput\n                    id=\"firstName\"\n                    v-model=\"form.firstName\"\n                    data-cy=\"register-first-name\"\n                    name=\"firstName\"\n                >\n                </TextInput>\n            </FormField>\n\n            <FormField\n                class=\"col-span-6 sm:col-span-3\"\n                :errors=\"errors.lastName\"\n                data-cy=\"register-last-name-error\"\n                :label=\"$t('forms.lastName')\"\n            >\n                <TextInput\n                    id=\"lastName\"\n                    v-model=\"form.lastName\"\n                    data-cy=\"register-last-name\"\n                    name=\"lastName\"\n                >\n                </TextInput>\n            </FormField>\n\n            <FormField\n                class=\"col-span-6\"\n                :errors=\"errors.email\"\n                data-cy=\"register-email-error\"\n                :label=\"$t('forms.email')\"\n            >\n                <TextInput\n                    id=\"email\"\n                    v-model=\"form.email\"\n                    data-cy=\"register-email\"\n                    name=\"email\"\n                    type=\"email\"\n                    autocomplete=\"off\"\n                >\n                </TextInput>\n            </FormField>\n\n            <FormField\n                class=\"col-span-6\"\n                :errors=\"errors.password\"\n                data-cy=\"register-password-error\"\n                :label=\"$t('forms.password')\"\n            >\n                <PasswordInput\n                    id=\"password\"\n                    v-model=\"form.password\"\n                    data-cy=\"register-password\"\n                    name=\"password\"\n                    autocomplete=\"new-password\"\n                >\n                </PasswordInput>\n            </FormField>\n        </div>\n\n        <!--Payment Information Section-->\n        <div class=\"grid grid-cols-6 gap-y-1.5 gap-x-3\">\n            <SmallHeader class=\"col-span-6 font-semibold text-gray-700\">\n                {{ $t('cart.paymentInformation') }}\n            </SmallHeader>\n\n            <div class=\"col-span-6\">\n                <FormField\n                    :label=\"$t('forms.creditCard')\"\n                    data-cy=\"register-stripe-error\"\n                    :errors=\"errors.paymentMethodId\"\n                >\n                    <div :class=\"{'StripeElementContainer--dirty': stripeElementDirty}\">\n                        <StripeElement\n                            id=\"stripeElement\"\n                            :element=\"cardElement\"\n                            @focus=\"scrollToElement('stripeElement')\"\n                            @change=\"stripeEvent = $event\"\n                        ></StripeElement>\n                    </div>\n                    <div\n                        v-if=\"stripeEvent?.error\"\n                        class=\"pt-1 text-sm text-red-700 border-none capitalize-first\"\n                    >\n                        <LabelError>{{ stripeEvent?.error.message }}</LabelError>\n                    </div>\n\n                    <div\n                        v-if=\"!hasValidCard && stripeElementDirty\"\n                        class=\"pt-1 text-sm text-red-700 border-none capitalize-first\"\n                    >\n                        <LabelError>{{ $t(\"forms.validation.required\") }}</LabelError>\n                    </div>\n                </FormField>\n            </div>\n\n            <FormField\n                :label=\"$t('forms.promoCode')\"\n                :errors=\"errors.promoCode\"\n                class=\"col-span-6\"\n                data-cy=\"register-promo-code-error\"\n            >\n                <div class=\"flex gap-4 justify-between\">\n                    <TextInput\n                        id=\"promoCode\"\n                        v-model=\"promoCode.code\"\n                        name=\"promoCode\"\n                        data-cy=\"register-promo-code\"\n                        :placeholder=\"$t('forms.placeholders.promoCode')\"\n                        :disabled=\"isLoadingPromoCode || promoCode?.product.name.length\"\n                    ></TextInput>\n\n                    <AuxiliaryButton\n                        v-if=\"!promoCode?.product.name\"\n                        :disabled=\"!promoCode?.code || isLoadingPromoCode\"\n                        @click=\"onApplyPromoCode\"\n                    >\n                        <Spinner v-if=\"isLoadingPromoCode\"></Spinner>\n                        <span v-else>{{ $t(\"buttons.apply\") }}</span>\n                    </AuxiliaryButton>\n\n                    <AuxiliaryButton\n                        v-else\n                        class=\"w-5/12\"\n                        @click=\"onRemovePromoCode\"\n                    >\n                        {{ $t(\"cart.removeCode\") }}\n                    </AuxiliaryButton>\n                </div>\n            </FormField>\n\n            <div\n                v-show=\"promoCode?.product.name\"\n                class=\"col-span-6 flex flex-col gap-2\"\n            >\n                <div\n                    class=\"bg-success-200 flex justify-center gap-2 py-1.5 rounded-md\"\n                >\n                    <CheckCircleIcon class=\"w-5 text-dk-green-text\"></CheckCircleIcon>\n                    <SmallParagraphComp class=\"text-dk-green-text font-semibold\">\n                        {{ $t(\"cart.promoCodeApplied\") }}\n                    </SmallParagraphComp>\n                </div>\n                <p\n                    class=\"text-center text-sm text-halo-dk-teal font-medium\"\n                >\n                    {{ $t(promoCode?.description) }}\n                </p>\n            </div>\n        </div>\n\n        <!--Order Summary Section-->\n        <div\n            class=\"space-y-2\"\n            :class=\"promoCode?.product.name ? '' : 'pt-3 sm:pt-6'\"\n        >\n            <SmallHeader class=\"text-center font-semibold text-gray-700\">\n                {{ $t('cart.orderSummary') }}\n            </SmallHeader>\n            <div class=\"flex w-64 h-36 bg-gray-100 mx-auto rounded-md font-medium\">\n                <div class=\"w-44 h-20 m-auto space-y-0.5\">\n                    <div class=\"flex justify-between\">\n                        <SmallParagraphComp>\n                            {{ $t('cart.subtotal') }}\n                        </SmallParagraphComp>\n                        <SmallParagraphComp>\n                            {{ toTwoDecimals(subtotal) }}\n                        </SmallParagraphComp>\n                    </div>\n                    <div class=\"flex justify-between\">\n                        <SmallParagraphComp>\n                            {{ $t('cart.discounts') }}\n                        </SmallParagraphComp>\n                        <SmallParagraphComp>\n                            {{ toTwoDecimals(discounts) }}\n                        </SmallParagraphComp>\n                    </div>\n                    <div class=\"py-1\">\n                        <hr class=\"h-[1px] border-0 bg-black\">\n                    </div>\n                    <div class=\"flex justify-between font-semibold\">\n                        <SmallParagraphComp>\n                            {{ $t('cart.total') }}\n                        </SmallParagraphComp>\n                        <ParagraphComp>\n                            {{ toTwoDecimals(total) }}\n                        </ParagraphComp>\n                    </div>\n                </div>\n            </div>\n        </div>\n\n        <PrimaryButton\n            type=\"submit\"\n            class=\"w-5/12 mx-auto\"\n            :disabled=\"isLoadingStripe\"\n            @click.prevent=\"submit\"\n        >\n            <Spinner v-if=\"isLoadingStripe\"></Spinner>\n            <span\n                v-else\n                data-cy=\"register-submit\"\n            >{{ $t(\"cart.buyNow\") }}</span>\n        </PrimaryButton>\n\n        <div v-if=\"selectedProduct\">\n            <p class=\"italic text-xs text-left text-gray-900\">\n                {{ $t('cart.byClickingBuyNow') }}\n                <span class=\"font-semibold\">\n                    {{\n                        $t('cart.subscriptionFrequency', {\n                            amount: (promoCode?.product.name && !promoCode?.product._discountDuration) ? toTwoDecimals(promoCode?.product._newPrice) : toTwoDecimals(selectedProduct._amount - selectedProduct._discount),\n                            frequency: $t(`cart.frequency.${selectedProduct._frequency}.full`)\n                        })\n                    }}\n                </span>\n                {{\n                    !promoCode?.product._discountDuration ?\n                        $t(\"cart.beginningToday\") :\n                        $t(\"cart.beginningAfterPromo\", {\n                            n: promoCode?.product._discountDuration,\n                            amount: formatMoney(promoCode?.product._newPrice),\n                            duration: promoCode?.product._discountDuration\n                        })\n                }}\n            </p>\n        </div>\n        <AuthFormFooter :route=\"'login'\">\n            <template #message>\n                {{ $t('auth.alreadyHaveAccount') + ' ' }}\n            </template>\n            <template #link>\n                {{ $t('auth.logIn') }}\n            </template>\n        </AuthFormFooter>\n    </form>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue';\n\nexport default defineComponent({ name: 'RegisterPage' });\n</script>\n\n<script lang=\"ts\" setup>\n/* eslint-disable camelcase */\n// Stripe API properties\nimport AuthFormFooter from '@/components/forms/AuthFormFooter.vue';\nimport SmallParagraphComp from '@/components/paragraphs/SmallParagraphComp.vue';\nimport { useDinero } from '@/composables/useDinero';\nimport { Product } from '@/types';\nimport { KDS_CONNECT_KEY_LOCAL_STORAGE, MODULES } from '@/utils/constants';\nimport { includeScript, moduleIconsSolid, setCookie } from '@/utils/helper';\nimport trans from '@/utils/translation';\nimport { Component, computed, nextTick, onMounted, Ref, ref, ShallowRef, shallowRef, unref } from 'vue';\nimport { useI18n } from 'vue-i18n';\nimport FormField from '@/components/forms/FormField.vue';\nimport TextInput from '@/components/inputs/TextInput.vue';\nimport PasswordInput from '@/components/inputs/PasswordInput.vue';\nimport PrimaryButton from '@/components/buttons/PrimaryButton.vue';\nimport { flashStore } from '@/store';\nimport { createSetupIntent, getProducts, getPromoCode, register } from '@/composables/useAuth';\nimport useForm from '@/composables/useForm';\nimport ProductSelectionCards from '@/components/cards/ProductSelectionCards.vue';\nimport SmallHeader from '@/components/headers/SmallHeader.vue';\nimport { useRouter } from 'vue-router';\nimport { StripeElement, useStripe } from 'vue-use-stripe';\nimport Spinner from '@/components/utils/Spinner.vue';\nimport AuxiliaryButton from '@/components/buttons/AuxiliaryButton.vue';\nimport ParagraphComp from '@/components/paragraphs/ParagraphComp.vue';\nimport { CheckCircleIcon } from '@heroicons/vue/solid';\nimport * as yup from 'yup';\nimport MediumLargeHeader from '@/components/headers/MediumLargeHeader.vue';\nimport { scrollToElement } from '@/utils/helper';\nimport SecondaryButton from '@/components/buttons/SecondaryButton.vue';\nimport { GlobeAltIcon } from '@heroicons/vue/solid';\nimport LabelError from '@/components/forms/LabelError.vue';\nimport * as Sentry from '@sentry/vue';\n\ninterface PromoCode {\n    code?: string;\n    product: Product;\n    name?: string;\n    description?: string;\n}\n\nconst props = defineProps<{\n    codes?: {\n        aff?: string;\n        promo?: string;\n    },\n    lang?: 'en' | 'es'\n}>();\n\nconst { t } = useI18n();\nconst router = useRouter();\nconst { formatMoney, toTwoDecimals } = useDinero();\n\n/* *************************************************\n                      SETUP\n************************************************* */\nconst products: ShallowRef<Product[]> = shallowRef([]);\nconst selectedProduct: Ref<Product | null> = ref(null);\nconst isLoadingProducts = ref(false);\nconst isLoadingPromoCode = ref(false);\nconst isLoadingStripe = ref(false);\nconst setupIntent = ref(null as any);\nconst stripeElementDirty = ref(false);\nconst stripeEvent = ref();\nconst localeButton = ref();\n\nconst { locale: currentLocale } = useI18n();\n\nconst newLocale = computed(() => {\n    return trans.supportedLocales.find((l) => {\n        return l !== currentLocale.value;\n    });\n});\n\nconst switchLanguage = async (language: 'en' | 'es') => {\n    await trans.switchLanguage(language);\n\n    await nextTick(() => {\n        localeButton.value.$el.blur();\n    });\n};\n\nconst promoCode: Ref<PromoCode> = ref({\n    code: '',\n    product: {\n        prefixedId: '',\n        name: '',\n        description: '',\n        displayName: '',\n        modulePrices: [],\n        _newPrice: null\n    },\n    name: '',\n    description: ''\n});\n\n/* *************************************************\n                  COMPUTED VALUES\n************************************************* */\nconst isLoading = computed(() => {\n    return (\n        isLoadingProducts.value ||\n        isLoadingStripe.value\n    );\n});\n\nconst subtotal = computed(() => {\n    return selectedProduct.value?._amount ?? 0;\n});\n\nconst discounts = computed(() => {\n    if (promoCode.value.product._newPrice && selectedProduct.value?._amount) {\n        return selectedProduct.value?._amount - promoCode.value.product._newPrice;\n    }\n\n    return selectedProduct.value?._discount ?? 0;\n});\n\nconst total = computed(() => {\n    return subtotal.value - discounts.value;\n});\n\n/* *************************************************\n                       STRIPE\n************************************************* */\nconst doCreateSetupIntent = async () => {\n    const response = await createSetupIntent();\n    const jsonResponse = await response.json();\n\n    if (response.ok && jsonResponse.success) {\n        setupIntent.value = jsonResponse.setupIntent;\n    }\n};\n\nconst registerCard = async () => {\n    if (!setupIntent.value) {\n        await doCreateSetupIntent();\n    }\n\n    if ((stripeEvent as any).value.complete && setupIntent.value) {\n        return stripe.value.confirmCardSetup(setupIntent.value.client_secret, { payment_method: { card: cardElement.value } });\n    }\n\n    return { error: { message: t('flash.internalError') } };\n};\n\nconst { stripe, elements: [cardElement] } = useStripe({\n    key: import.meta.env.VITE_STRIPE_PUBLIC_KEY || '',\n    elements: [\n        {\n            type: 'card',\n            options: {\n                style: {\n                    base: {\n                        color: '#32325d',\n                        fontFamily: 'Helvetica Neue, Roboto',\n                        fontSmoothing: 'antialiased',\n                        fontSize: '16px',\n                        '::placeholder': { color: '#6b7280' }\n                    },\n                    invalid: {\n                        color: '#B91C1C',\n                        iconColor: '#B91C1C'\n                    }\n                },\n                hidePostalCode: true\n            }\n        }\n    ],\n    constructorOptions: { locale: currentLocale.value ?? undefined }\n});\n\nconst hasValidCard = computed(() => {\n    return stripeEvent.value?.complete && !stripeEvent.value?.empty;\n});\n\n/* *************************************************\n                       FORM\n************************************************* */\nconst fields = {\n    organizationName: '',\n    firstName: '',\n    lastName: '',\n    email: '',\n    password: ''\n};\n\nconst schema = yup.object({\n    organizationName: yup.string().max(255).required(),\n    firstName: yup.string().max(255).required(),\n    lastName: yup.string().max(255).required(),\n    email: yup.string().max(255).email().required(),\n    password: yup.string().min(8).required(),\n    promoCode: yup.string()\n});\n\nconst { form, errors, setErrors, handleSubmit } = useForm(\n    { ...fields }, schema\n);\n\nconst submit = async () => {\n    if (document.getElementById('promoCode') === document.activeElement) {\n        return onApplyPromoCode();\n    }\n\n    stripeElementDirty.value = true;\n\n    await handleSubmit().then((valid) => {\n        if (!valid) {\n            return;\n        }\n    });\n\n    if (stripeEvent?.value?.complete) {\n        let success = false;\n        isLoadingStripe.value = true;\n\n        const { setupIntent, error } = await registerCard();\n\n        if (error) {\n            isLoadingStripe.value = false;\n            return flashStore.doFlash({\n                message: error.message,\n                level: 'error'\n            });\n        }\n\n        if (setupIntent.status === 'succeeded') {\n            const response = await register({\n                ...{\n                    paymentMethodId: setupIntent.payment_method,\n                    productName: selectedProduct.value?.name\n                },\n                ...unref(form)\n            });\n            const jsonResponse = await response.json();\n\n            if (!response.ok) {\n                isLoadingStripe.value = false;\n\n                if (response.status === 422) {\n                    setErrors(jsonResponse.errors);\n                    resetCardElement();\n                    return false;\n                }\n\n                resetCardElement();\n\n                return flashStore.doFlash({\n                    message: jsonResponse.message,\n                    level: 'error'\n                });\n            } else {\n                success = true;\n            }\n        }\n\n        if (success) {\n            flashStore.doFlash({ message: t('flash.paymentMethodSaved') });\n\n            if (promoCode?.value.code === import.meta.env.VITE_MIGRATION_PROMO_CODE) {\n                await router.push({ name: 'giving.dashboard' });\n            } else if (localStorage.getItem(KDS_CONNECT_KEY_LOCAL_STORAGE)) {\n                await router.push({ name: 'giving.kdsMigration.index' });\n            } else {\n                window.location.replace(router.resolve({ name: 'giving.dashboard' }).href);\n            }\n        } else {\n            isLoadingStripe.value = false;\n\n            flashStore.doFlash({\n                message: t('flash.paymentNotProcessed'),\n                level: 'error'\n            });\n        }\n    } else {\n        isLoadingStripe.value = false;\n    }\n};\n\nconst resetCardElement = () => {\n    cardElement.value.clear();\n    doCreateSetupIntent();\n};\n\n/* *************************************************\n                   PROMO CODE\n************************************************* */\nconst onApplyPromoCode = () => {\n    setErrors({\n        ...errors.value,\n        promoCode: null\n    });\n\n    isLoadingPromoCode.value = true;\n\n    getPromoCode({ promoCode: promoCode.value.code }).then(async (response) => {\n        const jsonResponse = await response.json();\n        if (jsonResponse.isValid) {\n            promoCode.value.name = jsonResponse.product;\n            promoCode.value.description = jsonResponse.description;\n\n            const prod = products.value.find((p: Product) => {\n                return p.name === promoCode.value.name;\n            }) as Product | undefined;\n\n            if (prod !== undefined) {\n                promoCode.value.product = prod;\n                promoCode.value.product._newPrice = jsonResponse.newPrice.toString();\n                promoCode.value.product._discountDuration = jsonResponse.discountDuration;\n            }\n\n            form.value.promoCode = promoCode.value.code;\n        } else {\n            setErrors({\n                ...errors.value,\n                promoCode: t('forms.validation.invalidPromoCode')\n            });\n        }\n    }).finally(() => {\n        return isLoadingPromoCode.value = false;\n    });\n};\n\nconst onRemovePromoCode = () => {\n    promoCode.value.code = '';\n    promoCode.value.product = {\n        prefixedId: '',\n        name: '',\n        description: '',\n        displayName: '',\n        _newPrice: null,\n        modulePrices: []\n    };\n    promoCode.value.name = '';\n    promoCode.value.description = '';\n    form.value.promoCode = '';\n};\n\n/* *************************************************\n                     PRODUCTS\n************************************************* */\nconst doGetProducts = async () => {\n    isLoadingProducts.value = true;\n\n    const response = await getProducts();\n    const jsonResponse = await response.json();\n\n    if (!response.ok || !jsonResponse.success) {\n        return flashStore.doFlash({\n            message: t('flash.internalError'),\n            level: 'error'\n        });\n    } else {\n        products.value = jsonResponse.products\n            .map((product: Product) => {\n                product._icon = moduleIconsSolid[product.name] as Component;\n                return product;\n            })\n            .sort((item: Product) => {\n                return item.name === MODULES.GIVING ? -1 : 1;\n            })\n            .filter((item: Product) => {\n                // if ([ 'local', 'development' ].includes(import.meta.env.VITE_ENV as string)) {\n                //     return item;\n                // }\n                return item.name !== MODULES.CHECK_IN;\n            });\n    }\n\n    if (!products.value.length) {\n        Sentry.captureMessage('No products available');\n\n        return flashStore.doFlash({\n            message: t('flash.internalError'),\n            level: 'error'\n        });\n    }\n\n    setupProducts();\n    isLoadingProducts.value = false;\n};\n\nconst setupProducts = () => {\n    const linkedProduct = ref();\n\n    if (router.currentRoute.value.query.product) {\n        linkedProduct.value = products.value.find((product) => {\n            return product.name === router.currentRoute.value.query.product;\n        });\n    }\n\n    selectProduct(linkedProduct.value ?? products.value.at(0) as Product);\n};\n\nconst selectProduct = (value: Product) => {\n    selectedProduct.value = value;\n};\n\nonMounted(() => {\n    if (props.lang && ['en', 'es'].includes(props.lang)) {\n        trans.switchLanguage(props.lang);\n    }\n\n    doGetProducts();\n    doCreateSetupIntent().finally(() => {\n        if (props.codes?.promo) {\n            promoCode.value.code = props.codes.promo;\n            onApplyPromoCode();\n        }\n    });\n    includeScript('https://js.stripe.com/v3/');\n\n    if (props.codes?.aff) {\n        setCookie('affiliateCode', props.codes.aff);\n    }\n});\n</script>\n"],"names":["__default__","formatMoney","useDinero","props","__props","emit","__emit","selected","ref","_a","onSelect","product","unwatchLockedProduct","watch","lockedProduct","unwatchProducts","products","onUnmounted","defineComponent","t","useI18n","router","useRouter","toTwoDecimals","shallowRef","selectedProduct","isLoadingProducts","isLoadingPromoCode","isLoadingStripe","setupIntent","stripeElementDirty","stripeEvent","localeButton","currentLocale","newLocale","computed","trans","l","switchLanguage","language","nextTick","promoCode","isLoading","subtotal","discounts","_b","_c","total","doCreateSetupIntent","response","createSetupIntent","jsonResponse","registerCard","stripe","cardElement","useStripe","hasValidCard","fields","schema","yup.object","yup.string","form","errors","setErrors","handleSubmit","useForm","submit","onApplyPromoCode","valid","success","error","flashStore","register","unref","resetCardElement","KDS_CONNECT_KEY_LOCAL_STORAGE","getPromoCode","prod","p","onRemovePromoCode","doGetProducts","getProducts","moduleIconsSolid","item","MODULES","Sentry.captureMessage","setupProducts","linkedProduct","selectProduct","value","onMounted","includeScript","setCookie"],"mappings":"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"}