@zonos/elements 1.2.4-alpha.8 → 1.3.3-alpha.0

package/dist/collection/environment.js

@@ -80,10 +80,21 @@ export const formattedUrl = ({ branchName, inCI: _inCI, inVercel: _inVercel, isV
     }
     const version = type === 'major' ? `${_packageVersion === null || _packageVersion === void 0 ? void 0 : _packageVersion.split('.')[0]}` : _packageVersion;
     const isVersionedUrl = domainOnlyUrl === null || domainOnlyUrl === void 0 ? void 0 : domainOnlyUrl.startsWith('v');
+    const shouldAddVersion = (isProdBranch || _inCI) && !isVersionedUrl;
+    /**
+     * Trimming the `qa` from the domain url only when we add version prefix
+     * @reason We've now introduced alpha versioning for the QA branch deployment.
+     * However, we've generated the domain as `v1.2.4-alpha.1.js.zonos.com`, while the
+     * current CDN URL env uses `qa.js.zonos.com` on qa branch. This discrepancy causes
+     * this function to return an invalid alpha domain (v1.2.4-alpha.1.qa.js.zonos.com).
+     */
+    const trimmedQaUrl = shouldAddVersion
+        ? domainOnlyUrl === null || domainOnlyUrl === void 0 ? void 0 : domainOnlyUrl.replace('qa.js.zonos.com', 'js.zonos.com')
+        : domainOnlyUrl;
     // only set version for the url once
-    return (isProdBranch || _inCI) && !isVersionedUrl
-        ? `https://v${version}.${domainOnlyUrl}`
-        : `https://${domainOnlyUrl}`;
+    return shouldAddVersion
+        ? `https://v${version}.${trimmedQaUrl}`
+        : `https://${trimmedQaUrl}`;
 };
 if (typeof window === 'undefined') {
     // storybook can't access to any "node" modules

package/dist/collection/scripts/{zonos.js → zonosBase.js}

@@ -51,7 +51,7 @@ Zonos.version = `v${process.env.NEXT_PUBLIC_ZONOS_PACKAGE_VERSION}`;
 Zonos.modeAlerted = false;
 Zonos.getCurrentTimestamp = () => new Date().getTime();
 Zonos.zonosController = null;
-Zonos.init = async ({ appearance, checkoutSettings, currencyConverter, helloSettings, zonosApiKey, }) => {
+Zonos.init = async ({ appearance, checkoutSettings, currencyConverter, helloSettings, storeId, zonosApiKey, }) => {
     if (_a.doneInit) {
         // do nothing if zonos is already initializeds
         return;
@@ -62,6 +62,7 @@ Zonos.init = async ({ appearance, checkoutSettings, currencyConverter, helloSett
         return;
     }
     _a.zonosApiKey = zonosApiKey;
+    _a.storeId = storeId;
     log('init zonos');
     // add sentry to the project
     _a.injectSentryScript();
@@ -93,6 +94,10 @@ Zonos.showNotification = (notification) => {
     var _b;
     void ((_b = _a.zonosController) === null || _b === void 0 ? void 0 : _b.showNotification(notification));
 };
+Zonos.updateOrganizationName = (organizationName) => {
+    var _b;
+    void ((_b = _a.zonosController) === null || _b === void 0 ? void 0 : _b.updateOrganizationName(organizationName));
+};
 Zonos.disablePlaceOrderButtons = ({ autoEnable = true, disable, placeOrderButtonSelector, }) => {
     // if placeOrderAnchor is passed in the config for checkoutSettings, disable the place order button until zonos is initialized
     if (placeOrderButtonSelector) {
@@ -106,6 +111,11 @@ Zonos.disablePlaceOrderButtons = ({ autoEnable = true, disable, placeOrderButton
             }
         };
         placeOrderButton.forEach(button => {
+            const isEventAttached = button.getAttribute('data-zonos-checkout-attached');
+            if (isEventAttached) {
+                // do nothing if event is already attached
+                return;
+            }
             if (disable) {
                 button.setAttribute('disabled', 'true');
                 // prevent the selector to perform default action when it's disabled
@@ -142,6 +152,17 @@ Zonos.injectController = ({ config, zonosApiKey, }) => {
             disable: true,
             placeOrderButtonSelector,
         });
+        // create a mutation observer to see if any new elements that match our selector is added to the DOM
+        const observer = new MutationObserver(() => {
+            _a.disablePlaceOrderButtons({
+                disable: true,
+                placeOrderButtonSelector,
+            });
+        });
+        observer.observe(document.body, {
+            childList: true,
+            subtree: true,
+        });
     }
     const zonosController = document.createElement('zonos-controller');
     zonosController.config = config;
@@ -188,24 +209,7 @@ Zonos.injectSentryScript = () => {
     script.onload = () => {
         var _b;
         (_b = window.Sentry) === null || _b === void 0 ? void 0 : _b.init({
-            denyUrls: [
-                // Facebook flakiness
-                /graph\.facebook\.com/i,
-                // Facebook blocked
-                /connect\.facebook\.net\/en_US\/all\.js/i,
-                // Woopra flakiness
-                /eatdifferent\.com\.woopra-ns\.com/i,
-                /static\.woopra\.com\/js\/woopra\.js/i,
-                // Chrome extensions
-                /extensions\//i,
-                /^chrome:\/\//i,
-                /^chrome-extension:\/\//i,
-                // Other plugins
-                /webappstoolbarba\.texthelp\.com\//i,
-                /metrics\.itunes\.apple\.com\.edgesuite\.net\//i,
-                /dev.elements.zonos.com/i,
-                /js.zonos.com/,
-            ],
+            allowUrls: [/js.zonos.com/],
             dsn: 'https://19168bd05af0e2e0e7520ad58953e4f2@o446983.ingest.sentry.io/4506400622837760',
             release: `zonos-elements@${_a.version}`,
         });

package/dist/collection/types/generated/graphql.customer.types.js

@@ -17,6 +17,10 @@ export const addressResult = {
     Unavailable: 'UNAVAILABLE',
     Valid: 'VALID',
 };
+export const alcoholRecipientType = {
+    Consumer: 'CONSUMER',
+    Licensee: 'LICENSEE',
+};
 export const analyticsProviderStatus = {
     Disabled: 'DISABLED',
     Enabled: 'ENABLED',
@@ -29,6 +33,15 @@ export const bankAccountType = {
     Checking: 'CHECKING',
     Savings: 'SAVINGS',
 };
+export const batteryMaterialType = {
+    LithiumIon: 'LITHIUM_ION',
+    LithiumMetal: 'LITHIUM_METAL',
+};
+export const batteryPackingType = {
+    BatteryInsideEquipment: 'BATTERY_INSIDE_EQUIPMENT',
+    BatteryOnly: 'BATTERY_ONLY',
+    BatteryPackagedWithEquipment: 'BATTERY_PACKAGED_WITH_EQUIPMENT',
+};
 export const billingOptionCode = {
     DdpAndDdu: 'DDP_AND_DDU',
     ShipperOnly: 'SHIPPER_ONLY',
@@ -51,10 +64,18 @@ export const carrierAccountApiUsage = {
     Label: 'LABEL',
     Rating: 'RATING',
 };
+export const carrierAccountIntegrationType = {
+    Rest: 'REST',
+    Soap: 'SOAP',
+};
 export const carrierAccountRateType = {
     Negotiated: 'NEGOTIATED',
     Retail: 'RETAIL',
 };
+export const carrierAccountRegistrationType = {
+    Other: 'OTHER',
+    Zonos: 'ZONOS',
+};
 export const carrierAccountUsageCategoryCode = {
     Shipping: 'SHIPPING',
 };
@@ -917,6 +938,12 @@ export const deMinimisType = {
     Fee: 'FEE',
     Tax: 'TAX',
 };
+export const deleteJobStatus = {
+    Completed: 'COMPLETED',
+    Error: 'ERROR',
+    Initialized: 'INITIALIZED',
+    Processing: 'PROCESSING',
+};
 export const deliveryType = {
     Consolidated: 'CONSOLIDATED',
     Courier: 'COURIER',
@@ -1024,6 +1051,12 @@ export const exchangeRateType = {
     Guaranteed: 'GUARANTEED',
     MidMarket: 'MID_MARKET',
 };
+export const exportJobStatus = {
+    Completed: 'COMPLETED',
+    Error: 'ERROR',
+    Initialized: 'INITIALIZED',
+    Processing: 'PROCESSING',
+};
 export const externalServiceTokenType = {
     StripePublishableToken: 'STRIPE_PUBLISHABLE_TOKEN',
 };
@@ -1244,6 +1277,12 @@ export const landedCostAdjustmentType = {
     Item: 'ITEM',
     Shipping: 'SHIPPING',
 };
+export const landedCostBillingPartyType = {
+    Customer: 'CUSTOMER',
+    Merchant: 'MERCHANT',
+    ThirdParty: 'THIRD_PARTY',
+    Zonos: 'ZONOS',
+};
 export const landedCostCalculationMethod = {
     Dap: 'DAP',
     Ddp: 'DDP',
@@ -1271,6 +1310,7 @@ export const landedCostFeeType = {
     Item: 'ITEM',
     Other: 'OTHER',
     Shipping: 'SHIPPING',
+    Tax: 'TAX',
     ZonosLandedCostGuarantee: 'ZONOS_LANDED_COST_GUARANTEE',
 };
 export const landedCostGuaranteeCode = {
@@ -1586,6 +1626,7 @@ export const shipmentAmountType = {
 };
 export const shipmentCartonSpecialService = {
     Alcohol: 'ALCOHOL',
+    Battery: 'BATTERY',
     BatteryInsideEquipment: 'BATTERY_INSIDE_EQUIPMENT',
     BatteryOnly: 'BATTERY_ONLY',
     BatteryPackagedWithEquipment: 'BATTERY_PACKAGED_WITH_EQUIPMENT',
@@ -1612,6 +1653,10 @@ export const shipmentStatusType = {
     Created: 'CREATED',
     Voided: 'VOIDED',
 };
+export const shipmentType = {
+    Domestic: 'DOMESTIC',
+    International: 'INTERNATIONAL',
+};
 export const shippingPaymentType = {
     Sender: 'SENDER',
     ThirdParty: 'THIRD_PARTY',
@@ -1620,6 +1665,13 @@ export const shippingRateCalculation = {
     Fixed: 'FIXED',
     PerUnit: 'PER_UNIT',
 };
+export const signatureOptionType = {
+    Adult: 'ADULT',
+    Default: 'DEFAULT',
+    Direct: 'DIRECT',
+    Indirect: 'INDIRECT',
+    None: 'NONE',
+};
 export const stripeActiveStatus = {
     Active: 'ACTIVE',
     Inactive: 'INACTIVE',
@@ -1758,9 +1810,19 @@ export const wcoVersion = {
     Wco_1997: 'WCO_1997',
     Wco_2002: 'WCO_2002',
     Wco_2007: 'WCO_2007',
+    Wco_2012: 'WCO_2012',
     Wco_2017: 'WCO_2017',
     Wco_2022: 'WCO_2022',
     Wco_2027: 'WCO_2027',
+    Wco_2032: 'WCO_2032',
+    Wco_2037: 'WCO_2037',
+    Wco_2042: 'WCO_2042',
+    Wco_2047: 'WCO_2047',
+    Wco_2052: 'WCO_2052',
+    Wco_2057: 'WCO_2057',
+    Wco_2062: 'WCO_2062',
+    Wco_2067: 'WCO_2067',
+    Wco_2072: 'WCO_2072',
 };
 export const weightUnitCode = {
     Gram: 'GRAM',
@@ -1818,5 +1880,8 @@ export function getSdk(client, withWrapper = defaultWrapper) {
         ZonosSettings(variables, requestHeaders) {
             return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'ZonosSettings', 'query');
         },
+        getCheckoutPlaceOrderButtonSelector(variables, requestHeaders) {
+            return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'getCheckoutPlaceOrderButtonSelector', 'query');
+        },
     };
 }

package/dist/collection/types/generated/graphql.frontend.types.js

@@ -459,11 +459,20 @@ export function getSdk(client, withWrapper = defaultWrapper) {
         LocaleCountryMessages(variables, requestHeaders) {
             return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'LocaleCountryMessages', 'query');
         },
+        UpdateCacheStoreVersion(variables, requestHeaders) {
+            return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'UpdateCacheStoreVersion', 'mutation');
+        },
         UpdateReserveOrder(variables, requestHeaders) {
             return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'UpdateReserveOrder', 'mutation');
         },
         UpsertBigCommerceSettings(variables, requestHeaders) {
             return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'UpsertBigCommerceSettings', 'mutation');
         },
+        cleanupTestZonosElementSetting(variables, requestHeaders) {
+            return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'cleanupTestZonosElementSetting', 'mutation');
+        },
+        zonosElementsSetting(variables, requestHeaders) {
+            return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'zonosElementsSetting', 'query');
+        },
     };
 }

package/dist/components/localization.js

@@ -3180,7 +3180,7 @@ const handleFetch = async (url, _opts) => {
     const opts = __rest(_opts || {}, []);
     const body = opts.body ? JSON.stringify(opts.body) : undefined;
     const method = opts.method || 'GET';
-    // adding credentialtoken to the url so that the request will be cached differently for each store
+    // adding random encoded token to the url so that the request will be cached differently for each store
     const modifiedUrl = new URL(url);
     modifiedUrl.searchParams.set('zToken', encodeString(window.location.hostname));
     // headers content type

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

@@ -1,6 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host, Fragment } from '@stencil/core/internal/client';
 import { s as stripeStore, p as stripeStoreRetrievePayment, o as stripeStoreReset, c as cartStore } from './cart.js';
-import { h as handleFetch, l as logError, t as translate } from './localization.js';
+import { h as handleFetch, t as translate } from './localization.js';
+import { z as zonosStore } from './zonosStore.js';
 import { g as getBorderRadius } from './getBorderRadius.js';
 import { s as submitGtag } from './submitGtag.js';
 import { d as defineCustomElement$4 } from './zonos-button2.js';
@@ -28,27 +29,55 @@ const ZonosCheckoutFinish = /*@__PURE__*/ proxyCustomElement(class ZonosCheckout
             if (errors.length || !(json === null || json === void 0 ? void 0 : json.id)) {
                 return null;
             }
-            // TODO: This method of triggering /success for BigCommerce is for MVP. Remove when eventRegistry is fixed to handle by webhooks
-            if (window.Zonos.isBigCommerce) {
-                const orderId = json === null || json === void 0 ? void 0 : json.id;
-                const storeHash = (_b = (_a = json === null || json === void 0 ? void 0 : json.metadata) === null || _a === void 0 ? void 0 : _a.find(x => (x === null || x === void 0 ? void 0 : x.key) === 'storeHash')) === null || _b === void 0 ? void 0 : _b.value;
-                if (!orderId || !storeHash) {
-                    return logError('Unable to trigger BigCommerce /success: Missing orderId or storeHash');
-                }
-                void handleFetch(`${baseUrl}/api/bigcommerce/success?orderId=${orderId}&storeHash=${storeHash}`);
-            }
+            // onOrderSuccess callback may be provided on Zonos.init
+            await ((_b = (_a = zonosStore.checkoutSettings).onOrderSuccess) === null || _b === void 0 ? void 0 : _b.call(_a, json));
             return json;
         };
+        this.handleSuccessBehavior = (orderId) => {
+            const { successBehavior } = zonosStore.checkoutSettings;
+            switch (successBehavior) {
+                case 'REDIRECT_TO_SUCCESS_PAGE':
+                    const redirectUrl = zonosStore.checkoutSettings.successRedirectUrl;
+                    if (redirectUrl) {
+                        window.location.href = `${redirectUrl}?zOrderNumber=${orderId}`;
+                    }
+                    // If no redirect URL, break and display Zonos success page
+                    break;
+                case 'CLOSE_MODAL':
+                    this.closeClickHandler();
+                    break;
+            }
+        };
+        // TODO: This method of pulling orders is temporary. Once we have a working event registry system, we will rely on that to tell us when the order is ready to trigger onOrderSuccess
         this.getPullOrder = async (attempts = 0) => {
             const order = await this.pullOrder();
             if (order) {
                 this.order = order;
+                this.handleSuccessBehavior(order.id);
+                this.isLoading = false;
             }
             else if (!order && attempts < 5) {
                 // Wait for 1 second before the next attempt
                 await new Promise(resolve => setTimeout(resolve, 1000));
                 await this.getPullOrder(attempts + 1);
             }
+            else {
+                // Set loading to false to display generic success page and log error
+                this.isLoading = false;
+                const errorObject = {
+                    endpoint: `${"https://v1.route.js.zonos.com"}/api/zonos-elements/get-order`,
+                    errors: ['Order not found after multiple attempts'],
+                    metadata: {
+                        checkoutSessionId: cartStore.checkoutSessionId || '',
+                        domain: window.location.hostname,
+                        storeId: zonosStore.storeId,
+                    },
+                };
+                void handleFetch(`${"https://v1.route.js.zonos.com"}/api/zonos-elements/log-error`, {
+                    body: errorObject,
+                    method: 'POST',
+                });
+            }
         };
         this.checkPaymentStatus = async () => {
             this.isLoading = true;
@@ -77,6 +106,7 @@ const ZonosCheckoutFinish = /*@__PURE__*/ proxyCustomElement(class ZonosCheckout
                 }
                 // Attempt to pull the order details from the graph every second on 5 attempts
                 if (this.notificationType === 'success') {
+                    this.isLoading = true;
                     void this.getPullOrder();
                 }
             }

package/dist/components/zonos-checkout.js

@@ -177,6 +177,7 @@ const ZonosCheckout$1 = /*@__PURE__*/ proxyCustomElement(class ZonosCheckout ext
                     });
                 }
             });
+            button.removeAttribute('disabled');
             button.setAttribute('data-zonos-checkout-attached', 'true');
         });
     }
@@ -240,10 +241,14 @@ const ZonosCheckout$1 = /*@__PURE__*/ proxyCustomElement(class ZonosCheckout ext
             }
             else {
                 this.attachCheckout();
-                // keep checking for checkout selector every 50ms just in case the selector is not loaded in the DOM yet
-                setInterval(() => {
+                // create a mutation observer to see if any new elements that match our selector is added to the DOM
+                const observer = new MutationObserver(() => {
                     this.attachCheckout();
-                }, 50);
+                });
+                observer.observe(document.body, {
+                    childList: true,
+                    subtree: true,
+                });
             }
             clearInterval(interval);
         }, 50);

package/dist/components/zonos-controller.js

@@ -5,11 +5,11 @@ import { z as zonosStore, e as zonosStoreInitSetting, d as zonosStoreFontFamily
 import { d as defineCustomElement$3 } from './zonos-notification2.js';
 import { d as defineCustomElement$2 } from './zonos-text2.js';
 
-const getZonosSetting = async () => {
+const getZonosSettings = async () => {
     const url = `${"https://v1.route.js.zonos.com"}/api/zonos-elements/zonos-settings`;
     const { errors, json } = await handleFetch(url);
     if (errors.length) {
-        logError(`Error occurs when getting zonos settings. If this is not an unauthorized error, it will use user setting or default setting`);
+        logError(`Error occurred when getting zonos settings. If this is not an unauthorized error, it will use user settings or default settings`);
         return { errors, json: null };
     }
     return { errors: [], json };
@@ -64,44 +64,6 @@ const ZonosController$1 = /*@__PURE__*/ proxyCustomElement(class ZonosController
         this.__registerHost();
         this.__attachShadow();
         this.stripeInitEvent = createEvent(this, "stripeInitEvent", 7);
-        this.disablePlaceOrderButtons = ({ disable }) => {
-            const placeOrderButtonSelector = zonosStore.checkoutSettings.placeOrderButtonSelector;
-            if (!placeOrderButtonSelector) {
-                return;
-            }
-            const disableEvent = (e) => {
-                const target = e.target;
-                // prevent default and propagation when the item has disabled attribute
-                if (target.getAttribute('disabled')) {
-                    e.preventDefault();
-                    e.stopPropagation();
-                }
-            };
-            const placeOrderButton = document.querySelectorAll(placeOrderButtonSelector);
-            placeOrderButton.forEach(button => {
-                if (disable) {
-                    button.setAttribute('disabled', 'true');
-                    // prevent the selector to perform default action when it's disabled
-                    button.addEventListener('click', disableEvent);
-                }
-                else {
-                    button.removeAttribute('disabled');
-                    // clean up the event listener
-                    button.removeEventListener('click', disableEvent);
-                }
-            });
-            // only auto enable if autoEnable is true and the state is enable
-            if (disable) {
-                setTimeout(() => {
-                    // release it if zonos is not initialized after 5 seconds (this is to prevent the place order button from being disabled forever due to api)
-                    placeOrderButton.forEach(button => {
-                        button.removeAttribute('disabled');
-                        // clean up the event listener if exists
-                        button.removeEventListener('click', disableEvent);
-                    });
-                }, 5000);
-            }
-        };
         this.config = undefined;
         this.zonosApiKey = undefined;
     }
@@ -117,10 +79,6 @@ const ZonosController$1 = /*@__PURE__*/ proxyCustomElement(class ZonosController
         stripeStore.stripe = stripe;
         void initCheckout(zonosStore.checkoutSettings);
         log('init checkout element');
-        // enable place order button after checkout is loaded
-        this.disablePlaceOrderButtons({
-            disable: false,
-        });
     }
     /**
      * Init zonos notification
@@ -168,15 +126,11 @@ const ZonosController$1 = /*@__PURE__*/ proxyCustomElement(class ZonosController
         // running with scope async function to avoid blocking the main thread
         (async () => {
             var _a, _b;
-            const { errors, json } = await getZonosSetting();
+            const { errors, json } = await getZonosSettings();
             if (((_a = errors[0]) === null || _a === void 0 ? void 0 : _a.type.toString()) === '403') {
                 log('Failed to load zonos settings. This domain may not have access', 'warn');
                 return;
             }
-            // disable place order button until checkout is loaded
-            this.disablePlaceOrderButtons({
-                disable: true,
-            });
             // init zonos notification
             this.initZonosNotification();
             // load default setting if fail to load user setting
@@ -247,6 +201,12 @@ const ZonosController$1 = /*@__PURE__*/ proxyCustomElement(class ZonosController
     async getAppearanceSetting() {
         return zonosStore.appearance;
     }
+    /**
+     * Update the organizationName
+     */
+    async updateOrganizationName(organizationName) {
+        zonosStore.organizationName = organizationName;
+    }
     render() {
         return h(Host, { class: "zonos--elements" });
     }
@@ -259,7 +219,8 @@ const ZonosController$1 = /*@__PURE__*/ proxyCustomElement(class ZonosController
         "showNotification": [64],
         "overrideConfig": [64],
         "overrideCountry": [64],
-        "getAppearanceSetting": [64]
+        "getAppearanceSetting": [64],
+        "updateOrganizationName": [64]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

package/dist/components/zonos-dialog2.js

@@ -8,7 +8,7 @@ import { d as defineCustomElement$1 } from './zonos-spinner2.js';
 
 const RemoveIcon = `<svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#C5C6CA" fill-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" clip-rule="evenodd"/><path fill="#4D505A" fill-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" clip-rule="evenodd"/></svg>`;
 
-const zonosDialogCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host .zonos--backdrop,:host .zonos--dialog-layout{opacity:0;z-index:-999;visibility:hidden;-webkit-transition:0.3s all ease;transition:0.3s all ease}:host .zonos--backdrop{width:100vw;height:100vh;left:0px;top:0px;background:var(--amino-backdrop-color);z-index:-999;opacity:0;visibility:hidden;position:fixed}:host .zonos--loading{position:absolute;left:0;right:0;bottom:0;top:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;z-index:1002;background:white}:host .zonos--dialog-layout{width:100vw;height:100vh;left:0;top:0;position:fixed;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;color:var(--amino-text-color);visibility:hidden}:host .zonos--dialog{position:relative;z-index:1001;background:var(--amino-gray-0);max-width:90vw;max-height:90vh;min-height:500px;height:var(--height, auto);width:var(--width, auto);border-radius:var(--border-radius, var(--amino-radius-10));outline:none;-webkit-box-shadow:var(--amino-v3-shadow-xxl);box-shadow:var(--amino-v3-shadow-xxl);border:var(--amino-border);overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .zonos--header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:var(--amino-space-16) var(--amino-space-24)}:host .zonos--header .-zonos-stencil-library--header-text{-ms-flex-positive:1;flex-grow:1}:host .zonos--header .zonos--close-button{width:var(--amino-size-md);height:var(--amino-size-md);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;border-radius:var(--amino-radius-10)}:host .zonos--header .zonos--close-button:hover{background:var(--amino-hover-color)}:host .zonos--body{padding:var(--amino-space-8) var(--amino-space-24);max-height:100%;height:100%;overflow:auto}:host .zonos--body.zonos--no-body-padding{padding:0}:host .zonos--footer{padding:var(--amino-space-16) var(--amino-space-24)}:host(.open) .zonos--dialog-layout,:host(.open) .zonos--backdrop{visibility:visible}:host(.open) .zonos--backdrop{z-index:1001;opacity:0.65}:host(.open) .zonos--dialog-layout{opacity:1;z-index:1002;-webkit-transform:scale(1);transform:scale(1)}:host(.no-border) .zonos--dialog{border:none}:host(.mobile) .zonos--dialog{max-width:100vw;max-height:100vh;height:100%;width:100%;border-radius:0;-webkit-box-shadow:none;box-shadow:none;border:none}";
+const zonosDialogCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host .zonos--backdrop,:host .zonos--dialog-layout{opacity:0;z-index:-999;visibility:hidden;-webkit-transition:0.3s all ease;transition:0.3s all ease}:host .zonos--backdrop{width:100vw;height:100vh;left:0px;top:0px;background:var(--amino-backdrop-color);z-index:-999;opacity:0;visibility:hidden;position:fixed}:host .zonos--loading{position:absolute;left:0;right:0;bottom:0;top:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;z-index:10002;background:white}:host .zonos--dialog-layout{width:100vw;height:100vh;left:0;top:0;position:fixed;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;color:var(--amino-text-color);visibility:hidden}:host .zonos--dialog{position:relative;z-index:10001;background:var(--amino-gray-0);max-width:90vw;max-height:90vh;min-height:500px;height:var(--height, auto);width:var(--width, auto);border-radius:var(--border-radius, var(--amino-radius-10));outline:none;-webkit-box-shadow:var(--amino-v3-shadow-xxl);box-shadow:var(--amino-v3-shadow-xxl);border:var(--amino-border);overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .zonos--header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:var(--amino-space-16) var(--amino-space-24)}:host .zonos--header .-zonos-stencil-library--header-text{-ms-flex-positive:1;flex-grow:1}:host .zonos--header .zonos--close-button{width:var(--amino-size-md);height:var(--amino-size-md);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;border-radius:var(--amino-radius-10)}:host .zonos--header .zonos--close-button:hover{background:var(--amino-hover-color)}:host .zonos--body{padding:var(--amino-space-8) var(--amino-space-24);max-height:100%;height:100%;overflow:auto}:host .zonos--body.zonos--no-body-padding{padding:0}:host .zonos--footer{padding:var(--amino-space-16) var(--amino-space-24)}:host(.open) .zonos--dialog-layout,:host(.open) .zonos--backdrop{visibility:visible}:host(.open) .zonos--backdrop{z-index:10001;opacity:0.65}:host(.open) .zonos--dialog-layout{opacity:1;z-index:10002;-webkit-transform:scale(1);transform:scale(1)}:host(.no-border) .zonos--dialog{border:none}:host(.mobile) .zonos--dialog{max-width:100vw;max-height:100vh;height:100%;width:100%;border-radius:0;-webkit-box-shadow:none;box-shadow:none;border:none}";
 
 const ZonosDialog = /*@__PURE__*/ proxyCustomElement(class ZonosDialog extends HTMLElement {
     constructor() {

package/dist/components/zonos-hello.js

@@ -468,7 +468,7 @@ const ZonosHello$1 = /*@__PURE__*/ proxyCustomElement(class ZonosHello extends H
         super();
         this.__registerHost();
         this.__attachShadow();
-        this.getHelloPeekMessage = () => {
+        this.getHelloPeekMessage = (organizationName) => {
             const isRestrictionPage = zonosStore.currentHelloPage === 'productDetail' ||
                 zonosStore.currentHelloPage === 'productList';
             if (isRestrictionPage && this.allRestrictedItems.length) {
@@ -485,7 +485,7 @@ const ZonosHello$1 = /*@__PURE__*/ proxyCustomElement(class ZonosHello extends H
                 case 'productDetail':
                     return translate(`See duty and tax thresholds`);
                 default:
-                    return `${translate('Welcome to')} ${zonosStore.organizationName}`;
+                    return `${translate('Welcome to')} ${organizationName}`;
             }
         };
         this.enableShowPeekMessage = () => {
@@ -505,7 +505,7 @@ const ZonosHello$1 = /*@__PURE__*/ proxyCustomElement(class ZonosHello extends H
             return newRestrictions;
         };
         this.triggerShowPeekMessage = () => {
-            this.peekMessage = this.getHelloPeekMessage();
+            this.peekMessage = this.getHelloPeekMessage(zonosStore.organizationName);
             const { peekMessageBehavior, peekMessageDelay } = zonosStore.helloSettings;
             // peek message delay is passed in seconds, but setTimeout expects milliseconds
             const peekMessageDelayToUse = peekMessageDelay * 1000;
@@ -701,6 +701,9 @@ const ZonosHello$1 = /*@__PURE__*/ proxyCustomElement(class ZonosHello extends H
         const appearanceSettings = mergeConfig(zonosStore.appearance, this.appearanceSettingsOverride);
         const { theme } = appearanceSettings;
         const restrictedItemsOnPage = (_b = this.allRestrictedItems) === null || _b === void 0 ? void 0 : _b.filter(product => this.productsOnPage.some(restriction => restriction.description === product.itemDescription));
+        // The  organization name can be changed after init with the updateOrganizationName method.
+        // This will cause the element to rerender with the new org name when it changes. (used for preview on dashboard)
+        this.peekMessage = this.getHelloPeekMessage(zonosStore.organizationName);
         const showHello = this.isShippableCountry() && !!selectedCountryCode;
         return (h(Host, { class: "zonos--hello zonos--elements", "data-theme": theme }, showHello && (h("div", { class: "zonos--hello-wrapper" }, h("button", { class: classes([
                 'zonos--hello-widget',

package/dist/components/zonosStore.js

@@ -2527,7 +2527,6 @@ const { reset, state: zonosStore } = createStore(() => ({
         zonosAttribution: 'DISABLED',
     },
     checkoutSettings: {
-        allowedDomains: [],
         analyticsProviders: [],
         orderNotifications: {
             abandonedCart: {
@@ -2561,7 +2560,6 @@ const { reset, state: zonosStore } = createStore(() => ({
     },
     currentHelloPage: '',
     helloSettings: {
-        allowedDomains: [],
         anchorElementSelector: '',
         cartUrlPattern: '',
         currencyBehavior: 'ENABLED',
@@ -2583,9 +2581,6 @@ const { reset, state: zonosStore } = createStore(() => ({
         restrictionBehavior: 'DISABLED',
     },
     loadedConfig: false,
-    onlineStoreSettings: {
-        allowedDomains: [],
-    },
     organizationName: '',
     sourceCurrency: 'USD',
     storeId: null,
@@ -2611,9 +2606,6 @@ const zonosStoreInitSetting = ({ overrideSettings, zonosSettings, }) => {
         (zonosSettings === null || zonosSettings === void 0 ? void 0 : zonosSettings.checkoutSettings) ||
         null, overrideSettings.checkoutSettings);
     zonosStore.helloSettings = mergeConfig(zonosStore.helloSettings, (savedZonosSettings === null || savedZonosSettings === void 0 ? void 0 : savedZonosSettings.helloSettings) || (zonosSettings === null || zonosSettings === void 0 ? void 0 : zonosSettings.helloSettings) || null, overrideSettings.helloSettings);
-    zonosStore.onlineStoreSettings = mergeConfig(zonosStore.onlineStoreSettings, (savedZonosSettings === null || savedZonosSettings === void 0 ? void 0 : savedZonosSettings.onlineStoreSettings) ||
-        (zonosSettings === null || zonosSettings === void 0 ? void 0 : zonosSettings.onlineStoreSettings) ||
-        null, overrideSettings.onlineStoreSettings);
     // set flag to true to indicate that config is ready
     zonosStore.loadedConfig = true;
     zonosStore.organizationName = ((_a = zonosSettings === null || zonosSettings === void 0 ? void 0 : zonosSettings.organization) === null || _a === void 0 ? void 0 : _a.name) || '';

package/dist/esm/{cart-b439be00.js → cart-d81b92ea.js}

@@ -1,7 +1,7 @@
-import { z as zonosStore, c as createStore } from './zonosStore-61e74f58.js';
-import { h as handleFetch, l as log, a as localizationStore, b as logError, t as translate } from './localization-a51ccbc2.js';
-import { i as isDarkColor } from './isDarkColor-416d6047.js';
-import { g as getBorderRadius } from './getBorderRadius-178a0a05.js';
+import { z as zonosStore, c as createStore } from './zonosStore-34f07ee8.js';
+import { h as handleFetch, l as log, a as localizationStore, b as logError, t as translate } from './localization-0c5b29fd.js';
+import { i as isDarkColor } from './isDarkColor-69090b29.js';
+import { g as getBorderRadius } from './getBorderRadius-77e97943.js';
 
 const prepCalculateLandedCost = () => {
     // maybe we don't need email now for prefetch the landed cost

package/dist/esm/{getBorderRadius-178a0a05.js → getBorderRadius-77e97943.js}

@@ -1,4 +1,4 @@
-import { z as zonosStore } from './zonosStore-61e74f58.js';
+import { z as zonosStore } from './zonosStore-34f07ee8.js';
 
 /**
  * Get the border radius for the elements based on the style

package/dist/esm/index.js

@@ -1,6 +1,6 @@
-export { c as cartStore, a as cartStoreApplySubtotals, b as cartStoreGetShippingTransitInfo, d as cartStoreNextStep, e as cartStorePreviousStep, f as cartStoreReCalculateTotal, g as cartStoreReset, h as cartStoreUpdateItems, i as cartStoreUpdateSelectedShippingOption, j as cartStoreUpdateToErrorState } from './cart-b439be00.js';
-import './zonosStore-61e74f58.js';
+export { c as cartStore, a as cartStoreApplySubtotals, b as cartStoreGetShippingTransitInfo, d as cartStoreNextStep, e as cartStorePreviousStep, f as cartStoreReCalculateTotal, g as cartStoreReset, h as cartStoreUpdateItems, i as cartStoreUpdateSelectedShippingOption, j as cartStoreUpdateToErrorState } from './cart-d81b92ea.js';
+import './zonosStore-34f07ee8.js';
 import './index-36ff6342.js';
-import './localization-a51ccbc2.js';
-import './isDarkColor-416d6047.js';
-import './getBorderRadius-178a0a05.js';
+import './localization-0c5b29fd.js';
+import './isDarkColor-69090b29.js';
+import './getBorderRadius-77e97943.js';

package/dist/esm/{isDarkColor-416d6047.js → isDarkColor-69090b29.js}

@@ -1,4 +1,4 @@
-import { a as createCommonjsModule, b as commonjsGlobal } from './zonosStore-61e74f58.js';
+import { a as createCommonjsModule, b as commonjsGlobal } from './zonosStore-34f07ee8.js';
 
 var tinycolor = createCommonjsModule(function (module, exports) {
 // This file is autogenerated. It's used to publish CJS to npm.