{"version":3,"file":"BundleCheckout-BBGARNqM.js","sources":["../../../src/components/BundleDetails.vue","../../../src/api/bundles.ts","../../../src/api/setupIntent.ts","../../../src/components/Checkout/BundleCheckout.vue"],"sourcesContent":["<template>\n    <div class=\"bg-white rounded-md px-3 py-4 mb-2 lg:bg-transparent lg:rounded-none\">\n        <div class=\"text-lg font-semibold\">{{ cart.$state.bundle?.description }}</div>\n        <div\n            class=\"lg:block\"\n            :class=\"{ 'hidden': !store.$state.steps.showOrderDetails.open }\"\n        >\n            <!-- BUNDLE ITEMS -->\n            <div class=\"bundle__item\">\n                <!-- PLAN -->\n                <template v-if=\"cart.$state.bundle?.plan\">\n                    <div class=\"text-lg font-semibold\">\n                        Membership\n                    </div>\n                    <LineItem>\n                        <template #default>\n                            <span class=\"capitalize\">\n                                {{ cart.$state.bundle.plan.group_key }} Plan\n                            </span>\n                        </template>\n                        <template #description>\n                            <span class=\"capitalize\">\n                                {{ cart.$state.bundle.plan.billing_interval }} membership\n                            </span>\n                        </template>\n                    </LineItem>\n                </template>\n            </div>\n\n            <div class=\"bundle__item\">\n                <!-- EQUIPMENT -->\n                <div class=\"text-lg font-semibold\">\n                    Equipment\n                </div>\n                <template v-if=\"cart.$state.bundle?.equipment?.length\">\n                    <LineItem\n                        v-for=\"equipment in cart.$state.bundle.equipment\"\n                        :key=\"equipment.stripe_price_id\"\n                    >\n                        <template #default>\n                            {{ equipment.label }}\n                        </template>\n                        <template #description>\n                            <div>{{ equipment.description }}</div>\n                        </template>\n                    </LineItem>\n                </template>\n            </div>\n        </div>\n\n        <!-- TOTALS -->\n        <TotalSection\n            class=\"bundle__item\"\n            :total-only=\"!store.$state.steps.showOrderDetails.open\"\n        />\n\n        <!-- SHOW DETAILS -->\n        <div class=\"lg:hidden\">\n\n            <button\n                type=\"button\"\n                class=\"text-blue-700 text-left content-start px-0 justify-between flex w-full items-center gap-2 py-2 uppercase font-semibold text-sm\"\n                @click=\"store.$state.steps.showOrderDetails.open = !store.$state.steps.showOrderDetails.open\"\n            >\n                <span>\n                    {{ store.$state.steps.showOrderDetails.open ? 'Hide' : 'Show' }} Order Details\n                </span>\n                <ChevronDownIcon\n                    class=\"h-5 w-5\"\n                    :class=\"{\n                        'transform rotate-180': store.$state.steps.showOrderDetails.open,\n                    }\"\n                />\n            </button>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ChevronDownIcon } from '@heroicons/vue/24/solid'\nimport { useCheckoutStore } from '@/store/checkout'\nimport { useCartStore } from '@/store/cart'\nimport TotalSection from '@/components/Shared/TotalSection.vue'\nimport LineItem from '@/components/Shared/LineItem.vue'\n\nconst store = useCheckoutStore()\nconst cart = useCartStore()\n</script>\n\n<style>\n.bundle__item {\n    @apply flex flex-col gap-4 text-base font-medium my-3 border-t-2 border-gray-300 pt-3;\n}\n</style>\n","import { apiResponseToError } from '@/utils/api'\n\nexport const bundlePurchase = async(params: BundlePurchaseParams): Promise<BundleOrder> => {\n    const endpoint = '/wp-json/wr-cart/order/bundle'\n\n    const response = await fetch(endpoint, {\n        method: 'POST',\n        headers: {\n            'Content-Type': 'application/json',\n            Accept: 'application/json',\n        },\n        body: JSON.stringify(params),\n    })\n    return await apiResponseToError(response)\n}\n","import { apiResponseToError } from '@/utils/api'\n\nexport const setupIntent = async(params: PaymentIntentParams): Promise<PaymentIntentResponse> => {\n    const endpoint = '/wp-json/wr-cart/order/setup'\n    const method = params.payment_intent_id ? 'PUT' : 'POST'\n\n    const response = await fetch(endpoint, {\n        method,\n        headers: {\n            'Content-Type': 'application/json',\n            Accept: 'application/json',\n        },\n        body: JSON.stringify(params),\n    })\n    return await apiResponseToError(response)\n}\n","<template>\n    <div>\n        <div class=\"flex flex-col xl:gap-48 lg:gap-32 lg:flex-row-reverse lg:items-start lg:justify-between\">\n            <OrderDetails class=\"lg:flex-1\" />\n\n            <div class=\"col lg:flex-1\">\n                <AppAccordion\n                    label=\"Create Account\"\n                    prefix=\"1.\"\n                    :complete=\"store.$state.accountValidated\"\n                    v-model=\"store.$state.steps.createAccount.open\"\n                    ref=\"createAccountAccordion\"\n                >\n                    <LoginStep\n                        mode=\"new\"\n                        @complete=\"handleLoginComplete\"\n                    />\n                </AppAccordion>\n\n                <AppAccordion\n                    label=\"Shipping & Payment\"\n                    prefix=\"2.\"\n                    class=\"border-t-2 border-gray-400\"\n                    :disabled=\"!store.$state.accountValidated\"\n                    :complete=\"store.$state.steps.paymentMethod.complete\"\n                    v-model=\"store.$state.steps.paymentMethod.open\"\n                >\n                    <StripeElements\n                        v-if=\"store.$state.steps.paymentMethod.open\"\n                        :handler=\"paymentHandler\"\n                        :validatorFn=\"prePaymentValidator\"\n                        :paymentIntentFn=\"paymentIntentFn\"\n                        :disableCoupon=\"true\"\n                    >\n                        <template #before-wallets>\n                            <div class=\"text-base text-gray-700\" id=\"shipping-info\">\n                                Quest 3 typically arrives within 5-7 business days.\n                            </div>\n                        </template>\n                    </StripeElements>\n                </AppAccordion>\n            </div>\n        </div>\n\n        <ProgressModal\n            v-if=\"state.showProgressModal\"\n            :steps=\"steps\"\n            :loading=\"state.showProgressModal\"\n        >\n            <template v-if=\"state.orderComplete\">\n                <p class=\"text-center my-6\">\n                    <template v-if=\"redirectCountDown >= 0\">\n                        You will be redirected in {{ redirectCountDown }} seconds\n                    </template>\n                    <template v-else> Redirecting you now... </template>\n                </p>\n                <a class=\"button button--primary\" :href=\"orderCompletePage\">\n                    Click here to Get Started!\n                </a>\n            </template>\n        </ProgressModal>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useCheckoutStore } from '@/store/checkout'\nimport { useUserStore } from '@/store/user'\nimport { useCartStore } from '@/store/cart'\nimport OrderDetails from '@/components/BundleDetails.vue'\nimport LoginStep from '@/components/Shared/LoginStep.vue'\nimport AppAccordion from '@/components/App/AppAccordion.vue'\nimport { isUniqueEmail } from '@/api/memberships'\nimport { bundlePurchase } from '@/api/bundles'\nimport { computed, nextTick, reactive, ref } from 'vue'\nimport { v4 as uuid } from 'uuid'\nimport ProgressModal from '@/components/Shared/ProgressModal.vue'\nimport StripeElements from '@/components/Shared/StripeElements.vue'\nimport { trackOrder } from '@/utils/trackers'\nimport { setupIntent } from '@/api/setupIntent'\n\nconst store = useCheckoutStore()\nconst userStore = useUserStore()\nconst cart = useCartStore()\nconst state = reactive({\n    paymentComplete: false,\n    subscriptionComplete: false,\n    equipmentComplete: false,\n    trackingComplete: false,\n    finalizingComplete: false,\n    orderComplete: false,\n    trackingResponse: {\n        tracked: [] as any[],\n        errors: [] as unknown[],\n    },\n    redirectInterval: null as number | null,\n    showProgressModal: false,\n})\n\nconst redirectCountDown = ref(5)\nconst createAccountAccordion = ref()\nconst orderCompletePage = computed(() => {\n    const plan = cart.selectedPlan?.group_key || ''\n    const interval = cart.selectedPlan?.billing_interval || ''\n    return `/membership-purchased/?plan=${plan}&billing=${interval}&bundle=${cart.$state.bundle?.bundle_group_key}`\n})\n\nconst handleLoginComplete = () => {\n    store.$patch({\n        steps: {\n            selectEquipment: {\n                complete: true,\n            },\n            paymentMethod: {\n                open: true,\n            },\n        },\n    })\n}\n\nconst steps = computed((): ProgressStep[] => {\n    const steps: ProgressStep[] = [\n        {\n            name: 'Verifying payment',\n            status: state.paymentComplete ? 'complete' : 'current',\n        },\n        {\n            name: 'Processing order',\n            status: !state.paymentComplete\n                ? 'upcoming'\n                : state.subscriptionComplete\n                    ? 'complete'\n                    : 'current',\n        },\n        {\n            name: 'Creating login credentials',\n            status: !state.equipmentComplete\n                ? 'upcoming'\n                : state.trackingComplete\n                    ? 'complete'\n                    : 'current',\n        },\n        {\n            name: 'Order complete',\n            status: !state.finalizingComplete\n                ? 'upcoming'\n                : state.orderComplete\n                    ? 'complete'\n                    : 'current',\n        },\n    ]\n    return steps\n})\n\nconst resetProgress = () => {\n    state.paymentComplete = false\n    state.equipmentComplete = false\n    state.trackingComplete = false\n    state.finalizingComplete = false\n    state.orderComplete = false\n    state.trackingResponse = {\n        tracked: [] as any[],\n        errors: [] as unknown[],\n    }\n    state.redirectInterval = null\n    state.showProgressModal = false\n}\n\nconst redirect = () => {\n    window.location.href = orderCompletePage.value\n}\n\nconst finalizeOrder = () => new Promise((resolve) => {\n    setTimeout(() => {\n        state.trackingComplete = true\n        setTimeout(() => {\n            state.finalizingComplete = true\n            setTimeout(() => {\n                state.orderComplete = true\n                state.redirectInterval = window.setInterval(() => {\n                    if (redirectCountDown.value <= 1) {\n                        if (state.redirectInterval) {\n                            clearInterval(state.redirectInterval)\n                        }\n                        state.showProgressModal = false\n                        redirect()\n                    }\n                    redirectCountDown.value--\n                }, 1000)\n                resolve(true)\n            }, 350)\n        }, 250)\n    }, 150)\n})\n\nconst paymentIntentFn = async(params: Partial<PaymentIntentParams>) => {\n    const checkoutParams = store.getCheckoutParams()\n    const response: PaymentIntentResponse = await setupIntent({\n        ...params,\n        wc_id: cart.$state.bundle?.wc_id,\n        subscription: cart.$state.bundle?.plan?.stripe_price_id,\n        is_bundle: true,\n        amount: cart.totals.total,\n        description: cart.$state.bundle?.description,\n        shipping: checkoutParams.shipping,\n        address: checkoutParams.address,\n    })\n    store.$patch({\n        paymentIntent: {\n            id: response.id,\n            client_secret: response.client_secret,\n            payment_method: response.payment_method || store.$state.paymentIntent?.payment_method,\n        },\n    })\n}\n\nconst handleTracking = async(membershipOrder: any, equipmentOrder: any) => {\n    const { tracked, errors } = trackOrder(membershipOrder, equipmentOrder)\n    state.trackingResponse.tracked = tracked || []\n    state.trackingResponse.errors = errors || []\n}\n\nconst prePaymentValidator = async(): Promise<boolean> => {\n    const isUnique = await isUniqueEmail(store.$state.email)\n    if (!isUnique) {\n        throw new Error('Your email address is already in use. Please contact support@winreality.com')\n    }\n\n    if (!store.$state.accountValidated) {\n        // open create account accordion\n        store.$state.steps.createAccount.open = true\n        await nextTick()\n        // scroll to createAccountAccordion ref\n        window.scrollTo({\n            top: createAccountAccordion.value.$el.offsetTop,\n            behavior: 'smooth',\n        })\n        throw new Error('Please re-validate your account credentials')\n    }\n    store.$state.username = uuid()\n    return true\n}\n\nconst paymentHandler = async(paymentMethodId: string, stripeCustomerId?: string) => {\n    if (!cart.$state.bundle) {\n        return\n    }\n    state.showProgressModal = true\n    setTimeout(() => {\n        state.paymentComplete = true\n    }, 500)\n    try {\n        const checkoutParams = store.getCheckoutParams()\n        const params: BundlePurchaseParams = {\n            ...checkoutParams,\n            wc_id: cart.$state.bundle.wc_id,\n            payment_method: paymentMethodId || store.$state.paymentIntent?.payment_method,\n            payment_intent_id: store.$state.paymentIntent?.id,\n            stripe_customer_id: stripeCustomerId,\n            is_bundle: true,\n        }\n        const bundleOrder = await bundlePurchase(params)\n        state.equipmentComplete = true\n        state.subscriptionComplete = true\n        const wr_login_data = {\n            username: bundleOrder.username,\n            account_id: bundleOrder.account_id,\n            membership_details: bundleOrder.membership_details,\n            order_id: bundleOrder.order_id,\n            redirect_url: bundleOrder.redirect_url,\n            email: store.$state.email,\n        }\n        handleTracking(wr_login_data, bundleOrder.order)\n        try {\n            localStorage.setItem('wr_login_data', JSON.stringify(wr_login_data || '{}'))\n            const loginResponse = await userStore.login({\n                username: store.$state.email,\n                password: store.$state.password,\n            })\n            if (loginResponse?.access_token) {\n                localStorage.setItem('access_token', loginResponse.access_token)\n            }\n            await userStore.userInfo()\n        } catch(e) {\n            //\n        }\n        await finalizeOrder()\n        return true\n    } catch (e: any) {\n        resetProgress()\n        if (e?.message && typeof e.message === 'string') {\n            try {\n                const message = JSON.parse(e.message || '{}')\n                if (message?.message) {\n                    throw new Error(message.message)\n                }\n            } catch (error) {\n                //throw e\n            }\n        } else if (e?.message && typeof e.message !== 'string') {\n            console.error(e)\n            throw new Error('Something went wrong. Please contact support')\n        }\n        throw e\n    }\n}\n</script>\n"],"names":["store","useCheckoutStore","cart","useCartStore","bundlePurchase","params","response","apiResponseToError","setupIntent","endpoint","method","userStore","useUserStore","state","reactive","redirectCountDown","ref","createAccountAccordion","orderCompletePage","computed","plan","_a","interval","_b","_c","handleLoginComplete","steps","resetProgress","redirect","finalizeOrder","resolve","paymentIntentFn","checkoutParams","_d","_e","handleTracking","membershipOrder","equipmentOrder","tracked","errors","trackOrder","prePaymentValidator","isUniqueEmail","nextTick","uuid","paymentHandler","paymentMethodId","stripeCustomerId","bundleOrder","wr_login_data","loginResponse","e","message"],"mappings":"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"}