@zonos/elements 1.2.4-alpha.8 → 1.3.2

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/__tests__/build-utils/urlCheckOne.js

@@ -15,9 +15,12 @@ export const urlCheckOne = async ({ branch, filePath, packageVersion, }) => {
             // no need to check for debug.js.zonos.com since it will not be versioned and be used only for live QA
             'debug.js.zonos.com',
         ];
+        // these files are load file, no need to check version url here
+        const excludeFiles = ['zonosBase', 'zonos', 'loadZonos'];
         result.forEach(([fullUrl]) => {
             if (fullUrl.includes('.js.zonos.com') &&
-                !excludeDomainPattern.includes(fullUrl)) {
+                !excludeDomainPattern.includes(fullUrl) &&
+                !excludeFiles.some(file => filePath.includes(file))) {
                 // match: v1.2.3-alpha.0.qa.js.zonos.com | v1.2.3.qa.js.zonos.com | v1.qa.js.zonos.com
                 const versioned = /(v(?<major>\d+)(?<patch>\.\d+(\-alpha\.\d+)*)*)\.*(.*?js\.zonos\.com)/g.exec(fullUrl);
                 if (!versioned) {

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

@@ -2,7 +2,7 @@ import { h, Host, } from "@stencil/core";
 import { stripeStore } from "../store/checkout/stripe";
 import { initLocalizationStore, localizationStoreUpdateSelectedCountryCode, } from "../store/hello/localization";
 import { zonosStore, zonosStoreFontFamily, zonosStoreInitSetting, } from "../store/zonosStore";
-import { getZonosSetting } from "../utils/api/getZonosSetting";
+import { getZonosSettings } from "../utils/api/getZonosSettings";
 import { initCheckout } from "../utils/checkout/initCheckout";
 import { handleFetch } from "../utils/handleFetch";
 import { initHello } from "../utils/hello/initHello";
@@ -113,7 +113,7 @@ export 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;
@@ -192,6 +192,12 @@ export class ZonosController {
     async getAppearanceSetting() {
         return zonosStore.appearance;
     }
+    /**
+     * Update the organizationName
+     */
+    async updateOrganizationName(organizationName) {
+        zonosStore.organizationName = organizationName;
+    }
     render() {
         return h(Host, { class: "zonos--elements" });
     }
@@ -214,12 +220,12 @@ 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",
-                            "path": "src/scripts/zonos",
-                            "id": "src/scripts/zonos.ts::LoadZonosParamsConfig"
+                            "path": "src/scripts/zonosBase",
+                            "id": "src/scripts/zonosBase.ts::LoadZonosParamsConfig"
                         }
                     }
                 },
@@ -347,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": {
@@ -357,8 +363,8 @@ export class ZonosController {
                         },
                         "LoadZonosParamsConfig": {
                             "location": "import",
-                            "path": "src/scripts/zonos",
-                            "id": "src/scripts/zonos.ts::LoadZonosParamsConfig"
+                            "path": "src/scripts/zonosBase",
+                            "id": "src/scripts/zonosBase.ts::LoadZonosParamsConfig"
                         }
                     },
                     "return": "Promise<void>"
@@ -418,6 +424,27 @@ export class ZonosController {
                     "text": "Get appearance from setting",
                     "tags": []
                 }
+            },
+            "updateOrganizationName": {
+                "complexType": {
+                    "signature": "(organizationName: string) => Promise<void>",
+                    "parameters": [{
+                            "name": "organizationName",
+                            "type": "string",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Update the organizationName",
+                    "tags": []
+                }
             }
         };
     }

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/components/utils/api/{getZonosSetting.js → getZonosSettings.js}

@@ -1,10 +1,10 @@
 import { handleFetch } from "../handleFetch";
 import { logError } from "../logging/logError";
-export const getZonosSetting = async () => {
+export const getZonosSettings = async () => {
     const url = `${process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL}/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 };

package/dist/collection/components/utils/handleFetch.js

@@ -107,7 +107,7 @@ export 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/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) {
@@ -188,24 +193,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

@@ -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',

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,17 +29,11 @@ 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;
         };
+        // 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/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 };
@@ -168,7 +168,7 @@ 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;
@@ -247,6 +247,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 +265,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-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