@zonos/elements 1.2.4-alpha.12 → 1.2.4-alpha.14

package/dist/cjs/{cart-963ffc24.js → cart-cfa5d5fd.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const zonosStore = require('./zonosStore-b43ef5db.js');
-const localization = require('./localization-994933ce.js');
-const isDarkColor = require('./isDarkColor-ff6ff183.js');
-const getBorderRadius = require('./getBorderRadius-bf4a4276.js');
+const zonosStore = require('./zonosStore-10d1d6ff.js');
+const localization = require('./localization-4746acf7.js');
+const isDarkColor = require('./isDarkColor-fc8c294a.js');
+const getBorderRadius = require('./getBorderRadius-c3c63ee6.js');
 
 const prepCalculateLandedCost = () => {
     // maybe we don't need email now for prefetch the landed cost

package/dist/cjs/{getBorderRadius-bf4a4276.js → getBorderRadius-c3c63ee6.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const zonosStore = require('./zonosStore-b43ef5db.js');
+const zonosStore = require('./zonosStore-10d1d6ff.js');
 
 /**
  * Get the border radius for the elements based on the style

package/dist/cjs/index.cjs.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const cart = require('./cart-963ffc24.js');
-require('./zonosStore-b43ef5db.js');
+const cart = require('./cart-cfa5d5fd.js');
+require('./zonosStore-10d1d6ff.js');
 require('./index-0dcccc22.js');
-require('./localization-994933ce.js');
-require('./isDarkColor-ff6ff183.js');
-require('./getBorderRadius-bf4a4276.js');
+require('./localization-4746acf7.js');
+require('./isDarkColor-fc8c294a.js');
+require('./getBorderRadius-c3c63ee6.js');
 
 
 

package/dist/cjs/{isDarkColor-ff6ff183.js → isDarkColor-fc8c294a.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const zonosStore = require('./zonosStore-b43ef5db.js');
+const zonosStore = require('./zonosStore-10d1d6ff.js');
 
 var tinycolor = zonosStore.createCommonjsModule(function (module, exports) {
 // This file is autogenerated. It's used to publish CJS to npm.

package/dist/cjs/{localization-994933ce.js → localization-4746acf7.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const zonosStore = require('./zonosStore-b43ef5db.js');
+const zonosStore = require('./zonosStore-10d1d6ff.js');
 
 const stringsArabic = {
     'Above de minimis threshold for': {

package/dist/cjs/{submitGtag-e047f309.js → submitGtag-ca175427.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const zonosStore = require('./zonosStore-b43ef5db.js');
-const localization = require('./localization-994933ce.js');
+const zonosStore = require('./zonosStore-10d1d6ff.js');
+const localization = require('./localization-4746acf7.js');
 
 const checkoutBreakpoint = 890;
 const isCheckoutMobile = (isMobile) => {

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0dcccc22.js');
-const cart = require('./cart-963ffc24.js');
-const localization = require('./localization-994933ce.js');
-require('./zonosStore-b43ef5db.js');
-require('./isDarkColor-ff6ff183.js');
-require('./getBorderRadius-bf4a4276.js');
+const cart = require('./cart-cfa5d5fd.js');
+const localization = require('./localization-4746acf7.js');
+require('./zonosStore-10d1d6ff.js');
+require('./isDarkColor-fc8c294a.js');
+require('./getBorderRadius-c3c63ee6.js');
 
 const zonosAddressCss = ".sc-zonos-address-h{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-address-h *.sc-zonos-address{font-family:var(--font-family, Inter), Inter}.sc-zonos-address-h img.sc-zonos-address{max-width:100%}.sc-zonos-address-h dl.sc-zonos-address,.sc-zonos-address-h dd.sc-zonos-address,.sc-zonos-address-h h1.sc-zonos-address,.sc-zonos-address-h h2.sc-zonos-address,.sc-zonos-address-h h3.sc-zonos-address,.sc-zonos-address-h h4.sc-zonos-address,.sc-zonos-address-h h5.sc-zonos-address,.sc-zonos-address-h h6.sc-zonos-address,.sc-zonos-address-h hr.sc-zonos-address,.sc-zonos-address-h figure.sc-zonos-address,.sc-zonos-address-h p.sc-zonos-address,.sc-zonos-address-h pre.sc-zonos-address{margin:0}.sc-zonos-address-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-address-h .zonos--title.sc-zonos-address{margin-bottom:var(--amino-space-16)}";
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0dcccc22.js');
-const zonosStore = require('./zonosStore-b43ef5db.js');
+const zonosStore = require('./zonosStore-10d1d6ff.js');
 const classes = require('./classes-b7918f56.js');
 
 const zonosBadgeCss = ":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{display:-ms-inline-flexbox;display:inline-flex}:host .zonos--badge-content{display:-ms-flexbox;display:flex;gap:var(--amino-space-8);font-size:var(--amino-font-size-s);padding:4px 8px;text-align:center;border-radius:var(--amino-radius-6);background-color:var(--amino-gray-100);color:var(--amino-gray-800);-ms-flex-align:center;align-items:center}:host p{font-weight:600;line-height:16px}:host .icon-right svg{-ms-flex-order:2;order:2}:host .small{padding:2px 8px}:host .rounded{border-radius:20px}:host .bold{background-color:var(--amino-gray-600);color:var(--amino-gray-100)}:host .blue{background-color:var(--amino-blue-100);color:var(--amino-blue-800)}:host .blue.bold{background-color:var(--amino-blue-600);color:var(--amino-blue-100)}:host .green{background-color:var(--amino-green-100);color:var(--amino-green-800)}:host .green.bold{background-color:var(--amino-green-600);color:var(--amino-green-100)}:host .red{background-color:var(--amino-red-100);color:var(--amino-red-800)}:host .red.bold{background-color:var(--amino-red-600);color:var(--amino-red-100)}:host .orange{background-color:var(--amino-orange-100);color:var(--amino-orange-800)}:host .orange.bold{background-color:var(--amino-orange-600);color:var(--amino-orange-100)}:host .purple{background-color:var(--amino-purple-100);color:var(--amino-purple-800)}:host .purple.bold{background-color:var(--amino-purple-600);color:var(--amino-purple-100)}:host .cyan{background-color:var(--amino-cyan-100);color:var(--amino-cyan-800)}:host .cyan.bold{background-color:var(--amino-cyan-600);color:var(--amino-cyan-100)}";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0dcccc22.js');
-const zonosStore = require('./zonosStore-b43ef5db.js');
+const zonosStore = require('./zonosStore-10d1d6ff.js');
 const classes = require('./classes-b7918f56.js');
 
 const zonosBannerCss = ":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{border-radius:var(--amino-radius-10);padding:var(--amino-space-16);background:var(--amino-gray-100)}:host .zonos--container{display:grid;-ms-flex-align:center;align-items:center;grid-template-areas:\"icon header\" \". content\";grid-template-columns:32px auto 0}:host .zonos--icon-wrapper{grid-area:icon;display:-ms-flexbox;display:flex;justify-self:start}:host .zonos--header-wrapper{margin-top:var(--amino-space-0);grid-area:header}:host .zonos--content-wrapper{grid-area:content;margin-top:var(--amino-space-4)}:host(.info){background-color:var(--amino-blue-100);border:1px solid var(--amino-blue-200)}:host(.success){background-color:var(--amino-green-100);border:1px solid var(--amino-green-200)}:host(.error){background-color:var(--amino-red-100);border:1px solid var(--amino-red-200)}:host(.warning){background-color:var(--amino-orange-100);border:1px solid var(--amino-orange-200)}";

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0dcccc22.js');
-const zonosStore = require('./zonosStore-b43ef5db.js');
+const zonosStore = require('./zonosStore-10d1d6ff.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-bf4a4276.js');
+const getBorderRadius = require('./getBorderRadius-c3c63ee6.js');
 const isColorVariable = require('./isColorVariable-41cacd82.js');
-const isDarkColor = require('./isDarkColor-ff6ff183.js');
+const isDarkColor = require('./isDarkColor-fc8c294a.js');
 
 /**
  * Get theme for button text based on background color

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0dcccc22.js');
-const zonosStore = require('./zonosStore-b43ef5db.js');
+const zonosStore = require('./zonosStore-10d1d6ff.js');
 const classes = require('./classes-b7918f56.js');
 
 const zonosCardCss = ":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 .styled-card{border:var(--amino-border);border-radius:var(--amino-radius-6);padding:var(--spacing, var(--amino-space-24));text-align:left}:host .styled-card hr{margin-left:calc(var(--spacing, var(--amino-space-24)) * -1);margin-right:calc(var(--spacing, var(--amino-space-24)) * -1)}:host .styled-card .card-header{margin:calc(var(--spacing, var(--amino-space-24)) * -1);padding:var(--spacing, var(--amino-space-24));display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:var(--spacing, var(--amino-space-24));border-bottom:var(--amino-border);height:65px;line-height:65px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host .styled-card .card-header h5{margin-bottom:0;-ms-flex:1;flex:1}:host .styled-card .card-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin:calc(var(--spacing, var(--amino-space-24)) * -1);padding:var(--spacing, var(--amino-space-24));border-top:var(--amino-border);background:var(--amino-surface-color-secondary);margin-top:var(--spacing, var(--amino-space-24));border-bottom-left-radius:var(--amino-radius-8);border-bottom-right-radius:var(--amino-radius-8);height:var(--footerHeight)}";

package/dist/cjs/zonos-cart-items_10.cjs.entry.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0dcccc22.js');
-const cart = require('./cart-963ffc24.js');
-const localization = require('./localization-994933ce.js');
-const getBorderRadius = require('./getBorderRadius-bf4a4276.js');
-const submitGtag = require('./submitGtag-e047f309.js');
-const zonosStore = require('./zonosStore-b43ef5db.js');
+const cart = require('./cart-cfa5d5fd.js');
+const localization = require('./localization-4746acf7.js');
+const zonosStore = require('./zonosStore-10d1d6ff.js');
+const getBorderRadius = require('./getBorderRadius-c3c63ee6.js');
+const submitGtag = require('./submitGtag-ca175427.js');
 const classes = require('./classes-b7918f56.js');
-require('./isDarkColor-ff6ff183.js');
+require('./isDarkColor-fc8c294a.js');
 
 const formatCurrency = ({ amount, currency, showCurrencyText, }) => showCurrencyText
     ? `${new Intl.NumberFormat('en-US', {
@@ -113,17 +113,11 @@ const ZonosCheckoutFinish = class {
             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 localization.logError('Unable to trigger BigCommerce /success: Missing orderId or storeHash');
-                }
-                void localization.handleFetch(`${baseUrl}/api/bigcommerce/success?orderId=${orderId}&storeHash=${storeHash}`);
-            }
+            // onOrderSuccess callback may be provided on Zonos.init
+            await ((_b = (_a = zonosStore.zonosStore.checkoutSettings).onOrderSuccess) === null || _b === void 0 ? void 0 : _b.call(_a, json));
             return json;
         };
+        // 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) {

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0dcccc22.js');
-const cart = require('./cart-963ffc24.js');
-const localization = require('./localization-994933ce.js');
-const zonosStore = require('./zonosStore-b43ef5db.js');
-const submitGtag = require('./submitGtag-e047f309.js');
+const cart = require('./cart-cfa5d5fd.js');
+const localization = require('./localization-4746acf7.js');
+const zonosStore = require('./zonosStore-10d1d6ff.js');
+const submitGtag = require('./submitGtag-ca175427.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-bf4a4276.js');
-const isDarkColor = require('./isDarkColor-ff6ff183.js');
+const getBorderRadius = require('./getBorderRadius-c3c63ee6.js');
+const isDarkColor = require('./isDarkColor-fc8c294a.js');
 
 const LeftArrow = `<svg color="var(--amino-gray-800)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M9.707 16.707a1 1 0 0 1-1.414 0l-3.647-3.646a1.5 1.5 0 0 1 0-2.122l3.647-3.646a1 1 0 0 1 1.414 1.414L7.414 11H19a1 1 0 1 1 0 2H7.414l2.293 2.293a1 1 0 0 1 0 1.414Z" fill="currentColor" fill-rule="evenodd"></path></svg>`;
 

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0dcccc22.js');
-const cart = require('./cart-963ffc24.js');
-const localization = require('./localization-994933ce.js');
-const zonosStore = require('./zonosStore-b43ef5db.js');
-require('./isDarkColor-ff6ff183.js');
-require('./getBorderRadius-bf4a4276.js');
+const cart = require('./cart-cfa5d5fd.js');
+const localization = require('./localization-4746acf7.js');
+const zonosStore = require('./zonosStore-10d1d6ff.js');
+require('./isDarkColor-fc8c294a.js');
+require('./getBorderRadius-c3c63ee6.js');
 
 const getZonosSettings = async () => {
     const url = `${"https://v1.route.js.zonos.com"}/api/zonos-elements/zonos-settings`;

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0dcccc22.js');
-const localization = require('./localization-994933ce.js');
-const zonosStore = require('./zonosStore-b43ef5db.js');
+const localization = require('./localization-4746acf7.js');
+const zonosStore = require('./zonosStore-10d1d6ff.js');
 const classes = require('./classes-b7918f56.js');
-const isDarkColor = require('./isDarkColor-ff6ff183.js');
+const isDarkColor = require('./isDarkColor-fc8c294a.js');
 
 const zonosCountryFlagCss = ":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{display:-ms-inline-flexbox;display:inline-flex}:host .flag-container{position:relative;overflow:hidden;width:100%;height:100%}:host .flag-icon{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover}";
 

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0dcccc22.js');
-const localization = require('./localization-994933ce.js');
-const zonosStore = require('./zonosStore-b43ef5db.js');
+const localization = require('./localization-4746acf7.js');
+const zonosStore = require('./zonosStore-10d1d6ff.js');
 const classes = require('./classes-b7918f56.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
 

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0dcccc22.js');
-const zonosStore = require('./zonosStore-b43ef5db.js');
-const localization = require('./localization-994933ce.js');
+const zonosStore = require('./zonosStore-10d1d6ff.js');
+const localization = require('./localization-4746acf7.js');
 const classes = require('./classes-b7918f56.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
 
@@ -459,7 +459,7 @@ const RESIZE_DEBOUNCE_DELAY_MS = 500;
 const ZonosHello = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.getHelloPeekMessage = () => {
+        this.getHelloPeekMessage = (organizationName) => {
             const isRestrictionPage = zonosStore.zonosStore.currentHelloPage === 'productDetail' ||
                 zonosStore.zonosStore.currentHelloPage === 'productList';
             if (isRestrictionPage && this.allRestrictedItems.length) {
@@ -476,7 +476,7 @@ const ZonosHello = class {
                 case 'productDetail':
                     return localization.translate(`See duty and tax thresholds`);
                 default:
-                    return `${localization.translate('Welcome to')} ${zonosStore.zonosStore.organizationName}`;
+                    return `${localization.translate('Welcome to')} ${organizationName}`;
             }
         };
         this.enableShowPeekMessage = () => {
@@ -496,7 +496,7 @@ const ZonosHello = class {
             return newRestrictions;
         };
         this.triggerShowPeekMessage = () => {
-            this.peekMessage = this.getHelloPeekMessage();
+            this.peekMessage = this.getHelloPeekMessage(zonosStore.zonosStore.organizationName);
             const { peekMessageBehavior, peekMessageDelay } = zonosStore.zonosStore.helloSettings;
             // peek message delay is passed in seconds, but setTimeout expects milliseconds
             const peekMessageDelayToUse = peekMessageDelay * 1000;
@@ -692,6 +692,9 @@ const ZonosHello = class {
         const appearanceSettings = zonosStore.mergeConfig(zonosStore.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.zonosStore.organizationName);
         const showHello = this.isShippableCountry() && !!selectedCountryCode;
         return (index.h(index.Host, { class: "zonos--hello zonos--elements", "data-theme": theme }, showHello && (index.h("div", { class: "zonos--hello-wrapper" }, index.h("button", { class: classes.classes([
                 'zonos--hello-widget',

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0dcccc22.js');
-const zonosStore = require('./zonosStore-b43ef5db.js');
+const zonosStore = require('./zonosStore-10d1d6ff.js');
 
 const zonosIconCss = ":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{display:-ms-inline-flexbox;display:inline-flex}:host svg{width:var(--width);height:var(--height);fill:var(--color);color:var(--color)}";
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0dcccc22.js');
-const zonosStore = require('./zonosStore-b43ef5db.js');
+const zonosStore = require('./zonosStore-10d1d6ff.js');
 const classes = require('./classes-b7918f56.js');
 
 const zonosNotificationCss = ":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{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .zonos--notification-items{position:fixed;z-index:9999999;bottom:var(--amino-space-24);gap:var(--amino-space-8);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column}:host .zonos--notification-item{cursor:pointer;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;padding:var(--amino-space-8);border-radius:var(--border-radius, var(--amino-radius-6));opacity:0;-ms-flex-negative:0.0001;flex-shrink:0.0001;-webkit-transform:translateY(100%);transform:translateY(100%)}:host .zonos--notification-item+:host .zonos--notification-item{margin-top:8px}:host .zonos--notification-item.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-ms-flex-positive:1000;flex-grow:1000}:host .zonos--notification-item.success{background-color:var(--amino-green-700)}:host .zonos--notification-item.error{background-color:var(--amino-red-700)}:host .zonos--notification-item.warning{background-color:var(--amino-orange-700)}";

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0dcccc22.js');
-const cart = require('./cart-963ffc24.js');
-require('./zonosStore-b43ef5db.js');
-require('./localization-994933ce.js');
-require('./isDarkColor-ff6ff183.js');
-require('./getBorderRadius-bf4a4276.js');
+const cart = require('./cart-cfa5d5fd.js');
+require('./zonosStore-10d1d6ff.js');
+require('./localization-4746acf7.js');
+require('./isDarkColor-fc8c294a.js');
+require('./getBorderRadius-c3c63ee6.js');
 
 const zonosPaymentCss = ".sc-zonos-payment-h{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-payment-h *.sc-zonos-payment{font-family:var(--font-family, Inter), Inter}.sc-zonos-payment-h img.sc-zonos-payment{max-width:100%}.sc-zonos-payment-h dl.sc-zonos-payment,.sc-zonos-payment-h dd.sc-zonos-payment,.sc-zonos-payment-h h1.sc-zonos-payment,.sc-zonos-payment-h h2.sc-zonos-payment,.sc-zonos-payment-h h3.sc-zonos-payment,.sc-zonos-payment-h h4.sc-zonos-payment,.sc-zonos-payment-h h5.sc-zonos-payment,.sc-zonos-payment-h h6.sc-zonos-payment,.sc-zonos-payment-h hr.sc-zonos-payment,.sc-zonos-payment-h figure.sc-zonos-payment,.sc-zonos-payment-h p.sc-zonos-payment,.sc-zonos-payment-h pre.sc-zonos-payment{margin:0}.sc-zonos-payment-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-payment-h .zonos--title.sc-zonos-payment{margin-bottom:var(--amino-space-16)}";
 

package/dist/cjs/zonos-shipping-rich-radio.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0dcccc22.js');
-const zonosStore = require('./zonosStore-b43ef5db.js');
+const zonosStore = require('./zonosStore-10d1d6ff.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-bf4a4276.js');
+const getBorderRadius = require('./getBorderRadius-c3c63ee6.js');
 const isColorVariable = require('./isColorVariable-41cacd82.js');
 
 const zonosShippingRichRadioCss = ":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{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host input{margin:0;accent-color:var(--selected-border-color, var(--amino-blue-600))}:host .zonos--shipping-rich-radio-item{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;padding:var(--amino-space-16);-ms-flex-align:center;align-items:center;gap:var(--amino-space-16);cursor:pointer;border:1px solid var(--amino-gray-200)}:host .zonos--shipping-rich-radio-item:first-child{border-top-left-radius:var(--border-radius, var(--amino-radius-10));border-top-right-radius:var(--border-radius, var(--amino-radius-10))}:host .zonos--shipping-rich-radio-item:last-child{border-bottom-right-radius:var(--border-radius, var(--amino-radius-10));border-bottom-left-radius:var(--border-radius, var(--amino-radius-10))}:host .zonos--shipping-rich-radio-item:not(:last-child){border-bottom:none}:host .zonos--shipping-rich-radio-item.selected{outline:1px solid var(--selected-border-color, var(--amino-blue-600));outline-offset:-1px}:host .zonos--shipping-info{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1}:host .zonos--shipping-detail{-ms-flex:1;flex:1}:host .zonos--sub-detail{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0dcccc22.js');
-const zonosStore = require('./zonosStore-b43ef5db.js');
+const zonosStore = require('./zonosStore-10d1d6ff.js');
 const classes = require('./classes-b7918f56.js');
 
 const textOptions = {

package/dist/cjs/{zonosStore-b43ef5db.js → zonosStore-10d1d6ff.js}

@@ -2529,7 +2529,6 @@ const { reset, state: zonosStore } = createStore(() => ({
         zonosAttribution: 'DISABLED',
     },
     checkoutSettings: {
-        allowedDomains: [],
         analyticsProviders: [],
         orderNotifications: {
             abandonedCart: {
@@ -2563,7 +2562,6 @@ const { reset, state: zonosStore } = createStore(() => ({
     },
     currentHelloPage: '',
     helloSettings: {
-        allowedDomains: [],
         anchorElementSelector: '',
         cartUrlPattern: '',
         currencyBehavior: 'ENABLED',
@@ -2585,9 +2583,6 @@ const { reset, state: zonosStore } = createStore(() => ({
         restrictionBehavior: 'DISABLED',
     },
     loadedConfig: false,
-    onlineStoreSettings: {
-        allowedDomains: [],
-    },
     organizationName: '',
     sourceCurrency: 'USD',
     storeId: null,
@@ -2613,9 +2608,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/collection/components/checkout/zonos-checkout/zonos-checkout-finish/zonos-checkout-finish.js

@@ -1,9 +1,9 @@
 import { Fragment, h, Host, } from "@stencil/core";
 import { stripeStore, stripeStoreReset, stripeStoreRetrievePayment, } from "../../../store/checkout/stripe";
 import { translate } from "../../../store/translationStore";
+import { zonosStore } from "../../../store/zonosStore";
 import { getBorderRadius } from "../../../utils/getBorderRadius";
 import { handleFetch } from "../../../utils/handleFetch";
-import { logError } from "../../../utils/logging/logError";
 import { submitGtag } from "../../../utils/submitGtag";
 import { cartStore } from "../../../../types/index";
 // eslint-disable-next-line no-relative-import-paths/no-relative-import-paths
@@ -21,17 +21,11 @@ export class ZonosCheckoutFinish {
             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;
         };
+        // 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) {

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

@@ -20,7 +20,7 @@ const PEEK_MESSAGE_CLOSE_DELAY_MS = 3000;
 const RESIZE_DEBOUNCE_DELAY_MS = 500;
 export class ZonosHello {
     constructor() {
-        this.getHelloPeekMessage = () => {
+        this.getHelloPeekMessage = (organizationName) => {
             const isRestrictionPage = zonosStore.currentHelloPage === 'productDetail' ||
                 zonosStore.currentHelloPage === 'productList';
             if (isRestrictionPage && this.allRestrictedItems.length) {
@@ -37,7 +37,7 @@ export class ZonosHello {
                 case 'productDetail':
                     return translate(`See duty and tax thresholds`);
                 default:
-                    return `${translate('Welcome to')} ${zonosStore.organizationName}`;
+                    return `${translate('Welcome to')} ${organizationName}`;
             }
         };
         this.enableShowPeekMessage = () => {
@@ -57,7 +57,7 @@ export class ZonosHello {
             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;
@@ -253,6 +253,9 @@ export class ZonosHello {
         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/collection/components/main/zonos-controller.js

@@ -220,7 +220,7 @@ export class ZonosController {
                 "mutable": false,
                 "complexType": {
                     "original": "LoadZonosParamsConfig",
-                    "resolved": "{ appearance?: Partial<AppearanceConfig> | undefined; checkoutSettings?: Partial<CheckoutConfig> | undefined; currencyConverter?: CurrencyConverter | undefined; helloSettings?: Partial<HelloConfig> | undefined; onlineStoreSettings?: Partial<OnlineStoreConfig> | undefined; }",
+                    "resolved": "{ appearance?: Partial<AppearanceConfig> | undefined; checkoutSettings?: Partial<CheckoutConfig> | undefined; currencyConverter?: CurrencyConverter | undefined; helloSettings?: Partial<HelloConfig> | undefined; }",
                     "references": {
                         "LoadZonosParamsConfig": {
                             "location": "import",
@@ -353,7 +353,7 @@ export class ZonosController {
                     "signature": "(config: LoadZonosParamsConfig) => Promise<void>",
                     "parameters": [{
                             "name": "config",
-                            "type": "{ appearance?: Partial<AppearanceConfig> | undefined; checkoutSettings?: Partial<CheckoutConfig> | undefined; currencyConverter?: CurrencyConverter | undefined; helloSettings?: Partial<HelloConfig> | undefined; onlineStoreSettings?: Partial<OnlineStoreConfig> | undefined; }",
+                            "type": "{ appearance?: Partial<AppearanceConfig> | undefined; checkoutSettings?: Partial<CheckoutConfig> | undefined; currencyConverter?: CurrencyConverter | undefined; helloSettings?: Partial<HelloConfig> | undefined; }",
                             "docs": "config that need to override the default setting"
                         }],
                     "references": {

package/dist/collection/components/store/zonosStore.js

@@ -10,7 +10,6 @@ const { reset, state: zonosStore } = createStore(() => ({
         zonosAttribution: 'DISABLED',
     },
     checkoutSettings: {
-        allowedDomains: [],
         analyticsProviders: [],
         orderNotifications: {
             abandonedCart: {
@@ -44,7 +43,6 @@ const { reset, state: zonosStore } = createStore(() => ({
     },
     currentHelloPage: '',
     helloSettings: {
-        allowedDomains: [],
         anchorElementSelector: '',
         cartUrlPattern: '',
         currencyBehavior: 'ENABLED',
@@ -66,9 +64,6 @@ const { reset, state: zonosStore } = createStore(() => ({
         restrictionBehavior: 'DISABLED',
     },
     loadedConfig: false,
-    onlineStoreSettings: {
-        allowedDomains: [],
-    },
     organizationName: '',
     sourceCurrency: 'USD',
     storeId: null,
@@ -94,9 +89,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/collection/types/generated/graphql.customer.types.js

@@ -51,10 +51,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',
 };
@@ -1024,6 +1032,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 +1258,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 +1291,7 @@ export const landedCostFeeType = {
     Item: 'ITEM',
     Other: 'OTHER',
     Shipping: 'SHIPPING',
+    Tax: 'TAX',
     ZonosLandedCostGuarantee: 'ZONOS_LANDED_COST_GUARANTEE',
 };
 export const landedCostGuaranteeCode = {
@@ -1758,9 +1779,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',