@zonos/elements 1.3.233 → 1.3.235

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/collection/types/generated/graphql.frontend.types.js

@@ -3,6 +3,7 @@ export const cursorOrdering = {
     Desc: 'DESC',
 };
 export const errorProjectNameEnum = {
+    Account: 'account',
     Conductor: 'conductor',
     Dashboard: 'dashboard',
     DashboardExpo: 'dashboard_expo',
@@ -21,6 +22,7 @@ export const featureAspectKeyEnum = {
     DashboardNewLabelUi: 'dashboard_new_label_ui',
     DashboardOrderApprove: 'dashboard_order_approve',
     DashboardOrderApproveNoCapture: 'dashboard_order_approve_no_capture',
+    DashboardViewportInvoices: 'dashboard_viewport_invoices',
     Dashboard_909Settings: 'dashboard_909_settings',
     DocsSearchOpenAiQa: 'docs_search_open_ai_qa',
     ExploreFrontendMutation: 'explore_frontend_mutation',
@@ -43,6 +45,7 @@ export const featureAudienceNameEnum = {
     ClassifyBulkMerchant: 'classify_bulk_merchant',
     ClassifyBulkMerchantExportConfidenceScore: 'classify_bulk_merchant_export_confidence_score',
     CustomerSuccess: 'customer_success',
+    DashboardAuTop_100VerifiedAccounts: 'dashboard_au_top_100_verified_accounts',
     DashboardChurnedNotificationMerchant: 'dashboard_churned_notification_merchant',
     DashboardLabelBetaMerchant: 'dashboard_label_beta_merchant',
     Designer: 'designer',
@@ -454,6 +457,7 @@ export const promptBulkJobProjectLabelEnum = {
     ZonosComDynamicTranslate: 'zonos_com_dynamic_translate',
     ZonosComInlineTranslate: 'zonos_com_inline_translate',
     ZonosComMdxTranslate: 'zonos_com_mdx_translate',
+    ZonosPrepayInlineTranslate: 'zonos_prepay_inline_translate',
 };
 export const promptBulkJobStatusEnum = {
     Completed: 'completed',