@zonos/elements 1.3.233 → 1.3.235

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

@@ -3,10 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-69fa8852.js');
-const cart = require('./cart-bc615014.js');
-const paypal = require('./paypal-1d6f1a71.js');
-const localization = require('./localization-39516612.js');
-const translationStore = require('./translationStore-08d3ff9c.js');
+const cart = require('./cart-22ced7cc.js');
+const paypal = require('./paypal-4a086f84.js');
+const localization = require('./localization-8ef6250a.js');
 const zonosStore = require('./zonosStore-37a4b4f4.js');
 const buildCartItemsByTempCart = require('./buildCartItemsByTempCart-edddbf4b.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
@@ -1196,9 +1195,9 @@ const ZonosCheckout = class {
                     });
                     cart.cartStoreUpdateToErrorState({
                         messages: [
-                            translationStore.translate("There's been an error creating your checkout session. Please reload and try again or contact support if the error persists"),
+                            localization.translate("There's been an error creating your checkout session. Please reload and try again or contact support if the error persists"),
                         ],
-                        title: translationStore.translate('Error creating Checkout'),
+                        title: localization.translate('Error creating Checkout'),
                     });
                 }
             }, {
@@ -1568,7 +1567,7 @@ const ZonosCheckout = class {
         // Should not proceed to confirm payment if base currency update failed
         if (!baseCurrencyUpdateSuccess) {
             cart.stripeStore.hasPaymentError = true;
-            cart.stripeStore.customErrorMessage = translationStore.translate('Unable to complete payment in [currency]. Please try again or select a different currency. If the issue persists, contact our support team for assistance.', {
+            cart.stripeStore.customErrorMessage = localization.translate('Unable to complete payment in [currency]. Please try again or select a different currency. If the issue persists, contact our support team for assistance.', {
                 currency: cart.stripeStore.checkoutSettlementCurrency,
             });
             this.submitLoading = false;
@@ -1581,7 +1580,7 @@ const ZonosCheckout = class {
         }
         catch (_a) {
             // If user provide callback and it throw an exception, default to this message and stop the payment.
-            cart.cartStore.inventoryCheckErrorMessage = translationStore.translate('Unable to check inventory. Please try again.');
+            cart.cartStore.inventoryCheckErrorMessage = localization.translate('Unable to check inventory. Please try again.');
         }
         // Don't proceed to payment if there's an error message
         if (cart.cartStore.inventoryCheckErrorMessage) {
@@ -1838,13 +1837,13 @@ const ZonosCheckout = class {
             const zonosDebug = urlParams.get('zonosDebug');
             const zonosE2ETest = urlParams.get('zonosE2ETest');
             const zonosStagingMode = this.overrideStagingMode || handleFetch.getIsStagingMode();
-            return (index.h("zonos-v-stack", null, index.h("div", { class: "zonos--logo-wrapper" }, renderLogo(), isTestMode && (index.h("zonos-badge", { badgeColor: "orange", size: "small" }, translationStore.translate('Test mode'))), zonosStagingMode && (index.h("zonos-badge", { badgeColor: "red", size: "small" }, translationStore.translate('Staging mode'))), zonosDebug === '1' && (index.h("zonos-badge", { badgeColor: "cyan", size: "small" }, "debug")), zonosQaUrl && (index.h("zonos-badge", { badgeColor: "purple", size: "small" }, zonosQaUrl)), zonosE2ETest && (index.h("zonos-badge", { badgeColor: "gray", size: "small" }, "E2E Test"))), index.h("zonos-checkout-progress-tabs", { backgroundColor: 
+            return (index.h("zonos-v-stack", null, index.h("div", { class: "zonos--logo-wrapper" }, renderLogo(), isTestMode && (index.h("zonos-badge", { badgeColor: "orange", size: "small" }, localization.translate('Test mode'))), zonosStagingMode && (index.h("zonos-badge", { badgeColor: "red", size: "small" }, localization.translate('Staging mode'))), zonosDebug === '1' && (index.h("zonos-badge", { badgeColor: "cyan", size: "small" }, "debug")), zonosQaUrl && (index.h("zonos-badge", { badgeColor: "purple", size: "small" }, zonosQaUrl)), zonosE2ETest && (index.h("zonos-badge", { badgeColor: "gray", size: "small" }, "E2E Test"))), index.h("zonos-checkout-progress-tabs", { backgroundColor: 
                 // only use different contrast color when the secondary color is too off with the background in mobile
                 this.isMobile ? '--zonos-elements-gray-0' : null }), filteredMessages.map(x => (index.h("zonos-custom-message", { icon: MessageIcon, message: x.message })))));
         };
         const renderContent = () => {
             if (cart.cartStore.checkoutSessionTimeoutShow) {
-                return (index.h("zonos-rest-state", { class: "zonos--session-timeout", restStateSubtitle: translationStore.translate('Your checkout session has expired. Please reload the page to continue.'), restStateTitle: translationStore.translate('Session timed out'), restStateType: 'Warning' }, index.h("zonos-button", { onClick: () => this.reloadCheckoutSession(), variant: "primary" }, translationStore.translate('Reload'))));
+                return (index.h("zonos-rest-state", { class: "zonos--session-timeout", restStateSubtitle: localization.translate('Your checkout session has expired. Please reload the page to continue.'), restStateTitle: localization.translate('Session timed out'), restStateType: 'Warning' }, index.h("zonos-button", { onClick: () => this.reloadCheckoutSession(), variant: "primary" }, localization.translate('Reload'))));
             }
             return (index.h("div", { class: 'zonos--content', style: {
                     '--zonos--border-radius': getBorderRadius.getBorderRadius({
@@ -1882,50 +1881,50 @@ const ZonosCheckout = class {
                 this.isMobile && 'mobile',
                 this.isIframed && 'iframed',
                 this.hiddenMode && 'hidden-mode',
-            ]) }, this.preview ? (renderContent()) : (index.h("zonos-dialog", { borderStyle: style, "data-theme": rightSideTheme, height: "980px", isLoading: dialogLoading, mobile: this.isMobile, noBodyPadding: true, noBorder: true, noClickOutside: true, noCloseButton: true, onCloseDialog: () => this.closeDialogHandler(), open: this.open, width: "1200px" }, renderContent())), index.h("zonos-confirm-dialog", { class: "zonos--close-confirm-dialog", dialogCancelBtnText: translationStore.translate("Don't close"), dialogConfirmBtnText: translationStore.translate('Close'), dialogIntent: "warn", dialogOpen: this.confirmDialogOpen, dialogSubtitle: translationStore.translate('Would you like to close checkout and return to the site?'), dialogTitle: translationStore.translate('Are you sure?'), onCancelClicked: () => {
+            ]) }, this.preview ? (renderContent()) : (index.h("zonos-dialog", { borderStyle: style, "data-theme": rightSideTheme, height: "980px", isLoading: dialogLoading, mobile: this.isMobile, noBodyPadding: true, noBorder: true, noClickOutside: true, noCloseButton: true, onCloseDialog: () => this.closeDialogHandler(), open: this.open, width: "1200px" }, renderContent())), index.h("zonos-confirm-dialog", { class: "zonos--close-confirm-dialog", dialogCancelBtnText: localization.translate("Don't close"), dialogConfirmBtnText: localization.translate('Close'), dialogIntent: "warn", dialogOpen: this.confirmDialogOpen, dialogSubtitle: localization.translate('Would you like to close checkout and return to the site?'), dialogTitle: localization.translate('Are you sure?'), onCancelClicked: () => {
                 this.confirmDialogOpen = false;
             },
             // Mark user selected confirm to close the dialog
-            onConfirmClicked: () => this.closeDialogHandler({ confirmed: true }) }), index.h("zonos-confirm-dialog", { class: "zonos--order-duplication-dialog", dialogCancelBtnText: translationStore.translate('Return to merchant site'), dialogConfirmBtnText: translationStore.translate('Proceed with order'), dialogIntent: "warn", dialogOpen: !!this.placedOrderInfo, dialogSubtitle: 
+            onConfirmClicked: () => this.closeDialogHandler({ confirmed: true }) }), index.h("zonos-confirm-dialog", { class: "zonos--order-duplication-dialog", dialogCancelBtnText: localization.translate('Return to merchant site'), dialogConfirmBtnText: localization.translate('Proceed with order'), dialogIntent: "warn", dialogOpen: !!this.placedOrderInfo, dialogSubtitle: 
             /**
              * Show order number if it's available, otherwise just show the time
              */
             ((_b = this.placedOrderInfo) === null || _b === void 0 ? void 0 : _b.zonosOrderNumber)
-                ? translationStore.translate('It looks like you placed an order recently ([date] at [time]) under order number #[orderNumber]. Check your email for the order confirmation. Are you sure you want to place another order?', {
+                ? localization.translate('It looks like you placed an order recently ([date] at [time]) under order number #[orderNumber]. Check your email for the order confirmation. Are you sure you want to place another order?', {
                     date: this.formatDate(this.placedOrderInfo.time),
                     orderNumber: this.placedOrderInfo.zonosOrderNumber,
                     time: this.formatTime(this.placedOrderInfo.time),
                 })
-                : translationStore.translate('It looks like you placed an order recently ([date] at [time]). Check your email for the order confirmation. Are you sure you want to place another one?', {
+                : localization.translate('It looks like you placed an order recently ([date] at [time]). Check your email for the order confirmation. Are you sure you want to place another one?', {
                     date: this.formatDate(((_c = this.placedOrderInfo) === null || _c === void 0 ? void 0 : _c.time) || null),
                     time: this.formatTime(((_d = this.placedOrderInfo) === null || _d === void 0 ? void 0 : _d.time) || null),
-                }), dialogTitle: translationStore.translate('Are you sure?'), dialogWidth: 530, onCancelClicked: () => {
+                }), dialogTitle: localization.translate('Are you sure?'), dialogWidth: 530, onCancelClicked: () => {
                 this.handleCancelOrderDuplication();
             },
             // Mark user selected confirm to close the dialog
             onConfirmClicked: () => {
                 // Reset the placed order info and close the dialog
                 this.confirmProceedWithOrderDuplication();
-            } }), index.h("zonos-confirm-dialog", { class: "zonos--fedex-shipping-dialog", dialogConfirmBtnText: translationStore.translate('Confirm'), dialogIntent: "info", dialogOpen: !!this.shouldShowFedexShippingConsentDialog, dialogSubtitle: index.h(index.Fragment, null, translationStore.translate("If you select FedEx Ground as your shipping option, you'll need to complete a General Agency Agreement (GAA) after placing your order. This form allows FedEx to clear your package through Canadian customs on your behalf. FedEx will contact you directly—usually by email or phone—with instructions on how to complete the GAA. To avoid delays or the return of your package, please respond promptly to their request."), index.h("zonos-link", { href: "https://ftn.fedex.com/us/assets/docs/One-Time_GAA.pdf", target: "_blank" }, translationStore.translate('View GAA Form.'))), dialogTitle: translationStore.translate('Fedex Shipping Procedure'), dialogType: "alert", dialogWidth: 500, onConfirmClicked: () => (this.shouldShowFedexShippingConsentDialog = false) }), index.h("zonos-confirm-dialog", { class: "zonos--inventory-check-failure-dialog", dialogConfirmBtnText: translationStore.translate('Return to cart'), dialogIntent: "danger",
+            } }), index.h("zonos-confirm-dialog", { class: "zonos--fedex-shipping-dialog", dialogConfirmBtnText: localization.translate('Confirm'), dialogIntent: "info", dialogOpen: !!this.shouldShowFedexShippingConsentDialog, dialogSubtitle: index.h(index.Fragment, null, localization.translate("If you select FedEx Ground as your shipping option, you'll need to complete a General Agency Agreement (GAA) after placing your order. This form allows FedEx to clear your package through Canadian customs on your behalf. FedEx will contact you directly—usually by email or phone—with instructions on how to complete the GAA. To avoid delays or the return of your package, please respond promptly to their request."), index.h("zonos-link", { href: "https://ftn.fedex.com/us/assets/docs/One-Time_GAA.pdf", target: "_blank" }, localization.translate('View GAA Form.'))), dialogTitle: localization.translate('Fedex Shipping Procedure'), dialogType: "alert", dialogWidth: 500, onConfirmClicked: () => (this.shouldShowFedexShippingConsentDialog = false) }), index.h("zonos-confirm-dialog", { class: "zonos--inventory-check-failure-dialog", dialogConfirmBtnText: localization.translate('Return to cart'), dialogIntent: "danger",
             // Show dialog if inventory check error message is not null
             dialogOpen: !!cart.cartStore.inventoryCheckErrorMessage,
             // If dialog is in open state, the message should not be null
-            dialogSubtitle: cart.cartStore.inventoryCheckErrorMessage, dialogTitle: translationStore.translate("Couldn't place order"), dialogType: "alert",
+            dialogSubtitle: cart.cartStore.inventoryCheckErrorMessage, dialogTitle: localization.translate("Couldn't place order"), dialogType: "alert",
             // Mark user selected confirm to close the dialog
-            onConfirmClicked: () => this.handleInventoryCheckDialogConfirm() }), baseCurrencySettlementInfo && (index.h("zonos-confirm-dialog", { class: "zonos--pay-in-usd-dialog", dialogCancelBtnText: translationStore.translate('Cancel'), dialogConfirmBtnText: translationStore.translate('Pay [orderTotal]', {
+            onConfirmClicked: () => this.handleInventoryCheckDialogConfirm() }), baseCurrencySettlementInfo && (index.h("zonos-confirm-dialog", { class: "zonos--pay-in-usd-dialog", dialogCancelBtnText: localization.translate('Cancel'), dialogConfirmBtnText: localization.translate('Pay [orderTotal]', {
                 orderTotal: localization.currencyFormat({
                     amount: baseCurrencySettlementInfo.settlementAmount,
                     currency: 'USD',
                 }),
-            }), dialogIntent: "warn", dialogOpen: this.payInUsdConfirmDialogOpen, dialogSubtitle: translationStore.translate('By paying in USD, your card will be charged directly with no currency conversion. However, using a non-USD based card may result in additional currency conversion fees at the bank level.'), dialogTitle: translationStore.translate('Pay in USD (United States Dollar)?'), dialogType: "confirm", dialogWidth: 480, onCancelClicked: () => {
+            }), dialogIntent: "warn", dialogOpen: this.payInUsdConfirmDialogOpen, dialogSubtitle: localization.translate('By paying in USD, your card will be charged directly with no currency conversion. However, using a non-USD based card may result in additional currency conversion fees at the bank level.'), dialogTitle: localization.translate('Pay in USD (United States Dollar)?'), dialogType: "confirm", dialogWidth: 480, onCancelClicked: () => {
                 this.payInUsdConfirmDialogOpen = false;
             },
             // Mark user selected confirm to continue with payment
-            onConfirmClicked: () => this.handleStripePaymentContinue() })), index.h("zonos-confirm-dialog", { class: "zonos--shopping-cart-expired-dialog", dialogConfirmBtnText: translationStore.translate('OK'), dialogIntent: "danger",
+            onConfirmClicked: () => this.handleStripePaymentContinue() })), index.h("zonos-confirm-dialog", { class: "zonos--shopping-cart-expired-dialog", dialogConfirmBtnText: localization.translate('OK'), dialogIntent: "danger",
             // Show dialog if inventory check error message is not null
             dialogOpen: this.isCartExpired,
             // If dialog is in open state, the message should not be null
-            dialogSubtitle: translationStore.translate('You are being sent back to the shop to re-add items to your cart.'), dialogTitle: translationStore.translate('Shopping cart expired'), dialogType: "alert",
+            dialogSubtitle: localization.translate('You are being sent back to the shop to re-add items to your cart.'), dialogTitle: localization.translate('Shopping cart expired'), dialogType: "alert",
             // Mark user selected confirm to close the dialog
             onConfirmClicked: () => this.handleCartExpiredDialogConfirm() }), index.h("zonos-loading-overlay", { open: this.isOverlayLoading })));
     }

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

@@ -57,10 +57,10 @@ const ZonosCollapse = class {
             // set overflow to hidden to prevent content from showing when collapsed
             this.el.style.overflow = 'hidden';
         }
-        return (index.h(index.Host, { key: 'c63b825021f8aaf17727e37072c3701e4a55b992', class: 'zonos--elements zonos--collapse', style: {
+        return (index.h(index.Host, { key: '2a96e5ed214d93d07057eb7958a26e8a7b286ce8', class: 'zonos--elements zonos--collapse', style: {
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
                 height: this.getElementHeight(),
-            } }, index.h("div", { key: 'bc51b1a1318b0934c752ae74dfeae8d5f43f1a63' }, index.h("iframe", { key: '0bb69f8aaa5c095bc90f2210fab3770491867754', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), index.h("slot", { key: '64fdc09e82d28f57fd081578ebd2a3523760c7c7' }))));
+            } }, index.h("div", { key: 'd2a039a3cde3c54bd560774d91cf36924311e251' }, index.h("iframe", { key: 'a2b1494c32fcd8a467e23ae6733fd341220a9020', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), index.h("slot", { key: '5dd47c6e903a01824ed04a9512b847180e67f667' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -3,15 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-69fa8852.js');
-const cart = require('./cart-bc615014.js');
+const cart = require('./cart-22ced7cc.js');
 const cleanHtmlMarkdown = require('./cleanHtmlMarkdown-577d0a77.js');
 const zonosStore = require('./zonosStore-37a4b4f4.js');
 const classes = require('./classes-b7918f56.js');
 const styles = require('./styles-d1e64fb9.js');
-require('./localization-39516612.js');
+require('./localization-8ef6250a.js');
 require('./handleFetch-954f30e1.js');
 require('./VarianceTest-bec00ea8.js');
-require('./translationStore-08d3ff9c.js');
 require('./isDarkColor-878e600e.js');
 require('./getBorderRadius-2ef1170d.js');
 
@@ -53,10 +52,10 @@ const HStack = class {
         this.spacing = 24;
     }
     render() {
-        return (index.h(index.Host, { key: '92689fdc45c9e980d61f9b96c378ca52ed37a608', style: {
+        return (index.h(index.Host, { key: '8c80b04f02ebafcc0529bbc8a30fb71dae591a81', style: {
                 '--spacing': `${this.spacing}px`,
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("slot", { key: 'b94e0bcd372d0194ba2a86b570914fe33af427cd' })));
+            } }, index.h("slot", { key: '9840c220581a016349627a61efdf9a4dc3f68bc9' })));
     }
 };
 HStack.style = ZonosHStackStyle0;
@@ -79,7 +78,7 @@ const ZonosSkeleton = class {
         this.skeletonHeight = '14px';
     }
     render() {
-        return (index.h(index.Host, { key: '4ffa2b8c03f0c8d3bd08521d950903cba9685109', class: classes.classes(['zonos--elements zonos--skeleton']), style: styles.styles({
+        return (index.h(index.Host, { key: 'dc65462865ede6e9cb5a02f5c4f6bf43c550d0c7', class: classes.classes(['zonos--elements zonos--skeleton']), style: styles.styles({
                 '--zonos--skeleton-height': this.skeletonHeight,
                 '--zonos--skeleton-width': this.skeletonWidth,
             }) }));

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

@@ -3,19 +3,20 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-69fa8852.js');
-const cart = require('./cart-bc615014.js');
-const paypal = require('./paypal-1d6f1a71.js');
-const localization = require('./localization-39516612.js');
-const translationStore = require('./translationStore-08d3ff9c.js');
+const cart = require('./cart-22ced7cc.js');
+const paypal = require('./paypal-4a086f84.js');
+const localization = require('./localization-8ef6250a.js');
 const zonosStore = require('./zonosStore-37a4b4f4.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
 const getBorderRadius = require('./getBorderRadius-2ef1170d.js');
 const VarianceTest = require('./VarianceTest-bec00ea8.js');
-const renderFallback = require('./renderFallback-c2576fbe.js');
+const isCollectMobileTablet = require('./isCollectMobileTablet-7962c57f.js');
 const classes = require('./classes-b7918f56.js');
 const ILanguage = require('./ILanguage-98b04442.js');
-const placeTestOrder = require('./placeTestOrder-a5469e40.js');
+const renderCheckoutCurrency = require('./renderCheckoutCurrency-5494e45b.js');
+const placeTestOrder = require('./placeTestOrder-f25d08ee.js');
+const renderFallback = require('./renderFallback-78b54537.js');
 require('./isDarkColor-878e600e.js');
 
 const RemoveIcon = `<svg color="var(--zonos-elements-red-800)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z" data-is-secondary-color="true" fill="var(--zonos-elements-red-200)" fill-rule="evenodd"></path><path clip-rule="evenodd" d="M8.293 8.293a1 1 0 0 1 1.414 0L12 10.586l2.293-2.293a1 1 0 1 1 1.414 1.414L13.414 12l2.293 2.293a1 1 0 0 1-1.414 1.414L12 13.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L10.586 12 8.293 9.707a1 1 0 0 1 0-1.414Z" fill="currentColor" fill-rule="evenodd"></path></svg>`;
@@ -45,7 +46,7 @@ const ZonosCollectFinish = class {
         this.notificationType = 'success';
         this.notificationTitle = '';
         this.notificationMessages = [];
-        this.notificationActionText = translationStore.translate('Keep shopping');
+        this.notificationActionText = localization.translate('Keep shopping');
         this.order = null;
         /**
          * Is waiting to redirect to a different page
@@ -137,8 +138,8 @@ const ZonosCollectFinish = class {
                 this.notificationType = isError ? 'error' : 'success';
                 this.notificationMessages = messages || [];
                 this.notificationTitle = isError
-                    ? translationStore.translate('Payment failed')
-                    : translationStore.translate("You're all set!");
+                    ? localization.translate('Payment failed')
+                    : localization.translate("You're all set!");
                 VarianceTest.log('=== Payment intent retrieve status', 'info', {
                     clientSecret,
                     error,
@@ -191,7 +192,7 @@ const ZonosCollectFinish = class {
         };
         this.checkStagingOrderStatus = async () => {
             this.notificationType = 'success';
-            this.notificationTitle = translationStore.translate("You're all set!");
+            this.notificationTitle = localization.translate("You're all set!");
             this.notificationMessages =
                 cart.stripeStoreMessageBasedOnStatus('succeeded').messages;
             await this.handleSuccessBehavior();
@@ -205,7 +206,7 @@ const ZonosCollectFinish = class {
             // render error message if there's an error
             if (paypal.paypalStore.paypalErrorMessage) {
                 this.notificationType = 'error';
-                this.notificationTitle = translationStore.translate('Payment failed');
+                this.notificationTitle = localization.translate('Payment failed');
                 this.notificationMessages = [paypal.paypalStore.paypalErrorMessage];
                 this.isLoading = false;
                 return;
@@ -220,7 +221,7 @@ const ZonosCollectFinish = class {
                     eventName: 'checkout_orderCompleted',
                 });
                 this.notificationType = 'success';
-                this.notificationTitle = translationStore.translate("You're all set!");
+                this.notificationTitle = localization.translate("You're all set!");
                 this.notificationMessages =
                     cart.stripeStoreMessageBasedOnStatus('succeeded').messages;
                 // wait this to finish before resetting store and checkout session id
@@ -275,7 +276,7 @@ const ZonosCollectFinish = class {
                 }),
             } }, !this.isLoading && (index.h("div", { key: 'b9df4788f27c935ba7fc47e7c930cd162c8fbebe', class: "zonos--finish-details" }, index.h("div", { key: 'a510c995880c8698dc98390d0504b70333551c86', class: "zonos--group" }, this.notificationType === 'success' ? (index.h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (index.h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), index.h("zonos-text", { key: '8f84f87bf2365b85acffefe16e8b10cd9227a6e6', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (index.h("zonos-badge", { key: '0e3f3f71cae6262d6394ad2c5a6d656509b484d5', badgeColor: "gray" }, this.confirmationId)), index.h("zonos-text", { key: 'c769f2ada1e6b421e373aeb4393560a21d6fcffc', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (index.h(index.Fragment, null, message, index.h("br", null))))), this.order && cartId && (index.h("div", { key: '9972858fadd4d2d9c4f00e54921002ea04a5cc51', class: "zonos--button-container" }, index.h("zonos-button", { key: 'fe931a552fc1c43b29a1966736379c3c1d0536f6', onClick: () => {
                 window.open(this.getReceiptUrl({ cartId }), '_blank');
-            }, size: "lg", variant: "primary" }, translationStore.translate('View receipt')))))))));
+            }, size: "lg", variant: "primary" }, localization.translate('View receipt')))))))));
     }
     static get assetsDirs() { return ["assets"]; }
 };
@@ -322,14 +323,14 @@ const ZonosCollectFooter = class {
         this.showLanguageDialog = !this.showLanguageDialog;
     }
     handleMobileChange() {
-        this.isMobile = renderFallback.isCollectMobile(this.mobile);
+        this.isMobile = isCollectMobileTablet.isCollectMobile(this.mobile);
     }
     handleTabletChange() {
-        this.isTablet = renderFallback.isCollectTablet(this.tablet);
+        this.isTablet = isCollectMobileTablet.isCollectTablet(this.tablet);
     }
     componentWillLoad() {
-        this.isMobile = renderFallback.isCollectMobile(this.mobile);
-        this.isTablet = renderFallback.isCollectTablet(this.tablet);
+        this.isMobile = isCollectMobileTablet.isCollectMobile(this.mobile);
+        this.isTablet = isCollectMobileTablet.isCollectTablet(this.tablet);
     }
     render() {
         var _a;
@@ -389,14 +390,14 @@ const ZonosCollectOrderDetails = class {
         this.handleWindowResize();
     }
     renderShippingAddress() {
-        if (renderFallback.collectStore.isFetchingShippingInfo) {
+        if (isCollectMobileTablet.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 = renderFallback.collectStore.shippingAddress;
+        const shippingAddress = isCollectMobileTablet.collectStore.shippingAddress;
         if (!shippingAddress) {
             return null;
         }
-        return (index.h("div", { class: "zonos--collect-order-details-column" }, index.h("zonos-text", { type: "smallHeader" }, translationStore.translate('Shipping address')), index.h("div", { class: "zonos--collect-order-shipping-info" }, [
+        return (index.h("div", { class: "zonos--collect-order-details-column" }, index.h("zonos-text", { type: "smallHeader" }, localization.translate('Shipping address')), index.h("div", { class: "zonos--collect-order-shipping-info" }, [
             [shippingAddress.location.line1, shippingAddress.location.line2]
                 .filter(Boolean)
                 .join(' '),
@@ -422,10 +423,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" }, 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,
+            }, type: "button" }, index.h("zonos-text", { type: "semiBoldLabel" }, localization.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" }, localization.translate('Total paid')), index.h("zonos-text", null, renderCheckoutCurrency.renderCheckoutCurrency({
+            amount: isCollectMobileTablet.collectStore.amountTotalPaid || 0,
             isForeign: true,
-        })))), 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())))))));
+        })))), isCollectMobileTablet.collectStore.originCompanyName && (index.h("div", { class: "zonos--collect-order-details-column" }, index.h("zonos-text", { type: "smallHeader" }, localization.translate('Ordered from')), index.h("zonos-text", null, isCollectMobileTablet.collectStore.originCompanyName || '')))), this.renderShippingAddress())))))));
     }
     static get assetsDirs() { return ["assets"]; }
     static get watchers() { return {
@@ -520,7 +521,7 @@ const ZonosCollectPayment = class {
                 document.body.removeChild(hiddenTextarea);
             }
             window.Zonos.showNotification({
-                message: translationStore.translate('Card number copied to clipboard'),
+                message: localization.translate('Card number copied to clipboard'),
                 timeout: 4000,
                 type: 'success',
             });
@@ -590,18 +591,18 @@ const ZonosCollectPayment = class {
             if (isStagingMode) {
                 // If in mobile, use the theme from the store since the UI is solely by theme
                 const theme = zonosStore.zonosStore.appearance.theme;
-                return (index.h(index.Fragment, null, this.stagingOrderCreateErrorMessage && (index.h("zonos-banner", { class: "zonos--error-banner", intent: "error" }, this.stagingOrderCreateErrorMessage)), index.h("zonos-empty-state-payment", { emptyStateText: translationStore.translate('No payment method needed for staging'), theme: theme }), index.h("div", { class: "zonos--group-btn" }, index.h("zonos-button", { backgroundColor: this.submitBtnColor, loading: this.internalContinueLoading, onClick: () => {
+                return (index.h(index.Fragment, null, this.stagingOrderCreateErrorMessage && (index.h("zonos-banner", { class: "zonos--error-banner", intent: "error" }, this.stagingOrderCreateErrorMessage)), index.h("zonos-empty-state-payment", { emptyStateText: localization.translate('No payment method needed for staging'), theme: theme }), index.h("div", { class: "zonos--group-btn" }, index.h("zonos-button", { backgroundColor: this.submitBtnColor, loading: this.internalContinueLoading, onClick: () => {
                         void this.placeTestOrder();
                     }, size: "lg",
                     // use primary type when on mobile mode
-                    variant: this.submitBtnType }, translationStore.translate('Place test order')))));
+                    variant: this.submitBtnType }, localization.translate('Place test order')))));
             }
             if (cart.stripeStore.isFetchingSession ||
-                renderFallback.collectStore.isFetchingShippingInfo) {
+                isCollectMobileTablet.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 ||
-                translationStore.translate("We couldn't complete your payment. Please verify the payment details and try again."))), paypal.paypalStore.paypalErrorMessage && (index.h("zonos-banner", { class: "zonos--payment-error-banner", intent: "error" }, paypal.paypalStore.paypalErrorMessage)), index.h("zonos-payment", null), index.h("div", { class: "zonos--group-btn" }, !isPaypalTabSelected && (index.h(index.Fragment, null, index.h("zonos-button", { backgroundColor: this.submitBtnColor, bold: true, isDisabled: this.continueLoading &&
+            return (index.h(index.Fragment, null, this.showErrorBanner && (index.h("zonos-banner", { class: "zonos--error-banner", intent: "error" }, localization.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 ||
+                localization.translate("We couldn't complete your payment. Please verify the payment details and try again."))), paypal.paypalStore.paypalErrorMessage && (index.h("zonos-banner", { class: "zonos--payment-error-banner", intent: "error" }, paypal.paypalStore.paypalErrorMessage)), index.h("zonos-payment", null), index.h("div", { class: "zonos--group-btn" }, !isPaypalTabSelected && (index.h(index.Fragment, null, index.h("zonos-button", { backgroundColor: this.submitBtnColor, bold: true, isDisabled: this.continueLoading &&
                     cart.stripeStore.checkoutSettlementCurrency === 'USD', loading: this.continueLoading &&
                     cart.stripeStore.checkoutSettlementCurrency !== 'USD', onClick: async () => {
                     if (!cart.cartStore.checkoutSession) {
@@ -614,9 +615,9 @@ const ZonosCollectPayment = class {
                     });
                 }, size: "lg",
                 // use primary type when on mobile mode
-                variant: this.submitBtnType }, translationStore.translate('Pay [orderTotal]', {
-                orderTotal: placeTestOrder.renderCheckoutCurrency({
-                    amount: renderFallback.collectStore.amountDutyTaxFeeTotal || 0,
+                variant: this.submitBtnType }, localization.translate('Pay [orderTotal]', {
+                orderTotal: renderCheckoutCurrency.renderCheckoutCurrency({
+                    amount: isCollectMobileTablet.collectStore.amountDutyTaxFeeTotal || 0,
                     isForeign: true,
                 }),
             })), cart.stripeStore.shouldRenderPayInUsdButton && (index.h("zonos-button", { class: "zonos--pay-in-base-currency-btn", isDisabled: this.continueLoading &&
@@ -625,13 +626,13 @@ const ZonosCollectPayment = class {
                     await this.continueClickHandler({
                         currencyCode: 'USD',
                     });
-                }, size: "lg", variant: "subtle" }, translationStore.translate('Click to pay in USD'))))), index.h("zonos-paypal-payment", { onPaypalSessionDone: ({ detail: { orderId } }) => {
+                }, size: "lg", variant: "subtle" }, localization.translate('Click to pay in USD'))))), index.h("zonos-paypal-payment", { onPaypalSessionDone: ({ detail: { orderId } }) => {
                     this.paypalSessionDone.emit(orderId);
                 }, onPaypalSessionFail: () => this.paypalSessionFailed.emit(), style: {
                     display: isPaypalTabSelected ? 'block' : 'none',
-                } })), isTestMode && (index.h("zonos-card", { backgroundColor: "gray-100", borderRadius: 12, class: "zonos--test-cards" }, index.h("zonos-v-stack", { spacing: 16 }, index.h("div", null, index.h("zonos-text", { type: "semiBoldLabel" }, translationStore.translate('Test cards')), index.h("zonos-text", { textColor: "gray-700" }, translationStore.translate('Click to copy the card number. Use any future expiration date and three number CVC.'))), index.h("zonos-button", { icon: index.h("zonos-icon", { content: CheckmarkLineIcon }), justifyContent: "flex-start", onClick: () => this.copyCardToClipboard('4242424242424242') }, translationStore.translate('Success'), " (****4242)"), index.h("zonos-button", { icon: index.h("zonos-icon", { content: RemoveLineIcon }), justifyContent: "flex-start", onClick: () => this.copyCardToClipboard('4000000000000002') }, translationStore.translate('Failure'), " (****0002)")), index.h("zonos-notification", null)))));
+                } })), isTestMode && (index.h("zonos-card", { backgroundColor: "gray-100", borderRadius: 12, class: "zonos--test-cards" }, index.h("zonos-v-stack", { spacing: 16 }, index.h("div", null, index.h("zonos-text", { type: "semiBoldLabel" }, localization.translate('Test cards')), index.h("zonos-text", { textColor: "gray-700" }, localization.translate('Click to copy the card number. Use any future expiration date and three number CVC.'))), index.h("zonos-button", { icon: index.h("zonos-icon", { content: CheckmarkLineIcon }), justifyContent: "flex-start", onClick: () => this.copyCardToClipboard('4242424242424242') }, localization.translate('Success'), " (****4242)"), index.h("zonos-button", { icon: index.h("zonos-icon", { content: RemoveLineIcon }), justifyContent: "flex-start", onClick: () => this.copyCardToClipboard('4000000000000002') }, localization.translate('Failure'), " (****0002)")), index.h("zonos-notification", null)))));
         };
-        return (index.h(index.Host, { class: "zonos--checkout-payment zonos--elements" }, index.h("div", { class: "zonos--group" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, translationStore.translate('Payment method')), renderPayment())));
+        return (index.h(index.Host, { class: "zonos--checkout-payment zonos--elements" }, index.h("div", { class: "zonos--group" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, localization.translate('Payment method')), renderPayment())));
     }
     get ele() { return index.getElement(this); }
     static get watchers() { return {
@@ -666,8 +667,8 @@ const ZonosCollectReview = class {
         this.isLoading = true;
     }
     handleWindowResize() {
-        this.isMobile = renderFallback.isCollectMobile(this.mobile);
-        this.isTablet = renderFallback.isCollectTablet(this.tablet);
+        this.isMobile = isCollectMobileTablet.isCollectMobile(this.mobile);
+        this.isTablet = isCollectMobileTablet.isCollectTablet(this.tablet);
     }
     componentWillLoad() {
         this.handleWindowResize();
@@ -682,14 +683,14 @@ const ZonosCollectReview = class {
                 'zonos--collect-review zonos--elements',
                 this.isMobile && 'mobile',
                 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]', {
+            ]) }, index.h("div", { key: 'e4d113ff1268c36119e1f80164b6cfd702c67f75', class: "zonos--title" }, index.h("zonos-text", { key: 'aad9ad9b526ac65d97a88df516e8e7b34fc3d2b1', textColor: titleTextColor, type: 'semiBoldLabel' }, localization.translate('Pay [organizationName]', {
             organizationName: zonosStore.zonosStore.organizationName,
         }))), index.h("div", { key: 'fcdaebc734a270742fbe21ff932550994e522ea6', class: "zonos--total-pay" }, renderFallback.renderFallback({
-            content: (index.h("zonos-text", { type: 'secondaryPageHeader' }, placeTestOrder.renderCheckoutCurrency({
-                amount: renderFallback.collectStore.amountDutyTaxFeeTotal || 0,
+            content: (index.h("zonos-text", { type: 'secondaryPageHeader' }, renderCheckoutCurrency.renderCheckoutCurrency({
+                amount: isCollectMobileTablet.collectStore.amountDutyTaxFeeTotal || 0,
                 isForeign: true,
             }))),
-            isLoading: renderFallback.collectStore.isFetchingShippingInfo,
+            isLoading: isCollectMobileTablet.collectStore.isFetchingShippingInfo,
             skeletonHeight: '36px',
             skeletonWidth: '150px',
         }))));
@@ -713,9 +714,9 @@ const ZonosCollectSubtotal = class {
                 return;
             }
             // Some countries have same name for duties, taxes and fees in their language. If that happens, we need to group their values by name
-            const translatedDutyLabel = translationStore.translate('Duties');
-            const translatedTaxLabel = translationStore.translate('Taxes');
-            const translatedFeeLabel = translationStore.translate('Fees');
+            const translatedDutyLabel = localization.translate('Duties');
+            const translatedTaxLabel = localization.translate('Taxes');
+            const translatedFeeLabel = localization.translate('Fees');
             const subtotalMap = {
                 [translatedDutyLabel]: 0,
                 [translatedFeeLabel]: 0,
@@ -745,49 +746,49 @@ const ZonosCollectSubtotal = class {
     componentWillLoad() {
         this.storeUnsubscribeList = [
             cart.cartStoreOnChange('checkoutSession', this.initSubtotalData),
-            translationStore.translationStoreOnChange('translatedChunks', this.initSubtotalData),
+            localization.translationStoreOnChange('translatedChunks', this.initSubtotalData),
         ];
     }
     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.renderFallback({
-            content: (index.h("zonos-text", { type: "label" }, placeTestOrder.renderCheckoutCurrency({
-                amount: this.subtotals[translationStore.translate('Duties')] || 0,
+        return (index.h(index.Host, { key: 'ab687a6e1ec67f6609081036a75e9905ff34c6b1', class: "zonos--collect-subtotal zonos--elements" }, index.h("table", { key: '303b8c49983e9f7aea4d31400fed53d858eb078d', class: "zonos--collect-table" }, !!this.subtotals[localization.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" }, localization.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" }, renderCheckoutCurrency.renderCheckoutCurrency({
+                amount: this.subtotals[localization.translate('Duties')] || 0,
                 isForeign: true,
             }))),
-            isLoading: renderFallback.collectStore.isFetchingShippingInfo,
+            isLoading: isCollectMobileTablet.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.renderFallback({
-            content: (index.h("zonos-text", { type: "label" }, placeTestOrder.renderCheckoutCurrency({
-                amount: this.subtotals[translationStore.translate('Taxes')] || 0,
+        })))), !!this.subtotals[localization.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" }, localization.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" }, renderCheckoutCurrency.renderCheckoutCurrency({
+                amount: this.subtotals[localization.translate('Taxes')] || 0,
                 isForeign: true,
             }))),
-            isLoading: renderFallback.collectStore.isFetchingShippingInfo,
+            isLoading: isCollectMobileTablet.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.renderFallback({
-            content: (index.h("zonos-text", { type: "label" }, placeTestOrder.renderCheckoutCurrency({
-                amount: this.subtotals[translationStore.translate('Fees')] || 0,
+        })))), !!this.subtotals[localization.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" }, localization.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" }, renderCheckoutCurrency.renderCheckoutCurrency({
+                amount: this.subtotals[localization.translate('Fees')] || 0,
                 isForeign: true,
             }))),
-            isLoading: renderFallback.collectStore.isFetchingShippingInfo,
+            isLoading: isCollectMobileTablet.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.renderFallback({
-            content: (index.h("zonos-text", { type: "label" }, placeTestOrder.renderCheckoutCurrency({
-                amount: renderFallback.collectStore.amountDutyTaxFeeTotal || 0,
+        })))), 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" }, localization.translate('Subtotal'))), index.h("td", { key: '28b6aea6363b2bef1d072ad77f409ae77976305c', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
+            content: (index.h("zonos-text", { type: "label" }, renderCheckoutCurrency.renderCheckoutCurrency({
+                amount: isCollectMobileTablet.collectStore.amountDutyTaxFeeTotal || 0,
                 isForeign: true,
             }))),
-            isLoading: renderFallback.collectStore.isFetchingShippingInfo,
+            isLoading: isCollectMobileTablet.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.renderFallback({
-            content: (index.h("zonos-text", { type: "semiBoldLabel" }, placeTestOrder.renderCheckoutCurrency({
-                amount: renderFallback.collectStore.amountDutyTaxFeeTotal || 0,
+        }))), 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" }, localization.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" }, renderCheckoutCurrency.renderCheckoutCurrency({
+                amount: isCollectMobileTablet.collectStore.amountDutyTaxFeeTotal || 0,
                 isForeign: true,
             }))),
-            isLoading: renderFallback.collectStore.isFetchingShippingInfo,
+            isLoading: isCollectMobileTablet.collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
         }))))));