@zonos/elements 1.3.5-alpha.0 → 1.3.6

package/dist/components/{cart.js → stripe.js}

@@ -1,16 +1,243 @@
-import { z as zonosStore, c as createStore } from './zonosStore.js';
-import { h as handleFetch, l as logError, a as log, b as localizationStore, t as translate } from './localization.js';
+import { c as createStore, z as zonosStore } from './zonosStore.js';
+import { b as log, l as logError, t as translate, a as localizationStore, h as handleFetch } from './localization.js';
 import { i as isDarkColor } from './isDarkColor.js';
 import { g as getBorderRadius } from './getBorderRadius.js';
 
+const formatDate = ({ date, formatOptions = { day: 'numeric', weekday: 'long', year: 'numeric' }, }) => {
+    // format date to Thursday 3, 2023
+    return new Intl.DateTimeFormat('en-US', formatOptions).format(date);
+};
+
+const getDaysDifference = (targetDate) => {
+    const currentDate = new Date();
+    const timeDifference = targetDate.getTime() - currentDate.getTime();
+    const daysDifference = Math.floor(timeDifference / (1000 * 60 * 60 * 24)); // Convert milliseconds to days
+    return daysDifference;
+};
+
+const { onChange: onChange$1, reset: reset$1, state: cartStore, } = createStore(() => ({
+    checkoutSessionId: sessionStorage.getItem('zonos--checkout-session-id') || null,
+    currency: 'USD',
+    dutiesTaxFees: 0,
+    error: null,
+    exchangeRate: null,
+    isSelectedShippingAboveDeminimis: false,
+    isSelectedShippingGuarantee: false,
+    items: [],
+    landedCostData: null,
+    selectedLandedCost: null,
+    selectedShippingOption: null,
+    selectedShippingOptionExpectedDate: '',
+    selectedShippingOptionTransitTime: '',
+    shipping: 0,
+    shippingData: null,
+    step: 'customer-info',
+    subtotal: 0,
+    total: 0,
+}));
+/**
+ * Format shipping transit info to be displayed on UI
+ * @returns
+ * - expectedDate: Thursday, Aug 12
+ * - maxTransit: 5
+ * - minTransit: 3
+ */
+const cartStoreGetShippingTransitInfo = (item) => {
+    const minTransit = item.minTransitAt
+        ? getDaysDifference(new Date(item.minTransitAt))
+        : '';
+    const maxTransit = item.maxTransitAt
+        ? getDaysDifference(new Date(item.maxTransitAt))
+        : '';
+    const expectedDate = item.minTransitAt
+        ? formatDate({
+            date: new Date(item.minTransitAt),
+        })
+        : '';
+    return {
+        expectedDate,
+        maxTransit,
+        minTransit,
+    };
+};
+const cartStoreReset = () => {
+    sessionStorage.removeItem('zonos--checkout-session-id');
+    // reset cart store
+    reset$1();
+};
+const cartStoreUpdateToErrorState = ({ messages, title, }) => {
+    cartStoreReset();
+    stripeStoreReset();
+    cartStore.step = 'error';
+    cartStore.error = {
+        messages,
+        title,
+    };
+};
+const cartStoreApplySubtotals = (subtotals) => {
+    // update exchange rate so we can use it to display cart items
+    cartStore.exchangeRate = subtotals.exchangeRate;
+    cartStore.dutiesTaxFees = subtotals.landedCostTotal;
+    cartStore.subtotal = subtotals.items;
+    cartStore.total = subtotals.total;
+    cartStore.currency = subtotals.presentmentCurrencyCode;
+};
+const cartStoreReCalculateTotal = async ({ currency, itemsAmount, landedCostId, }) => {
+    if (landedCostId && cartStore.selectedLandedCost) {
+        // update cart total right away if we have landed cost id to avoid order total flickering
+        const subtotals = cartStore.selectedLandedCost.subtotals;
+        cartStoreApplySubtotals(subtotals);
+        log('Exchange rate updated for cart items (landed cost subtotal)', 'info', cartStore.exchangeRate);
+    }
+    // update checkout session
+    if (!cartStore.checkoutSessionId) {
+        logError('Could not update cart total without checkout session id');
+        return false;
+    }
+    const { json } = await stripeStoreUpdateCheckoutSession({
+        currency,
+        id: cartStore.checkoutSessionId,
+        itemsAmount,
+        landedCostId,
+        presentmentCountryCode: localizationStore.selectedCountryCode,
+    });
+    if (!json) {
+        // do nothing if we can't get checkout session
+        logError('Error occurs when updating checkout session');
+        cartStoreUpdateToErrorState({
+            messages: [
+                translate("There's been an error updating your checkout session. Please reload and try again or contact support if the error persists"),
+            ],
+            title: translate('Error updating Checkout'),
+        });
+        return false;
+    }
+    if (!landedCostId) {
+        // This is when first open the checkout modal and we just want to get info from the old cart session.
+        // use subtotals from checkout session to update cart total
+        cartStoreApplySubtotals(json.checkoutSessionUpdate.subtotals);
+        log('Exchange rate updated for cart items (checkout session update)', 'info', cartStore.exchangeRate);
+    }
+    return true;
+};
+const cartStoreUpdateSelectedShippingOption = async (selectedShippingOption) => {
+    var _a, _b, _c, _d, _e;
+    cartStore.selectedShippingOption = selectedShippingOption;
+    // update shipping transit info
+    const { expectedDate, maxTransit, minTransit } = cartStoreGetShippingTransitInfo(cartStore.selectedShippingOption);
+    cartStore.selectedShippingOptionExpectedDate = expectedDate;
+    cartStore.selectedShippingOptionTransitTime =
+        minTransit && maxTransit
+            ? `${minTransit}-${maxTransit}`
+            : `${minTransit || maxTransit}`;
+    const selectedLandedCost = (_a = cartStore.landedCostData) === null || _a === void 0 ? void 0 : _a.find(checkoutSessionPresentment => {
+        var _a, _b, _c;
+        return ((_b = (_a = checkoutSessionPresentment.landedCost) === null || _a === void 0 ? void 0 : _a.shipmentRating) === null || _b === void 0 ? void 0 : _b.id) ===
+            ((_c = cartStore.selectedShippingOption) === null || _c === void 0 ? void 0 : _c.id);
+    });
+    // save selected landed cost for later use
+    cartStore.selectedLandedCost = selectedLandedCost || null;
+    if (!selectedLandedCost) {
+        // do nothing if we can't find landed cost for selected shipping option
+        return false;
+    }
+    // update shipping value and dutiesTaxFees on selectedShippingOption change
+    cartStore.shipping = selectedLandedCost.subtotals.shipping;
+    // update deminimis status
+    const isGuarantee = ((_b = selectedLandedCost === null || selectedLandedCost === void 0 ? void 0 : selectedLandedCost.landedCost) === null || _b === void 0 ? void 0 : _b.landedCostGuaranteeCode) === 'ZONOS';
+    // one item in deminimis with type of duty and tax has threshold value is "ABOVE"
+    const isAboveDeminimis = !!((_d = (_c = selectedLandedCost === null || selectedLandedCost === void 0 ? void 0 : selectedLandedCost.landedCost) === null || _c === void 0 ? void 0 : _c.deMinimis) === null || _d === void 0 ? void 0 : _d.find(item => ['DUTY', 'TAX'].includes(item.type) && item.threshold === 'ABOVE'));
+    cartStore.isSelectedShippingAboveDeminimis = isAboveDeminimis;
+    cartStore.isSelectedShippingGuarantee = isGuarantee;
+    // update session with selected landed cost
+    const updateCalulateStatus = await cartStoreReCalculateTotal({
+        landedCostId: (_e = selectedLandedCost.landedCost) === null || _e === void 0 ? void 0 : _e.id,
+    });
+    return updateCalulateStatus;
+};
+onChange$1('checkoutSessionId', () => {
+    if (!cartStore.checkoutSessionId) {
+        sessionStorage.removeItem('zonos--checkout-session-id');
+        return;
+    }
+    sessionStorage.setItem('zonos--checkout-session-id', cartStore.checkoutSessionId);
+});
+const cartStoreUpdateItems = async (items) => {
+    var _a;
+    cartStore.items = items;
+    const currency = (_a = items.find(Boolean)) === null || _a === void 0 ? void 0 : _a.currencyCode;
+    const total = items.reduce((amt, item) => {
+        return amt + item.amount * item.quantity;
+    }, 0);
+    if (!currency || !total) {
+        // do nothing if we can't get currency or total
+        return;
+    }
+    cartStore.currency = currency;
+    // set loading state here because this is first load checkout session when we already have checkout session id stored
+    stripeStore.isFetchingSession = true;
+    await cartStoreReCalculateTotal({
+        currency: currency,
+        itemsAmount: total,
+    });
+    stripeStore.isFetchingSession = false;
+};
+const cartStoreResetSelectedShippingOption = () => {
+    cartStore.selectedShippingOption = null;
+    cartStore.isSelectedShippingAboveDeminimis = false;
+    cartStore.isSelectedShippingGuarantee = false;
+    cartStore.selectedShippingOptionExpectedDate = '';
+    cartStore.selectedShippingOptionTransitTime = '';
+    cartStore.shipping = 0;
+};
+const cartStoreNextStep = () => {
+    if (cartStore.step === 'customer-info') {
+        cartStore.step = 'shipping';
+    }
+    else if (cartStore.step === 'shipping') {
+        cartStore.step = 'payment';
+    }
+    else if (cartStore.step === 'payment') {
+        cartStore.step = 'finish';
+    }
+};
+const cartStorePreviousStep = () => {
+    if (cartStore.step === 'payment') {
+        cartStore.step = 'shipping';
+    }
+    else if (cartStore.step === 'shipping') {
+        cartStore.step = 'customer-info';
+        // reset selected shipping option
+        cartStoreResetSelectedShippingOption();
+    }
+};
+
 const prepCalculateLandedCost = () => {
     // maybe we don't need email now for prefetch the landed cost
     const stripeLinkData = stripeStore.stripeLinkEventData;
     const stripeAddressData = stripeStore.stripeAddressEventData;
-    if (!stripeAddressData || !stripeAddressData.complete) {
+    const stripeBillingAddressData = stripeStore.stripeShippingSameAsBilling
+        ? stripeStore.stripeAddressEventData
+        : stripeStore.stripeBillingAddressEventData;
+    if (!(stripeAddressData === null || stripeAddressData === void 0 ? void 0 : stripeAddressData.complete) || !(stripeBillingAddressData === null || stripeBillingAddressData === void 0 ? void 0 : stripeBillingAddressData.complete)) {
         throw new Error('Missing stripe address data');
     }
     return {
+        billingAddress: {
+            addressLine1: stripeBillingAddressData.value.address.line1,
+            addressLine2: stripeBillingAddressData.value.address.line2 || '',
+            city: stripeBillingAddressData.value.address.city,
+            country: stripeBillingAddressData.value.address.country,
+            postalCode: stripeBillingAddressData.value.address.postal_code,
+            state: stripeBillingAddressData.value.address.state,
+        },
+        billingContact: {
+            // firstName and lastName should be valid now since stripe only mark
+            // the address as complete when both fields are filled.
+            firstName: stripeBillingAddressData.value.firstName || '',
+            lastName: stripeBillingAddressData.value.lastName || '',
+            phone: stripeBillingAddressData.value.phone || '',
+        },
         checkoutSessionId: cartStore.checkoutSessionId || '',
         contact: {
             email: (stripeLinkData === null || stripeLinkData === void 0 ? void 0 : stripeLinkData.value.email) || '',
@@ -33,11 +260,17 @@ const prepCalculateLandedCost = () => {
 };
 
 const triggerBuildLandedCost = async (buildLandedCost) => {
-    var _a;
+    var _a, _b, _c, _d;
     const data = prepCalculateLandedCost();
-    const landedCost = await buildLandedCost(data.checkoutSessionId, data.contact, data.shippingAddress);
-    if (!landedCost) {
-        throw new Error('Failed to build landed cost');
+    const landedCost = await buildLandedCost({
+        billingAddress: data.billingAddress,
+        billingContact: data.billingContact,
+        checkoutSessionId: data.checkoutSessionId,
+        contact: data.contact,
+        shippingAddress: data.shippingAddress,
+    });
+    if (!landedCost || ((_a = landedCost.errors) === null || _a === void 0 ? void 0 : _a.length)) {
+        throw new Error(`Failed to build landed cost: ${((_c = (_b = landedCost === null || landedCost === void 0 ? void 0 : landedCost.errors) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.message) || 'Unknown error'}`);
     }
     // Validate the landed cost object to make sure the returned value from buildLandedCost has a valid schema
     const { errors, json } = await handleFetch(`${"https://v1.route.js.zonos.com"}/api/zonos-elements/validate-landed-cost`, {
@@ -48,7 +281,7 @@ const triggerBuildLandedCost = async (buildLandedCost) => {
         method: 'POST',
     });
     if (!json || errors.length) {
-        throw new Error(`Invalid landed cost object: ${((_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message) || 'Unknown error'}`);
+        throw new Error(`Invalid landed cost object: ${((_d = errors.find(Boolean)) === null || _d === void 0 ? void 0 : _d.message) || 'Unknown error'}`);
     }
     return landedCost;
 };
@@ -112,7 +345,7 @@ const defaultVariable = ({ borderStyle, theme, }) => {
     }
 };
 
-const { onChange: onChange$1, reset: reset$1, state: stripeStore, } = createStore(() => ({
+const { onChange, reset, state: stripeStore, } = createStore(() => ({
     clientSecret: sessionStorage.getItem('zonos--client-secret') || null,
     fetchingLandedCostAbordController: null,
     isFetchingLandedCost: false,
@@ -122,16 +355,21 @@ const { onChange: onChange$1, reset: reset$1, state: stripeStore, } = createStor
     stripeAddressEventData: null,
     stripeAddressUsedWhenFetchingLC: null,
     stripeBillingAddressElement: null,
+    stripeBillingAddressEventData: null,
+    stripeBillingAddressUsedWhenFetchingLC: null,
     stripeElements: null,
+    stripeElementsForBillingAddress: null,
     stripeElementsOptions: null,
     stripeLinkElement: null,
     stripeLinkEventData: null,
     stripeLinkUsedWhenFetchingLC: null,
     stripePaymentElement: null,
     stripePaymentEventData: null,
+    stripeShippingSameAsBilling: true,
 }));
-const getStripeOptions = ({ clientSecret, overrideBorderRaidus, overridePrimaryColor, overrideTheme, }) => {
+const getStripeOptions = ({ clientSecret, overrideBorderRaidus, overridePrimaryColor, overrideSecondaryColor, overrideTheme, }) => {
     const primaryColor = overridePrimaryColor || zonosStore.appearance.colorPrimary;
+    const secondaryColor = overrideSecondaryColor || zonosStore.appearance.colorSecondary;
     const themeBasedColor = primaryColor && isDarkColor(primaryColor) ? 'night' : 'flat';
     // if overrideTheme is provided, use it. Otherwise, use theme based on primary color
     const theme = overrideTheme === 'DARK' ? 'night' : 'flat';
@@ -141,17 +379,19 @@ const getStripeOptions = ({ clientSecret, overrideBorderRaidus, overridePrimaryC
             rules: Object.assign({}, addressRuleStyle({ theme: 'LIGHT' })),
             // get contrast theme color base on primary color
             theme: overrideTheme ? theme : themeBasedColor,
-            variables: Object.assign({}, defaultVariable({
+            variables: Object.assign(Object.assign({}, defaultVariable({
                 borderStyle: overrideBorderRaidus,
                 theme: 'LIGHT',
-            })),
+            })), { 
+                // use the button background color for input glow color
+                colorPrimary: secondaryColor }),
         },
         clientSecret,
         locale: localizationStore.selectedLocale,
     };
 };
 const initStripeElements = async (props) => {
-    var _a;
+    var _a, _b;
     const clientSecret = stripeStore.clientSecret;
     if (!stripeStore.stripe) {
         log('Skip. Stripe is not initialized');
@@ -162,22 +402,30 @@ const initStripeElements = async (props) => {
             clientSecret,
             overrideBorderRaidus: props === null || props === void 0 ? void 0 : props.overrideBorderRaidus,
             overridePrimaryColor: props === null || props === void 0 ? void 0 : props.overridePrimaryColor,
+            overrideSecondaryColor: props === null || props === void 0 ? void 0 : props.overrideSecondaryColor,
             overrideTheme: props === null || props === void 0 ? void 0 : props.overrideTheme,
         });
         // compare with the previous options to see if we need to update
         const isSameOptions = JSON.stringify(stripeOptions) ===
             JSON.stringify(stripeStore.stripeElementsOptions);
-        if (!stripeStore.stripeElements) {
+        if (!stripeStore.stripeElements ||
+            !stripeStore.stripeElementsForBillingAddress) {
             // init stripe elements if it doesn't exist
             stripeStore.stripeElements = (_a = stripeStore.stripe) === null || _a === void 0 ? void 0 : _a.elements(stripeOptions);
             // save stripe elements options for later comparison
             stripeStore.stripeElementsOptions = stripeOptions;
             log('Stripe elements initialized');
+            // init stripe elements for billing address
+            stripeStore.stripeElementsForBillingAddress =
+                (_b = stripeStore.stripe) === null || _b === void 0 ? void 0 : _b.elements(stripeOptions);
+            log('Stripe elements for billing address initialized');
             return;
         }
         if (!isSameOptions) {
             // update elements with new option if it already exists
             stripeStore.stripeElements.update(stripeOptions);
+            // update elements for stripe billing address
+            stripeStore.stripeElementsForBillingAddress.update(stripeOptions);
             // save stripe elements options for later comparison
             stripeStore.stripeElementsOptions = stripeOptions;
         }
@@ -188,7 +436,7 @@ const stripeStoreReset = () => {
     // clean clientSecret so that we can start the new one.
     sessionStorage.removeItem('zonos--client-secret');
     // cleanup stripe elements
-    reset$1();
+    reset();
     // set stripe back to window.Zonos.stripe
     stripeStore.stripe = window.Zonos.stripe;
 };
@@ -197,7 +445,7 @@ const stripeStoreReset = () => {
  * Purpose is to resend the request if the info used when fetching landed cost is different from the current info
  */
 const isPrefetchInfoOutdated = () => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e, _f;
     const hasAbortController = stripeStore.fetchingLandedCostAbordController;
     if (!hasAbortController) {
         // if there is no abort controller, this is a new request
@@ -207,26 +455,36 @@ const isPrefetchInfoOutdated = () => {
         JSON.stringify((_b = stripeStore.stripeLinkEventData) === null || _b === void 0 ? void 0 : _b.value);
     const isAddressDataDirty = JSON.stringify((_c = stripeStore.stripeAddressUsedWhenFetchingLC) === null || _c === void 0 ? void 0 : _c.value) !==
         JSON.stringify((_d = stripeStore.stripeAddressEventData) === null || _d === void 0 ? void 0 : _d.value);
-    return isLinkDataDirty || isAddressDataDirty;
+    const isBillingAddressDataDirty = !stripeStore.stripeShippingSameAsBilling &&
+        JSON.stringify((_e = stripeStore.stripeBillingAddressEventData) === null || _e === void 0 ? void 0 : _e.value) !==
+            JSON.stringify((_f = stripeStore.stripeBillingAddressUsedWhenFetchingLC) === null || _f === void 0 ? void 0 : _f.value);
+    return isLinkDataDirty || isAddressDataDirty || isBillingAddressDataDirty;
 };
 const stripeStorePrefetchLandedCost = async () => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e, _f;
     const stripeAddressReady = !!((_a = stripeStore.stripeAddressEventData) === null || _a === void 0 ? void 0 : _a.complete);
     const stripeLinkReady = !!((_b = stripeStore.stripeLinkEventData) === null || _b === void 0 ? void 0 : _b.complete);
+    const stripeBillingAddressReady = stripeStore.stripeShippingSameAsBilling
+        ? !!((_c = stripeStore.stripeLinkEventData) === null || _c === void 0 ? void 0 : _c.complete)
+        : !!((_d = stripeStore.stripeBillingAddressEventData) === null || _d === void 0 ? void 0 : _d.complete);
     const shouldRefetch = isPrefetchInfoOutdated();
     if (shouldRefetch) {
         // if the info used when fetching landed cost is different from the current info, abort the previous request
-        (_c = stripeStore.fetchingLandedCostAbordController) === null || _c === void 0 ? void 0 : _c.abort();
+        (_e = stripeStore.fetchingLandedCostAbordController) === null || _e === void 0 ? void 0 : _e.abort();
         stripeStore.fetchingLandedCostAbordController = null;
     }
     // only fetch if we are not fetching or we need to refetch
     if (stripeAddressReady &&
         stripeLinkReady &&
+        stripeBillingAddressReady &&
         (shouldRefetch || !stripeStore.isFetchingLandedCost)) {
         stripeStore.isFetchingLandedCost = true;
         if (stripeStore.stripeAddressEventData) {
             stripeStore.stripeAddressUsedWhenFetchingLC = Object.assign({}, stripeStore.stripeAddressEventData);
         }
+        if (stripeStore.stripeBillingAddressEventData) {
+            stripeStore.stripeBillingAddressUsedWhenFetchingLC = Object.assign({}, stripeStore.stripeBillingAddressEventData);
+        }
         if (stripeStore.stripeLinkEventData) {
             stripeStore.stripeLinkUsedWhenFetchingLC = Object.assign({}, stripeStore.stripeLinkEventData);
         }
@@ -242,7 +500,7 @@ const stripeStorePrefetchLandedCost = async () => {
             cartStore.shippingData =
                 (shipmentRatingCalculateWorkflow === null || shipmentRatingCalculateWorkflow === void 0 ? void 0 : shipmentRatingCalculateWorkflow.filter(Boolean)) || null;
             // apply new subtotal and total, this is mainly to show items in the presentment currency
-            const firstLandedCostData = (_d = cartStore.landedCostData) === null || _d === void 0 ? void 0 : _d.find(Boolean);
+            const firstLandedCostData = (_f = cartStore.landedCostData) === null || _f === void 0 ? void 0 : _f.find(Boolean);
             const subtotals = !!firstLandedCostData
                 ? firstLandedCostData.subtotals
                 : null;
@@ -411,7 +669,7 @@ const stripeStoreUpdateCheckoutSession = async ({ currency, id, itemsAmount, lan
     }
     return { errors: [], json };
 };
-onChange$1('clientSecret', clientSecret => {
+onChange('clientSecret', clientSecret => {
     // update stripe elements when client secret changes
     if (clientSecret && stripeStore.stripe) {
         sessionStorage.setItem('zonos--client-secret', clientSecret);
@@ -421,211 +679,4 @@ onChange$1('clientSecret', clientSecret => {
     }
 });
 
-const formatDate = ({ date, formatOptions = { day: 'numeric', weekday: 'long', year: 'numeric' }, }) => {
-    // format date to Thursday 3, 2023
-    return new Intl.DateTimeFormat('en-US', formatOptions).format(date);
-};
-
-const getDaysDifference = (targetDate) => {
-    const currentDate = new Date();
-    const timeDifference = targetDate.getTime() - currentDate.getTime();
-    const daysDifference = Math.floor(timeDifference / (1000 * 60 * 60 * 24)); // Convert milliseconds to days
-    return daysDifference;
-};
-
-const { onChange, reset, state: cartStore, } = createStore(() => ({
-    checkoutSessionId: sessionStorage.getItem('zonos--checkout-session-id') || null,
-    currency: 'USD',
-    dutiesTaxFees: 0,
-    error: null,
-    exchangeRate: null,
-    isSelectedShippingAboveDeminimis: false,
-    isSelectedShippingGuarantee: false,
-    items: [],
-    landedCostData: null,
-    selectedLandedCost: null,
-    selectedShippingOption: null,
-    selectedShippingOptionExpectedDate: '',
-    selectedShippingOptionTransitTime: '',
-    shipping: 0,
-    shippingData: null,
-    step: 'customer-info',
-    subtotal: 0,
-    total: 0,
-}));
-/**
- * Format shipping transit info to be displayed on UI
- * @returns
- * - expectedDate: Thursday, Aug 12
- * - maxTransit: 5
- * - minTransit: 3
- */
-const cartStoreGetShippingTransitInfo = (item) => {
-    const minTransit = item.minTransitAt
-        ? getDaysDifference(new Date(item.minTransitAt))
-        : '';
-    const maxTransit = item.maxTransitAt
-        ? getDaysDifference(new Date(item.maxTransitAt))
-        : '';
-    const expectedDate = item.minTransitAt
-        ? formatDate({
-            date: new Date(item.minTransitAt),
-        })
-        : '';
-    return {
-        expectedDate,
-        maxTransit,
-        minTransit,
-    };
-};
-const cartStoreReset = () => {
-    sessionStorage.removeItem('zonos--checkout-session-id');
-    // reset cart store
-    reset();
-};
-const cartStoreUpdateToErrorState = ({ messages, title, }) => {
-    cartStore.step = 'error';
-    cartStore.error = {
-        messages,
-        title,
-    };
-};
-const cartStoreApplySubtotals = (subtotals) => {
-    // update exchange rate so we can use it to display cart items
-    cartStore.exchangeRate = subtotals.exchangeRate;
-    cartStore.dutiesTaxFees = subtotals.landedCostTotal;
-    cartStore.subtotal = subtotals.items;
-    cartStore.total = subtotals.total;
-    cartStore.currency = subtotals.presentmentCurrencyCode;
-};
-const cartStoreReCalculateTotal = async ({ currency, itemsAmount, landedCostId, }) => {
-    if (landedCostId && cartStore.selectedLandedCost) {
-        // update cart total right away if we have landed cost id to avoid order total flickering
-        const subtotals = cartStore.selectedLandedCost.subtotals;
-        cartStoreApplySubtotals(subtotals);
-        log('Exchange rate updated for cart items (landed cost subtotal)', 'info', cartStore.exchangeRate);
-    }
-    // update checkout session
-    if (!cartStore.checkoutSessionId) {
-        logError('Could not update cart total without checkout session id');
-        return false;
-    }
-    const { json } = await stripeStoreUpdateCheckoutSession({
-        currency,
-        id: cartStore.checkoutSessionId,
-        itemsAmount,
-        landedCostId,
-        presentmentCountryCode: localizationStore.selectedCountryCode,
-    });
-    if (!json) {
-        // do nothing if we can't get checkout session
-        logError('Error occurs when updating checkout session');
-        cartStoreUpdateToErrorState({
-            messages: [
-                translate("There's been an error updating your checkout session. Please reload and try again or contact support if the error persists"),
-            ],
-            title: translate('Error updating Checkout'),
-        });
-        return false;
-    }
-    if (!landedCostId) {
-        // This is when first open the checkout modal and we just want to get info from the old cart session.
-        // use subtotals from checkout session to update cart total
-        cartStoreApplySubtotals(json.checkoutSessionUpdate.subtotals);
-        log('Exchange rate updated for cart items (checkout session update)', 'info', cartStore.exchangeRate);
-    }
-    return true;
-};
-const cartStoreUpdateSelectedShippingOption = async (selectedShippingOption) => {
-    var _a, _b, _c, _d, _e;
-    cartStore.selectedShippingOption = selectedShippingOption;
-    // update shipping transit info
-    const { expectedDate, maxTransit, minTransit } = cartStoreGetShippingTransitInfo(cartStore.selectedShippingOption);
-    cartStore.selectedShippingOptionExpectedDate = expectedDate;
-    cartStore.selectedShippingOptionTransitTime =
-        minTransit && maxTransit
-            ? `${minTransit}-${maxTransit}`
-            : `${minTransit || maxTransit}`;
-    const selectedLandedCost = (_a = cartStore.landedCostData) === null || _a === void 0 ? void 0 : _a.find(checkoutSessionPresentment => {
-        var _a, _b, _c;
-        return ((_b = (_a = checkoutSessionPresentment.landedCost) === null || _a === void 0 ? void 0 : _a.shipmentRating) === null || _b === void 0 ? void 0 : _b.id) ===
-            ((_c = cartStore.selectedShippingOption) === null || _c === void 0 ? void 0 : _c.id);
-    });
-    // save selected landed cost for later use
-    cartStore.selectedLandedCost = selectedLandedCost || null;
-    if (!selectedLandedCost) {
-        // do nothing if we can't find landed cost for selected shipping option
-        return false;
-    }
-    // update shipping value and dutiesTaxFees on selectedShippingOption change
-    cartStore.shipping = selectedLandedCost.subtotals.shipping;
-    // update deminimis status
-    const isGuarantee = ((_b = selectedLandedCost === null || selectedLandedCost === void 0 ? void 0 : selectedLandedCost.landedCost) === null || _b === void 0 ? void 0 : _b.landedCostGuaranteeCode) === 'ZONOS';
-    // one item in deminimis with type of duty and tax has threshold value is "ABOVE"
-    const isAboveDeminimis = !!((_d = (_c = selectedLandedCost === null || selectedLandedCost === void 0 ? void 0 : selectedLandedCost.landedCost) === null || _c === void 0 ? void 0 : _c.deMinimis) === null || _d === void 0 ? void 0 : _d.find(item => ['DUTY', 'TAX'].includes(item.type) && item.threshold === 'ABOVE'));
-    cartStore.isSelectedShippingAboveDeminimis = isAboveDeminimis;
-    cartStore.isSelectedShippingGuarantee = isGuarantee;
-    // update session with selected landed cost
-    const updateCalulateStatus = await cartStoreReCalculateTotal({
-        landedCostId: (_e = selectedLandedCost.landedCost) === null || _e === void 0 ? void 0 : _e.id,
-    });
-    return updateCalulateStatus;
-};
-onChange('checkoutSessionId', () => {
-    if (!cartStore.checkoutSessionId) {
-        sessionStorage.removeItem('zonos--checkout-session-id');
-        return;
-    }
-    sessionStorage.setItem('zonos--checkout-session-id', cartStore.checkoutSessionId);
-});
-const cartStoreUpdateItems = async (items) => {
-    var _a;
-    cartStore.items = items;
-    const currency = (_a = items.find(Boolean)) === null || _a === void 0 ? void 0 : _a.currencyCode;
-    const total = items.reduce((amt, item) => {
-        return amt + item.amount * item.quantity;
-    }, 0);
-    if (!currency || !total) {
-        // do nothing if we can't get currency or total
-        return;
-    }
-    cartStore.currency = currency;
-    // set loading state here because this is first load checkout session when we already have checkout session id stored
-    stripeStore.isFetchingSession = true;
-    await cartStoreReCalculateTotal({
-        currency: currency,
-        itemsAmount: total,
-    });
-    stripeStore.isFetchingSession = false;
-};
-const cartStoreResetSelectedShippingOption = () => {
-    cartStore.selectedShippingOption = null;
-    cartStore.isSelectedShippingAboveDeminimis = false;
-    cartStore.isSelectedShippingGuarantee = false;
-    cartStore.selectedShippingOptionExpectedDate = '';
-    cartStore.selectedShippingOptionTransitTime = '';
-    cartStore.shipping = 0;
-};
-const cartStoreNextStep = () => {
-    if (cartStore.step === 'customer-info') {
-        cartStore.step = 'shipping';
-    }
-    else if (cartStore.step === 'shipping') {
-        cartStore.step = 'payment';
-    }
-    else if (cartStore.step === 'payment') {
-        cartStore.step = 'finish';
-    }
-};
-const cartStorePreviousStep = () => {
-    if (cartStore.step === 'payment') {
-        cartStore.step = 'shipping';
-    }
-    else if (cartStore.step === 'shipping') {
-        cartStore.step = 'customer-info';
-        // reset selected shipping option
-        cartStoreResetSelectedShippingOption();
-    }
-};
-
-export { cartStoreApplySubtotals as a, cartStoreGetShippingTransitInfo as b, cartStore as c, cartStoreNextStep as d, cartStorePreviousStep as e, cartStoreReCalculateTotal as f, cartStoreReset as g, cartStoreUpdateItems as h, cartStoreUpdateSelectedShippingOption as i, cartStoreUpdateToErrorState as j, stripeStorePrefetchLandedCost as k, initStripeElements as l, stripeStoreInitCheckoutSession as m, stripeStoreConfirmPayment as n, stripeStoreReset as o, stripeStoreRetrievePayment as p, stripeStore as s };
+export { stripeStorePrefetchLandedCost as a, cartStoreUpdateItems as b, cartStore as c, cartStoreReset as d, stripeStoreInitCheckoutSession as e, cartStoreUpdateToErrorState as f, cartStoreNextStep as g, stripeStoreConfirmPayment as h, initStripeElements as i, stripeStoreReset as j, cartStorePreviousStep as k, stripeStoreRetrievePayment as l, cartStoreUpdateSelectedShippingOption as m, cartStoreGetShippingTransitInfo as n, stripeStore as s };

package/dist/components/submitGtag.js

@@ -1,5 +1,5 @@
 import { z as zonosStore } from './zonosStore.js';
-import { a as log } from './localization.js';
+import { b as log } from './localization.js';
 
 /**
  * Submit a gtag event if the gtag function is available.