@zonos/elements 1.3.232 → 1.3.234

package/dist/collection/components/store/translationStore/strings.norwegian.js

@@ -278,6 +278,9 @@ export const stringsNorwegian = {
     'Invalid session': {
         value: 'Ugyldig økt',
     },
+    'Invoice:': {
+        value: 'Faktura:',
+    },
     Island: {
         value: 'Øy',
     },
@@ -392,6 +395,9 @@ export const stringsNorwegian = {
     "Payment processing. We'll update you when payment is received.": {
         value: 'Bearbeider betalingen. Vi gir deg beskjed når betalingen er mottatt.',
     },
+    'Payment total': {
+        value: 'Betaling totalt',
+    },
     'Personal Customers Clearance Code': {
         value: 'Personlige Kunders Tollklareringskode',
     },
@@ -434,6 +440,9 @@ export const stringsNorwegian = {
     'Prepay duties and taxes at checkout': {
         value: 'Forhåndsbetal avgifter og skatt ved kassen',
     },
+    'Privacy policy': {
+        value: 'Personvernregler',
+    },
     'Proceed with order': {
         value: 'Fortsett med bestillingen',
     },

package/dist/collection/components/store/translationStore/strings.polish.js

@@ -278,6 +278,9 @@ export const stringsPolish = {
     'Invalid session': {
         value: 'Nieprawidłowa sesja',
     },
+    'Invoice:': {
+        value: 'Faktura:',
+    },
     Island: {
         value: 'Wyspa',
     },
@@ -392,6 +395,9 @@ export const stringsPolish = {
     "Payment processing. We'll update you when payment is received.": {
         value: 'Trwa przetwarzanie płatności. Poinformujemy gdy płatność zostanie otrzymana.',
     },
+    'Payment total': {
+        value: 'Suma płatności',
+    },
     'Personal Customers Clearance Code': {
         value: 'Kod Odprawy Celnej Klientów Indywidualnych',
     },
@@ -434,6 +440,9 @@ export const stringsPolish = {
     'Prepay duties and taxes at checkout': {
         value: 'Zapłać cła i podatki z góry podczas realizacji zamówienia',
     },
+    'Privacy policy': {
+        value: 'Polityka prywatności',
+    },
     'Proceed with order': {
         value: 'Przejdź do zamówienia',
     },

package/dist/collection/components/store/translationStore/strings.portuguese.js

@@ -278,6 +278,9 @@ export const stringsPortuguese = {
     'Invalid session': {
         value: 'Sessão inválida',
     },
+    'Invoice:': {
+        value: 'Fatura:',
+    },
     Island: {
         value: 'Ilha',
     },
@@ -392,6 +395,9 @@ export const stringsPortuguese = {
     "Payment processing. We'll update you when payment is received.": {
         value: 'Processando pagamento. Informaremos quando o pagamento for recebido.',
     },
+    'Payment total': {
+        value: 'Total do pagamento',
+    },
     'Personal Customers Clearance Code': {
         value: 'Código de Desembaraço de Clientes Pessoais',
     },
@@ -434,6 +440,9 @@ export const stringsPortuguese = {
     'Prepay duties and taxes at checkout': {
         value: 'Pague impostos e taxas antecipadamente',
     },
+    'Privacy policy': {
+        value: 'Política de privacidade',
+    },
     'Proceed with order': {
         value: 'Prosseguir com o pedido',
     },

package/dist/collection/components/store/translationStore/strings.russian.js

@@ -278,6 +278,9 @@ export const stringsRussian = {
     'Invalid session': {
         value: 'Недействительная сессия',
     },
+    'Invoice:': {
+        value: 'Счет:',
+    },
     Island: {
         value: 'Остров',
     },
@@ -392,6 +395,9 @@ export const stringsRussian = {
     "Payment processing. We'll update you when payment is received.": {
         value: 'Обрабатываем платеж. Сообщим вам, когда платеж будет получен.',
     },
+    'Payment total': {
+        value: 'Общая сумма платежа',
+    },
     'Personal Customers Clearance Code': {
         value: 'Код таможенной очистки для частных клиентов',
     },
@@ -434,6 +440,9 @@ export const stringsRussian = {
     'Prepay duties and taxes at checkout': {
         value: 'Предоплата пошлин и налогов при оформлении заказа',
     },
+    'Privacy policy': {
+        value: 'Политика конфиденциальности',
+    },
     'Proceed with order': {
         value: 'Продолжить с заказом',
     },

package/dist/collection/components/store/translationStore/strings.spanish.js

@@ -278,6 +278,9 @@ export const stringsSpanish = {
     'Invalid session': {
         value: 'Sesión no válida',
     },
+    'Invoice:': {
+        value: 'Factura:',
+    },
     Island: {
         value: 'Isla',
     },
@@ -392,6 +395,9 @@ export const stringsSpanish = {
     "Payment processing. We'll update you when payment is received.": {
         value: 'Procesando pago. Le informaremos cuando se reciba el pago.',
     },
+    'Payment total': {
+        value: 'Total de pago',
+    },
     'Personal Customers Clearance Code': {
         value: 'Código de Despacho de Clientes Personales',
     },
@@ -434,6 +440,9 @@ export const stringsSpanish = {
     'Prepay duties and taxes at checkout': {
         value: 'Pague aranceles e impuestos antes en la compra',
     },
+    'Privacy policy': {
+        value: 'Política de privacidad',
+    },
     'Proceed with order': {
         value: 'Proceder con el pedido',
     },

package/dist/collection/components/store/translationStore/strings.swedish.js

@@ -278,6 +278,9 @@ export const stringsSwedish = {
     'Invalid session': {
         value: 'Ogiltig session',
     },
+    'Invoice:': {
+        value: 'Faktura:',
+    },
     Island: {
         value: 'Ö',
     },
@@ -392,6 +395,9 @@ export const stringsSwedish = {
     "Payment processing. We'll update you when payment is received.": {
         value: 'Betalningsbehandling. Vi kommer att uppdatera dig när betalningen har mottagits.',
     },
+    'Payment total': {
+        value: 'Betalning totalt',
+    },
     'Personal Customers Clearance Code': {
         value: 'Personliga Kunders Tullkod',
     },
@@ -434,6 +440,9 @@ export const stringsSwedish = {
     'Prepay duties and taxes at checkout': {
         value: 'Förbetala tull och skatter vid utcheckning',
     },
+    'Privacy policy': {
+        value: 'Integritetspolicy',
+    },
     'Proceed with order': {
         value: 'Fortsätt med beställningen',
     },

package/dist/collection/components/store/translationStore/strings.turkish.js

@@ -278,6 +278,9 @@ export const stringsTurkish = {
     'Invalid session': {
         value: 'Geçersiz oturum',
     },
+    'Invoice:': {
+        value: 'Fatura:',
+    },
     Island: {
         value: 'Ada',
     },
@@ -392,6 +395,9 @@ export const stringsTurkish = {
     "Payment processing. We'll update you when payment is received.": {
         value: 'Ödeme işleniyor. Ödeme alındığında sizi bilgilendireceğiz.',
     },
+    'Payment total': {
+        value: 'Ödeme toplamı',
+    },
     'Personal Customers Clearance Code': {
         value: 'Kişisel Müşteri Gümrük Kodları',
     },
@@ -434,6 +440,9 @@ export const stringsTurkish = {
     'Prepay duties and taxes at checkout': {
         value: 'Ödemede vergi ve gümrük vergisini önceden öde',
     },
+    'Privacy policy': {
+        value: 'Gizlilik politikası',
+    },
     'Proceed with order': {
         value: 'Siparişe devam et',
     },

package/dist/collection/components/store/translationStore/strings.vietnamese.js

@@ -278,6 +278,9 @@ export const stringsVietnamese = {
     'Invalid session': {
         value: 'Phiên không hợp lệ',
     },
+    'Invoice:': {
+        value: 'Hóa đơn:',
+    },
     Island: {
         value: 'Đảo',
     },
@@ -392,6 +395,9 @@ export const stringsVietnamese = {
     "Payment processing. We'll update you when payment is received.": {
         value: 'Đang xử lý thanh toán. Chúng tôi sẽ thông báo khi nhận được thanh toán.',
     },
+    'Payment total': {
+        value: 'Tổng thanh toán',
+    },
     'Personal Customers Clearance Code': {
         value: 'Mã Thông Quan Khách Hàng Cá Nhân',
     },
@@ -434,6 +440,9 @@ export const stringsVietnamese = {
     'Prepay duties and taxes at checkout': {
         value: 'Thanh toán trước thuế và phí khi thanh toán',
     },
+    'Privacy policy': {
+        value: 'Chính sách bảo mật',
+    },
     'Proceed with order': {
         value: 'Tiếp tục với đơn hàng',
     },

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

@@ -263,13 +263,16 @@ export class ZonosAddress {
             } }), this.taxIdErrorMessage && (h("zonos-text", { textColor: 'red-600', type: "caption" }, this.taxIdErrorMessage))));
     }
     renderCompanyNameInput() {
-        // No need to render company name for billing address (only allow for Collect)
-        if (this.type === 'billing' && !window.Zonos.isCollect) {
+        // No need to render company name for billing address (only allow for Collect and Invoice)
+        if (this.type === 'billing' &&
+            !window.Zonos.isCollect &&
+            !window.Zonos.isInvoice) {
             return null;
         }
         // only render the company input if the setting is enabled or the cart is collect
         const isCompanyNameEnabled = zonosStore.checkoutSettings.companyFieldsStatus === 'ENABLED' ||
-            !!window.Zonos.isCollect;
+            !!window.Zonos.isCollect ||
+            !!window.Zonos.isInvoice;
         // No need to render company name for billing address (only allow for Collect)
         if (!isCompanyNameEnabled) {
             return null;
@@ -319,11 +322,11 @@ 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: '15928518601e48825589ce4de4580263fec6a745', class: classes([
+        return (h(Host, { key: '7762b1dbeeff9d45721bf7a2efbe4bf4c2c29551', class: classes([
                 'zonos--address',
                 'zonos--elements',
                 `zonos--${this.type}-address`,
-            ]) }, this.titleText && (h("zonos-text", { key: '2e666ed81597ac95d3de575a2d901d083e9100cc', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("slot", { key: '8ca6987aa7d70093c078e3afca20ac0b1484bd77', name: "below-title" }), this.renderCompanyNameInput(), this.renderTaxIdInput(), h("div", { key: '23345f2b61e387c57a363be8df8aa54ab6461a88', class: "zonos--address-component" })));
+            ]) }, this.titleText && (h("zonos-text", { key: '5f266b4562eb78eb8f5b1374f195501abc44c9f7', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("slot", { key: 'bfcee78353455a66c6dec12432bfeff69dc9a10b', name: "below-title" }), this.renderCompanyNameInput(), this.renderTaxIdInput(), h("div", { key: 'd005a517dc93439d13f38750df8e09f884ad898c', class: "zonos--address-component" })));
     }
     static get is() { return "zonos-address"; }
     static get encapsulation() { return "scoped"; }

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

@@ -78,9 +78,9 @@ export class ZonosAddressSuggestions {
         return segments;
     }
     render() {
-        return (h(Host, { key: '466084b61818244ec8b18aecad34cdf1c3ce07d0', class: "zonos--address-suggestions", role: "group", style: {
+        return (h(Host, { key: '7ab44ba24fdcc22c2f3dd06985d1d6e8e3c64cbc', class: "zonos--address-suggestions", role: "group", style: {
                 '--zonos--border-radius': getBorderRadius(),
-            } }, h("ul", { key: '6d683213f5a4ffe06ba1292234753060a75ddf55', "aria-label": "Suggestions", class: "wrapper", role: "listbox" }, !!this.localSuggestions.length && (h("li", { key: '10765017862170072ec33afae156f87c63bab39b', "aria-selected": false, class: "powered-by option", role: "option" }, h("div", { key: '8660904e473b17ae5643aacab3d0fba3858c6632', class: "powered-by-container" }, h("zonos-text", { key: 'a310c0e5014e061470eee2c1ce17df59d5cb3cbd', type: "caption" }, "Suggestions powered by"), h("zonos-text", { key: 'a156fa8d30df760a3c87d6519a630ee5c7224525', type: "semiBoldLabel" }, "Google")), h("zonos-button", { key: '634f7ea46f1f210ecd8b11711eb29e100ae95d76', "aria-label": "Clear suggestions", icon: h("zonos-icon", { content: RemoveIcon }), noBackground: true, onClick: () => {
+            } }, h("ul", { key: 'e23aa07baa70336a9f37752d0de3725580684c88', "aria-label": "Suggestions", class: "wrapper", role: "listbox" }, !!this.localSuggestions.length && (h("li", { key: 'd2208ef720bdff1d57937394266046edd7ef9e3b', "aria-selected": false, class: "powered-by option", role: "option" }, h("div", { key: '4f834a0f3e8fa8c378e824894a51171543b61339', class: "powered-by-container" }, h("zonos-text", { key: '8f92d8f3e4421048881036ba3e43de25e9cfe005', type: "caption" }, "Suggestions powered by"), h("zonos-text", { key: 'efe2dcb973a7fd34a76d107dca1f7a6ac4d7112b', type: "semiBoldLabel" }, "Google")), h("zonos-button", { key: '8f59caa99bec12c4ac4c42e5b4108443f6e90446', "aria-label": "Clear suggestions", icon: h("zonos-icon", { content: RemoveIcon }), noBackground: true, onClick: () => {
                 this.localSuggestions = [];
             } }))), this.localSuggestions.map(suggestion => (
         // eslint-disable-next-line jsx-a11y/click-events-have-key-events

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

@@ -894,10 +894,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: 'fed5a2350a7c3f3d83e21d4538c2ab1fc41fb397', class: classes([
+        return (h(Host, { key: 'dc41846f9f8cb0b10e4148ad5523f26186970888', class: classes([
                 'zonos--address zonos--elements',
                 `zonos--${this.type}-address`,
-            ]) }, h("zonos-text", { key: '08a95944a1cc34b50fc7f1c3356e7853a8eb83b0', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("slot", { key: '7275e2aa1fe566e43fb223f68257ec0df9fbf5af', name: "below-title" }), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderCustomAddressForm()));
+            ]) }, h("zonos-text", { key: '38e4bc053824f1f7f6c15bb3ade74b16e0f977e1', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("slot", { key: 'e7b702568f26e4cff082ba88a3f68bc9d32d6bd2', name: "below-title" }), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderCustomAddressForm()));
     }
     static get is() { return "zonos-custom-address"; }
     static get encapsulation() { return "scoped"; }

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

@@ -65,7 +65,7 @@ export class ZonosPayment {
     }
     render() {
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (h(Host, { key: 'ecf135f9da39d699a2287558a99310acd8e5fbd2', class: "zonos--payment zonos--elements" }, this.titleText && (h("zonos-text", { key: '67048977556c556826c26120f2c0654885f30c57', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("div", { key: '7762163776ac5ee3f8bbc7c65e31b5dc833bb011', class: "zonos--payment-component" }), h("div", { key: '4f12427f8db85442e0b41dd5eb194f374c6f1d86', class: "zonos--payment-paypal-container" })));
+        return (h(Host, { key: '42a202e340dfa0f52920f7e351a116daec674a34', class: "zonos--payment zonos--elements" }, this.titleText && (h("zonos-text", { key: '8424ae7cc51ea41832c2ae10d07a7e9e0c84c3c7', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("div", { key: 'ac7f96570bacc823541396f791ed9d4a122b94b0', class: "zonos--payment-component" }), h("div", { key: 'af0a99cd447eb881224814d024ddb64edf0fbeb2', class: "zonos--payment-paypal-container" })));
     }
     static get is() { return "zonos-payment"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/utils/checkout/initInvoice.js

@@ -0,0 +1,15 @@
+const injectCheckoutElement = () => {
+    // append checkout component if doesn't exist
+    const invoiceElement = document.querySelector('zonos-invoice');
+    if (!invoiceElement) {
+        const newInvoiceElement = document.createElement('zonos-invoice');
+        document.body.appendChild(newInvoiceElement);
+    }
+};
+export const initInvoice = () => {
+    // allow to load checkout if cartData is ready (Checkout can be loaded right away if tempCartUUID is in the URL)
+    if (!window.Zonos.cartData) {
+        return;
+    }
+    injectCheckoutElement();
+};

package/dist/collection/components/utils/checkout/isInvoiceMobileTablet.js

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

package/dist/collection/scripts/_zonosBase.js

@@ -62,6 +62,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
  */
@@ -393,6 +394,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/esm/{cart-14f305b3.js → cart-66aecbb3.js}

@@ -1,6 +1,5 @@
 import { z as zonosStore, c as createStore } from './zonosStore-b434e436.js';
-import { s as storageStore, l as localizationStore, e as getOverridenZCountry, f as filterValidTests, b as storageStoreSetEnabledVariantTestKeys } from './localization-c5029ffc.js';
-import { t as translate } from './translationStore-690c4e04.js';
+import { s as storageStore, l as localizationStore, e as getOverridenZCountry, t as translate, f as filterValidTests, b as storageStoreSetEnabledVariantTestKeys } from './localization-04b05867.js';
 import { f as fallbackApiList, h as handleFetch, g as getIsTestMode, a as getIsStagingMode, s as sendErrorLog, l as logError, j as jsonParse } from './handleFetch-a844cac1.js';
 import { l as log, b as allLogs } from './VarianceTest-572cecf5.js';
 import { i as isDarkColor } from './isDarkColor-9ddd90cc.js';
@@ -704,7 +703,10 @@ const { onChange: stripeStoreOnChange, reset: reset$1, state: stripeStore, } = c
 const getStripeOptions = ({ clientSecret, overrideBorderRadius, overridePrimaryColor, overrideSecondaryColor, overrideTheme, paypalEnabled, }) => {
     const primaryColor = overridePrimaryColor || zonosStore.appearance.colorPrimary;
     const secondaryColor = overrideSecondaryColor || zonosStore.appearance.colorSecondary;
-    const themeBasedColor = primaryColor && isDarkColor(primaryColor) ? 'night' : 'flat';
+    const isDark = window.Zonos.isCollect || window.Zonos.isInvoice
+        ? zonosStore.appearance.theme === 'DARK'
+        : primaryColor && 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'] : [];
@@ -1239,6 +1241,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.
     //
@@ -1253,7 +1256,7 @@ const stripeStoreMessageBasedOnStatus = (status) => {
                 '',
                 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 = [
                     translate('Thank you for submitting your payment. We appreciate your prompt attention.'),
                     '',
@@ -1461,7 +1464,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: [
             {

package/dist/esm/{shouldRenderTaxIdInput-8bc112bb.js → containsNonLatinChars-2d8810c3.js}

@@ -1,5 +1,3 @@
-import { e as euCountryCodes, c as countryRequireTaxId } from './TaxId-50d72254.js';
-
 const isTextContainsNonLatinChars = (text) => {
     const specialCharacters = /[ʼˮ՚ߴߵ']{1}/u;
     /**
@@ -20,24 +18,4 @@ const containsNonLatinChars = (params) => {
     return nonLatinValueList;
 };
 
-const isInTaxIdCountry = (countryCode) => {
-    return 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 (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;
-};
-
-export { containsNonLatinChars as c, isTextContainsNonLatinChars as i, shouldRenderTaxIdInput as s };
+export { containsNonLatinChars as c, isTextContainsNonLatinChars as i };

package/dist/esm/{hasInclusivePrice-0eda8ba9.js → hasInclusivePrice-2a1bf474.js}

@@ -1,4 +1,4 @@
-import { l as localizationStore } from './localization-c5029ffc.js';
+import { l as localizationStore } from './localization-04b05867.js';
 
 /**
  * Since the backend and the frontend are using the same keys,

package/dist/esm/index.js

@@ -130,7 +130,7 @@ const getZonosQaUrl = () => {
         return null;
     }
     const qaUrl = extractZonosQaUrl(window.location.href);
-    const cdnUrl = "https://v1.3.232.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.') ||
@@ -378,10 +378,10 @@ const zonosLoadUrl = (() => {
     return null;
 })();
 const startLoadTime = Date.now();
-const ZONOS_URL = "https://v1.3.232.js.zonos.com";
-const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.232";
-const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.232";
-const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.232";
+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 {
@@ -399,7 +399,7 @@ Zonos.iframeLogType = typeof window !== 'undefined'
     ? new URLSearchParams(window.location.search).get('iframeLogType')
     : null;
 Zonos.isBigCommerce = false;
-Zonos.releaseDate = "1755722224035";
+Zonos.releaseDate = "1756353722333";
 Zonos.isLegacyCheckout = false;
 Zonos.startLoadTime = startLoadTime;
 Zonos.domain = typeof window !== 'undefined'
@@ -412,6 +412,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
  */
@@ -419,7 +420,7 @@ Zonos.isNpm = true;
 Zonos.zonosQaUrl = null;
 Zonos.zonosQaUrlApi = null;
 Zonos.trackEventLogs = [];
-Zonos.version = `v${"1.3.232"}`;
+Zonos.version = `v${"1.3.234"}`;
 Zonos.modeAlerted = false;
 Zonos.cartData = null;
 Zonos.paypal = null;
@@ -743,6 +744,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/esm/invoice-c7452847.js

@@ -0,0 +1,146 @@
+import { c as createStore, z as zonosStore } from './zonosStore-b434e436.js';
+import { c as stripeStore, C as stripeStoreBuildAddressForPartyCreate, e as cartStore, D as cartStoreUpdateSelectedShippingOption } from './cart-66aecbb3.js';
+import { s as storageStore } from './localization-04b05867.js';
+import { h as handleFetch, s as sendErrorLog, l as logError } from './handleFetch-a844cac1.js';
+import { b as allLogs } from './VarianceTest-572cecf5.js';
+
+const { reset: invoiceStoreReset, state: invoiceStore } = 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('/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 = 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 sendErrorLog({
+            endpoint: 'INVOICE_NO_TOTAL_DUE',
+            errors: [],
+            metadata: {
+                landedCostId,
+                organizationId: zonosStore.organizationId,
+            },
+        });
+    }
+};
+const invoiceStoreAsyncAddressUpdate = async () => {
+    var _a, _b, _c, _d;
+    if (!((_a = stripeStore.stripeBillingAddressEventData) === null || _a === void 0 ? void 0 : _a.complete)) {
+        return {
+            partiesCreated: false,
+        };
+    }
+    const landedCostRootId = (_c = (_b = 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 sendErrorLog({
+            endpoint: 'PF_NO_SELECTED_LANDED_COST',
+            errors: ['No selected landed cost'],
+            metadata: {
+                allLogs,
+                cartId: window.Zonos.cartId,
+                checkoutSessionId: storageStore.checkoutSessionId,
+            },
+        });
+        return {
+            partiesCreated: false,
+        };
+    }
+    if (!storageStore.checkoutSessionId) {
+        void sendErrorLog({
+            endpoint: 'INVOICE_NO_CHECKOUT_SESSION_ID',
+            errors: ['No checkout session id'],
+            metadata: {
+                allLogs,
+                cartId: window.Zonos.cartId,
+                landedCostRootId,
+            },
+        });
+        return {
+            partiesCreated: false,
+        };
+    }
+    const billingAddress = stripeStoreBuildAddressForPartyCreate({
+        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-billing-party', {
+        body: {
+            billingAddress,
+            checkoutSessionId: storageStore.checkoutSessionId,
+            companyName: stripeStore.companyName,
+            email: ((_d = stripeStore.stripeLinkEventData) === null || _d === void 0 ? void 0 : _d.value.email) || '',
+            isTest: isE2ETest,
+            rootId: landedCostRootId,
+        },
+        method: 'POST',
+    });
+    if (errors.length || !json) {
+        logError('Error occurs when creating billing party', JSON.stringify(errors, null, 2));
+        void sendErrorLog({
+            endpoint: 'INVOICE_BILLING_PARTY_CREATE_FAILED',
+            errors: ['[INVOICE] Failed to create billing party'],
+            metadata: {
+                allLogs,
+                cartId: window.Zonos.cartId,
+                checkoutSessionId: 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
+    cartStore.landedCostData = [
+        Object.assign(Object.assign({}, checkoutSession), { landedCost: Object.assign({}, landedCost), landedCostId: landedCost.id }),
+    ];
+    return 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,
+    });
+};
+
+export { invoiceStoreInitShippingInfo as a, invoiceStoreAsyncAddressUpdate as b, invoiceStore as c, invoiceStoreUpdateSelectedShippingOption as i };