@zonos/elements 1.3.207 → 1.3.209

package/dist/collection/components/store/checkout/stripe.js

@@ -21,6 +21,7 @@ const { onChange: stripeStoreOnChange, reset, state: stripeStore, } = createStor
     checkoutSettlementCurrency: 'USD',
     clientSecret: sessionStorage.getItem('zonos--client-secret') || '',
     companyName: '',
+    companyNameUsedWhenAsyncAddressUpdate: '',
     customAddressErrors: {
         city: '',
         firstName: '',
@@ -47,6 +48,8 @@ const { onChange: stripeStoreOnChange, reset, state: stripeStore, } = createStor
     hasPaymentError: false,
     isFetchingLandedCost: false,
     isFetchingSession: false,
+    partyBillingId: null,
+    partyShippingId: null,
     shouldInventoryRefund: false,
     shouldRenderPayInUsdButton: false,
     /**
@@ -59,10 +62,12 @@ const { onChange: stripeStoreOnChange, reset, state: stripeStore, } = createStor
     stripe: null,
     stripeAddressElement: null,
     stripeAddressEventData: null,
+    stripeAddressUsedWhenAsyncAddressUpdate: null,
     stripeAddressUsedWhenFetchingLC: null,
     stripeAddressUsedWhenValidatingAddress: null,
     stripeBillingAddressElement: null,
     stripeBillingAddressEventData: null,
+    stripeBillingAddressUsedWhenAsyncAddressUpdate: null,
     stripeBillingAddressUsedWhenFetchingLC: null,
     stripeBillingAddressUsedWhenValidatingAddress: null,
     stripeCustomerSessionClientSecret: null,
@@ -76,7 +81,7 @@ const { onChange: stripeStoreOnChange, reset, state: stripeStore, } = createStor
     stripePaymentEventData: null,
     stripeShippingSameAsBilling: true,
     taxId: '',
-    taxIdUsedWhenFetchingLC: '',
+    taxIdUsedWhenAsyncAddressUpdate: '',
     translatedAddress: {
         address: {},
         billingAddress: {},
@@ -182,15 +187,178 @@ const checkIsAddressOutdatedForValidation = () => {
             JSON.stringify((_d = stripeStore.stripeBillingAddressUsedWhenValidatingAddress) === null || _d === void 0 ? void 0 : _d.value);
     return isAddressDataDirty || isBillingAddressDataDirty;
 };
-const checkIsAddressOutdatedForLCPrefetch = () => {
+const checkIsAddressOutdatedForAsyncAddressUpdate = () => {
     var _a, _b, _c, _d, _e, _f;
     const isLinkDataDirty = JSON.stringify((_a = stripeStore.stripeLinkUsedWhenFetchingLC) === null || _a === void 0 ? void 0 : _a.value) !==
         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);
+    const isAddressDataDirty = JSON.stringify((_c = stripeStore.stripeAddressUsedWhenAsyncAddressUpdate) === null || _c === void 0 ? void 0 : _c.value) !== JSON.stringify((_d = stripeStore.stripeAddressEventData) === null || _d === void 0 ? void 0 : _d.value);
+    const isBillingAddressDataDirty = !stripeStore.stripeShippingSameAsBilling &&
+        JSON.stringify((_e = stripeStore.stripeBillingAddressUsedWhenAsyncAddressUpdate) === null || _e === void 0 ? void 0 : _e.value) !== JSON.stringify((_f = stripeStore.stripeBillingAddressEventData) === null || _f === void 0 ? void 0 : _f.value);
+    const isTaxIdDirty = stripeStore.taxIdUsedWhenAsyncAddressUpdate !== stripeStore.taxId;
+    const isCompanyNameDirty = stripeStore.companyNameUsedWhenAsyncAddressUpdate !==
+        stripeStore.companyName;
+    return (isLinkDataDirty ||
+        isAddressDataDirty ||
+        isBillingAddressDataDirty ||
+        isTaxIdDirty ||
+        isCompanyNameDirty);
+};
+const buildAddressForPartyCreate = ({ address, firstName, lastName, name, phone, }) => {
+    const _firstName = (name === null || name === void 0 ? void 0 : name.split(' ')[0]) || firstName || '';
+    const _lastName = (name === null || name === void 0 ? void 0 : name.split(' ')[1]) || lastName || '';
+    if (!_firstName || !_lastName) {
+        void sendErrorLog({
+            endpoint: 'PARTY_CREATE_NO_NAME_FOUND',
+            errors: ['No name found'],
+            metadata: {
+                allLogs,
+                cartId: window.Zonos.cartId,
+                checkoutSessionId: storageStore.checkoutSessionId,
+                firstName,
+                lastName,
+                name,
+            },
+        });
+    }
+    if (!phone) {
+        void sendErrorLog({
+            endpoint: 'PARTY_CREATE_NO_PHONE_FOUND',
+            errors: ['No phone found'],
+            metadata: {
+                allLogs,
+                cartId: window.Zonos.cartId,
+                checkoutSessionId: storageStore.checkoutSessionId,
+                phone,
+            },
+        });
+    }
+    return {
+        city: address.city,
+        country: address.country,
+        firstName: _firstName,
+        lastName: _lastName,
+        line1: address.line1,
+        line2: address.line2,
+        phone: phone || '',
+        postal_code: address.postal_code,
+        state: address.state,
+    };
+};
+const stripeStoreAsyncAddressUpdate = async () => {
+    var _a, _b, _c, _d;
+    if (!((_a = stripeStore.stripeAddressEventData) === null || _a === void 0 ? void 0 : _a.complete) ||
+        (!stripeStore.stripeShippingSameAsBilling &&
+            !((_b = stripeStore.stripeBillingAddressEventData) === null || _b === void 0 ? void 0 : _b.complete)) ||
+        !stripeStore.stripeBillingAddressEventData) {
+        return {
+            partiesCreated: false,
+        };
+    }
+    // If there is no landed cost data, no need to create parties
+    if (!cartStore.landedCostData) {
+        return {
+            partiesCreated: false,
+        };
+    }
+    const firstLandedCostRootId = (_c = cartStore.landedCostData.find(Boolean)) === null || _c === void 0 ? void 0 : _c.landedCost.rootId;
+    if (!firstLandedCostRootId) {
+        // do nothing if we don't have selected landed cost
+        void sendErrorLog({
+            endpoint: 'PF_NO_SELECTED_LANDED_COST',
+            errors: ['No selected landed cost'],
+            metadata: {
+                allLogs,
+                cartId: window.Zonos.cartId,
+                checkoutSessionId: storageStore.checkoutSessionId,
+            },
+        });
+        return {
+            partiesCreated: false,
+        };
+    }
+    const isAddressOutdated = checkIsAddressOutdatedForAsyncAddressUpdate();
+    if (!isAddressOutdated) {
+        return {
+            partiesCreated: false,
+        };
+    }
+    const address = buildAddressForPartyCreate({
+        address: stripeStore.stripeAddressEventData.value.address,
+        firstName: stripeStore.stripeAddressEventData.value.firstName,
+        lastName: stripeStore.stripeAddressEventData.value.lastName,
+        name: stripeStore.stripeAddressEventData.value.name,
+        phone: stripeStore.stripeAddressEventData.value.phone,
+    });
+    const billingAddress = stripeStore.stripeShippingSameAsBilling
+        ? address
+        : buildAddressForPartyCreate({
+            address: stripeStore.stripeBillingAddressEventData.value.address,
+            firstName: stripeStore.stripeBillingAddressEventData.value.firstName,
+            lastName: stripeStore.stripeBillingAddressEventData.value.lastName,
+            name: stripeStore.stripeBillingAddressEventData.value.name,
+            phone: stripeStore.stripeBillingAddressEventData.value.phone,
+        });
+    const isE2ETest = new URLSearchParams(window.location.search).get('zonosE2ETest') === '1';
+    const { errors, json } = await handleFetch('/api/zonos-elements/create-parties', {
+        body: {
+            address,
+            billingAddress,
+            companyName: stripeStore.companyName,
+            email: ((_d = stripeStore.stripeLinkEventData) === null || _d === void 0 ? void 0 : _d.value.email) || '',
+            isTest: isE2ETest,
+            rootId: firstLandedCostRootId,
+            taxId: stripeStore.taxId,
+        },
+        method: 'POST',
+    });
+    if (errors.length || !json) {
+        logError('Error occurs when creating parties', JSON.stringify(errors, null, 2));
+        void sendErrorLog({
+            endpoint: 'PF_PARTY_CREATE_FAILED',
+            errors: ['Failed to create parties'],
+            metadata: {
+                allLogs,
+                cartId: window.Zonos.cartId,
+                checkoutSessionId: storageStore.checkoutSessionId,
+                errors,
+                json,
+            },
+        });
+        return {
+            partiesCreated: false,
+        };
+    }
+    stripeStore.companyNameUsedWhenAsyncAddressUpdate = stripeStore.companyName;
+    stripeStore.stripeAddressUsedWhenAsyncAddressUpdate =
+        stripeStore.stripeAddressEventData;
+    stripeStore.stripeBillingAddressUsedWhenAsyncAddressUpdate =
+        stripeStore.stripeBillingAddressEventData;
+    stripeStore.taxIdUsedWhenAsyncAddressUpdate = stripeStore.taxId;
+    stripeStore.partyBillingId = json.billToPartyId;
+    stripeStore.partyShippingId = json.shipToPartyId;
+    return {
+        partiesCreated: true,
+    };
+};
+/**
+ * Extract only the necessary address info for landed cost prefetch
+ */
+const buildAddressForLCPrefetch = (address) => {
+    return {
+        countryCode: address.address.country,
+        postalCode: address.address.postal_code,
+        state: address.address.state,
+    };
+};
+const checkIsAddressOutdatedForLCPrefetch = () => {
+    var _a, _b;
+    const isLinkDataDirty = JSON.stringify((_a = stripeStore.stripeLinkUsedWhenFetchingLC) === null || _a === void 0 ? void 0 : _a.value) !==
+        JSON.stringify((_b = stripeStore.stripeLinkEventData) === null || _b === void 0 ? void 0 : _b.value);
+    const isAddressDataDirty = stripeStore.stripeAddressEventData &&
+        JSON.stringify(buildAddressForLCPrefetch(stripeStore.stripeAddressEventData.value)) !== JSON.stringify(stripeStore.stripeAddressUsedWhenFetchingLC);
     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);
+        stripeStore.stripeBillingAddressEventData &&
+        JSON.stringify(buildAddressForLCPrefetch(stripeStore.stripeBillingAddressEventData.value)) !== JSON.stringify(stripeStore.stripeBillingAddressUsedWhenFetchingLC);
     return isLinkDataDirty || isAddressDataDirty || isBillingAddressDataDirty;
 };
 /**
@@ -204,14 +372,64 @@ const isPrefetchInfoOutdated = () => {
         ((_a = cartStore.landedCostData.find(Boolean)) === null || _a === void 0 ? void 0 : _a.subtotals.items) !==
             cartStore.subtotal;
     const isAddressOutdated = checkIsAddressOutdatedForLCPrefetch();
-    // Auto prefetch landed cost if tax id is updated
-    const isTaxIdDirty = stripeStore.taxIdUsedWhenFetchingLC !== stripeStore.taxId;
+    log('isPrefetchInfoOutdated', 'info', {
+        isAddressOutdated,
+    });
     return (
     // if landed cost data is not available, we need to fetch it
-    !cartStore.landedCostData ||
+    (!cartStore.landedCostData && !stripeStore.isFetchingLandedCost) ||
         isAddressOutdated ||
-        isTotalAmountChanged ||
-        isTaxIdDirty);
+        isTotalAmountChanged);
+};
+const getCountryField = (country) => {
+    var _a, _b;
+    const countryFieldLabels = (_a = zonosStore.genericSettings) === null || _a === void 0 ? void 0 : _a.countryFields;
+    const stripeCountryFieldLabels = (_b = zonosStore.genericSettings) === null || _b === void 0 ? void 0 : _b.stripeCountryFieldLabels;
+    const stripeFoundCountryField = stripeCountryFieldLabels && country in stripeCountryFieldLabels
+        ? stripeCountryFieldLabels[country]
+        : null;
+    const zonosFoundCountryField = countryFieldLabels && country in countryFieldLabels
+        ? countryFieldLabels[country]
+        : null;
+    /**
+     * If the address form is using Stripe component, use Stripe country field label if there is one, if not just use one from our countryFieldLabel data
+     * stripeCountryFieldLabels is the list we collect from Stripe, and extract only country that state/zip is required and different from what we have in our countryFieldLabel data
+     **/
+    if (cartStore.addressFormRenderType === 'stripe') {
+        return stripeFoundCountryField || zonosFoundCountryField;
+    }
+    return zonosFoundCountryField;
+};
+const isAddressReadyToRequestLandedCost = () => {
+    var _a, _b, _c, _d;
+    const linkReady = !!((_a = stripeStore.stripeLinkEventData) === null || _a === void 0 ? void 0 : _a.complete);
+    const shippingAddressReady = !!((_b = stripeStore.stripeAddressEventData) === null || _b === void 0 ? void 0 : _b.complete);
+    const billingAddressReady = stripeStore.stripeShippingSameAsBilling
+        ? shippingAddressReady
+        : !!((_c = stripeStore.stripeBillingAddressEventData) === null || _c === void 0 ? void 0 : _c.complete);
+    const shipToCountry = ((_d = stripeStore.stripeAddressEventData) === null || _d === void 0 ? void 0 : _d.value.address.country) || 'US';
+    const countryField = getCountryField(shipToCountry);
+    // Only send landed cost request if the address is complete when we can't get the country field
+    if (!countryField || !stripeStore.stripeAddressEventData) {
+        return shippingAddressReady && billingAddressReady && linkReady;
+    }
+    const isValidLine1 = stripeStore.stripeAddressEventData.value.address.line1.length > 0;
+    const isValidName = stripeStore.stripeAddressEventData.value.firstName &&
+        stripeStore.stripeAddressEventData.value.lastName;
+    const isStateValid = !countryField.stateRequired ||
+        (countryField.stateRequired &&
+            stripeStore.stripeAddressEventData.value.address.state.length > 0);
+    const isPostalCodeValid = !countryField.zipRequired ||
+        (countryField.zipRequired &&
+            stripeStore.stripeAddressEventData.value.address.postal_code.length >= 3);
+    const hasPhoneNumber = stripeStore.stripeAddressEventData.value.phone &&
+        stripeStore.stripeAddressEventData.value.phone.length > 0;
+    return (linkReady &&
+        isValidName &&
+        isValidLine1 &&
+        isStateValid &&
+        isPostalCodeValid &&
+        hasPhoneNumber);
 };
 const stripeCalculateLandedCost = async () => {
     var _a;
@@ -260,26 +478,27 @@ const stripeCalculateLandedCost = async () => {
     }
 };
 const stripeStorePrefetchLandedCost = async (params) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
+    var _a, _b, _c, _d;
     const retries = (params === null || params === void 0 ? void 0 : params.retries) || 0;
     const applyingPromocode = !!(params === null || params === void 0 ? void 0 : params.applyingPromocode);
-    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();
+    const isRequestReadyToPrefetch = isAddressReadyToRequestLandedCost();
+    // Should not do anything if the address is not ready to request landed cost
+    if (!isRequestReadyToPrefetch) {
+        return {
+            isRequestNotReady: true,
+        };
+    }
     if (shouldRefetch) {
         // if the info used when fetching landed cost is different from the current info, abort the previous request
-        (_e = stripeStore.fetchingLandedCostAbortController) === null || _e === void 0 ? void 0 : _e.abort();
+        (_a = stripeStore.fetchingLandedCostAbortController) === null || _a === void 0 ? void 0 : _a.abort();
         stripeStore.fetchingLandedCostAbortController = null;
     }
     // Do not fetch if we are not ready or data is not outdated
-    if ((!shouldRefetch && !applyingPromocode) ||
-        !stripeAddressReady ||
-        !stripeLinkReady ||
-        !stripeBillingAddressReady) {
-        return;
+    if (!shouldRefetch && !applyingPromocode) {
+        return {
+            isRequestNotReady: false,
+        };
     }
     // If there is retries, stop loading for a moment and then showing the spinner again (this is just so customer can see that checkout is doing something and not stuck)
     if (retries) {
@@ -292,24 +511,31 @@ const stripeStorePrefetchLandedCost = async (params) => {
         stripeStore.isFetchingLandedCost = true;
     }
     if (stripeStore.stripeAddressEventData) {
-        stripeStore.stripeAddressUsedWhenFetchingLC = Object.assign({}, stripeStore.stripeAddressEventData);
+        stripeStore.stripeAddressUsedWhenFetchingLC = {
+            countryCode: stripeStore.stripeAddressEventData.value.address.country,
+            postalCode: stripeStore.stripeAddressEventData.value.address.postal_code,
+            state: stripeStore.stripeAddressEventData.value.address.state,
+        };
     }
     if (stripeStore.stripeBillingAddressEventData) {
-        stripeStore.stripeBillingAddressUsedWhenFetchingLC = Object.assign({}, stripeStore.stripeBillingAddressEventData);
+        stripeStore.stripeBillingAddressUsedWhenFetchingLC = {
+            countryCode: stripeStore.stripeBillingAddressEventData.value.address.country,
+            postalCode: stripeStore.stripeBillingAddressEventData.value.address.postal_code,
+            state: stripeStore.stripeBillingAddressEventData.value.address.state,
+        };
     }
     if (stripeStore.stripeLinkEventData) {
         stripeStore.stripeLinkUsedWhenFetchingLC = Object.assign({}, stripeStore.stripeLinkEventData);
     }
-    stripeStore.taxIdUsedWhenFetchingLC = stripeStore.taxId;
     try {
         // Reset cart items to non-restricted state and restricted item list
         cartStoreResetCartItems();
         // fetch and apply landed cost
         await stripeCalculateLandedCost();
         // This is the cheapest service level since we already sorted them after fetching landed cost
-        const cheapestServiceLevel = (_f = cartStore.shippingData) === null || _f === void 0 ? void 0 : _f.find(Boolean);
+        const cheapestServiceLevel = (_b = cartStore.shippingData) === null || _b === void 0 ? void 0 : _b.find(Boolean);
         // Landed cost that matches with service level
-        const matchLandedCost = (_g = cartStore.landedCostData) === null || _g === void 0 ? void 0 : _g.find(x => x.landedCost.shipmentRating.id === (cheapestServiceLevel === null || cheapestServiceLevel === void 0 ? void 0 : cheapestServiceLevel.id));
+        const matchLandedCost = (_c = cartStore.landedCostData) === null || _c === void 0 ? void 0 : _c.find(x => x.landedCost.shipmentRating.id === (cheapestServiceLevel === null || cheapestServiceLevel === void 0 ? void 0 : cheapestServiceLevel.id));
         // apply new subtotal and total, this is mainly to show items in the presentment currency
         const subtotals = !!matchLandedCost ? matchLandedCost.subtotals : null;
         if (subtotals) {
@@ -333,9 +559,11 @@ const stripeStorePrefetchLandedCost = async (params) => {
             if (retries < 1) {
                 // retry fetching landed cost one more time
                 await stripeStorePrefetchLandedCost(Object.assign(Object.assign({}, params), { retries: (retries || 0) + 1 }));
-                return;
+                return {
+                    isRequestNotReady: false,
+                };
             }
-            const shipToAddress = (_h = stripeStore.stripeAddressUsedWhenFetchingLC) === null || _h === void 0 ? void 0 : _h.value;
+            const shipToAddress = (_d = stripeStore.stripeAddressEventData) === null || _d === void 0 ? void 0 : _d.value;
             void sendErrorLog({
                 endpoint: `Failed to fetch landed cost (${retries} retries)`,
                 errors: [err.message],
@@ -348,6 +576,9 @@ const stripeStorePrefetchLandedCost = async (params) => {
         logError(err);
     }
     stripeStore.isFetchingLandedCost = false;
+    return {
+        isRequestNotReady: false,
+    };
 };
 const stripeStoreApplyPromoCode = async () => {
     var _a, _b;
@@ -358,6 +589,8 @@ const stripeStoreApplyPromoCode = async () => {
     if (cartStore.step === 'payment') {
         cartStorePreviousStep();
     }
+    // async update address with new root id from the new quote
+    await stripeStoreAsyncAddressUpdate();
     // This is the cheapest service level since we already sorted them after fetching landed cost
     const cheapestServiceLevel = (_a = cartStore.shippingData) === null || _a === void 0 ? void 0 : _a.find(Boolean);
     // Landed cost that matches with service level
@@ -600,18 +833,6 @@ export const getCheckoutSessionBody = () => {
                 key: 'language',
                 value: localizationStore.selectedLocale,
             },
-            {
-                key: 'appVersion',
-                value: window.Zonos.version,
-            },
-            {
-                key: 'appVersionNpmIntegration',
-                value: window.Zonos.isNpm ? '1' : '0',
-            },
-            {
-                key: 'legacyCheckoutFacade',
-                value: window.Zonos.isLegacyCheckout ? '1' : '0',
-            },
         ],
         presentmentCountryCode: localizationStore.selectedCountryCode,
         skipPaymentIntent: stripeStore.skipPaymentIntent,
@@ -748,6 +969,7 @@ const stripeStoreUpdateCheckoutSession = async ({ adjustmentsAmount, cartId, cur
     const { errors, json } = await handleFetch('/api/zonos-elements/update-checkout-session', {
         body: {
             adjustmentsAmount,
+            billToPartyId: stripeStore.partyBillingId,
             cartId,
             currency,
             customerAuthenticationToken: cartStore.customerAuthenticationToken || undefined,
@@ -759,20 +981,9 @@ const stripeStoreUpdateCheckoutSession = async ({ adjustmentsAmount, cartId, cur
                     key: 'language',
                     value: localizationStore.selectedLocale,
                 },
-                {
-                    key: 'appVersion',
-                    value: window.Zonos.version,
-                },
-                {
-                    key: 'appVersionNpmIntegration',
-                    value: window.Zonos.isNpm ? '1' : '0',
-                },
-                {
-                    key: 'legacyCheckoutFacade',
-                    value: window.Zonos.isLegacyCheckout ? '1' : '0',
-                },
             ],
             presentmentCountryCode,
+            shipToPartyId: stripeStore.partyShippingId,
             skipPaymentIntent: stripeStore.skipPaymentIntent,
             varianceTestInput,
         },
@@ -912,4 +1123,4 @@ stripeStoreOnChange('clientSecret', clientSecret => {
         sessionStorage.removeItem('zonos--client-secret');
     }
 });
-export { initStripeElements, stripeCalculateLandedCost, stripeStore, stripeStoreApplyPromoCode, stripeStoreCleanupDomesticShippingSession, stripeStoreConfirmPayment, stripeStoreGetDomesticShippingSession, stripeStoreGetPaymentIntent, stripeStoreHandleInventoryCheck, stripeStoreHandleInventoryRefund, stripeStoreInitCheckoutSession, stripeStoreMessageBasedOnStatus, stripeStoreOnChange, stripeStorePrefetchLandedCost, stripeStoreRemovePromoCode, stripeStoreReset, stripeStoreResetPromoCode, stripeStoreRetrievePayment, stripeStoreSaveDomesticShippingSession, stripeStoreTranslateAddressToLatin, stripeStoreUpdateCheckoutSession, stripeStoreUpdateCheckoutSessionBaseCurrency, };
+export { initStripeElements, stripeCalculateLandedCost, stripeStore, stripeStoreApplyPromoCode, stripeStoreAsyncAddressUpdate, stripeStoreCleanupDomesticShippingSession, stripeStoreConfirmPayment, stripeStoreGetDomesticShippingSession, stripeStoreGetPaymentIntent, stripeStoreHandleInventoryCheck, stripeStoreHandleInventoryRefund, stripeStoreInitCheckoutSession, stripeStoreMessageBasedOnStatus, stripeStoreOnChange, stripeStorePrefetchLandedCost, stripeStoreRemovePromoCode, stripeStoreReset, stripeStoreResetPromoCode, stripeStoreRetrievePayment, stripeStoreSaveDomesticShippingSession, stripeStoreTranslateAddressToLatin, stripeStoreUpdateCheckoutSession, stripeStoreUpdateCheckoutSessionBaseCurrency, };

package/dist/collection/components/store/hello/localization.js

@@ -203,6 +203,7 @@ const updateCheckoutSessionLanguage = async () => {
         body: {
             id: storageStore.checkoutSessionId,
             metadata: [
+                // This is being used from the backend to determine the language of the checkout session
                 {
                     key: 'language',
                     value: localizationStore.selectedLocale,

package/dist/collection/components/stripe/zonos-address/zonos-address.css

@@ -34,7 +34,8 @@
 :host .zonos--title {
   margin-bottom: 16px;
 }
-:host .zonos--company-name-input {
+:host .zonos--company-name-input,
+:host .zonos--tax-id-input {
   margin-bottom: 16px;
 }
 :host zonos-banner {

package/dist/collection/components/stripe/zonos-address/zonos-address.js

@@ -1,5 +1,6 @@
 import { h, Host, } from "@stencil/core";
-import { stripeStore } from "../../store/checkout/stripe";
+import throttle from "lodash/throttle";
+import { stripeStore, stripeStorePrefetchLandedCost, } from "../../store/checkout/stripe";
 import { getFallbackDefaultCountryCode, localizationStore, } from "../../store/hello/localization";
 import { storageStore, storageStoreOnChange, } from "../../store/storageStore";
 import { translate } from "../../store/translationStore";
@@ -41,10 +42,16 @@ export class ZonosAddress {
          * Local checkout session id to check if the address is filled after checkout is loaded
          */
         this.checkoutSessionId = storageStore.checkoutSessionId;
+        /**
+         * Track previous country and postal code to detect changes
+         */
+        this.prevCountry = null;
+        this.prevPostalCode = null;
         /**
          * Check if the tracking event is sent
          */
         this.trackingSent = false;
+        this.prefetchLandedCost = throttle(stripeStorePrefetchLandedCost, 1000);
         this.onStoreCheckoutSessionIdChanged = () => {
             const onCheckoutSessionIdChange = () => {
                 this.checkoutSessionId = storageStore.checkoutSessionId;
@@ -78,6 +85,13 @@ export class ZonosAddress {
                 break;
             }
         }
+        // Only trigger landed cost prefetch for shipping address
+        if (type === 'shipping') {
+            // if line 1 has something, trigger prefetch
+            if (event.value.address.line1.length) {
+                void this.prefetchLandedCost();
+            }
+        }
     }
     isAddressFilledChanged() {
         // Sometimes address elements is loaded with prefilled data before checkout is loaded, need to not send the event if checkout session id is not available, and send the event after checkout is loaded
@@ -149,6 +163,11 @@ export class ZonosAddress {
             },
         });
         addressElement.mount(this.el.querySelector('.zonos--address-component'));
+        // Initialize previous values if address data exists
+        if (stripeAddressEventData === null || stripeAddressEventData === void 0 ? void 0 : stripeAddressEventData.value.address) {
+            this.prevCountry = stripeAddressEventData.value.address.country;
+            this.prevPostalCode = stripeAddressEventData.value.address.postal_code;
+        }
         addressElement.on('change', event => {
             const eventValue = event.value;
             if (!this.isDirtyAddress && eventValue.address.line1.length >= 3) {
@@ -280,7 +299,7 @@ export class ZonosAddress {
             this.isAddressFilled = true;
         }
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (h(Host, { key: '6cb58defa44e55a88bdb8ad3b1b2e96033337fec', class: "zonos--address zonos--elements" }, h("zonos-text", { key: '2708affaeb700f6c256b38285696d3eaffa1d1ea', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), this.renderCompanyNameInput(), this.renderTaxIdInput(), h("div", { key: '290de47b8579a70f997ead2ab3ada123dfa4d204', class: "zonos--address-component" })));
+        return (h(Host, { key: '6cb2f40dc810982251bdb24bd373ef5dc5b26cd2', class: "zonos--address zonos--elements" }, h("zonos-text", { key: 'f7b393a508bc5f1921924090c365cdf41f23f0e7', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), this.renderCompanyNameInput(), this.renderTaxIdInput(), h("div", { key: '9bd11de0b90f7ad7328cf37694c7d4e2a2d73f06', class: "zonos--address-component" })));
     }
     static get is() { return "zonos-address"; }
     static get encapsulation() { return "scoped"; }
@@ -385,7 +404,9 @@ export class ZonosAddress {
             "stripe": {},
             "isDirtyAddress": {},
             "isAddressFilled": {},
-            "checkoutSessionId": {}
+            "checkoutSessionId": {},
+            "prevCountry": {},
+            "prevPostalCode": {}
         };
     }
     static get events() {

package/dist/collection/components/stripe/zonos-custom-address/zonos-custom-address.css

@@ -34,7 +34,8 @@
 :host .zonos--title {
   margin-bottom: 16px;
 }
-:host .zonos--company-name-input {
+:host .zonos--company-name-input,
+:host .zonos--tax-id-input {
   margin-bottom: 8px;
 }
 :host zonos-banner {

package/dist/collection/components/stripe/zonos-custom-address/zonos-custom-address.js

@@ -12,7 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { h, Host, } from "@stencil/core";
 import throttle from "lodash/throttle";
-import { stripeStore } from "../../store/checkout/stripe";
+import { stripeStore, stripeStorePrefetchLandedCost, } from "../../store/checkout/stripe";
 import { localizationStore } from "../../store/hello/localization";
 import { storageStore, storageStoreOnChange, } from "../../store/storageStore";
 import { translate } from "../../store/translationStore";
@@ -283,6 +283,8 @@ export class ZonosAddress {
                 break;
             default: {
                 stripeStore.stripeAddressEventData = event;
+                // send request to prefetch landed cost
+                void stripeStorePrefetchLandedCost();
                 break;
             }
         }
@@ -803,7 +805,7 @@ export class ZonosAddress {
                 this.state = event.detail;
             }, options: stateOptions, required: (_k = this.countryField) === null || _k === void 0 ? void 0 : _k.stateRequired, selectLabel: translate(((_l = this.countryField) === null || _l === void 0 ? void 0 : _l.stateLabel) || 'State'), selectedValue: stripeAddressEventData === null || stripeAddressEventData === void 0 ? void 0 : stripeAddressEventData.value.address.state, title: `${this.type} state` })), ((_m = this.countryField) === null || _m === void 0 ? void 0 : _m.zipShow) && (h("zonos-stripe-input", { "aria-describedby": ((_o = this.countryField) === null || _o === void 0 ? void 0 : _o.zipFormat)
                 ? `zip-format-${this.type}`
-                : undefined, "aria-required": ((_p = this.countryField) === null || _p === void 0 ? void 0 : _p.zipRequired) ? 'true' : 'false', autoComplete: "shipping postal-code", class: "zonos--custom-address-form-input", error: showError ? customAddressErrors.postalCode : undefined, inputLabel: translate(((_q = this.countryField) === null || _q === void 0 ? void 0 : _q.zipLabel) || 'Zip'), inputValue: (stripeAddressEventData === null || stripeAddressEventData === void 0 ? void 0 : stripeAddressEventData.value.address.postal_code) || '', onInputChange: (event) => {
+                : undefined, "aria-required": ((_p = this.countryField) === null || _p === void 0 ? void 0 : _p.zipRequired) ? 'true' : 'false', autoComplete: "shipping postal-code", class: "zonos--custom-address-form-input", error: showError ? customAddressErrors.postalCode : undefined, inputLabel: translate(((_q = this.countryField) === null || _q === void 0 ? void 0 : _q.zipLabel) || 'Zip'), inputValue: (stripeAddressEventData === null || stripeAddressEventData === void 0 ? void 0 : stripeAddressEventData.value.address.postal_code) || '', name: "postalCode", onInputChange: (event) => {
                 this.validate({
                     type: this.type,
                     value: event.detail,
@@ -817,7 +819,7 @@ export class ZonosAddress {
                  * Therefore, we must update the value after validation to ensure correct error state
                  */
                 this.postalCode = event.detail;
-            }, required: (_r = this.countryField) === null || _r === void 0 ? void 0 : _r.zipRequired }))), h("zonos-stripe-phone-input", { autoComplete: "shipping tel", class: "zonos--custom-address-form-input", countryCode: stripeAddressEventData === null || stripeAddressEventData === void 0 ? void 0 : stripeAddressEventData.value.address.country, countryOptions: (_s = zonosStore.genericSettings) === null || _s === void 0 ? void 0 : _s.countryFields, error: showError ? customAddressErrors.phone : undefined, inputLabel: translate('Phone number'), inputValue: (stripeAddressEventData === null || stripeAddressEventData === void 0 ? void 0 : stripeAddressEventData.value.phone) || '', onInputValueChange: event => {
+            }, required: (_r = this.countryField) === null || _r === void 0 ? void 0 : _r.zipRequired, title: `${this.type} zip code` }))), h("zonos-stripe-phone-input", { autoComplete: "shipping tel", class: "zonos--custom-address-form-input", countryCode: stripeAddressEventData === null || stripeAddressEventData === void 0 ? void 0 : stripeAddressEventData.value.address.country, countryOptions: (_s = zonosStore.genericSettings) === null || _s === void 0 ? void 0 : _s.countryFields, error: showError ? customAddressErrors.phone : undefined, inputLabel: translate('Phone number'), inputValue: (stripeAddressEventData === null || stripeAddressEventData === void 0 ? void 0 : stripeAddressEventData.value.phone) || '', onInputValueChange: event => {
                 const { isEmpty, phoneNumber, valid, wrongFormat } = event.detail;
                 // Validate the phone number
                 this.validate({
@@ -888,10 +890,10 @@ export class ZonosAddress {
             this.country = localizationStore.selectedCountryCode;
         }
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (h(Host, { key: 'd66b492bb6eb663ce3311012de3cc14e9848e41e', class: classes([
+        return (h(Host, { key: '668f481c1b31dd6e756d95b5c382592681cea23d', class: classes([
                 'zonos--address zonos--elements',
                 `zonos--${this.type}-address`,
-            ]) }, h("zonos-text", { key: '4ab2a112115c951719063f94247d1d85f16faec8', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderCustomAddressForm()));
+            ]) }, h("zonos-text", { key: 'a31cd25d43d9262d408e6ced8330cbe1c51bdd47', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderCustomAddressForm()));
     }
     static get is() { return "zonos-custom-address"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/utils/api/cartCalculateLandedCost.js

@@ -1,7 +1,7 @@
 import { prepCartCalculateLandedCost } from "./prepCalculateLandedCost";
 import { handleFetch } from "../handleFetch";
 export const cartCalculateLandedCost = async ({ abortController, cartId, }) => {
-    var _a;
+    var _a, _b;
     // request to get landed cost info
     const { errors, json } = await handleFetch('/api/zonos-elements/cart-calculate-landed-cost', {
         body: prepCartCalculateLandedCost(cartId),
@@ -9,7 +9,8 @@ export const cartCalculateLandedCost = async ({ abortController, cartId, }) => {
         signal: abortController === null || abortController === void 0 ? void 0 : abortController.signal,
     });
     if (errors.length || !json) {
-        const isAbortedRequest = ((_a = errors[0]) === null || _a === void 0 ? void 0 : _a.message) === 'The user aborted a request.';
+        const isAbortedRequest = ((_a = errors[0]) === null || _a === void 0 ? void 0 : _a.message) === 'The user aborted a request.' ||
+            ((_b = errors[0]) === null || _b === void 0 ? void 0 : _b.message.includes('signal is aborted'));
         const errorMessage = isAbortedRequest
             ? 'The landed cost calculation request was aborted to initiate a new one.'
             : 'Failed to calculate landed cost';

package/dist/collection/components/utils/api/prepCalculateLandedCost.js

@@ -33,7 +33,7 @@ export const prepCartCalculateLandedCost = (cartId) => {
     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)) {
+    if (!stripeAddressData || !stripeBillingAddressData) {
         throw new Error('Missing stripe address data');
     }
     // Attempt to get translated address if available
@@ -110,7 +110,7 @@ export const prepCalculateLandedCost = () => {
         ? stripeStore.stripeAddressEventData
         : stripeStore.stripeBillingAddressEventData;
     log({ stripeAddressData, stripeBillingAddressData }, 'info');
-    if (!(stripeAddressData === null || stripeAddressData === void 0 ? void 0 : stripeAddressData.complete) || !(stripeBillingAddressData === null || stripeBillingAddressData === void 0 ? void 0 : stripeBillingAddressData.complete)) {
+    if (!stripeAddressData || !stripeBillingAddressData) {
         throw new Error('Missing stripe address data');
     }
     // Attempt to get translated address if available