@zonos/elements 1.3.106 → 1.3.108

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-31e4e866.js');
+const cart = require('./cart-d25b699a.js');
 const zonosStore = require('./zonosStore-b18fe6b6.js');
 const ILanguage = require('./ILanguage-98b04442.js');
 require('./handleFetch-aa729c61.js');

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-d56e0a8b.js');
 const zonosStore = require('./zonosStore-b18fe6b6.js');
 const classes = require('./classes-b7918f56.js');
-const cart = require('./cart-31e4e866.js');
+const cart = require('./cart-d25b699a.js');
 const handleFetch = require('./handleFetch-aa729c61.js');
-const paypal = require('./paypal-a101e3ca.js');
+const paypal = require('./paypal-fd423375.js');
 require('./isDarkColor-87ee1eb7.js');
 require('./getBorderRadius-53c35cd1.js');
 

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

@@ -9,9 +9,9 @@ import { getIsTestMode } from "../../../utils/checkout/getIsTestMode";
 import { createCustomEvent } from "../../../utils/createCustomEvent";
 import { getBorderRadius } from "../../../utils/getBorderRadius";
 import { handleFetch } from "../../../utils/handleFetch";
+import { jsonParse } from "../../../utils/jsonParse";
 import { sendErrorLog } from "../../../utils/logging/sendErrorLog";
 import { submitGtag } from "../../../utils/submitGtag";
-import { getGraphQlShortId } from "../../../../utils/getGraphQlShort";
 // eslint-disable-next-line no-relative-import-paths/no-relative-import-paths
 import RemoveIcon from "./assets/RemoveIcon.svg";
 /* Need to use relative import because inline-svg-stencil couldn't resolve absolute path */
@@ -53,6 +53,10 @@ export class ZonosCheckoutFinish {
         };
         this.handleSuccessBehavior = () => {
             var _a, _b, _c, _d, _e;
+            /**
+             * Save placed order info so we can show order info if they try to place the order again
+             */
+            this.saveOrderIdForDuplicationIssue();
             const { successBehavior } = zonosStore.checkoutSettings;
             const legacyOrderNumber = ((_c = (_b = (_a = this.order) === null || _a === void 0 ? void 0 : _a.references) === null || _b === void 0 ? void 0 : _b.find(entry => (entry === null || entry === void 0 ? void 0 : entry.key) === 'zonosOrderNumber')) === null || _c === void 0 ? void 0 : _c.value) || null;
             if (cartStore.externalConfirmationPageURL) {
@@ -138,6 +142,7 @@ export class ZonosCheckoutFinish {
             else {
                 // Set loading to false to display generic success page and log error
                 this.isLoading = false;
+                void trackConversionEvent('checkout_orderCompleted');
                 const checkoutSessionId = cartStore.checkoutSessionId;
                 void sendErrorLog({
                     endpoint: `${baseUrl}/api/zonos-elements/get-order?checkoutSessionId=${checkoutSessionId}`,
@@ -236,6 +241,20 @@ export class ZonosCheckoutFinish {
         this.closeClickHandler = () => {
             this.closeClick.emit();
         };
+        this.saveOrderIdForDuplicationIssue = () => {
+            var _a, _b, _c, _d;
+            const existingPlacedOrderInfo = jsonParse(localStorage.getItem('zonos--placed-order-info'));
+            const placedOrderTime = {
+                cartId: window.Zonos.cartId || null,
+                checkoutSessionId: (existingPlacedOrderInfo === null || existingPlacedOrderInfo === void 0 ? void 0 : existingPlacedOrderInfo.checkoutSessionId) ||
+                    cartStore.checkoutSessionId ||
+                    '',
+                orderId: ((_a = this.order) === null || _a === void 0 ? void 0 : _a.id) || null,
+                time: (existingPlacedOrderInfo === null || existingPlacedOrderInfo === void 0 ? void 0 : existingPlacedOrderInfo.time) || Date.now(),
+                zonosOrderNumber: ((_d = (_c = (_b = this.order) === null || _b === void 0 ? void 0 : _b.references) === null || _c === void 0 ? void 0 : _c.find(ref => ref.key === 'zonosOrderNumber')) === null || _d === void 0 ? void 0 : _d.value) || null,
+            };
+            localStorage.setItem('zonos--placed-order-info', JSON.stringify(placedOrderTime));
+        };
         this.borderRadius = 'ROUNDED';
         this.storybookForceStatus = undefined;
         this.overrideNotification = undefined;
@@ -255,6 +274,8 @@ export class ZonosCheckoutFinish {
             this.isLoading = false;
             return;
         }
+        // Save order info in case the user reloads before we get order info
+        this.saveOrderIdForDuplicationIssue();
         if (paypalStore.orderIdCreated) {
             void this.checkPaypalPaymentStatus();
         }
@@ -263,14 +284,16 @@ export class ZonosCheckoutFinish {
         }
     }
     render() {
-        var _a, _b;
-        const orderId = ((_a = this.order) === null || _a === void 0 ? void 0 : _a.accountOrderNumber) || getGraphQlShortId((_b = this.order) === null || _b === void 0 ? void 0 : _b.id);
+        var _a, _b, _c, _d;
+        const orderId = ((_a = this.order) === null || _a === void 0 ? void 0 : _a.accountOrderNumber) ||
+            ((_d = (_c = (_b = this.order) === null || _b === void 0 ? void 0 : _b.references) === null || _c === void 0 ? void 0 : _c.find(ref => ref.key === 'zonosOrderNumber')) === null || _d === void 0 ? void 0 : _d.value) ||
+            null;
         const isTestMode = getIsTestMode();
-        return (h(Host, { key: '162478c7ac7da04594a380ceae7356ebde6d378d', class: "zonos--checkout-finish zonos--elements", style: {
+        return (h(Host, { key: '60abe11ec6d33ac9f390735b2343dc73ba323e0e', class: "zonos--checkout-finish zonos--elements", style: {
                 '--border-radius': getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, this.isLoading && (h("div", { key: 'e05786eb66ae570afc1c88dc4205c629e0dbcd2f', class: "loading-wrapper" }, h("zonos-spinner", { key: '9fe20969025c8c327629f9e8f1dac89fb372470e' }))), !this.isLoading && (h("div", { key: '950ac9037ae2ecf7a865be3bb6177aed9ed7d45d', class: "zonos--finish-details" }, h("div", { key: '48e9f3764e1cfdee5b163ad9503f1e43bb2000cc', class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), h("zonos-text", { key: 'd0e1812004b9bf001a97128b7413fce6c97c3813', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), orderId && (h("div", { key: 'fc8ffd74fcbee39481c49d082a25eeab2ead9f92', class: "zonos--order-number" }, "Order #", orderId)), h("zonos-text", { key: 'b2fb81b4341f74fb78c2c48b037f8834ac70f296', textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), h("zonos-button", { key: 'df12d3dc5b98e8dd0ead987b30acd5806d93b7ec', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText)), isTestMode && cartStore.step === 'finish' && (h("div", { key: 'b16aa575056c6c388e04eb162727d3caed12cd41', class: "zonos--finish-button-wrapper" }, h("zonos-button", { key: 'caf4423148cd072bf2c916d71d84fba6d4c0b5ea', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), h("zonos-button", { key: '168f2c10cec8f4002b9c114b5d858314559f6efb', onClick: () => this.redirectToUrl(`/orders/all`), size: "lg", variant: "primary" }, "View order in Dashboard")))))));
+            } }, this.isLoading && (h("div", { key: 'f3ca53a787f738a34d376fd48cb880ecd3344073', class: "loading-wrapper" }, h("zonos-spinner", { key: 'bc2ad04b786a98a8a87c4b5317aa88acc9770580' }))), !this.isLoading && (h("div", { key: '6578b0007e35062b11d71a498f78fee56b1175e6', class: "zonos--finish-details" }, h("div", { key: 'f1fc14ffeff3628fa8066e0386c37c66bd3fb8e1', class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), h("zonos-text", { key: 'a59f4022483e49b6ee9a4f3c0676e2f3d043ccae', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), orderId && (h("div", { key: '2032bc6031c42463a5896d43f49517489cf38734', class: "zonos--order-number" }, "Order #", orderId)), h("zonos-text", { key: 'da9f7af5b3db16551bd6389c1c92322be8d57aa0', textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), h("zonos-button", { key: '6a8503a7231cb66196919aeb6c6d1f84576e2577', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText)), isTestMode && cartStore.step === 'finish' && (h("div", { key: '80631312aa8ef98dd36cfda1e62f0274afc48002', class: "zonos--finish-button-wrapper" }, h("zonos-button", { key: 'e1fa412928b1292f09956613f9464e5fc32528e1', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), h("zonos-button", { key: '8d1708a411f334b9cf5a07d142d2d8aa9bddf29b', onClick: () => this.redirectToUrl(`/orders/all`), size: "lg", variant: "primary" }, "View order in Dashboard")))))));
     }
     static get is() { return "zonos-checkout-finish"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,6 +1,6 @@
 import { Fragment, h, Host, } from "@stencil/core";
 import { cartStore, cartStoreClearCheckoutInterval, cartStoreNextStep, cartStoreReset, cartStoreResetTabItems, cartStoreSetCheckoutSession, cartStoreStartCheckoutInterval, cartStoreUpdateItems, cartStoreUpdateToErrorState, } from "../../store/checkout/cart";
-import { paypalInitScript } from "../../store/checkout/paypal";
+import { paypalInitScript, paypalStoreHasPaypalEnabled, } from "../../store/checkout/paypal";
 import { initStripeElements, stripeStore, stripeStoreCleanupDomesticShippingSession, stripeStoreConfirmPayment, stripeStoreHandleInventoryCheck, stripeStoreInitCheckoutSession, stripeStorePrefetchLandedCost, stripeStoreReset, } from "../../store/checkout/stripe";
 import { localizationStore, localizationStoreOnUpdate, } from "../../store/hello/localization";
 import { translate } from "../../store/translationStore";
@@ -18,6 +18,7 @@ import { createCustomEvent } from "../../utils/createCustomEvent";
 import { getBorderRadius } from "../../utils/getBorderRadius";
 import { getZCountryUrlParam } from "../../utils/hello/getZCountryUrlParam";
 import { isDarkColor } from "../../utils/isDarkColor";
+import { jsonParse } from "../../utils/jsonParse";
 import { allLogs, log } from "../../utils/logging/log";
 import { logError } from "../../utils/logging/logError";
 import { sendErrorLog } from "../../utils/logging/sendErrorLog";
@@ -33,6 +34,8 @@ import MessageIcon from "./assets/MessageIcon.svg";
 import RemoveIcon from "./assets/RemoveIcon.svg";
 // 90 minutes
 const CHECKOUT_SESSION_TIMEOUT = 90 * 60 * 1000;
+// 10 minutes
+const ORDER_DUPLICATION_NOTIFICATION_EXPIRATION = 10 * 60 * 1000;
 export class ZonosCheckout {
     constructor() {
         /**
@@ -48,8 +51,25 @@ export class ZonosCheckout {
                 overrideSecondaryColor: (_d = this.appearanceSettingsOverride) === null || _d === void 0 ? void 0 : _d.colorSecondary,
                 // only override theme or theme from appearance if it's mobile
                 overrideTheme: this.isMobile ? theme : undefined,
+                paypalEnabled: paypalStoreHasPaypalEnabled(),
             });
         };
+        this.formatDate = (timestamp) => {
+            if (!timestamp) {
+                return '';
+            }
+            // get date in 24/12/2024 format (without time)
+            const date = new Date(timestamp);
+            return date.toLocaleDateString();
+        };
+        this.formatTime = (timestamp) => {
+            if (!timestamp) {
+                return '';
+            }
+            // get date in 24/12/2024 format (without time)
+            const date = new Date(timestamp);
+            return date.toLocaleTimeString();
+        };
         this.getCurrentLocalePageEnum = () => {
             switch (cartStore.step) {
                 case 'customer-info':
@@ -78,6 +98,7 @@ export class ZonosCheckout {
         this.isLegacyCheckout = window.Zonos.isLegacyCheckout;
         this.confirmDialogOpen = false;
         this.inventoryCheckErrorMessage = null;
+        this.placedOrderInfo = null;
     }
     /**
      * Init cart info handler event
@@ -172,6 +193,50 @@ export class ZonosCheckout {
     reloadCheckoutSession() {
         window.location.reload();
     }
+    handleOrderDuplication() {
+        const existingPlacedOrderInfo = jsonParse(localStorage.getItem('zonos--placed-order-info'));
+        if (!existingPlacedOrderInfo) {
+            localStorage.removeItem('zonos--placed-order-info');
+            return;
+        }
+        const elapsed = Date.now() - existingPlacedOrderInfo.time;
+        log(`=== Existing placed order info: ${existingPlacedOrderInfo.orderId} - ${this.formatDate(existingPlacedOrderInfo.time)} - elapsed in hh:ss format: ${new Date(elapsed)
+            .toISOString()
+            .substring(11, 8)}`, 'warn');
+        const overrideExpiredDuplication = parseFloat(new URLSearchParams(window.location.search).get('zonosOverrideExpiredDuplication') || '0') || ORDER_DUPLICATION_NOTIFICATION_EXPIRATION;
+        // if the order is placed within 5 minutes, confirm with the user to proceed with the order duplication
+        if (elapsed > overrideExpiredDuplication) {
+            log(`=== Existing placed order info is older than ${overrideExpiredDuplication}ms, cleaning localStorage`, 'warn');
+            // remove the placed order info if it's older than 5 minutes and do nothing.
+            localStorage.removeItem('zonos--placed-order-info');
+            return;
+        }
+        // Set placed order info to show the confirm notification to the user
+        this.placedOrderInfo = existingPlacedOrderInfo;
+        log('=== Showing order duplication confirmation', 'warn');
+    }
+    confirmProceedWithOrderDuplication() {
+        // Reset the placed order info
+        this.placedOrderInfo = null;
+    }
+    handleCancelOrderDuplication() {
+        var _a;
+        // Reset the placed order info
+        this.placedOrderInfo = null;
+        // Redirect to the vendor store url if this is legacy checkout
+        if (this.isLegacyCheckout) {
+            const storeBaseUrl = (_a = window.Zonos.cartData) === null || _a === void 0 ? void 0 : _a.storeBaseUrl;
+            if (!storeBaseUrl) {
+                return;
+            }
+            if (window.parent) {
+                window.parent.location.href = storeBaseUrl;
+            }
+            window.location.href = storeBaseUrl;
+            return;
+        }
+        void this.closeDialogHandler({ confirmed: true });
+    }
     attachCheckout() {
         const buttonAnchorSelector = zonosStore.checkoutSettings.placeOrderButtonSelector;
         log(`attach checkout ${buttonAnchorSelector}`);
@@ -228,6 +293,7 @@ export class ZonosCheckout {
                     cartStore.shouldHideDiscountInput = !enabled;
                     submitGtag('zonos-checkout-start');
                     void trackConversionEvent('checkout_open');
+                    this.handleOrderDuplication();
                     if (window.Zonos.isLegacyCheckout) {
                         void sendLoadCheckoutFacadeLog();
                     }
@@ -569,7 +635,7 @@ export class ZonosCheckout {
         this.onChangeLocaleListener();
     }
     render() {
-        var _a;
+        var _a, _b, _c, _d;
         const dialogLoading = 
         // if it's last step, don't need to check stripe elements
         (cartStore.step !== 'finish' &&
@@ -643,7 +709,27 @@ export class ZonosCheckout {
                 this.confirmDialogOpen = false;
             },
             // Mark user selected confirm to close the dialog
-            onConfirmClicked: () => this.closeDialogHandler({ confirmed: true }) }), h("zonos-confirm-dialog", { class: "zonos--inventory-check-failure-dialog", dialogConfirmBtnText: translate('Return to cart'), dialogIntent: "danger",
+            onConfirmClicked: () => this.closeDialogHandler({ confirmed: true }) }), h("zonos-confirm-dialog", { class: "zonos--order-duplication-dialog", dialogCancelBtnText: translate('Return to merchant site'), dialogConfirmBtnText: 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)
+                ? translate('It looks like you placed an order just a few minutes ago ([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),
+                })
+                : translate('It looks like you placed an order just a few minutes ago ([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: translate('Are you sure?'), dialogWidth: 450, onCancelClicked: () => {
+                this.handleCancelOrderDuplication();
+            },
+            // Mark user selected confirm to close the dialog
+            onConfirmClicked: () => {
+                // Reset the placed order info and close the dialog
+                this.confirmProceedWithOrderDuplication();
+            } }), h("zonos-confirm-dialog", { class: "zonos--inventory-check-failure-dialog", dialogConfirmBtnText: translate('Return to cart'), dialogIntent: "danger",
             // Show dialog if inventory check error message is not null
             dialogOpen: !!cartStore.inventoryCheckErrorMessage,
             // If dialog is in open state, the message should not be null
@@ -783,7 +869,8 @@ export class ZonosCheckout {
             "storybookPaymentStatusOverride": {},
             "isLegacyCheckout": {},
             "confirmDialogOpen": {},
-            "inventoryCheckErrorMessage": {}
+            "inventoryCheckErrorMessage": {},
+            "placedOrderInfo": {}
         };
     }
     static get methods() {

package/dist/collection/components/common/zonos-confirm-dialog/zonos-confirm-dialog.css

@@ -62,7 +62,7 @@
   background: var(--zonos-elements-gray-0);
   max-width: 90vw;
   max-height: 90vh;
-  width: 350px;
+  width: var(--dialog-width);
   border-radius: var(--border-radius, 10px);
   outline: none;
   box-shadow: var(--zonos-elements-v3-shadow-xxl);

package/dist/collection/components/common/zonos-confirm-dialog/zonos-confirm-dialog.js

@@ -21,6 +21,7 @@ export class ZonosConfirmDialog {
         this.dialogSubtitle = null;
         this.submitBtnColor = undefined;
         this.dialogConfirmBtnText = undefined;
+        this.dialogWidth = 350;
         this.dialogCancelBtnText = undefined;
         this.dialogType = 'confirm';
         this.isMobile = false;
@@ -82,12 +83,13 @@ export class ZonosConfirmDialog {
         const borderStyle = getBorderRadius();
         // Get theme for the update dialog, inherit from the theme, no from this component theme
         const theme = getZonosStoreTheme(zonosStore.appearance.theme);
-        return (h(Host, { key: '77cc26ec971a528d2f5115168c716de59440e5e3', class: classes([this.dialogOpen && 'open', 'zonos--elements']), "data-dialog-type": this.dialogType, "data-theme": theme, style: {
+        return (h(Host, { key: '3ce72ff0cc986ba772ccd376d5619587f14fd3ea', class: classes([this.dialogOpen && 'open', 'zonos--elements']), "data-dialog-type": this.dialogType, "data-theme": theme, style: {
                 '--border-radius': borderStyle,
+                '--dialog-width': `${this.dialogWidth}px`,
                 '--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '6120bd47e631be5d2300a8a996fef355f6b1b269', class: "zonos--backdrop", tabIndex: -1 }), h("div", { key: '5cf784224ade84189f87059a6923ed6e31c01903', "aria-hidden": "true", class: classes(['zonos--confirm-layout', this.dialogIntent]), onClick: e => this.clickOutsideDialogHandler(e) }, h("div", { key: '506707fbae72411df534b98dd9a6d1ed4b15787b', class: "zonos--confirm-dialog", onBlur: () => {
+            } }, h("div", { key: '2963b8604b543e3c36c1079db78fe77dceaed215', class: "zonos--backdrop", tabIndex: -1 }), h("div", { key: '3a5b515ca3d88b7ae78f0d81ad7127c610ab786e', "aria-hidden": "true", class: classes(['zonos--confirm-layout', this.dialogIntent]), onClick: e => this.clickOutsideDialogHandler(e) }, h("div", { key: 'b6070c25fefc396e5303240d58ae809dee4f8548', class: "zonos--confirm-dialog", onBlur: () => {
                 this.focusDialog();
-            } }, h("div", { key: '0926f36a825557de771abe24369e4ec4d77a1b41', class: "wrapper" }, h("div", { key: 'dc260b08ba1635a2d3bdd3533e9ea49e042db36c', class: "icon-wrapper" }, this.renderIcon()), h("div", { key: 'abec0bf3234dc00d331bd364e28cfe47c5e0f93e', class: "content" }, h("div", { key: '58547007970d8be7b1fb5c9b4e1f3ed0d4d82420', class: "title" }, h("zonos-text", { key: '4759fe0b09f10ba8501d78a70b1e06ee55af12c0', type: "subheader" }, this.dialogTitle)), this.dialogSubtitle && (h("div", { key: 'd0144f944516b491494f0016d5ece673546ee4bf', class: "subtitle" }, h("zonos-text", { key: 'aa4b392f133c62a4f2aad40761fae713cc348c55', textColor: "gray-800" }, this.dialogSubtitle)))), h("div", { key: 'ed8bfb3286e0109c4cd3cea1635cb701d1aa5a45', class: "footer" }, this.dialogType === 'confirm' && (h("zonos-button", { key: '63a79f239cda9b934ff497d449626aa44f4c058a', backgroundColor: "gray-0", class: "cancel-button", onClick: () => this.closeDialogHandler(), size: "lg", withBoxShadow: true }, this.dialogCancelBtnText || translate('Cancel'))), h("zonos-button", { key: '70b1f265a31b1e8645ad1b386193b6785756bb09', class: "confirm-button", onClick: () => this.confirmDialogHandler(), size: "lg", variant: this.getButtonConfirmVariant() }, this.dialogConfirmBtnText)))))));
+            } }, h("div", { key: 'cd67ad63f17ba734a417ffed3899044c70cfa16c', class: "wrapper" }, h("div", { key: '2801b0ab1e0931c00a103cc9fc2e983a7cb73452', class: "icon-wrapper" }, this.renderIcon()), h("div", { key: '9ab775b2c8fc9e042d92cddbee72cab31ebde7a3', class: "content" }, h("div", { key: '4a884d0d55bc4dde0d24d5d51328c0f27d221dae', class: "title" }, h("zonos-text", { key: '465ccc7a97b7192f1b1c4810627db583c95cd9c0', type: "subheader" }, this.dialogTitle)), this.dialogSubtitle && (h("div", { key: '4ef4d0544128c4a3c87521aa509b28d42e6f2a25', class: "subtitle" }, h("zonos-text", { key: '484e097b9fa41ddabcbb2c8e350c0cdbb232887b', textColor: "gray-800" }, this.dialogSubtitle)))), h("div", { key: '364b576633445f8b58e3824a817ff157950e8505', class: "footer" }, this.dialogType === 'confirm' && (h("zonos-button", { key: 'f483efb2564f687ad664aed0e7f578b7187f9c15', backgroundColor: "gray-0", class: "cancel-button", onClick: () => this.closeDialogHandler(), size: "lg", withBoxShadow: true }, this.dialogCancelBtnText || translate('Cancel'))), h("zonos-button", { key: 'c0329025de32980a7a3478ad32153f9b5e90c16c', class: "confirm-button", onClick: () => this.confirmDialogHandler(), size: "lg", variant: this.getButtonConfirmVariant() }, this.dialogConfirmBtnText)))))));
     }
     static get is() { return "zonos-confirm-dialog"; }
     static get encapsulation() { return "shadow"; }
@@ -201,6 +203,27 @@ export class ZonosConfirmDialog {
                 "attribute": "dialog-confirm-btn-text",
                 "reflect": false
             },
+            "dialogWidth": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "350 px"
+                        }],
+                    "text": "Dialog width"
+                },
+                "attribute": "dialog-width",
+                "reflect": false,
+                "defaultValue": "350"
+            },
             "dialogCancelBtnText": {
                 "type": "string",
                 "mutable": false,

package/dist/collection/components/store/checkout/paypal.js

@@ -214,6 +214,8 @@ const paypalStoreInitButtons = (props) => {
     return paypalStore.paypalButtons;
 };
 const paypalStoreHasPaypalEnabled = () => {
-    return !!paypalStore.paypalButtons.length;
+    var _a, _b;
+    const paypalEnabledInSetting = ((_b = (_a = zonosStore.checkoutSettings.externalPaymentMethods) === null || _a === void 0 ? void 0 : _a.find(payment => payment.type === 'PAYPAL')) === null || _b === void 0 ? void 0 : _b.status) === 'ENABLED';
+    return paypalEnabledInSetting || !!paypalStore.paypalButtons.length;
 };
 export { paypalInitScript, paypalStore, paypalStoreCreaterOrder, paypalStoreHasPaypalEnabled, paypalStoreInitButtons, paypalStoreReset, };

package/dist/collection/components/store/checkout/stripe.js

@@ -45,12 +45,13 @@ const { onChange, reset, state: stripeStore, } = createStore(() => ({
         name: {},
     },
 }));
-const getStripeOptions = ({ clientSecret, overrideBorderRadius, overridePrimaryColor, overrideSecondaryColor, overrideTheme, }) => {
+const getStripeOptions = ({ clientSecret, overrideBorderRadius, overridePrimaryColor, overrideSecondaryColor, overrideTheme, paypalEnabled, }) => {
     const primaryColor = overridePrimaryColor || zonosStore.appearance.colorPrimary;
     const secondaryColor = overrideSecondaryColor || zonosStore.appearance.colorSecondary;
     const themeBasedColor = primaryColor && isDarkColor(primaryColor) ? 'night' : 'flat';
     // if overrideTheme is provided, use it. Otherwise, use theme based on primary color
     const theme = overrideTheme === 'DARK' ? 'night' : 'flat';
+    const paypalPaymenType = paypalEnabled ? ['external_paypal'] : [];
     return {
         appearance: {
             labels: 'floating',
@@ -66,7 +67,7 @@ const getStripeOptions = ({ clientSecret, overrideBorderRadius, overridePrimaryC
             }),
         },
         clientSecret,
-        externalPaymentMethodTypes: ['external_paypal'],
+        externalPaymentMethodTypes: [...paypalPaymenType],
         locale: localizationStore.selectedLocale,
     };
 };
@@ -95,6 +96,7 @@ const initStripeElements = async (props) => {
             overridePrimaryColor: props === null || props === void 0 ? void 0 : props.overridePrimaryColor,
             overrideSecondaryColor: props === null || props === void 0 ? void 0 : props.overrideSecondaryColor,
             overrideTheme: props === null || props === void 0 ? void 0 : props.overrideTheme,
+            paypalEnabled: props === null || props === void 0 ? void 0 : props.paypalEnabled,
         });
         // compare with the previous options to see if we need to update
         const isSameOptions = JSON.stringify(stripeOptions) ===

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

@@ -143,6 +143,12 @@ export const stringsArabic = {
     'Invalid promo code': {
         value: 'رمز ترويجي غير صالح',
     },
+    'It looks like you placed an order just a few minutes ago ([date] at [time]) under order number #[orderNumber]. Check your email for the order confirmation. Are you sure you want to place another order?': {
+        value: 'يبدو أنك قدمت طلبًا قبل بضع دقائق فقط ([date] في [time]) تحت رقم الطلب #[orderNumber]. تحقق من بريدك الإلكتروني لتأكيد الطلب. هل أنت متأكد أنك تريد تقديم طلب آخر؟',
+    },
+    'It looks like you placed an order just a few minutes ago ([date] at [time]). Check your email for the order confirmation. Are you sure you want to place another one?': {
+        value: 'يبدو أنك قدمت طلبًا قبل بضع دقائق فقط ([date] في [time]). تحقق من بريدك الإلكتروني لتأكيد الطلب. هل أنت متأكد أنك تريد تقديم طلب آخر؟',
+    },
     'Keep shopping': {
         value: 'متابعة التسوق',
     },
@@ -221,6 +227,9 @@ export const stringsArabic = {
     'Prepay duties and taxes at checkout': {
         value: 'دفع الرسوم والضرائب مقدمًا عند الدفع',
     },
+    'Proceed with order': {
+        value: 'المتابعة مع الطلب',
+    },
     'Product prices already include duties and fees. No additional duties or fees will be added at checkout, with rare exceptions.': {
         value: 'أسعار المنتجات تشمل بالفعل الرسوم والضرائب. لن يتم إضافة أي رسوم أو ضرائب إضافية عند الدفع، باستثناءات نادرة.',
     },
@@ -257,6 +266,9 @@ export const stringsArabic = {
     'Return to cart': {
         value: 'العودة إلى العربة',
     },
+    'Return to merchant site': {
+        value: 'العودة إلى موقع التاجر',
+    },
     'Search countries': {
         value: 'ابحث عن الدول',
     },

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

@@ -143,6 +143,12 @@ export const stringsBase = {
     'Invalid promo code': {
         value: 'Invalid promo code',
     },
+    'It looks like you placed an order just a few minutes ago ([date] at [time]) under order number #[orderNumber]. Check your email for the order confirmation. Are you sure you want to place another order?': {
+        value: 'It looks like you placed an order just a few minutes ago ([date] at [time]) under order number #[orderNumber]. Check your email for the order confirmation. Are you sure you want to place another order?',
+    },
+    'It looks like you placed an order just a few minutes ago ([date] at [time]). Check your email for the order confirmation. Are you sure you want to place another one?': {
+        value: 'It looks like you placed an order just a few minutes ago ([date] at [time]). Check your email for the order confirmation. Are you sure you want to place another one?',
+    },
     'Keep shopping': {
         value: 'Keep shopping',
     },
@@ -221,6 +227,9 @@ export const stringsBase = {
     'Prepay duties and taxes at checkout': {
         value: 'Prepay duties and taxes at checkout',
     },
+    'Proceed with order': {
+        value: 'Proceed with order',
+    },
     'Product prices already include duties and fees. No additional duties or fees will be added at checkout, with rare exceptions.': {
         value: 'Product prices already include duties and fees. No additional duties or fees will be added at checkout, with rare exceptions.',
     },
@@ -257,6 +266,9 @@ export const stringsBase = {
     'Return to cart': {
         value: 'Return to cart',
     },
+    'Return to merchant site': {
+        value: 'Return to merchant site',
+    },
     'Search countries': {
         value: 'Search countries',
     },

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

@@ -143,6 +143,12 @@ export const stringsChinese = {
     'Invalid promo code': {
         value: '无效的促销代码',
     },
+    'It looks like you placed an order just a few minutes ago ([date] at [time]) under order number #[orderNumber]. Check your email for the order confirmation. Are you sure you want to place another order?': {
+        value: '您似乎在几分钟前下了一个订单（[date] [time]），订单号为#[orderNumber]。请检查您的电子邮件以获取订单确认。您确定要下另一个订单吗？',
+    },
+    'It looks like you placed an order just a few minutes ago ([date] at [time]). Check your email for the order confirmation. Are you sure you want to place another one?': {
+        value: '您似乎在几分钟前下了订单（[date] [time]）。请检查您的电子邮件以获取订单确认。您确定要再下一个订单吗？',
+    },
     'Keep shopping': {
         value: '继续购物',
     },
@@ -221,6 +227,9 @@ export const stringsChinese = {
     'Prepay duties and taxes at checkout': {
         value: '在结账时预付关税和税款',
     },
+    'Proceed with order': {
+        value: '继续订单',
+    },
     'Product prices already include duties and fees. No additional duties or fees will be added at checkout, with rare exceptions.': {
         value: '产品价格已包含关税和费用。结账时不会增加额外的关税或费用，极少数情况除外。',
     },
@@ -257,6 +266,9 @@ export const stringsChinese = {
     'Return to cart': {
         value: '返回购物车',
     },
+    'Return to merchant site': {
+        value: '返回商家网站',
+    },
     'Search countries': {
         value: '搜索国家',
     },

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

@@ -143,6 +143,12 @@ export const stringsDanish = {
     'Invalid promo code': {
         value: 'Ugyldig kampagnekode',
     },
+    'It looks like you placed an order just a few minutes ago ([date] at [time]) under order number #[orderNumber]. Check your email for the order confirmation. Are you sure you want to place another order?': {
+        value: 'Det ser ud til, at du afgav en ordre for få minutter siden ([date] kl. [time]) under ordrenummer #[orderNumber]. Tjek din e-mail for ordrebekræftelsen. Er du sikker på, at du vil afgive en ny ordre?',
+    },
+    'It looks like you placed an order just a few minutes ago ([date] at [time]). Check your email for the order confirmation. Are you sure you want to place another one?': {
+        value: 'Det ser ud til, at du har afgivet en ordre for få minutter siden ([date] kl. [time]). Tjek din e-mail for ordrebekræftelsen. Er du sikker på, at du vil afgive en til?',
+    },
     'Keep shopping': {
         value: 'Fortsæt med at handle',
     },
@@ -221,6 +227,9 @@ export const stringsDanish = {
     'Prepay duties and taxes at checkout': {
         value: 'Betal told og skatter på forhånd ved kassen',
     },
+    'Proceed with order': {
+        value: 'Fortsæt med ordren',
+    },
     'Product prices already include duties and fees. No additional duties or fees will be added at checkout, with rare exceptions.': {
         value: 'Produktpriser inkluderer allerede told og gebyrer. Ingen yderligere told eller gebyrer vil blive tilføjet ved kassen, med sjældne undtagelser.',
     },
@@ -257,6 +266,9 @@ export const stringsDanish = {
     'Return to cart': {
         value: 'Tilbage til kurven',
     },
+    'Return to merchant site': {
+        value: 'Vend tilbage til forhandlersiden',
+    },
     'Search countries': {
         value: 'Søg lande',
     },

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

@@ -143,6 +143,12 @@ export const stringsDutch = {
     'Invalid promo code': {
         value: 'Ongeldige promotiecode',
     },
+    'It looks like you placed an order just a few minutes ago ([date] at [time]) under order number #[orderNumber]. Check your email for the order confirmation. Are you sure you want to place another order?': {
+        value: 'Het lijkt erop dat je een paar minuten geleden een bestelling hebt geplaatst ([date] om [time]) onder bestelnummer #[orderNumber]. Controleer je e-mail voor de orderbevestiging. Weet je zeker dat je nog een bestelling wilt plaatsen?',
+    },
+    'It looks like you placed an order just a few minutes ago ([date] at [time]). Check your email for the order confirmation. Are you sure you want to place another one?': {
+        value: 'Het lijkt erop dat je een paar minuten geleden een bestelling hebt geplaatst ([date] om [time]). Controleer je e-mail voor de orderbevestiging. Weet je zeker dat je er nog een wilt plaatsen?',
+    },
     'Keep shopping': {
         value: 'Blijf winkelen',
     },
@@ -221,6 +227,9 @@ export const stringsDutch = {
     'Prepay duties and taxes at checkout': {
         value: 'Heffingen en belastingen vooraf betalen bij het afrekenen',
     },
+    'Proceed with order': {
+        value: 'Doorgaan met de bestelling',
+    },
     'Product prices already include duties and fees. No additional duties or fees will be added at checkout, with rare exceptions.': {
         value: 'Productprijzen zijn inclusief belastingen en heffingen. Er worden geen extra belastingen of heffingen toegevoegd bij het afrekenen, met zeldzame uitzonderingen.',
     },
@@ -257,6 +266,9 @@ export const stringsDutch = {
     'Return to cart': {
         value: 'Terug naar winkelwagen',
     },
+    'Return to merchant site': {
+        value: 'Terug naar de handelaarssite',
+    },
     'Search countries': {
         value: 'Zoek landen',
     },

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

@@ -143,6 +143,12 @@ export const stringsFrench = {
     'Invalid promo code': {
         value: 'Code promo invalide',
     },
+    'It looks like you placed an order just a few minutes ago ([date] at [time]) under order number #[orderNumber]. Check your email for the order confirmation. Are you sure you want to place another order?': {
+        value: 'Il semble que vous ayez passé une commande il y a quelques minutes ([date] à [time]) sous le numéro de commande #[orderNumber]. Vérifiez votre e-mail pour la confirmation de commande. Êtes-vous sûr de vouloir passer une autre commande?',
+    },
+    'It looks like you placed an order just a few minutes ago ([date] at [time]). Check your email for the order confirmation. Are you sure you want to place another one?': {
+        value: 'Il semble que vous ayez passé une commande il y a quelques minutes ([date] à [time]). Vérifiez votre e-mail pour la confirmation de commande. Êtes-vous sûr de vouloir en passer une autre?',
+    },
     'Keep shopping': {
         value: 'Continuer à faire du shopping',
     },
@@ -221,6 +227,9 @@ export const stringsFrench = {
     'Prepay duties and taxes at checkout': {
         value: "Payez les droits et taxes à l'avance lors du checkout",
     },
+    'Proceed with order': {
+        value: 'Procéder à la commande',
+    },
     'Product prices already include duties and fees. No additional duties or fees will be added at checkout, with rare exceptions.': {
         value: 'Les prix des produits incluent déjà les droits et les frais. Aucun droit ou frais supplémentaire ne sera ajouté lors du paiement, sauf rares exceptions.',
     },
@@ -257,6 +266,9 @@ export const stringsFrench = {
     'Return to cart': {
         value: 'Retour au panier',
     },
+    'Return to merchant site': {
+        value: 'Retourner sur le site du marchand',
+    },
     'Search countries': {
         value: 'Rechercher des pays',
     },

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

@@ -143,6 +143,12 @@ export const stringsGerman = {
     'Invalid promo code': {
         value: 'Ungültiger Aktionscode',
     },
+    'It looks like you placed an order just a few minutes ago ([date] at [time]) under order number #[orderNumber]. Check your email for the order confirmation. Are you sure you want to place another order?': {
+        value: 'Es sieht so aus, als hätten Sie vor ein paar Minuten eine Bestellung aufgegeben ([date] um [time]) unter der Bestellnummer #[orderNumber]. Überprüfen Sie Ihre E-Mails auf die Bestellbestätigung. Sind Sie sicher, dass Sie eine weitere Bestellung aufgeben möchten?',
+    },
+    'It looks like you placed an order just a few minutes ago ([date] at [time]). Check your email for the order confirmation. Are you sure you want to place another one?': {
+        value: 'Es sieht so aus, als hätten Sie vor ein paar Minuten eine Bestellung aufgegeben ([date] um [time]). Überprüfen Sie Ihre E-Mails auf die Bestellbestätigung. Sind Sie sicher, dass Sie eine weitere aufgeben möchten?',
+    },
     'Keep shopping': {
         value: 'Einkauf fortsetzen',
     },
@@ -221,6 +227,9 @@ export const stringsGerman = {
     'Prepay duties and taxes at checkout': {
         value: 'Zölle und Steuern im Voraus bezahlen',
     },
+    'Proceed with order': {
+        value: 'Mit der Bestellung fortfahren',
+    },
     'Product prices already include duties and fees. No additional duties or fees will be added at checkout, with rare exceptions.': {
         value: 'Produktpreise beinhalten bereits Zölle und Gebühren. Keine zusätzlichen Zölle oder Gebühren werden beim Checkout hinzugefügt, mit seltenen Ausnahmen.',
     },
@@ -257,6 +266,9 @@ export const stringsGerman = {
     'Return to cart': {
         value: 'Zurück zum Warenkorb',
     },
+    'Return to merchant site': {
+        value: 'Zurück zur Händlerseite',
+    },
     'Search countries': {
         value: 'Länder durchsuchen',
     },