{"version":3,"file":"SubscriptionCheckout-BHmLcbFa.js","sources":["../../../src/components/Checkout/SubscriptionCheckout.vue"],"sourcesContent":["<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=\"Select Equipment\"\n                    prefix=\"2.\"\n                    class=\"border-t-2 border-gray-400\"\n                    :disabled=\"!store.$state.steps.createAccount.complete\"\n                    :complete=\"store.$state.steps.selectEquipment.complete\"\n                    v-model=\"store.$state.steps.selectEquipment.open\"\n                >\n                    <EquipmentStep />\n                </AppAccordion>\n\n                <AppAccordion\n                    :label=\"cart.requireShipping ? 'Shipping &amp; Payment' : 'Payment'\"\n                    prefix=\"3.\"\n                    class=\"border-t-2 border-gray-400\"\n                    :disabled=\"!store.$state.steps.selectEquipment.complete\"\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                    />\n                </AppAccordion>\n\n                <!-- TRACKER RESPONSE -->\n                <div\n                    v-if=\"SHOW_TRACKER_RESPONSE && state.trackingComplete\"\n                    class=\"flex flex-col items-center justify-center\"\n                >\n                    <div\n                        v-for=\"(tracker, index) in state.trackingResponse.tracked\"\n                        :key=\"index\"\n                        class=\"my-4 p-4 bg-white rounded-md text-base\"\n                    >\n                        <h2>{{ tracker.tracker }}</h2>\n                        <p>{{ tracker.type }}</p>\n                        <pre>{{ tracker.params }}</pre>\n                    </div>\n                    <h2>Tracker Errors</h2>\n                    <div\n                        v-for=\"(trackerError, index) in state.trackingResponse.errors\"\n                        :key=\"index\"\n                        class=\"my-4 p-4 bg-white rounded-md text-base\"\n                    >\n                        {{ trackerError }}\n                    </div>\n                </div>\n                <!-- / TRACKER RESPONSE -->\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/Shared/OrderDetails.vue'\nimport LoginStep from '@/components/Shared/LoginStep.vue'\nimport EquipmentStep from '@/components/Shared/EquipmentStep.vue'\nimport AppAccordion from '@/components/App/AppAccordion.vue'\nimport { createMembership, createHardwareOrder, isUniqueEmail } from '@/api/memberships'\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'\n\nconst SHOW_TRACKER_RESPONSE = import.meta.env.DEV && import.meta.env.VITE_SHOW_TRACKER_RESPONSE\nconst store = useCheckoutStore()\nconst userStore = useUserStore()\nconst cart = useCartStore()\n\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 handleLoginComplete = () => {\n    store.$patch({\n        steps: {\n            createAccount: {\n                complete: true,\n                open: false,\n            },\n            selectEquipment: {\n                complete: false,\n                open: true,\n            },\n        },\n    })\n}\n\nconst redirectCountDown = ref(5)\nconst createAccountAccordion = ref()\nconst orderCompletePage = computed(() => {\n    return `/membership-purchased/?plan=${cart.selectedPlan?.group_key}&billing=${cart.selectedPlan?.billing_interval}`\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    if (cart.requireShipping) {\n        steps.splice(2, 0, {\n            name: 'Ordering equipment',\n            status: !state.subscriptionComplete\n                ? 'upcoming'\n                : state.equipmentComplete\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 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 handleEquipmentPurchase = async (paymentMethodId: string, stripeCustomerId: string) => {\n    const params = store.getCheckoutParams()\n    const orderParams = {\n        ...params,\n        payment_method: paymentMethodId || store.$state.paymentMethodId,\n        customer_id: stripeCustomerId || store.$state.stripeCustomerId,\n        account_id: store.$state.accountId || undefined,\n    }\n    const orderResponse = await createHardwareOrder(orderParams)\n    state.equipmentComplete = true\n    return orderResponse\n}\n\nconst handleSubscriptionPurchase = async (\n    paymentMethodId: string,\n    stripeCustomerId: string,\n): Promise<MembershipOrder> => {\n    const params = store.getCheckoutParams()\n    const orderParams = {\n        ...params,\n        payment_method: paymentMethodId || store.$state.paymentMethodId,\n        customer_id: stripeCustomerId || store.$state.stripeCustomerId,\n    }\n\n    const membershipOrder: MembershipOrder = await createMembership(orderParams)\n\n    store.$patch({\n        membershipOrder,\n        stripeCustomerId: membershipOrder.customer_id,\n        orderParams,\n        accountId: membershipOrder.account_id,\n    })\n\n    try {\n        localStorage.setItem('wr_login_data', JSON.stringify({ ...membershipOrder, email: store.$state.email }))\n    } catch (error) {\n        console.error(error)\n    }\n\n    state.subscriptionComplete = true\n    if (!cart.requireShipping) {\n        state.equipmentComplete = true\n    }\n    return membershipOrder\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    state.showProgressModal = true\n    setTimeout(() => {\n        state.paymentComplete = true\n    }, 500)\n    try {\n        if (!state.subscriptionComplete) {\n            await handleSubscriptionPurchase(\n                paymentMethodId,\n                stripeCustomerId,\n            )\n        }\n\n        if (store.$state.membershipOrder && cart.requireShipping) {\n            const stripeCustomerId = store.$state.membershipOrder.customer_id\n            const equipmentOrder = await handleEquipmentPurchase(\n                paymentMethodId,\n                stripeCustomerId,\n            )\n            handleTracking(store.$state.membershipOrder, equipmentOrder)\n        } else {\n            handleTracking(store.$state.membershipOrder, null)\n        }\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        userStore.userInfo()\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","userStore","useUserStore","cart","useCartStore","state","reactive","handleLoginComplete","redirectCountDown","ref","createAccountAccordion","orderCompletePage","computed","_a","_b","steps","steps2","resetProgress","redirect","finalizeOrder","resolve","handleTracking","membershipOrder","equipmentOrder","tracked","errors","trackOrder","handleEquipmentPurchase","paymentMethodId","stripeCustomerId","orderParams","orderResponse","createHardwareOrder","handleSubscriptionPurchase","createMembership","error","prePaymentValidator","isUniqueEmail","nextTick","uuid","paymentHandler","loginResponse","e","message"],"mappings":"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"}