{"version":3,"file":"OrgCheckout-DomqTBRa.js","sources":["../../../src/components/Hardware/HeadsetFinancing.vue","../../../src/components/Checkout/OrgCheckout.vue"],"sourcesContent":["<template>\n    <div v-if=\"financing\" class=\"bg-white rounded-lg px-3 py-4 flex items-start relative\">\n        <input type=\"checkbox\" name=\"meta_quest_financing\" id=\"meta_quest_financing\" class=\"h-5 w-5 border-2 rounded\" v-model=\"cart.headsetFinancing.enabled\">\n        <div class=\"ml-3 w-full\">\n            <label for=\"meta_quest_financing\" class=\"space-y-3\">\n                <div class=\"flex justify-between\">\n                    <div>Meta Quest 3S</div>\n                    <div class=\"font-normal text-right\"><template v-if=\"cart.headsetFinancing.paymentOption == 'in-full'\">$348.00</template><template v-else><template v-if=\"financing.upfrontPayment\">{{ formatCurrency(financing.upfrontPayment) }} plus\n                        <br></template>{{ formatCurrency(financing.monthlyPayment) }}/mo</template></div>\n                </div>\n                <p class=\"text-sm font-base\" v-if=\"!cart.headsetFinancing.enabled\">Having your own VR Headset is recommended for the program. If you do not already own a Meta Quest 2, 3, 3S or Pro, check the box above to add a headset to your order.</p>\n            </label>\n            <div v-if=\"cart.headsetFinancing.enabled\" class=\"my-4\">\n                <ToggleInput name=\"interval\" label=\"Billing Interval\" :options=\"[{\n                    label: 'Pay In Full',\n                    value: 'in-full',\n                }, {\n                    label: 'Pay Over Time',\n                    value: 'over-time',\n                }]\" v-model=\"cart.headsetFinancing.paymentOption\" />\n            </div>\n            <div class=\"text-sm text-[#6E7086] space-y-4\">\n                <p v-if=\"cart.headsetFinancing.paymentOption == 'over-time'\"><template v-if=\"financing.upfrontPayment\">An initial payment of {{ formatCurrency(financing.upfrontPayment) }} will be charged for the first month. </template>{{ formatCurrency(financing.monthlyPayment) }} will be billed each month for {{ financing.numberOfMonths }} months<template v-if=\"financing.upfrontPayment\"> ({{ financing.numberOfMonths + 1 }} total payments)</template>. Your monthly headset and membership payments will show up as two separate charges on your credit card.</p>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useCheckoutStore } from '@/store/checkout'\nimport { useCartStore } from '@/store/cart'\nimport ToggleInput from '../Form/ToggleInput.vue'\nimport { formatCurrency } from '@/utils/currency'\n\nconst store = useCheckoutStore()\nconst cart = useCartStore()\n\nconst financing = store?.org?.features.headsetFinancing || null\n</script>\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 label=\"Create Account\" prefix=\"1.\" :complete=\"store.$state.accountValidated\" v-model=\"store.$state.steps.createAccount.open\" ref=\"createAccountAccordion\">\n                    <LoginStep mode=\"new\" @complete=\"handleLoginComplete\" />\n                </AppAccordion>\n\n                <AppAccordion label=\"Select Equipment\" prefix=\"2.\" class=\"border-t-2 border-gray-400\" :disabled=\"!store.$state.steps.createAccount.complete\" :complete=\"store.$state.steps.selectEquipment.complete\" v-model=\"store.$state.steps.selectEquipment.open\">\n                    <HeadsetFinancing v-if=\"store.org?.features?.headsetFinancing\" />\n                    <EquipmentStep disableShippingOptions />\n                </AppAccordion>\n\n                <AppAccordion :label=\"cart.requireShipping ? 'Shipping &amp; Payment' : 'Payment'\" prefix=\"3.\" class=\"border-t-2 border-gray-400\" :disabled=\"!store.$state.steps.selectEquipment.complete\" :complete=\"store.$state.steps.paymentMethod.complete\" v-model=\"store.$state.steps.paymentMethod.open\">\n                    <StripeElements v-if=\"store.$state.steps.paymentMethod.open\" :handler=\"paymentHandler\" :validatorFn=\"prePaymentValidator\" />\n                </AppAccordion>\n            </div>\n        </div>\n\n        <ProgressModal v-if=\"state.showProgressModal\" :steps=\"steps\" :loading=\"state.showProgressModal\">\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'\nimport HeadsetFinancing from '@/components/Hardware/HeadsetFinancing.vue'\n\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    org: null as Org | null,\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}&promocode=${cart.$state.couponPromo?.code}`\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 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 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 = () =>\n    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))\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(\n            'Your email address is already in use. Please contact support@winreality.com',\n        )\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(paymentMethodId, stripeCustomerId)\n        }\n\n        if (store.$state.membershipOrder && cart.requireShipping) {\n            const stripeCustomerId = store.$state.membershipOrder.customer_id\n            const equipmentOrder = await handleEquipmentPurchase(paymentMethodId, stripeCustomerId)\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        if (cart.headsetFinancing.enabled) await handleHeadsetFinancing()\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\nconst handleHeadsetFinancing = async() => {\n    const fields = [\n        new Date().toUTCString(),\n        store.org?.name,\n        store.fullName,\n        store.email,\n        cart.headsetFinancing.paymentOption,\n    ]\n    const formData = new FormData()\n\n    formData.append('action', 'append_to_financing_sheet')\n    formData.append('fields', JSON.stringify(fields))\n\n    try {\n        const response = await fetch('https://winreality.com/wp-admin/admin-ajax.php', {\n            method: 'POST',\n            body: formData,\n        })\n\n        if (!response.ok) {\n            throw new Error('Network response was not ok')\n        }\n\n        const data = await response.json()\n        console.log('Success:', data)\n    } catch (error) {\n        console.error('Error:', error)\n    }\n}\n</script>\n"],"names":["store","useCheckoutStore","cart","useCartStore","financing","_a","userStore","useUserStore","state","reactive","redirectCountDown","ref","createAccountAccordion","orderCompletePage","computed","_b","_c","steps","handleLoginComplete","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","handleHeadsetFinancing","e","message","fields","formData","response","data"],"mappings":"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"}