@zonos/elements 1.3.221 → 1.3.223

package/dist/cjs/zonos-collect-finish_6.cjs.entry.js

@@ -3,18 +3,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const cart = require('./cart-9a9ae4b9.js');
-const paypal = require('./paypal-9ee374a0.js');
-const localization = require('./localization-0169b27d.js');
-const translationStore = require('./translationStore-0c67178f.js');
+const cart = require('./cart-3a2a062c.js');
+const paypal = require('./paypal-a1377508.js');
+const localization = require('./localization-12e7e934.js');
+const translationStore = require('./translationStore-951ed4b4.js');
 const zonosStore = require('./zonosStore-f8ee56aa.js');
 const handleFetch = require('./handleFetch-45f35cac.js');
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
 const getBorderRadius = require('./getBorderRadius-1b5e33cf.js');
-const isCollectMobileTablet = require('./isCollectMobileTablet-7a9413e3.js');
+const renderFallback = require('./renderFallback-39ba034b.js');
 const classes = require('./classes-b7918f56.js');
 const ILanguage = require('./ILanguage-98b04442.js');
-const placeTestOrder = require('./placeTestOrder-0dfff170.js');
+const placeTestOrder = require('./placeTestOrder-6fcce33e.js');
 require('./isDarkColor-428965f4.js');
 require('./VarianceTest-0cb1e118.js');
 
@@ -322,14 +322,14 @@ const ZonosCollectFooter = class {
         this.showLanguageDialog = !this.showLanguageDialog;
     }
     handleMobileChange() {
-        this.isMobile = isCollectMobileTablet.isCollectMobile(this.mobile);
+        this.isMobile = renderFallback.isCollectMobile(this.mobile);
     }
     handleTabletChange() {
-        this.isTablet = isCollectMobileTablet.isCollectTablet(this.tablet);
+        this.isTablet = renderFallback.isCollectTablet(this.tablet);
     }
     componentWillLoad() {
-        this.isMobile = isCollectMobileTablet.isCollectMobile(this.mobile);
-        this.isTablet = isCollectMobileTablet.isCollectTablet(this.tablet);
+        this.isMobile = renderFallback.isCollectMobile(this.mobile);
+        this.isTablet = renderFallback.isCollectTablet(this.tablet);
     }
     render() {
         var _a;
@@ -389,10 +389,10 @@ const ZonosCollectOrderDetails = class {
         this.handleWindowResize();
     }
     renderShippingAddress() {
-        if (isCollectMobileTablet.collectStore.isFetchingShippingInfo) {
+        if (renderFallback.collectStore.isFetchingShippingInfo) {
             return (index.h("div", { class: "zonos--collect-order-details-column" }, index.h("zonos-text", { type: "smallHeader" }, index.h("zonos-skeleton", { skeletonWidth: "99px" })), index.h("div", { class: "zonos--collect-order-shipping-info" }, index.h("zonos-skeleton", { skeletonWidth: "152px" }), index.h("zonos-h-stack", { spacing: 8 }, index.h("zonos-skeleton", { skeletonWidth: "75px" }), index.h("zonos-skeleton", { skeletonWidth: "75px" })), index.h("zonos-skeleton", { skeletonWidth: "50px" }))));
         }
-        const shippingAddress = isCollectMobileTablet.collectStore.shippingAddress;
+        const shippingAddress = renderFallback.collectStore.shippingAddress;
         if (!shippingAddress) {
             return null;
         }
@@ -422,10 +422,10 @@ const ZonosCollectOrderDetails = class {
                 this.isMobile && 'mobile',
             ]) }, index.h("div", { class: "zonos--wrapper" }, index.h("button", { class: "zonos--order-details-header", onClick: () => {
                 this.collapseState = !this.collapseState;
-            }, type: "button" }, index.h("zonos-text", { type: "semiBoldLabel" }, translationStore.translate('Order details')), renderCollapseIcon()), index.h("div", { class: "zonos--order-details-wrapper" }, index.h("zonos-collapse", { collapsed: this.collapseState }, index.h("div", { class: "zonos--collect-order-details-content" }, index.h("zonos-collect-cart-items", null), index.h("div", { class: "zonos--collect-order-info" }, index.h("div", { class: "zonos--collect-order-details-row" }, isCollectMobileTablet.collectStore.amountTotalPaid !== null && (index.h("div", { class: "zonos--collect-order-details-column" }, index.h("zonos-text", { type: "smallHeader" }, translationStore.translate('Total paid')), index.h("zonos-text", null, placeTestOrder.renderCheckoutCurrency({
-            amount: isCollectMobileTablet.collectStore.amountTotalPaid || 0,
+            }, type: "button" }, index.h("zonos-text", { type: "semiBoldLabel" }, translationStore.translate('Order details')), renderCollapseIcon()), index.h("div", { class: "zonos--order-details-wrapper" }, index.h("zonos-collapse", { collapsed: this.collapseState }, index.h("div", { class: "zonos--collect-order-details-content" }, index.h("zonos-collect-cart-items", null), index.h("div", { class: "zonos--collect-order-info" }, index.h("div", { class: "zonos--collect-order-details-row" }, renderFallback.collectStore.amountTotalPaid !== null && (index.h("div", { class: "zonos--collect-order-details-column" }, index.h("zonos-text", { type: "smallHeader" }, translationStore.translate('Total paid')), index.h("zonos-text", null, placeTestOrder.renderCheckoutCurrency({
+            amount: renderFallback.collectStore.amountTotalPaid || 0,
             isForeign: true,
-        })))), isCollectMobileTablet.collectStore.originCompanyName && (index.h("div", { class: "zonos--collect-order-details-column" }, index.h("zonos-text", { type: "smallHeader" }, translationStore.translate('Ordered from')), index.h("zonos-text", null, isCollectMobileTablet.collectStore.originCompanyName || '')))), this.renderShippingAddress())))))));
+        })))), renderFallback.collectStore.originCompanyName && (index.h("div", { class: "zonos--collect-order-details-column" }, index.h("zonos-text", { type: "smallHeader" }, translationStore.translate('Ordered from')), index.h("zonos-text", null, renderFallback.collectStore.originCompanyName || '')))), this.renderShippingAddress())))))));
     }
     static get assetsDirs() { return ["assets"]; }
     static get watchers() { return {
@@ -597,7 +597,7 @@ const ZonosCollectPayment = class {
                     variant: this.submitBtnType }, translationStore.translate('Place test order')))));
             }
             if (cart.stripeStore.isFetchingSession ||
-                isCollectMobileTablet.collectStore.isFetchingShippingInfo) {
+                renderFallback.collectStore.isFetchingShippingInfo) {
                 return null;
             }
             return (index.h(index.Fragment, null, this.showErrorBanner && (index.h("zonos-banner", { class: "zonos--error-banner", intent: "error" }, translationStore.translate('Missing required fields. Make sure all fields are completed.'))), this.hasStripePaymentError && (index.h("zonos-banner", { class: "zonos--payment-error-banner", intent: "error" }, cart.stripeStore.customErrorMessage ||
@@ -616,7 +616,7 @@ const ZonosCollectPayment = class {
                 // use primary type when on mobile mode
                 variant: this.submitBtnType }, translationStore.translate('Pay [orderTotal]', {
                 orderTotal: placeTestOrder.renderCheckoutCurrency({
-                    amount: isCollectMobileTablet.collectStore.amountDutyTaxFeeTotal || 0,
+                    amount: renderFallback.collectStore.amountDutyTaxFeeTotal || 0,
                     isForeign: true,
                 }),
             })), cart.stripeStore.shouldRenderPayInUsdButton && (index.h("zonos-button", { class: "zonos--pay-in-base-currency-btn", isDisabled: this.continueLoading &&
@@ -641,13 +641,6 @@ const ZonosCollectPayment = class {
 };
 ZonosCollectPayment.style = ZonosCollectPaymentStyle0;
 
-const renderFallback = ({ content, isLoading, skeletonHeight, skeletonWidth, }) => {
-    if (isLoading) {
-        return (index.h("zonos-skeleton", { skeletonHeight: skeletonHeight, skeletonWidth: skeletonWidth }));
-    }
-    return content;
-};
-
 const zonosCollectReviewCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{position:-webkit-sticky;position:sticky;top:0;background-color:var(--zonos-elements-gray-0);z-index:1}:host .zonos--total-pay{margin:8px 0 24px;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;gap:48px}:host .zonos--total-pay zonos-text{-ms-flex-negative:0;flex-shrink:0}:host .zonos--total-pay::after{content:\"\";position:relative;height:1px;width:100%;background:var(--zonos-elements-gray-200)}:host(.mobile),:host(.tablet){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:8px;padding:4px 0;background-color:transparent;position:relative}:host(.mobile) .zonos--total-pay,:host(.tablet) .zonos--total-pay{margin:0}";
 const ZonosCollectReviewStyle0 = zonosCollectReviewCss;
 
@@ -673,8 +666,8 @@ const ZonosCollectReview = class {
         this.isLoading = true;
     }
     handleWindowResize() {
-        this.isMobile = isCollectMobileTablet.isCollectMobile(this.mobile);
-        this.isTablet = isCollectMobileTablet.isCollectTablet(this.tablet);
+        this.isMobile = renderFallback.isCollectMobile(this.mobile);
+        this.isTablet = renderFallback.isCollectTablet(this.tablet);
     }
     componentWillLoad() {
         this.handleWindowResize();
@@ -691,12 +684,12 @@ const ZonosCollectReview = class {
                 this.isTablet && 'tablet',
             ]) }, index.h("div", { key: 'e4d113ff1268c36119e1f80164b6cfd702c67f75', class: "zonos--title" }, index.h("zonos-text", { key: 'aad9ad9b526ac65d97a88df516e8e7b34fc3d2b1', textColor: titleTextColor, type: 'semiBoldLabel' }, translationStore.translate('Pay [organizationName]', {
             organizationName: zonosStore.zonosStore.organizationName,
-        }))), index.h("div", { key: 'fcdaebc734a270742fbe21ff932550994e522ea6', class: "zonos--total-pay" }, renderFallback({
+        }))), index.h("div", { key: 'fcdaebc734a270742fbe21ff932550994e522ea6', class: "zonos--total-pay" }, renderFallback.renderFallback({
             content: (index.h("zonos-text", { type: 'secondaryPageHeader' }, placeTestOrder.renderCheckoutCurrency({
-                amount: isCollectMobileTablet.collectStore.amountDutyTaxFeeTotal || 0,
-                isForeign: false,
+                amount: renderFallback.collectStore.amountDutyTaxFeeTotal || 0,
+                isForeign: true,
             }))),
-            isLoading: isCollectMobileTablet.collectStore.isFetchingShippingInfo,
+            isLoading: renderFallback.collectStore.isFetchingShippingInfo,
             skeletonHeight: '36px',
             skeletonWidth: '150px',
         }))));
@@ -757,44 +750,44 @@ const ZonosCollectSubtotal = class {
     }
     render() {
         this.initSubtotalData();
-        return (index.h(index.Host, { key: 'ab687a6e1ec67f6609081036a75e9905ff34c6b1', class: "zonos--collect-subtotal zonos--elements" }, index.h("table", { key: '303b8c49983e9f7aea4d31400fed53d858eb078d', class: "zonos--collect-table" }, !!this.subtotals[translationStore.translate('Duties')] && (index.h("tr", { key: 'a60fa4f1f1afacef0144b86c054f44572576f7af', class: "zonos--row zonos--collect-duty" }, index.h("td", { key: 'aeaf798e26bbd482196d7208eb05657a1d15dad8', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '835d817709ae3b7e2d888d618e0856fb2e637e4d', type: "semiBoldLabel" }, translationStore.translate('Duties'))), index.h("td", { key: '5bb47a115ea61fa897a3f48bbd10c5f78af3703e', class: "zonos--column" }), index.h("td", { key: '32632c4beb855ca687c615f5e6c63c82e2e05c80', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        return (index.h(index.Host, { key: 'ab687a6e1ec67f6609081036a75e9905ff34c6b1', class: "zonos--collect-subtotal zonos--elements" }, index.h("table", { key: '303b8c49983e9f7aea4d31400fed53d858eb078d', class: "zonos--collect-table" }, !!this.subtotals[translationStore.translate('Duties')] && (index.h("tr", { key: 'a60fa4f1f1afacef0144b86c054f44572576f7af', class: "zonos--row zonos--collect-duty" }, index.h("td", { key: 'aeaf798e26bbd482196d7208eb05657a1d15dad8', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '835d817709ae3b7e2d888d618e0856fb2e637e4d', type: "semiBoldLabel" }, translationStore.translate('Duties'))), index.h("td", { key: '5bb47a115ea61fa897a3f48bbd10c5f78af3703e', class: "zonos--column" }), index.h("td", { key: '32632c4beb855ca687c615f5e6c63c82e2e05c80', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
             content: (index.h("zonos-text", { type: "label" }, placeTestOrder.renderCheckoutCurrency({
                 amount: this.subtotals[translationStore.translate('Duties')] || 0,
                 isForeign: true,
             }))),
-            isLoading: isCollectMobileTablet.collectStore.isFetchingShippingInfo,
+            isLoading: renderFallback.collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        })))), !!this.subtotals[translationStore.translate('Taxes')] && (index.h("tr", { key: '055bb237dafaea8de18b127641c8fd7e1ece563b', class: "zonos--row zonos--collect-tax" }, index.h("td", { key: '1e73b140c2c9090ccfb91ce4efca483e8fb56e9e', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: 'a3375ecd77460c78c7c5f59bf7b9b8612cd53e41', type: "semiBoldLabel" }, translationStore.translate('Taxes'))), index.h("td", { key: '20685646be29873967c2f335c775046068248ad3', class: "zonos--column" }), index.h("td", { key: '2e2c6af2c1a7840df03351178ddf3107fcc36494', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        })))), !!this.subtotals[translationStore.translate('Taxes')] && (index.h("tr", { key: '055bb237dafaea8de18b127641c8fd7e1ece563b', class: "zonos--row zonos--collect-tax" }, index.h("td", { key: '1e73b140c2c9090ccfb91ce4efca483e8fb56e9e', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: 'a3375ecd77460c78c7c5f59bf7b9b8612cd53e41', type: "semiBoldLabel" }, translationStore.translate('Taxes'))), index.h("td", { key: '20685646be29873967c2f335c775046068248ad3', class: "zonos--column" }), index.h("td", { key: '2e2c6af2c1a7840df03351178ddf3107fcc36494', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
             content: (index.h("zonos-text", { type: "label" }, placeTestOrder.renderCheckoutCurrency({
                 amount: this.subtotals[translationStore.translate('Taxes')] || 0,
                 isForeign: true,
             }))),
-            isLoading: isCollectMobileTablet.collectStore.isFetchingShippingInfo,
+            isLoading: renderFallback.collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        })))), !!this.subtotals[translationStore.translate('Fees')] && (index.h("tr", { key: '8157aba5c6a23680b0bc681adc127747f01a2973', class: "zonos--row zonos--collect-fee" }, index.h("td", { key: '8266654f9e65003f297222bb935013a8b9b3b430', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '8399000a5f61e4737764b68b89799b409dce6034', type: "semiBoldLabel" }, translationStore.translate('Fees'))), index.h("td", { key: '2a9763f2401967ea1bdfa2c17514d18e2a4e0db6', class: "zonos--column" }), index.h("td", { key: 'ac2f275312c2ba69888e6e57dde8b4b451839b86', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        })))), !!this.subtotals[translationStore.translate('Fees')] && (index.h("tr", { key: '8157aba5c6a23680b0bc681adc127747f01a2973', class: "zonos--row zonos--collect-fee" }, index.h("td", { key: '8266654f9e65003f297222bb935013a8b9b3b430', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '8399000a5f61e4737764b68b89799b409dce6034', type: "semiBoldLabel" }, translationStore.translate('Fees'))), index.h("td", { key: '2a9763f2401967ea1bdfa2c17514d18e2a4e0db6', class: "zonos--column" }), index.h("td", { key: 'ac2f275312c2ba69888e6e57dde8b4b451839b86', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
             content: (index.h("zonos-text", { type: "label" }, placeTestOrder.renderCheckoutCurrency({
                 amount: this.subtotals[translationStore.translate('Fees')] || 0,
                 isForeign: true,
             }))),
-            isLoading: isCollectMobileTablet.collectStore.isFetchingShippingInfo,
+            isLoading: renderFallback.collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        })))), index.h("tr", { key: 'a293d1b9342251f7326c1ac68e2bab83eae2ed80', class: "zonos--row zonos--collect-spacing" }, index.h("td", { key: 'c136b1b807f32dc21c131326d70500d2e2c64efe', class: "zonos--column", colSpan: 3 })), index.h("tr", { key: '59747101f1a9ef7c8fad60e90ea5b8c31015438c', class: "zonos--row zonos--collect-total zonos--collect-total-subtotal" }, index.h("td", { key: '96d201ba6f3e571adac265127229c94cdc96be2a', class: "zonos--column" }), index.h("td", { key: 'f2f4cb751e35fc0ebaa803659f26a2314d8bf639', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: 'b4f89ea1e523af8a5aead4ef007a6f0dc7e7f441', type: "label" }, translationStore.translate('Subtotal'))), index.h("td", { key: '28b6aea6363b2bef1d072ad77f409ae77976305c', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        })))), index.h("tr", { key: 'a293d1b9342251f7326c1ac68e2bab83eae2ed80', class: "zonos--row zonos--collect-spacing" }, index.h("td", { key: 'c136b1b807f32dc21c131326d70500d2e2c64efe', class: "zonos--column", colSpan: 3 })), index.h("tr", { key: '59747101f1a9ef7c8fad60e90ea5b8c31015438c', class: "zonos--row zonos--collect-total zonos--collect-total-subtotal" }, index.h("td", { key: '96d201ba6f3e571adac265127229c94cdc96be2a', class: "zonos--column" }), index.h("td", { key: 'f2f4cb751e35fc0ebaa803659f26a2314d8bf639', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: 'b4f89ea1e523af8a5aead4ef007a6f0dc7e7f441', type: "label" }, translationStore.translate('Subtotal'))), index.h("td", { key: '28b6aea6363b2bef1d072ad77f409ae77976305c', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
             content: (index.h("zonos-text", { type: "label" }, placeTestOrder.renderCheckoutCurrency({
-                amount: isCollectMobileTablet.collectStore.amountDutyTaxFeeTotal || 0,
+                amount: renderFallback.collectStore.amountDutyTaxFeeTotal || 0,
                 isForeign: true,
             }))),
-            isLoading: isCollectMobileTablet.collectStore.isFetchingShippingInfo,
+            isLoading: renderFallback.collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        }))), index.h("tr", { key: 'f0072cdd200e8483421265af39a90fb655fb2ef0', class: "zonos--row zonos--collect-total" }, index.h("td", { key: '88a007048d33c919a6c5f87cf7cd071f83e7448b', class: "zonos--column" }), index.h("td", { key: '24bba9e9b81ff443dd5ca4832c3169e3605a93b8', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '594d4e96bec3a2153f6622c6842970ebee5bb463', type: "semiBoldLabel" }, translationStore.translate('Customs fees total'))), index.h("td", { key: 'b3ffd6dcae747dd2ed68ae16fb60d9655f7669dc', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        }))), index.h("tr", { key: 'f0072cdd200e8483421265af39a90fb655fb2ef0', class: "zonos--row zonos--collect-total" }, index.h("td", { key: '88a007048d33c919a6c5f87cf7cd071f83e7448b', class: "zonos--column" }), index.h("td", { key: '24bba9e9b81ff443dd5ca4832c3169e3605a93b8', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '594d4e96bec3a2153f6622c6842970ebee5bb463', type: "semiBoldLabel" }, translationStore.translate('Customs fees total'))), index.h("td", { key: 'b3ffd6dcae747dd2ed68ae16fb60d9655f7669dc', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
             content: (index.h("zonos-text", { type: "semiBoldLabel" }, placeTestOrder.renderCheckoutCurrency({
-                amount: isCollectMobileTablet.collectStore.amountDutyTaxFeeTotal || 0,
+                amount: renderFallback.collectStore.amountDutyTaxFeeTotal || 0,
                 isForeign: true,
             }))),
-            isLoading: isCollectMobileTablet.collectStore.isFetchingShippingInfo,
+            isLoading: renderFallback.collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
         }))))));

package/dist/cjs/zonos-collect.cjs.entry.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const cart = require('./cart-9a9ae4b9.js');
-const isCollectMobileTablet = require('./isCollectMobileTablet-7a9413e3.js');
-const paypal = require('./paypal-9ee374a0.js');
-const localization = require('./localization-0169b27d.js');
-const translationStore = require('./translationStore-0c67178f.js');
+const cart = require('./cart-3a2a062c.js');
+const renderFallback = require('./renderFallback-39ba034b.js');
+const paypal = require('./paypal-a1377508.js');
+const localization = require('./localization-12e7e934.js');
+const translationStore = require('./translationStore-951ed4b4.js');
 const zonosStore = require('./zonosStore-f8ee56aa.js');
 const buildCartItemsByTempCart = require('./buildCartItemsByTempCart-309fcebf.js');
 const handleFetch = require('./handleFetch-45f35cac.js');
@@ -19,7 +19,7 @@ require('./VarianceTest-0cb1e118.js');
 
 const ChevronDownIcon = `<svg color="var(--zonos-elements-gray-400)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M6.293 9.293a1 1 0 0 1 1.414 0L12 13.586l4.293-4.293a1 1 0 0 1 1.414 1.414l-4.93 4.93a1.1 1.1 0 0 1-1.555 0l-4.93-4.93a1 1 0 0 1 0-1.414Z" fill="currentColor" fill-rule="evenodd"></path></svg>`;
 
-const zonosCollectCss = ".sc-zonos-collect-h{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-collect-h *.sc-zonos-collect{font-family:var(--zonos--font-family, Inter), Inter}.sc-zonos-collect-h img.sc-zonos-collect{max-width:100%}.sc-zonos-collect-h dl.sc-zonos-collect,.sc-zonos-collect-h dd.sc-zonos-collect,.sc-zonos-collect-h h1.sc-zonos-collect,.sc-zonos-collect-h h2.sc-zonos-collect,.sc-zonos-collect-h h3.sc-zonos-collect,.sc-zonos-collect-h h4.sc-zonos-collect,.sc-zonos-collect-h h5.sc-zonos-collect,.sc-zonos-collect-h h6.sc-zonos-collect,.sc-zonos-collect-h hr.sc-zonos-collect,.sc-zonos-collect-h figure.sc-zonos-collect,.sc-zonos-collect-h p.sc-zonos-collect,.sc-zonos-collect-h pre.sc-zonos-collect{margin:0}.sc-zonos-collect-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-collect-h{z-index:2147483647;position:fixed;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;top:0;left:0;width:100%;height:100%;-ms-flex-align:center;align-items:center;background-color:var(--zonos-elements-gray-0)}.sc-zonos-collect-h *.sc-zonos-collect{-ms-scroll-chaining:none;overscroll-behavior:contain}.sc-zonos-collect-h *.sc-zonos-collect::-webkit-scrollbar{width:10px}.sc-zonos-collect-h *.sc-zonos-collect::-webkit-scrollbar-track{background:var(--zonos-elements-gray-50)}.sc-zonos-collect-h *.sc-zonos-collect::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}.sc-zonos-collect-h *.sc-zonos-collect::-webkit-scrollbar-thumb:hover{background:#d6d6d6}.sc-zonos-collect-h .zonos--content.sc-zonos-collect{display:-ms-flexbox;display:flex;height:100%;overflow:hidden;width:100%;-ms-flex-pack:center;justify-content:center}.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--left.sc-zonos-collect,.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect{-ms-flex:1;flex:1;padding:56px 80px 60px;max-width:800px}.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--left.sc-zonos-collect{background-color:var(--zonos--primary-color, var(--zonos-elements-gray-0));border-right:1px solid var(--zonos-elements-gray-200);overflow:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:32px}.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect{background-color:var(--zonos-elements-gray-0)}.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--done.sc-zonos-collect{width:100%;max-width:1400px;max-height:100%;height:calc(100% - 100px);overflow:hidden;-ms-flex-direction:column;flex-direction:column;background-color:var(--zonos-elements-gray-0);-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:24px;padding-bottom:50px}.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--done.sc-zonos-collect .zonos--header.sc-zonos-collect{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;width:100%}.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--done.sc-zonos-collect .zonos--logo.sc-zonos-collect{margin-bottom:0}.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--done.sc-zonos-collect zonos-checkout-finish.sc-zonos-collect{-ms-flex:1;flex:1}.sc-zonos-collect-h .zonos--header-title.sc-zonos-collect,.sc-zonos-collect-h .zonos--header-wrapper.sc-zonos-collect{max-width:800px}.sc-zonos-collect-h .zonos--left.sc-zonos-collect{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative}.sc-zonos-collect-h .zonos--left.sc-zonos-collect .zonos--wrapper.sc-zonos-collect{padding:0 8px 8px}.sc-zonos-collect-h .zonos--left.sc-zonos-collect .zonos--payment-error-banner.sc-zonos-collect{margin-top:24px}.sc-zonos-collect-h .zonos--right.sc-zonos-collect{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.sc-zonos-collect-h .zonos--right.sc-zonos-collect .zonos--order-details-container.sc-zonos-collect{overflow:hidden}.sc-zonos-collect-h .zonos--wrapper.sc-zonos-collect{overflow:auto;max-height:100%;position:relative}.sc-zonos-collect-h .flex--wrapper.sc-zonos-collect{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-height:100%;margin-top:32px}.sc-zonos-collect-h .zonos--logo-wrapper.sc-zonos-collect{display:-ms-flexbox;display:flex;gap:16px;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1}.sc-zonos-collect-h .zonos--logo-wrapper.sc-zonos-collect>*.sc-zonos-collect{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.sc-zonos-collect-h .zonos--header-right.sc-zonos-collect{display:none}.sc-zonos-collect-h .zonos--logo.sc-zonos-collect{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.sc-zonos-collect-h .zonos--logo.sc-zonos-collect img.sc-zonos-collect{max-height:72px}.sc-zonos-collect-h .zonos--collect-container.sc-zonos-collect{overflow:visible}.mobile.sc-zonos-collect-h,.tablet.sc-zonos-collect-h{min-width:auto}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:auto;border-radius:0;max-height:100%;height:100%;border:0}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--left.sc-zonos-collect,.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--left.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect{padding:12px;padding-bottom:76px}@media (max-width: 768px){.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--left.sc-zonos-collect,.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--left.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect{padding-bottom:0}}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--left.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--left.sc-zonos-collect{-ms-flex-order:2;order:2;border-right:none}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect{-ms-flex-order:1;order:1;padding-top:16px}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect .zonos--wrapper.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect .zonos--wrapper.sc-zonos-collect{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border:var(--zonos-elements-border);border-radius:var(--zonos--border-radius, var(--zonos-elements-radius-10));background-color:var(--zonos-elements-gray-50);padding:12px;margin-top:32px}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect .zonos--review.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect .zonos--review.sc-zonos-collect{margin-bottom:0}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect .zonos--cart-items.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect .zonos--cart-items.sc-zonos-collect{margin-top:8px}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect zonos-checkout-footer.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect zonos-checkout-footer.sc-zonos-collect{-ms-flex-order:3;order:3}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--wrapper.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--wrapper.sc-zonos-collect{max-height:100%}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--footer.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--footer.sc-zonos-collect{-ms-flex-order:3;order:3}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--done.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--done.sc-zonos-collect{width:auto}.mobile.sc-zonos-collect-h .zonos--cart-subtotal.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--cart-subtotal.sc-zonos-collect{margin:0}.mobile.sc-zonos-collect-h .zonos--header-wrapper.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--header-wrapper.sc-zonos-collect{position:-webkit-sticky;position:sticky;top:0;width:100%;padding:16px;background-color:var(--zonos-elements-gray-0);z-index:3}.mobile.sc-zonos-collect-h .zonos--header-title.sc-zonos-collect,.mobile.sc-zonos-collect-h .zonos--header-wrapper.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--header-title.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--header-wrapper.sc-zonos-collect{max-width:800px;padding:0 16px}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect{overflow:auto;-ms-flex-pack:unset;justify-content:unset;-ms-flex-align:center;align-items:center;gap:24px}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--left.sc-zonos-collect,.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--left.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect{overflow:visible;width:100%}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect{gap:32px}.mobile.sc-zonos-collect-h .flex--wrapper.sc-zonos-collect,.tablet.sc-zonos-collect-h .flex--wrapper.sc-zonos-collect{margin-top:0}.mobile.sc-zonos-collect-h zonos-collect-footer.sc-zonos-collect,.tablet.sc-zonos-collect-h zonos-collect-footer.sc-zonos-collect{-ms-flex-order:3;order:3;left:0}.tablet.sc-zonos-collect-h .zonos--header-wrapper.sc-zonos-collect{padding-top:56px;top:-56px}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--header-right.sc-zonos-collect{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.mobile.sc-zonos-collect-h .zonos--header-wrapper.sc-zonos-collect{padding-top:28px;top:-28px}.mobile.sc-zonos-collect-h .zonos--collect-language-dialog.sc-zonos-collect{position:fixed;left:0;right:0;bottom:0;-webkit-transform-origin:bottom center;transform-origin:bottom center;width:100vw;background:var(--zonos-elements-surface-color);-webkit-box-shadow:var(--zonos-elements-v3-shadow-xl);box-shadow:var(--zonos-elements-v3-shadow-xl);border-radius:var(--zonos-elements-radius-12);max-width:100vw;max-height:500px;z-index:2147483011;overflow:auto;-webkit-transform:scale(0);transform:scale(0);opacity:0;-webkit-transition:opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;transition:opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out, opacity 0.3s ease-out;transition:transform 0.3s ease-out, opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;-ms-scroll-chaining:none;overscroll-behavior:contain}.mobile.sc-zonos-collect-h .zonos--collect-language-dialog.sc-zonos-collect::-webkit-scrollbar{width:10px}.mobile.sc-zonos-collect-h .zonos--collect-language-dialog.sc-zonos-collect::-webkit-scrollbar-track{background:var(--zonos-elements-gray-50)}.mobile.sc-zonos-collect-h .zonos--collect-language-dialog.sc-zonos-collect::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}.mobile.sc-zonos-collect-h .zonos--collect-language-dialog.sc-zonos-collect::-webkit-scrollbar-thumb:hover{background:#d6d6d6}.mobile.sc-zonos-collect-h .zonos--collect-language-dialog.sc-zonos-collect::-webkit-scrollbar-track{border-top-right-radius:var(--zonos-elements-radius-12);border-bottom-right-radius:var(--zonos-elements-radius-12)}.mobile.sc-zonos-collect-h .zonos--collect-language-dialog.zonos--collect-language-dialog-open.sc-zonos-collect{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.iframed.sc-zonos-collect-h .zonos--content.sc-zonos-collect{-ms-scroll-chaining:chained;overscroll-behavior:auto}";
+const zonosCollectCss = ".sc-zonos-collect-h{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-collect-h *.sc-zonos-collect{font-family:var(--zonos--font-family, Inter), Inter}.sc-zonos-collect-h img.sc-zonos-collect{max-width:100%}.sc-zonos-collect-h dl.sc-zonos-collect,.sc-zonos-collect-h dd.sc-zonos-collect,.sc-zonos-collect-h h1.sc-zonos-collect,.sc-zonos-collect-h h2.sc-zonos-collect,.sc-zonos-collect-h h3.sc-zonos-collect,.sc-zonos-collect-h h4.sc-zonos-collect,.sc-zonos-collect-h h5.sc-zonos-collect,.sc-zonos-collect-h h6.sc-zonos-collect,.sc-zonos-collect-h hr.sc-zonos-collect,.sc-zonos-collect-h figure.sc-zonos-collect,.sc-zonos-collect-h p.sc-zonos-collect,.sc-zonos-collect-h pre.sc-zonos-collect{margin:0}.sc-zonos-collect-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-collect-h{z-index:2147483647;position:fixed;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;top:0;left:0;width:100%;height:100%;-ms-flex-align:center;align-items:center;background-color:var(--zonos-elements-gray-0)}.sc-zonos-collect-h *.sc-zonos-collect{-ms-scroll-chaining:none;overscroll-behavior:contain}.sc-zonos-collect-h *.sc-zonos-collect::-webkit-scrollbar{width:10px}.sc-zonos-collect-h *.sc-zonos-collect::-webkit-scrollbar-track{background:var(--zonos-elements-gray-50)}.sc-zonos-collect-h *.sc-zonos-collect::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}.sc-zonos-collect-h *.sc-zonos-collect::-webkit-scrollbar-thumb:hover{background:#d6d6d6}.sc-zonos-collect-h .zonos--content.sc-zonos-collect{display:-ms-flexbox;display:flex;height:100%;overflow:hidden;width:100%;-ms-flex-pack:center;justify-content:center}.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--left.sc-zonos-collect,.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect{-ms-flex:1;flex:1;padding:56px 80px 60px;max-width:800px}.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--left.sc-zonos-collect{background-color:var(--zonos--primary-color, var(--zonos-elements-gray-0));border-right:1px solid var(--zonos-elements-gray-200);overflow:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:32px}.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect{background-color:var(--zonos-elements-gray-0)}.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--done.sc-zonos-collect{width:100%;max-width:1400px;max-height:100%;height:calc(100% - 100px);overflow:hidden;-ms-flex-direction:column;flex-direction:column;background-color:var(--zonos-elements-gray-0);-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:24px;padding-bottom:50px}.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--done.sc-zonos-collect .zonos--header.sc-zonos-collect{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;width:100%}.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--done.sc-zonos-collect .zonos--logo.sc-zonos-collect{margin-bottom:0}.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--done.sc-zonos-collect zonos-checkout-finish.sc-zonos-collect{-ms-flex:1;flex:1}.sc-zonos-collect-h .zonos--header-title.sc-zonos-collect,.sc-zonos-collect-h .zonos--header-wrapper.sc-zonos-collect{max-width:800px}.sc-zonos-collect-h .zonos--left.sc-zonos-collect{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative}.sc-zonos-collect-h .zonos--left.sc-zonos-collect .zonos--wrapper.sc-zonos-collect{padding:0 8px 8px}.sc-zonos-collect-h .zonos--left.sc-zonos-collect .zonos--payment-error-banner.sc-zonos-collect{margin-top:24px}.sc-zonos-collect-h .zonos--right.sc-zonos-collect{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.sc-zonos-collect-h .zonos--right.sc-zonos-collect .zonos--order-details-container.sc-zonos-collect{overflow:hidden}.sc-zonos-collect-h .zonos--wrapper.sc-zonos-collect{overflow:auto;max-height:100%;position:relative}.sc-zonos-collect-h .flex--wrapper.sc-zonos-collect{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-height:100%;margin-top:32px}.sc-zonos-collect-h .zonos--logo-wrapper.sc-zonos-collect{display:-ms-flexbox;display:flex;gap:16px;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1}.sc-zonos-collect-h .zonos--logo-wrapper.sc-zonos-collect>*.sc-zonos-collect{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.sc-zonos-collect-h .zonos--header-right.sc-zonos-collect{display:none}.sc-zonos-collect-h .zonos--logo.sc-zonos-collect{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.sc-zonos-collect-h .zonos--logo.sc-zonos-collect img.sc-zonos-collect{max-height:70px;-o-object-position:left center;object-position:left center;-o-object-fit:contain;object-fit:contain}.sc-zonos-collect-h .zonos--collect-container.sc-zonos-collect{overflow:visible}.mobile.sc-zonos-collect-h,.tablet.sc-zonos-collect-h{min-width:auto}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:auto;border-radius:0;max-height:100%;height:100%;border:0}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--left.sc-zonos-collect,.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--left.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect{padding:12px;padding-bottom:76px}@media (max-width: 768px){.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--left.sc-zonos-collect,.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--left.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect{padding-bottom:0}}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--left.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--left.sc-zonos-collect{-ms-flex-order:2;order:2;border-right:none}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect{-ms-flex-order:1;order:1;padding-top:16px}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect .zonos--wrapper.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect .zonos--wrapper.sc-zonos-collect{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border:var(--zonos-elements-border);border-radius:var(--zonos--border-radius, var(--zonos-elements-radius-10));background-color:var(--zonos-elements-gray-50);padding:12px;margin-top:32px}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect .zonos--review.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect .zonos--review.sc-zonos-collect{margin-bottom:0}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect .zonos--cart-items.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect .zonos--cart-items.sc-zonos-collect{margin-top:8px}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect zonos-checkout-footer.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect zonos-checkout-footer.sc-zonos-collect{-ms-flex-order:3;order:3}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--wrapper.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--wrapper.sc-zonos-collect{max-height:100%}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--footer.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--footer.sc-zonos-collect{-ms-flex-order:3;order:3}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--done.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--done.sc-zonos-collect{width:auto}.mobile.sc-zonos-collect-h .zonos--cart-subtotal.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--cart-subtotal.sc-zonos-collect{margin:0}.mobile.sc-zonos-collect-h .zonos--header-wrapper.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--header-wrapper.sc-zonos-collect{position:-webkit-sticky;position:sticky;top:0;width:100%;padding:16px;background-color:var(--zonos-elements-gray-0);z-index:3}.mobile.sc-zonos-collect-h .zonos--header-title.sc-zonos-collect,.mobile.sc-zonos-collect-h .zonos--header-wrapper.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--header-title.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--header-wrapper.sc-zonos-collect{max-width:800px;padding:0 16px}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect{overflow:auto;-ms-flex-pack:unset;justify-content:unset;-ms-flex-align:center;align-items:center;gap:24px}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--left.sc-zonos-collect,.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--left.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect{overflow:visible;width:100%}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect{gap:32px}.mobile.sc-zonos-collect-h .flex--wrapper.sc-zonos-collect,.tablet.sc-zonos-collect-h .flex--wrapper.sc-zonos-collect{margin-top:0}.mobile.sc-zonos-collect-h zonos-collect-footer.sc-zonos-collect,.tablet.sc-zonos-collect-h zonos-collect-footer.sc-zonos-collect{-ms-flex-order:3;order:3;left:0}.tablet.sc-zonos-collect-h .zonos--header-wrapper.sc-zonos-collect{padding-top:56px;top:-56px}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--header-right.sc-zonos-collect{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.mobile.sc-zonos-collect-h .zonos--header-wrapper.sc-zonos-collect{padding-top:28px;top:-28px}.mobile.sc-zonos-collect-h .zonos--collect-language-dialog.sc-zonos-collect{position:fixed;left:0;right:0;bottom:0;-webkit-transform-origin:bottom center;transform-origin:bottom center;width:100vw;background:var(--zonos-elements-surface-color);-webkit-box-shadow:var(--zonos-elements-v3-shadow-xl);box-shadow:var(--zonos-elements-v3-shadow-xl);border-radius:var(--zonos-elements-radius-12);max-width:100vw;max-height:500px;z-index:2147483011;overflow:auto;-webkit-transform:scale(0);transform:scale(0);opacity:0;-webkit-transition:opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;transition:opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out, opacity 0.3s ease-out;transition:transform 0.3s ease-out, opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;-ms-scroll-chaining:none;overscroll-behavior:contain}.mobile.sc-zonos-collect-h .zonos--collect-language-dialog.sc-zonos-collect::-webkit-scrollbar{width:10px}.mobile.sc-zonos-collect-h .zonos--collect-language-dialog.sc-zonos-collect::-webkit-scrollbar-track{background:var(--zonos-elements-gray-50)}.mobile.sc-zonos-collect-h .zonos--collect-language-dialog.sc-zonos-collect::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}.mobile.sc-zonos-collect-h .zonos--collect-language-dialog.sc-zonos-collect::-webkit-scrollbar-thumb:hover{background:#d6d6d6}.mobile.sc-zonos-collect-h .zonos--collect-language-dialog.sc-zonos-collect::-webkit-scrollbar-track{border-top-right-radius:var(--zonos-elements-radius-12);border-bottom-right-radius:var(--zonos-elements-radius-12)}.mobile.sc-zonos-collect-h .zonos--collect-language-dialog.zonos--collect-language-dialog-open.sc-zonos-collect{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.iframed.sc-zonos-collect-h .zonos--content.sc-zonos-collect{-ms-scroll-chaining:chained;overscroll-behavior:auto}";
 const ZonosCollectStyle0 = zonosCollectCss;
 
 const ZonosCollect = class {
@@ -166,8 +166,8 @@ const ZonosCollect = class {
      * Listen to resize event to update the isMobile state
      */
     resizeListener() {
-        this.isMobile = isCollectMobileTablet.isCollectMobile(this.mobile);
-        this.isTablet = isCollectMobileTablet.isCollectTablet(this.tablet);
+        this.isMobile = renderFallback.isCollectMobile(this.mobile);
+        this.isTablet = renderFallback.isCollectTablet(this.tablet);
     }
     /**
      * For storybook to set to finish step, this is to trigger in the story for zonos-checkout-finish
@@ -288,8 +288,8 @@ const ZonosCollect = class {
             if (!landedCost) {
                 throw new Error('Landed cost could not be found in checkout session after creating/updating them');
             }
-            await isCollectMobileTablet.collectStoreUpdateSelectedShippingOption(Object.assign(Object.assign({}, cart.cartStore.checkoutSession), { id: localization.storageStore.checkoutSessionId || '' }));
-            void isCollectMobileTablet.collectStoreInitShippingInfo({
+            await renderFallback.collectStoreUpdateSelectedShippingOption(Object.assign(Object.assign({}, cart.cartStore.checkoutSession), { id: localization.storageStore.checkoutSessionId || '' }));
+            void renderFallback.collectStoreInitShippingInfo({
                 landedCostId: landedCost.id,
             });
             void this.applyStripeTheme();
@@ -356,7 +356,7 @@ const ZonosCollect = class {
             return;
         }
         // Update the billing party id to the checkout session
-        await isCollectMobileTablet.collectStoreAsyncAddressUpdate();
+        await renderFallback.collectStoreAsyncAddressUpdate();
         try {
             await cart.stripeStoreConfirmPayment({
                 noLandedCostCheck: true,
@@ -364,7 +364,7 @@ const ZonosCollect = class {
             cart.cartStore.step = 'finish';
             // Some merchants use landed cost id as the confirmation id
             this.confirmationId =
-                isCollectMobileTablet.collectStore.landedCostShortId ||
+                renderFallback.collectStore.landedCostShortId ||
                     ((_d = cart.cartStore.selectedLandedCost) === null || _d === void 0 ? void 0 : _d.landedCostId) ||
                     null;
             return;
@@ -428,9 +428,16 @@ const ZonosCollect = class {
                     'zonos--collect-language-dialog',
                     this.showLanguageDialogMobile &&
                         'zonos--collect-language-dialog-open',
-                ]) }, index.h("zonos-language-select", { handleOnClose: () => this.toggleLanguageDialog() })))), index.h("zonos-text", { class: "zonos--header-title", type: "header" }, translationStore.translate('Customs fees for your recent purchase from [companyName] are ready for payment', {
-                companyName: zonosStore.zonosStore.organizationName,
-            }))));
+                ]) }, index.h("zonos-language-select", { handleOnClose: () => this.toggleLanguageDialog() })))), renderFallback.renderFallback({
+                content: (index.h("zonos-text", { class: "zonos--header-title", type: "header" }, renderFallback.collectStore.originCompanyName
+                    ? translationStore.translate('Customs charges for your recent purchase from [companyName] are available for payment', {
+                        companyName: renderFallback.collectStore.originCompanyName,
+                    })
+                    : translationStore.translate('Customs charges from your recent purchase are available for payment'))),
+                isLoading: renderFallback.collectStore.isFetchingShippingInfo,
+                skeletonHeight: '34px',
+                skeletonWidth: '600px',
+            })));
         };
         const renderContent = () => {
             if (this.isOverlayLoading || cart.stripeStore.isFetchingSession) {

package/dist/cjs/zonos-confirm-dialog_2.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const translationStore = require('./translationStore-0c67178f.js');
+const translationStore = require('./translationStore-951ed4b4.js');
 const zonosStore = require('./zonosStore-f8ee56aa.js');
 const classes = require('./classes-b7918f56.js');
 const getBorderRadius = require('./getBorderRadius-1b5e33cf.js');

package/dist/cjs/zonos-controller.cjs.entry.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const cart = require('./cart-9a9ae4b9.js');
-const localization = require('./localization-0169b27d.js');
+const cart = require('./cart-3a2a062c.js');
+const localization = require('./localization-12e7e934.js');
 const zonosStore = require('./zonosStore-f8ee56aa.js');
 const getGenericSettingsOverride = require('./getGenericSettingsOverride-c0ca32b9.js');
 const handleFetch = require('./handleFetch-45f35cac.js');
-require('./translationStore-0c67178f.js');
+require('./translationStore-951ed4b4.js');
 require('./isDarkColor-428965f4.js');
 require('./getBorderRadius-1b5e33cf.js');
 require('./VarianceTest-0cb1e118.js');

package/dist/cjs/zonos-country-flag.cjs.entry.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const localization = require('./localization-0169b27d.js');
+const localization = require('./localization-12e7e934.js');
 const zonosStore = require('./zonosStore-f8ee56aa.js');
 const classes = require('./classes-b7918f56.js');
 require('./handleFetch-45f35cac.js');
 require('./VarianceTest-0cb1e118.js');
-require('./translationStore-0c67178f.js');
+require('./translationStore-951ed4b4.js');
 
 const zonosCountryFlagCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-inline-flexbox;display:inline-flex}:host .flag-container{position:relative;overflow:hidden;width:100%;height:100%}:host .flag-icon{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover}";
 const ZonosCountryFlagStyle0 = zonosCountryFlagCss;

package/dist/cjs/zonos-country-select_4.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const localization = require('./localization-0169b27d.js');
-const translationStore = require('./translationStore-0c67178f.js');
+const localization = require('./localization-12e7e934.js');
+const translationStore = require('./translationStore-951ed4b4.js');
 const zonosStore = require('./zonosStore-f8ee56aa.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
 const isDarkColor = require('./isDarkColor-428965f4.js');

package/dist/cjs/zonos-empty-state-payment_4.cjs.entry.js

@@ -6,12 +6,12 @@ const index = require('./index-1c710d00.js');
 const zonosStore = require('./zonosStore-f8ee56aa.js');
 const classes = require('./classes-b7918f56.js');
 const getBorderRadius = require('./getBorderRadius-1b5e33cf.js');
-const cart = require('./cart-9a9ae4b9.js');
-const localization = require('./localization-0169b27d.js');
+const cart = require('./cart-3a2a062c.js');
+const localization = require('./localization-12e7e934.js');
 const handleFetch = require('./handleFetch-45f35cac.js');
-const paypal = require('./paypal-9ee374a0.js');
+const paypal = require('./paypal-a1377508.js');
 require('./VarianceTest-0cb1e118.js');
-require('./translationStore-0c67178f.js');
+require('./translationStore-951ed4b4.js');
 require('./isDarkColor-428965f4.js');
 
 const PaymentEmptyStateDarkIcon = `<svg width="536" height="200" viewBox="0 0 536 200" fill="none" xmlns="http://www.w3.org/2000/svg">

package/dist/cjs/zonos-hello-dialog.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const localization = require('./localization-0169b27d.js');
-const translationStore = require('./translationStore-0c67178f.js');
+const localization = require('./localization-12e7e934.js');
+const translationStore = require('./translationStore-951ed4b4.js');
 const zonosStore = require('./zonosStore-f8ee56aa.js');
 const classes = require('./classes-b7918f56.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');

package/dist/cjs/zonos-hello.cjs.entry.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
 const debounce = require('./debounce-465a4328.js');
-const localization = require('./localization-0169b27d.js');
-const translationStore = require('./translationStore-0c67178f.js');
+const localization = require('./localization-12e7e934.js');
+const translationStore = require('./translationStore-951ed4b4.js');
 const zonosStore = require('./zonosStore-f8ee56aa.js');
 const classes = require('./classes-b7918f56.js');
 const handleFetch = require('./handleFetch-45f35cac.js');

package/dist/cjs/zonos-language-select_2.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const localization = require('./localization-0169b27d.js');
-const translationStore = require('./translationStore-0c67178f.js');
+const localization = require('./localization-12e7e934.js');
+const translationStore = require('./translationStore-951ed4b4.js');
 const zonosStore = require('./zonosStore-f8ee56aa.js');
 const ILanguage = require('./ILanguage-98b04442.js');
 require('./handleFetch-45f35cac.js');

package/dist/collection/components/checkout/zonos-collect/zonos-collect-review/zonos-collect-review.js

@@ -48,7 +48,7 @@ export class ZonosCollectReview {
         }))), h("div", { key: 'fcdaebc734a270742fbe21ff932550994e522ea6', class: "zonos--total-pay" }, renderFallback({
             content: (h("zonos-text", { type: 'secondaryPageHeader' }, renderCheckoutCurrency({
                 amount: collectStore.amountDutyTaxFeeTotal || 0,
-                isForeign: false,
+                isForeign: true,
             }))),
             isLoading: collectStore.isFetchingShippingInfo,
             skeletonHeight: '36px',

package/dist/collection/components/checkout/zonos-collect/zonos-collect.css

@@ -161,7 +161,9 @@
   align-items: center;
 }
 :host .zonos--logo img {
-  max-height: 72px;
+  max-height: 70px;
+  object-position: left center;
+  object-fit: contain;
 }
 :host .zonos--collect-container {
   overflow: visible;

package/dist/collection/components/checkout/zonos-collect/zonos-collect.js

@@ -16,6 +16,7 @@ import { currencyFormat } from "../../utils/hello/currencyConversion/currencyFor
 import { log } from "../../utils/logging/log";
 import { logError } from "../../utils/logging/logError";
 import { sendErrorLog } from "../../utils/logging/sendErrorLog";
+import { renderFallback } from "../../utils/renderFallback";
 import { languages } from "../../../types/ILanguage";
 /** These assets need to be in relative path as https://www.npmjs.com/package/stencil-inline-svg suggested */
 // eslint-disable-next-line no-relative-import-paths/no-relative-import-paths
@@ -425,9 +426,16 @@ export class ZonosCollect {
                     'zonos--collect-language-dialog',
                     this.showLanguageDialogMobile &&
                         'zonos--collect-language-dialog-open',
-                ]) }, h("zonos-language-select", { handleOnClose: () => this.toggleLanguageDialog() })))), h("zonos-text", { class: "zonos--header-title", type: "header" }, translate('Customs fees for your recent purchase from [companyName] are ready for payment', {
-                companyName: zonosStore.organizationName,
-            }))));
+                ]) }, h("zonos-language-select", { handleOnClose: () => this.toggleLanguageDialog() })))), renderFallback({
+                content: (h("zonos-text", { class: "zonos--header-title", type: "header" }, collectStore.originCompanyName
+                    ? translate('Customs charges for your recent purchase from [companyName] are available for payment', {
+                        companyName: collectStore.originCompanyName,
+                    })
+                    : translate('Customs charges from your recent purchase are available for payment'))),
+                isLoading: collectStore.isFetchingShippingInfo,
+                skeletonHeight: '34px',
+                skeletonWidth: '600px',
+            })));
         };
         const renderContent = () => {
             if (this.isOverlayLoading || stripeStore.isFetchingSession) {

package/dist/collection/components/common/zonos-skeleton/zonos-skeleton.css

@@ -37,4 +37,6 @@
   border-radius: var(--zonos-elements-radius-12);
   width: var(--zonos--skeleton-width);
   height: var(--zonos--skeleton-height);
+  min-height: var(--zonos--skeleton-height);
+  max-width: 100%;
 }

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

@@ -134,8 +134,11 @@ export const stringsArabic = {
     'Customer information': {
         value: 'معلومات العميل',
     },
-    'Customs fees for your recent purchase from [companyName] are ready for payment': {
-        value: 'رسوم الجمارك لشرائك الأخير من [companyName] جاهزة للدفع',
+    'Customs charges for your recent purchase from [companyName] are available for payment': {
+        value: 'رسوم الجمارك لشرائك الأخير من [companyName] متاحة للدفع',
+    },
+    'Customs charges from your recent purchase are available for payment': {
+        value: 'رسوم الجمارك من عملية الشراء الأخيرة متاحة للدفع',
     },
     'Customs fees total': {
         value: 'إجمالي رسوم الجمارك',

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

@@ -135,8 +135,11 @@ export const stringsBase = {
     'Customer information': {
         value: 'Customer information',
     },
-    'Customs fees for your recent purchase from [companyName] are ready for payment': {
-        value: 'Customs fees for your recent purchase from [companyName] are ready for payment',
+    'Customs charges for your recent purchase from [companyName] are available for payment': {
+        value: 'Customs charges for your recent purchase from [companyName] are available for payment',
+    },
+    'Customs charges from your recent purchase are available for payment': {
+        value: 'Customs charges from your recent purchase are available for payment',
     },
     'Customs fees total': {
         value: 'Customs fees total',

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

@@ -134,8 +134,11 @@ export const stringsChinese = {
     'Customer information': {
         value: '客户信息',
     },
-    'Customs fees for your recent purchase from [companyName] are ready for payment': {
-        value: '您最近从[companyName]购买的商品的关税已准备好付款',
+    'Customs charges for your recent purchase from [companyName] are available for payment': {
+        value: '您最近从[companyName]购买的商品的关税可供支付',
+    },
+    'Customs charges from your recent purchase are available for payment': {
+        value: '您最近购买的关税可供支付',
     },
     'Customs fees total': {
         value: '关税总额',

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

@@ -134,8 +134,11 @@ export const stringsDanish = {
     'Customer information': {
         value: 'Kundeinformation',
     },
-    'Customs fees for your recent purchase from [companyName] are ready for payment': {
-        value: 'Toldgebyrer for dit seneste køb fra [companyName] er klar til betaling',
+    'Customs charges for your recent purchase from [companyName] are available for payment': {
+        value: 'Toldafgifter for dit seneste køb fra [companyName] er tilgængelige for betaling',
+    },
+    'Customs charges from your recent purchase are available for payment': {
+        value: 'Toldafgifter fra dit seneste køb er tilgængelige for betaling',
     },
     'Customs fees total': {
         value: 'Samlede toldgebyrer',

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

@@ -134,8 +134,11 @@ export const stringsDutch = {
     'Customer information': {
         value: 'Klantinformatie',
     },
-    'Customs fees for your recent purchase from [companyName] are ready for payment': {
-        value: 'Douanekosten voor uw recente aankoop bij [companyName] zijn klaar voor betaling',
+    'Customs charges for your recent purchase from [companyName] are available for payment': {
+        value: 'Douanekosten voor uw recente aankoop bij [companyName] zijn beschikbaar voor betaling',
+    },
+    'Customs charges from your recent purchase are available for payment': {
+        value: 'Douanekosten van uw recente aankoop zijn beschikbaar voor betaling',
     },
     'Customs fees total': {
         value: 'Totale douanekosten',

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

@@ -134,8 +134,11 @@ export const stringsFrench = {
     'Customer information': {
         value: 'Informations client',
     },
-    'Customs fees for your recent purchase from [companyName] are ready for payment': {
-        value: 'Les frais de douane pour votre achat récent chez [companyName] sont prêts à être payés',
+    'Customs charges for your recent purchase from [companyName] are available for payment': {
+        value: 'Les frais de douane pour votre achat récent chez [companyName] sont disponibles pour paiement',
+    },
+    'Customs charges from your recent purchase are available for payment': {
+        value: 'Les frais de douane de votre achat récent sont disponibles pour le paiement',
     },
     'Customs fees total': {
         value: 'Total des frais de douane',