@zonos/elements 1.3.233 → 1.3.234

package/dist/cjs/{cart-bc615014.js → cart-22ced7cc.js}

@@ -1,8 +1,7 @@
 'use strict';
 
 const zonosStore = require('./zonosStore-37a4b4f4.js');
-const localization = require('./localization-39516612.js');
-const translationStore = require('./translationStore-08d3ff9c.js');
+const localization = require('./localization-8ef6250a.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
 const VarianceTest = require('./VarianceTest-bec00ea8.js');
 const isDarkColor = require('./isDarkColor-878e600e.js');
@@ -538,7 +537,7 @@ const validateCheckoutSession = async () => {
             metadata: { allLogs: VarianceTest.allLogs },
         });
         return {
-            errorMessage: translationStore.translate('Unable to retrieve the checkout session at the moment. Please try again or contact our support team.'),
+            errorMessage: localization.translate('Unable to retrieve the checkout session at the moment. Please try again or contact our support team.'),
             valid: false,
         };
     }
@@ -551,7 +550,7 @@ const validateCheckoutSession = async () => {
             metadata: { allLogs: VarianceTest.allLogs },
         });
         return {
-            errorMessage: translationStore.translate('No shipment rating selected. Please go back to the "Shipping" step and select a shipment rating to proceed.'),
+            errorMessage: localization.translate('No shipment rating selected. Please go back to the "Shipping" step and select a shipment rating to proceed.'),
             valid: false,
         };
     }
@@ -706,7 +705,10 @@ const { onChange: stripeStoreOnChange, reset: reset$1, state: stripeStore, } = z
 const getStripeOptions = ({ clientSecret, overrideBorderRadius, overridePrimaryColor, overrideSecondaryColor, overrideTheme, paypalEnabled, }) => {
     const primaryColor = overridePrimaryColor || zonosStore.zonosStore.appearance.colorPrimary;
     const secondaryColor = overrideSecondaryColor || zonosStore.zonosStore.appearance.colorSecondary;
-    const themeBasedColor = primaryColor && isDarkColor.isDarkColor(primaryColor) ? 'night' : 'flat';
+    const isDark = window.Zonos.isCollect || window.Zonos.isInvoice
+        ? zonosStore.zonosStore.appearance.theme === 'DARK'
+        : primaryColor && isDarkColor.isDarkColor(primaryColor);
+    const themeBasedColor = isDark ? 'night' : 'flat';
     // if overrideTheme is provided, use it. Otherwise, use theme based on primary color
     const theme = overrideTheme === 'DARK' ? 'night' : 'flat';
     const paypalPaymentType = paypalEnabled ? ['external_paypal'] : [];
@@ -1241,6 +1243,7 @@ const stripeStoreMessageBasedOnStatus = (status) => {
     let messages = [];
     let isError = true;
     const isCollect = window.Zonos.isCollect;
+    const isInvoice = window.Zonos.isInvoice;
     // Inspect the PaymentIntent `status` to indicate the status of the payment
     // to your customer.
     //
@@ -1251,15 +1254,15 @@ const stripeStoreMessageBasedOnStatus = (status) => {
     switch (status) {
         case 'succeeded': {
             messages = [
-                translationStore.translate('Your payment went through successfully! Thank you for shopping with us! We hope you had an enjoyable experience and your support means the world to us.'),
+                localization.translate('Your payment went through successfully! Thank you for shopping with us! We hope you had an enjoyable experience and your support means the world to us.'),
                 '',
-                translationStore.translate("We've sent an email confirmation of the order details for your review. And our team is carefully preparing your order so it arrives on time."),
+                localization.translate("We've sent an email confirmation of the order details for your review. And our team is carefully preparing your order so it arrives on time."),
             ];
-            if (isCollect) {
+            if (isCollect || isInvoice) {
                 messages = [
-                    translationStore.translate('Thank you for submitting your payment. We appreciate your prompt attention.'),
+                    localization.translate('Thank you for submitting your payment. We appreciate your prompt attention.'),
                     '',
-                    translationStore.translate('A confirmation email with your payment details has been sent for your records. If you have any questions or need support, our team is here to help.'),
+                    localization.translate('A confirmation email with your payment details has been sent for your records. If you have any questions or need support, our team is here to help.'),
                 ];
             }
             isError = false;
@@ -1268,18 +1271,18 @@ const stripeStoreMessageBasedOnStatus = (status) => {
         case 'requires_capture':
         case 'processing': {
             messages = [
-                translationStore.translate("Payment processing. We'll update you when payment is received."),
+                localization.translate("Payment processing. We'll update you when payment is received."),
             ];
             isError = false;
             break;
         }
         case 'requires_payment_method': {
             messages = [
-                translationStore.translate('Payment failed. Please try another payment method.'),
+                localization.translate('Payment failed. Please try another payment method.'),
             ];
             if (isCollect) {
                 messages = [
-                    translationStore.translate('Payment failed. Please reload the page and try another payment method.'),
+                    localization.translate('Payment failed. Please reload the page and try another payment method.'),
                 ];
             }
             break;
@@ -1287,11 +1290,11 @@ const stripeStoreMessageBasedOnStatus = (status) => {
         case 'requires_action': {
             isError = false;
             messages = [
-                translationStore.translate('Your selected payment method requires additional verification. Please follow the instructions provided by your payment provider to complete the transaction.'),
+                localization.translate('Your selected payment method requires additional verification. Please follow the instructions provided by your payment provider to complete the transaction.'),
             ];
         }
         default: {
-            messages = [translationStore.translate('Something went wrong.')];
+            messages = [localization.translate('Something went wrong.')];
             break;
         }
     }
@@ -1323,7 +1326,7 @@ const stripeStoreHandleInventoryCheck = async () => {
         }
         // Proceed if the item is available
         if (!json.available || json.status === 204) {
-            return translationStore.translate("The item you're looking for is currently unavailable in our inventory. Please check back later or contact support for assistance with availability.");
+            return localization.translate("The item you're looking for is currently unavailable in our inventory. Please check back later or contact support for assistance with availability.");
         }
         if (json.available || json.status === 200) {
             stripeStore.shouldInventoryRefund = true;
@@ -1381,7 +1384,7 @@ const stripeStoreRetrievePayment = async ({ clientSecret: _clientSecret, storybo
     const clientSecret = _clientSecret || stripeStore.clientSecret;
     if (!stripeStore.stripe || !clientSecret) {
         handleFetch.logError('Failed to retrieve payment intent. Stripe is not initialized');
-        return { error: true, message: [translationStore.translate('Something went wrong.')] };
+        return { error: true, message: [localization.translate('Something went wrong.')] };
     }
     const { paymentIntent } = await stripeStore.stripe.retrievePaymentIntent(clientSecret);
     const status = paymentIntent === null || paymentIntent === void 0 ? void 0 : paymentIntent.status;
@@ -1433,7 +1436,7 @@ const stripeStoreConfirmPayment = async (props) => {
         });
         VarianceTest.log('Payment intent confirmed', 'info', { error, paymentIntent });
         if ((paymentIntent === null || paymentIntent === void 0 ? void 0 : paymentIntent.status) === 'requires_action') {
-            throw new Error(translationStore.translate('Your selected payment method requires additional verification. Please follow the instructions provided by your payment provider to complete the transaction.'));
+            throw new Error(localization.translate('Your selected payment method requires additional verification. Please follow the instructions provided by your payment provider to complete the transaction.'));
         }
         if (error) {
             if (error.type === 'card_error' || error.type === 'validation_error') {
@@ -1450,7 +1453,7 @@ const stripeStoreConfirmPayment = async (props) => {
         }
         if (paymentIntent.status === 'requires_payment_method') {
             // Failed to confirm payment, allows user to try another payment method
-            throw new Error(translationStore.translate('Payment failed. Please try another payment method.'));
+            throw new Error(localization.translate('Payment failed. Please try another payment method.'));
         }
     }
 };
@@ -1463,7 +1466,8 @@ const getCheckoutSessionBody = () => {
         cartId: window.Zonos.cartId,
         currency: ((_a = cartStore.items.find(Boolean)) === null || _a === void 0 ? void 0 : _a.currencyCode) || '',
         customerAuthenticationToken: cartStore.customerAuthenticationToken || undefined,
-        isCollect: window.Zonos.isCollect,
+        isCollect: !!window.Zonos.isCollect,
+        isInvoice: !!window.Zonos.isInvoice,
         itemsAmount: total,
         metadata: [
             {
@@ -1491,9 +1495,9 @@ const stripeStoreGetPaymentIntent = async () => {
         });
         cartStoreUpdateToErrorState({
             messages: [
-                translationStore.translate("There's been an error creating your checkout session. Please reload and try again or contact support if the error persists"),
+                localization.translate("There's been an error creating your checkout session. Please reload and try again or contact support if the error persists"),
             ],
-            title: translationStore.translate('Error creating Checkout'),
+            title: localization.translate('Error creating Checkout'),
         });
         return;
     }
@@ -1519,9 +1523,9 @@ const stripeStoreGetPaymentIntent = async () => {
         });
         cartStoreUpdateToErrorState({
             messages: [
-                translationStore.translate("There's been an error creating your checkout session. Please reload and try again or contact support if the error persists"),
+                localization.translate("There's been an error creating your checkout session. Please reload and try again or contact support if the error persists"),
             ],
-            title: translationStore.translate('Error creating Checkout'),
+            title: localization.translate('Error creating Checkout'),
         });
         return;
     }
@@ -1825,12 +1829,12 @@ const { onChange: cartStoreOnChange, reset, state: cartStore, } = zonosStore.cre
 const getTransitUnit = (type) => {
     switch (type) {
         case 'DAYS':
-            return translationStore.translate('days');
+            return localization.translate('days');
         case 'WEEKS':
-            return translationStore.translate('weeks');
+            return localization.translate('weeks');
         case 'BUSINESS_DAYS':
         default:
-            return translationStore.translate('business days');
+            return localization.translate('business days');
     }
 };
 /**
@@ -1996,9 +2000,9 @@ const cartStoreReCalculateTotal = async ({ adjustmentsAmount, cartId, currency,
             if (!success) {
                 cartStoreUpdateToErrorState({
                     messages: [
-                        translationStore.translate("There's been an error creating your checkout session. Please reload and try again or contact support if the error persists"),
+                        localization.translate("There's been an error creating your checkout session. Please reload and try again or contact support if the error persists"),
                     ],
-                    title: translationStore.translate('Error creating Checkout'),
+                    title: localization.translate('Error creating Checkout'),
                 });
                 return false;
             }

package/dist/cjs/{shouldRenderTaxIdInput-9b8a8de1.js → containsNonLatinChars-2be5129b.js}

@@ -1,7 +1,5 @@
 'use strict';
 
-const TaxId = require('./TaxId-12acedde.js');
-
 const isTextContainsNonLatinChars = (text) => {
     const specialCharacters = /[ʼˮ՚ߴߵ']{1}/u;
     /**
@@ -22,26 +20,5 @@ const containsNonLatinChars = (params) => {
     return nonLatinValueList;
 };
 
-const isInTaxIdCountry = (countryCode) => {
-    return TaxId.countryRequireTaxId.includes(countryCode);
-};
-/**
- * Checks if the tax ID input should be rendered based on the company name and country code.
- */
-const shouldRenderTaxIdInput = ({ companyName, countryCode, }) => {
-    // Only show the tax ID input if the country is in the EU and the company name is provided
-    if (TaxId.euCountryCodes.includes(countryCode)) {
-        return companyName.trim().length > 0;
-    }
-    // If country require tax id, show the input
-    const isCountryRequireTaxId = isInTaxIdCountry(countryCode);
-    if (isCountryRequireTaxId) {
-        return true;
-    }
-    // If country doesn't require tax ID, no need to show the input
-    return false;
-};
-
 exports.containsNonLatinChars = containsNonLatinChars;
 exports.isTextContainsNonLatinChars = isTextContainsNonLatinChars;
-exports.shouldRenderTaxIdInput = shouldRenderTaxIdInput;

package/dist/cjs/{hasInclusivePrice-84145546.js → hasInclusivePrice-ca85cabd.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const localization = require('./localization-39516612.js');
+const localization = require('./localization-8ef6250a.js');
 
 /**
  * Since the backend and the frontend are using the same keys,

package/dist/cjs/index.cjs.js

@@ -132,7 +132,7 @@ const getZonosQaUrl = () => {
         return null;
     }
     const qaUrl = extractZonosQaUrl(window.location.href);
-    const cdnUrl = "https://v1.3.233.js.zonos.com";
+    const cdnUrl = "https://v1.3.234.js.zonos.com";
     // when the qaUrl is not set and the built URL is from the test domain, use the test domain for testing
     if (!qaUrl &&
         (cdnUrl.includes('test.') ||
@@ -380,10 +380,10 @@ const zonosLoadUrl = (() => {
     return null;
 })();
 const startLoadTime = Date.now();
-const ZONOS_URL = "https://v1.3.233.js.zonos.com";
-const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.233";
-const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.233";
-const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.233";
+const ZONOS_URL = "https://v1.3.234.js.zonos.com";
+const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.234";
+const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.234";
+const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.234";
 const GOOGLE_FONT_URL = 'https://fonts.googleapis.com';
 const GOOGLE_FONT_REGEX = /^https:\/\/fonts\.googleapis\.com/;
 class Zonos {
@@ -401,7 +401,7 @@ Zonos.iframeLogType = typeof window !== 'undefined'
     ? new URLSearchParams(window.location.search).get('iframeLogType')
     : null;
 Zonos.isBigCommerce = false;
-Zonos.releaseDate = "1755875048659";
+Zonos.releaseDate = "1756353722333";
 Zonos.isLegacyCheckout = false;
 Zonos.startLoadTime = startLoadTime;
 Zonos.domain = typeof window !== 'undefined'
@@ -414,6 +414,7 @@ Zonos.showBaseForeign = typeof window !== 'undefined' &&
     window.location.search.includes('zonosShowBaseForeign');
 Zonos.overrideUseCustomAddressForm = false;
 Zonos.isCollect = false;
+Zonos.isInvoice = false;
 /**
  * By default, the package will load from npm
  */
@@ -421,7 +422,7 @@ Zonos.isNpm = true;
 Zonos.zonosQaUrl = null;
 Zonos.zonosQaUrlApi = null;
 Zonos.trackEventLogs = [];
-Zonos.version = `v${"1.3.233"}`;
+Zonos.version = `v${"1.3.234"}`;
 Zonos.modeAlerted = false;
 Zonos.cartData = null;
 Zonos.paypal = null;
@@ -745,6 +746,9 @@ Zonos.injectController = ({ config, }) => {
         if (window.Zonos.isCollect) {
             void zonosController.initCollectElement(stripe);
         }
+        else if (window.Zonos.isInvoice) {
+            void zonosController.initInvoiceElement(stripe);
+        }
         else {
             void zonosController.initCheckoutElement(stripe);
         }

package/dist/cjs/invoice-8fd4242c.js

@@ -0,0 +1,151 @@
+'use strict';
+
+const zonosStore = require('./zonosStore-37a4b4f4.js');
+const cart = require('./cart-22ced7cc.js');
+const localization = require('./localization-8ef6250a.js');
+const handleFetch = require('./handleFetch-954f30e1.js');
+const VarianceTest = require('./VarianceTest-bec00ea8.js');
+
+const { reset: invoiceStoreReset, state: invoiceStore } = zonosStore.createStore(() => ({
+    amountTotalDue: null,
+    isFetchingPayorInfo: true,
+    landedCostShortId: null,
+    partyBillingId: null,
+    payorAddress: null,
+}));
+const invoiceStoreInitShippingInfo = async ({ landedCostId, retries = 5, }) => {
+    var _a, _b, _c;
+    invoiceStore.isFetchingPayorInfo = true;
+    const response = await handleFetch.handleFetch('/api/zonos-elements/invoice/get-payor-info-by-lc-id', {
+        body: {
+            landedCostId,
+        },
+        method: 'POST',
+    });
+    if (response.errors.length) {
+        if (retries > 0) {
+            // Wait for 1 second before retrying
+            await new Promise(resolve => setTimeout(resolve, 1000));
+            // Keep retrying until we get the shipping address or we run out of retries
+            return invoiceStoreInitShippingInfo({
+                landedCostId,
+                retries: retries - 1,
+            });
+        }
+        return null;
+    }
+    invoiceStore.landedCostShortId = ((_a = response.json) === null || _a === void 0 ? void 0 : _a.landedCostShortId) || null;
+    invoiceStore.isFetchingPayorInfo = false;
+    invoiceStore.payorAddress = ((_b = response.json) === null || _b === void 0 ? void 0 : _b.payor) || null;
+    const checkoutSessionSubtotals = (_c = cart.cartStore.checkoutSession) === null || _c === void 0 ? void 0 : _c.subtotals;
+    invoiceStore.amountTotalDue = (checkoutSessionSubtotals === null || checkoutSessionSubtotals === void 0 ? void 0 : checkoutSessionSubtotals.items) || 0;
+    if (invoiceStore.amountTotalDue === 0) {
+        void handleFetch.sendErrorLog({
+            endpoint: 'INVOICE_NO_TOTAL_DUE',
+            errors: [],
+            metadata: {
+                landedCostId,
+                organizationId: zonosStore.zonosStore.organizationId,
+            },
+        });
+    }
+};
+const invoiceStoreAsyncAddressUpdate = async () => {
+    var _a, _b, _c, _d;
+    if (!((_a = cart.stripeStore.stripeBillingAddressEventData) === null || _a === void 0 ? void 0 : _a.complete)) {
+        return {
+            partiesCreated: false,
+        };
+    }
+    const landedCostRootId = (_c = (_b = cart.cartStore.checkoutSession) === null || _b === void 0 ? void 0 : _b.landedCost) === null || _c === void 0 ? void 0 : _c.rootId;
+    if (!landedCostRootId) {
+        // do nothing if we don't have selected landed cost
+        void handleFetch.sendErrorLog({
+            endpoint: 'PF_NO_SELECTED_LANDED_COST',
+            errors: ['No selected landed cost'],
+            metadata: {
+                allLogs: VarianceTest.allLogs,
+                cartId: window.Zonos.cartId,
+                checkoutSessionId: localization.storageStore.checkoutSessionId,
+            },
+        });
+        return {
+            partiesCreated: false,
+        };
+    }
+    if (!localization.storageStore.checkoutSessionId) {
+        void handleFetch.sendErrorLog({
+            endpoint: 'INVOICE_NO_CHECKOUT_SESSION_ID',
+            errors: ['No checkout session id'],
+            metadata: {
+                allLogs: VarianceTest.allLogs,
+                cartId: window.Zonos.cartId,
+                landedCostRootId,
+            },
+        });
+        return {
+            partiesCreated: false,
+        };
+    }
+    const billingAddress = cart.stripeStoreBuildAddressForPartyCreate({
+        address: cart.stripeStore.stripeBillingAddressEventData.value.address,
+        firstName: cart.stripeStore.stripeBillingAddressEventData.value.firstName,
+        lastName: cart.stripeStore.stripeBillingAddressEventData.value.lastName,
+        name: cart.stripeStore.stripeBillingAddressEventData.value.name,
+        phone: cart.stripeStore.stripeBillingAddressEventData.value.phone,
+    });
+    const isE2ETest = new URLSearchParams(window.location.search).get('zonosE2ETest') === '1';
+    const { errors, json } = await handleFetch.handleFetch('/api/zonos-elements/create-billing-party', {
+        body: {
+            billingAddress,
+            checkoutSessionId: localization.storageStore.checkoutSessionId,
+            companyName: cart.stripeStore.companyName,
+            email: ((_d = cart.stripeStore.stripeLinkEventData) === null || _d === void 0 ? void 0 : _d.value.email) || '',
+            isTest: isE2ETest,
+            rootId: landedCostRootId,
+        },
+        method: 'POST',
+    });
+    if (errors.length || !json) {
+        handleFetch.logError('Error occurs when creating billing party', JSON.stringify(errors, null, 2));
+        void handleFetch.sendErrorLog({
+            endpoint: 'INVOICE_BILLING_PARTY_CREATE_FAILED',
+            errors: ['[INVOICE] Failed to create billing party'],
+            metadata: {
+                allLogs: VarianceTest.allLogs,
+                cartId: window.Zonos.cartId,
+                checkoutSessionId: localization.storageStore.checkoutSessionId,
+                errors,
+                json,
+            },
+        });
+        return {
+            partiesCreated: false,
+        };
+    }
+    invoiceStore.partyBillingId = json.billToPartyId;
+    return {
+        partiesCreated: true,
+    };
+};
+const invoiceStoreUpdateSelectedShippingOption = async (checkoutSession) => {
+    const landedCost = checkoutSession.landedCost;
+    if (!landedCost) {
+        return false;
+    }
+    // Convert the landed cost to the format that cartStore expects
+    cart.cartStore.landedCostData = [
+        Object.assign(Object.assign({}, checkoutSession), { landedCost: Object.assign({}, landedCost), landedCostId: landedCost.id }),
+    ];
+    return cart.cartStoreUpdateSelectedShippingOption({
+        // No need to update checkout session again, we already called it when starting collect, only need to apply subtotals here to utilize the cart store
+        applySubtotalsOnly: true,
+        landedCostId: landedCost.id,
+        selectedShippingOption: landedCost.shipmentRating,
+    });
+};
+
+exports.invoiceStore = invoiceStore;
+exports.invoiceStoreAsyncAddressUpdate = invoiceStoreAsyncAddressUpdate;
+exports.invoiceStoreInitShippingInfo = invoiceStoreInitShippingInfo;
+exports.invoiceStoreUpdateSelectedShippingOption = invoiceStoreUpdateSelectedShippingOption;

package/dist/cjs/{renderFallback-c2576fbe.js → isCollectMobileTablet-7962c57f.js}

@@ -1,11 +1,10 @@
 'use strict';
 
 const zonosStore = require('./zonosStore-37a4b4f4.js');
-const cart = require('./cart-bc615014.js');
-const localization = require('./localization-39516612.js');
+const cart = require('./cart-22ced7cc.js');
+const localization = require('./localization-8ef6250a.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
 const VarianceTest = require('./VarianceTest-bec00ea8.js');
-const index = require('./index-69fa8852.js');
 
 const { reset: collectStoreReset, state: collectStore } = zonosStore.createStore(() => ({
     amountDutyTaxFeeTotal: null,
@@ -169,17 +168,9 @@ const isCollectMobile = (isMobile) => {
     return isMobile || window.innerWidth < collectMobileBreakpoint;
 };
 
-const renderFallback = ({ content, isLoading, skeletonHeight, skeletonWidth, }) => {
-    if (isLoading) {
-        return (index.h("zonos-skeleton", { skeletonHeight: skeletonHeight, skeletonWidth: skeletonWidth }));
-    }
-    return content;
-};
-
 exports.collectStore = collectStore;
 exports.collectStoreAsyncAddressUpdate = collectStoreAsyncAddressUpdate;
 exports.collectStoreInitShippingInfo = collectStoreInitShippingInfo;
 exports.collectStoreUpdateSelectedShippingOption = collectStoreUpdateSelectedShippingOption;
 exports.isCollectMobile = isCollectMobile;
 exports.isCollectTablet = isCollectTablet;
-exports.renderFallback = renderFallback;

package/dist/cjs/isInvoiceMobileTablet-dde41e4e.js

@@ -0,0 +1,15 @@
+'use strict';
+
+const invoiceTabletBreakpoint = 1024;
+const invoiceMobileBreakpoint = 768;
+const isInvoiceTablet = (isTablet) => {
+    return (isTablet ||
+        (window.innerWidth < invoiceTabletBreakpoint &&
+            window.innerWidth >= invoiceMobileBreakpoint));
+};
+const isInvoiceMobile = (isMobile) => {
+    return isMobile || window.innerWidth < invoiceMobileBreakpoint;
+};
+
+exports.isInvoiceMobile = isInvoiceMobile;
+exports.isInvoiceTablet = isInvoiceTablet;