@zonos/elements 1.2.1 → 1.2.3

package/dist/scripts/loadZonos.js

@@ -141,8 +141,43 @@ const zonosLoadStripe = async (...args) => {
 };
 
 var _a;
-const ZONOS_URL = "https://v1.2.1.js.zonos.com";
-const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.2.1";
+// 3 hours
+const EXPIRED_QA_TIME = 3 * 60 * 60 * 1000;
+// validate the time format (yyyymmddhhmmss) in the qa params if exceeds 1 hour, don't use qa
+const isZonosQa = (() => {
+    const zonosQaTime = window.location.search.match(/\?.*(&*)zonosQa=(\d+)/);
+    if (!zonosQaTime) {
+        return false;
+    }
+    const [, , zonosQaTimeExtracted] = zonosQaTime;
+    if (!zonosQaTimeExtracted) {
+        return false;
+    }
+    const zonosQaTimeValue = parseInt(zonosQaTimeExtracted, 10);
+    const now = new Date();
+    const nowTime = now.getTime();
+    const isValid = nowTime - zonosQaTimeValue < EXPIRED_QA_TIME;
+    if (isValid) {
+        // Zonos class is not available in here yet, so we use console.warn instead of log util
+        // eslint-disable-next-line no-console
+        console.warn(`[ZONOS-WARNING] USING DEBUG DOMAIN, THIS IS ONLY FOR ZONOS DEVELOPER TO DEBUG, PLEASE REMOVE zonosQa=xxx OUT OF URL IF YOU DON'T KNOW WHAT YOU'RE DOING`);
+    }
+    else {
+        // Zonos class is not available in here yet, so we use console.warn instead of log util
+        // eslint-disable-next-line no-console
+        console.warn(`[ZONOS-WARNING] QA DOMAIN IS EXPIRED, USING PRODUCTION DOMAIN NOW`);
+        // remove the zonosQa param from url
+        const urlSearchParams = new URLSearchParams(window.location.search);
+        urlSearchParams.delete('zonosQa');
+        const newUrl = `${window.location.pathname}?${urlSearchParams.toString()}`;
+        window.history.replaceState({}, '', newUrl);
+    }
+    return isValid;
+})();
+const ZONOS_URL = isZonosQa
+    ? 'https://debug.js.zonos.com'
+    : "https://v1.2.3.js.zonos.com";
+const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.2.3";
 const INTER_FONT_URL = 'https://rsms.me';
 const INTER_FONT_REGEX = /^https:\/\/rsms\.me\/inter\/inter\.css(.*)$/;
 class Zonos {
@@ -153,7 +188,8 @@ Zonos.doneInit = false;
 Zonos.debug = !!window.location.search.match(/\?.*(&*)zonosDebug=1/);
 Zonos.isBigCommerce = false;
 Zonos.internationalHideSelector = '';
-Zonos.version = `v${"1.2.1"}`;
+Zonos.version = `v${"1.2.3"}`;
+Zonos.getCurrentTimestamp = () => new Date().getTime();
 Zonos.init = async ({ appearance, checkoutSettings, currencyConverter, helloSettings, zonosApiKey, }) => {
     if (Zonos.doneInit) {
         // do nothing if zonos is already initializeds
@@ -165,7 +201,6 @@ Zonos.init = async ({ appearance, checkoutSettings, currencyConverter, helloSett
         return;
     }
     _a.zonosApiKey = zonosApiKey;
-    // eslint-disable-next-line no-console
     log('init zonos');
     // inject zonos cdn
     Zonos.injectZonosCdn();
@@ -195,10 +230,56 @@ Zonos.showNotification = (notification) => {
     const zonosController = document.querySelector('zonos-controller');
     void (zonosController === null || zonosController === void 0 ? void 0 : zonosController.showNotification(notification));
 };
+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) {
+        const placeOrderButton = document.querySelectorAll(placeOrderButtonSelector);
+        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();
+            }
+        };
+        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 we are setting button disable
+        if (autoEnable && 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);
+        }
+    }
+};
 Zonos.injectController = ({ config, zonosApiKey, }) => {
+    var _b;
     if (document.querySelector('zonos-controller')) {
         return;
     }
+    // if placeOrderAnchor is passed in the config for checkoutSettings, disable the place order button until zonos is initialized
+    if ((_b = config.checkoutSettings) === null || _b === void 0 ? void 0 : _b.placeOrderButtonSelector) {
+        const placeOrderButtonSelector = config.checkoutSettings.placeOrderButtonSelector;
+        _a.disablePlaceOrderButtons({
+            disable: true,
+            placeOrderButtonSelector,
+        });
+    }
     const zonosController = document.createElement('zonos-controller');
     zonosController.config = config;
     zonosController.zonosApiKey = zonosApiKey;
@@ -306,7 +387,7 @@ Zonos.injectStylesheet = ({ fallBackDomain, stylesheetDomain, theRestUrl, }) =>
 };
 Zonos.injectZonosCss = () => {
     const findStyleLink = () => {
-        return !!document.querySelector(`link[rel="stylesheet"][href^="${ZONOS_URL}/dist/zonos-elements/zonos-elements.css"]`);
+        return !!document.querySelector(`link[rel="stylesheet"][href*="/dist/zonos-elements/zonos-elements.css"]`);
     };
     if (findStyleLink()) {
         // eslint-disable-next-line no-console

package/dist/scripts/zonos.js

@@ -141,8 +141,43 @@ const zonosLoadStripe = async (...args) => {
 };
 
 var _a;
-const ZONOS_URL = "https://v1.2.1.js.zonos.com";
-const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.2.1";
+// 3 hours
+const EXPIRED_QA_TIME = 3 * 60 * 60 * 1000;
+// validate the time format (yyyymmddhhmmss) in the qa params if exceeds 1 hour, don't use qa
+const isZonosQa = (() => {
+    const zonosQaTime = window.location.search.match(/\?.*(&*)zonosQa=(\d+)/);
+    if (!zonosQaTime) {
+        return false;
+    }
+    const [, , zonosQaTimeExtracted] = zonosQaTime;
+    if (!zonosQaTimeExtracted) {
+        return false;
+    }
+    const zonosQaTimeValue = parseInt(zonosQaTimeExtracted, 10);
+    const now = new Date();
+    const nowTime = now.getTime();
+    const isValid = nowTime - zonosQaTimeValue < EXPIRED_QA_TIME;
+    if (isValid) {
+        // Zonos class is not available in here yet, so we use console.warn instead of log util
+        // eslint-disable-next-line no-console
+        console.warn(`[ZONOS-WARNING] USING DEBUG DOMAIN, THIS IS ONLY FOR ZONOS DEVELOPER TO DEBUG, PLEASE REMOVE zonosQa=xxx OUT OF URL IF YOU DON'T KNOW WHAT YOU'RE DOING`);
+    }
+    else {
+        // Zonos class is not available in here yet, so we use console.warn instead of log util
+        // eslint-disable-next-line no-console
+        console.warn(`[ZONOS-WARNING] QA DOMAIN IS EXPIRED, USING PRODUCTION DOMAIN NOW`);
+        // remove the zonosQa param from url
+        const urlSearchParams = new URLSearchParams(window.location.search);
+        urlSearchParams.delete('zonosQa');
+        const newUrl = `${window.location.pathname}?${urlSearchParams.toString()}`;
+        window.history.replaceState({}, '', newUrl);
+    }
+    return isValid;
+})();
+const ZONOS_URL = isZonosQa
+    ? 'https://debug.js.zonos.com'
+    : "https://v1.2.3.js.zonos.com";
+const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.2.3";
 const INTER_FONT_URL = 'https://rsms.me';
 const INTER_FONT_REGEX = /^https:\/\/rsms\.me\/inter\/inter\.css(.*)$/;
 class Zonos {
@@ -153,7 +188,8 @@ Zonos.doneInit = false;
 Zonos.debug = !!window.location.search.match(/\?.*(&*)zonosDebug=1/);
 Zonos.isBigCommerce = false;
 Zonos.internationalHideSelector = '';
-Zonos.version = `v${"1.2.1"}`;
+Zonos.version = `v${"1.2.3"}`;
+Zonos.getCurrentTimestamp = () => new Date().getTime();
 Zonos.init = async ({ appearance, checkoutSettings, currencyConverter, helloSettings, zonosApiKey, }) => {
     if (Zonos.doneInit) {
         // do nothing if zonos is already initializeds
@@ -165,7 +201,6 @@ Zonos.init = async ({ appearance, checkoutSettings, currencyConverter, helloSett
         return;
     }
     _a.zonosApiKey = zonosApiKey;
-    // eslint-disable-next-line no-console
     log('init zonos');
     // inject zonos cdn
     Zonos.injectZonosCdn();
@@ -195,10 +230,56 @@ Zonos.showNotification = (notification) => {
     const zonosController = document.querySelector('zonos-controller');
     void (zonosController === null || zonosController === void 0 ? void 0 : zonosController.showNotification(notification));
 };
+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) {
+        const placeOrderButton = document.querySelectorAll(placeOrderButtonSelector);
+        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();
+            }
+        };
+        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 we are setting button disable
+        if (autoEnable && 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);
+        }
+    }
+};
 Zonos.injectController = ({ config, zonosApiKey, }) => {
+    var _b;
     if (document.querySelector('zonos-controller')) {
         return;
     }
+    // if placeOrderAnchor is passed in the config for checkoutSettings, disable the place order button until zonos is initialized
+    if ((_b = config.checkoutSettings) === null || _b === void 0 ? void 0 : _b.placeOrderButtonSelector) {
+        const placeOrderButtonSelector = config.checkoutSettings.placeOrderButtonSelector;
+        _a.disablePlaceOrderButtons({
+            disable: true,
+            placeOrderButtonSelector,
+        });
+    }
     const zonosController = document.createElement('zonos-controller');
     zonosController.config = config;
     zonosController.zonosApiKey = zonosApiKey;
@@ -306,7 +387,7 @@ Zonos.injectStylesheet = ({ fallBackDomain, stylesheetDomain, theRestUrl, }) =>
 };
 Zonos.injectZonosCss = () => {
     const findStyleLink = () => {
-        return !!document.querySelector(`link[rel="stylesheet"][href^="${ZONOS_URL}/dist/zonos-elements/zonos-elements.css"]`);
+        return !!document.querySelector(`link[rel="stylesheet"][href*="/dist/zonos-elements/zonos-elements.css"]`);
     };
     if (findStyleLink()) {
         // eslint-disable-next-line no-console

package/dist/types/components/main/zonos-controller.d.ts

@@ -26,6 +26,7 @@ export declare class ZonosController {
    * Init zonos notification
    */
   private initZonosNotification;
+  private disablePlaceOrderButtons;
   componentWillLoad(): Promise<void>;
   /**
    * Show notification

package/dist/types/components/store/checkout/stripe.d.ts

@@ -1,4 +1,4 @@
-import type { PaymentIntent, Stripe, StripeAddressElement, StripeAddressElementChangeEvent, StripeElements, StripeLinkAuthenticationElement, StripeLinkAuthenticationElementChangeEvent, StripePaymentElement, StripePaymentElementChangeEvent } from '@stripe/stripe-js';
+import type { PaymentIntent, Stripe, StripeAddressElement, StripeAddressElementChangeEvent, StripeElements, StripeElementsOptions, StripeLinkAuthenticationElement, StripeLinkAuthenticationElementChangeEvent, StripePaymentElement, StripePaymentElementChangeEvent } from '@stripe/stripe-js';
 import type { CheckoutSessionUpdateMutation, CountryCode, ElementsUiStyle, ElementsUiTheme } from "../../../types/generated/graphql.customer.types";
 export type ContactOption = {
   address: {
@@ -22,6 +22,7 @@ type StripeStore = {
   stripeAddressEventData: StripeAddressElementChangeEvent | null;
   stripeAddressUsedWhenFetchingLC: StripeAddressElementChangeEvent | null;
   stripeElements: StripeElements | null;
+  stripeElementsOptions: StripeElementsOptions | null;
   stripeLinkElement: StripeLinkAuthenticationElement | null;
   stripeLinkEventData: StripeLinkAuthenticationElementChangeEvent | null;
   stripeLinkUsedWhenFetchingLC: StripeLinkAuthenticationElementChangeEvent | null;

package/dist/types/components/store/hello/localization.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="node" />
 import { type CountryLandedCost } from "../../utils/api/getCountryLandedCost";
 import { type TargetFormat } from "../../utils/api/getExchangeRate";
 import type { CountryCode } from "../../../types/index";
@@ -12,6 +13,7 @@ type LocalizationStore = {
   countryLandedCost: CountryLandedCost | null;
   customMessages: ILocaleMessageForUse[];
   exchangeRate: ExchangeRateForUse | null;
+  exchangeRateTimeout?: NodeJS.Timeout;
   isShippableCountry: boolean;
   localizationLoaded: boolean;
   selectedCountryCode: CountryCode | null;

package/dist/types/components/utils/api/getExchangeRate.d.ts

@@ -12,6 +12,12 @@ export declare const getExchangeRate: ({ country, isGuaranteed, sourceCurrency,
   sourceCurrency: string;
   targetCurrency: string;
 }) => Promise<{
-  rate: number;
-  targetFormat: TargetFormat;
-} | null>;
+  exchangeRate: null;
+  maxAge: null;
+} | {
+  exchangeRate: {
+    rate: number;
+    targetFormat: TargetFormat;
+  };
+  maxAge: number;
+}>;

package/dist/types/components/utils/changeDeepProperty.d.ts

@@ -37,7 +37,7 @@ import type { IDeepKeyof, IDeepPropertyType } from "../../types/index";
       },
     };
  */
-export declare const changeDeepProperty: <T extends Record<string, unknown>, P extends IDeepKeyof<T, Depth>, Depth extends 0 | 8 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 9 = 4>({ obj, propertyPath, value, }: {
+export declare const changeDeepProperty: <T extends Record<string, unknown>, P extends IDeepKeyof<T, Depth>, Depth extends 0 | 8 | 1 | 2 | 6 | 5 | 3 | 4 | 7 | 9 = 4>({ obj, propertyPath, value, }: {
   obj: T;
   propertyPath: P;
   value: IDeepPropertyType<T, P, Depth>;

package/dist/types/components/utils/changeDeepPropertyAtIndex.d.ts

@@ -60,7 +60,7 @@ import type { IDeepKeyofAtIndex, IDeepPropertyTypeAtIndex } from "../../types/in
       },
     };
  */
-export declare const changeDeepPropertyAtIndex: <T extends object, P extends IDeepKeyofAtIndex<T, Depth>, Depth extends 0 | 8 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 9 = 4>({ index, obj, propertyPath, value, }: {
+export declare const changeDeepPropertyAtIndex: <T extends object, P extends IDeepKeyofAtIndex<T, Depth>, Depth extends 0 | 8 | 1 | 2 | 6 | 5 | 3 | 4 | 7 | 9 = 4>({ index, obj, propertyPath, value, }: {
   index: number;
   obj: T;
   propertyPath: P;

package/dist/types/components/utils/checkout/initCheckout.d.ts

@@ -1,2 +1,2 @@
 import type { CheckoutConfig } from "../../../types/checkout/CheckoutConfig";
-export declare const initCheckout: (config: Partial<CheckoutConfig>) => Promise<void>;
+export declare const initCheckout: (config: Partial<CheckoutConfig>) => void;

package/dist/types/environment.d.ts

@@ -45,9 +45,14 @@ export declare const env: {
   NEXT_PUBLIC_ZONOS_UNPKG_CDN_URL: string;
 };
 type Keys = keyof typeof env;
+type Props = {
+  override?: {
+    [key in Keys]: string;
+  };
+};
 /**
  * Env object that has all of native env variable used in code to replace them with
  * actual values from .env
  */
-export declare const getReplaceEnv: () => Record<`process.env.${Keys}`, string>;
+export declare const getReplaceEnv: (props?: Props) => Record<`process.env.${Keys}`, string>;
 export {};

package/dist/types/scripts/zonos.d.ts

@@ -27,6 +27,7 @@ export interface Zonos {
   version: string;
   zonosApiKey: string;
   displayCurrency: () => void;
+  getCurrentTimestamp: () => number;
   init: (params: LoadZonosParams) => Promise<void>;
   showNotification: (props: NotificationInit) => void;
 }
@@ -38,9 +39,11 @@ export declare abstract class Zonos {
   static isBigCommerce: boolean;
   static internationalHideSelector: string;
   static version: string;
+  static getCurrentTimestamp: () => number;
   static init: ({ appearance, checkoutSettings, currencyConverter, helloSettings, zonosApiKey, }: LoadZonosParams) => Promise<void>;
   static displayCurrency: () => void;
   static showNotification: (notification: NotificationInit) => void;
+  private static disablePlaceOrderButtons;
   private static injectController;
   private static injectScript;
   private static injectZonosCdn;

package/dist/types/types/generated/graphql.customer.types.d.ts

@@ -2238,6 +2238,7 @@ export type CheckoutSessionUpdateDetailsFragment = {
 };
 export type ExchangeRateCreateMutation = {
   exchangeRateCreate: {
+    expiresAt: string;
     rate: number;
     targetFormat: {
       currencyCode: CurrencyCode;

package/dist/types/types/generated/graphql.customer.types.ts

@@ -2532,6 +2532,7 @@ export type CheckoutSessionUpdateDetailsFragment = {
 
 export type ExchangeRateCreateMutation = {
   exchangeRateCreate: {
+    expiresAt: string;
     rate: number;
     targetFormat: {
       currencyCode: CurrencyCode;

package/dist/zonos-elements/assets/RemoveIcon.svg

@@ -1 +1 @@
-<svg color="var(--amino-red-800)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z" data-is-secondary-color="true" fill="var(--amino-red-200)" fill-rule="evenodd"></path><path clip-rule="evenodd" d="M8.293 8.293a1 1 0 0 1 1.414 0L12 10.586l2.293-2.293a1 1 0 1 1 1.414 1.414L13.414 12l2.293 2.293a1 1 0 0 1-1.414 1.414L12 13.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L10.586 12 8.293 9.707a1 1 0 0 1 0-1.414Z" fill="currentColor" fill-rule="evenodd"></path></svg>g>
+<svg color="var(--amino-red-800)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z" data-is-secondary-color="true" fill="var(--amino-red-200)" fill-rule="evenodd"></path><path clip-rule="evenodd" d="M8.293 8.293a1 1 0 0 1 1.414 0L12 10.586l2.293-2.293a1 1 0 1 1 1.414 1.414L13.414 12l2.293 2.293a1 1 0 0 1-1.414 1.414L12 13.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L10.586 12 8.293 9.707a1 1 0 0 1 0-1.414Z" fill="currentColor" fill-rule="evenodd"></path></svg>

package/dist/zonos-elements/index.esm.js

@@ -1 +1 @@
-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"./p-30fd29fb.js";import"./p-08695f4e.js";import"./p-dc8d7000.js";import"./p-bb36a9f8.js";import"./p-bf070bf6.js";import"./p-0e0b46a5.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"./p-8378d94e.js";import"./p-08695f4e.js";import"./p-dc8d7000.js";import"./p-770c959e.js";import"./p-bf070bf6.js";import"./p-0e0b46a5.js";

package/dist/zonos-elements/p-0ed3bb9f.system.entry.js

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(t,e,n,o){function r(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,i){function s(t){try{u(o.next(t))}catch(t){i(t)}}function c(t){try{u(o["throw"](t))}catch(t){i(t)}}function u(t){t.done?n(t.value):r(t.value).then(s,c)}u((o=o.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},o,r,i,s;return s={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function c(t){return function(e){return u([t,e])}}function u(c){if(o)throw new TypeError("Generator is already executing.");while(s&&(s=0,c[0]&&(n=0)),n)try{if(o=1,r&&(i=c[0]&2?r["return"]:c[0]?r["throw"]||((i=r["return"])&&i.call(r),0):r.next)&&!(i=i.call(r,c[1])).done)return i;if(r=0,i)c=[c[0]&2,i.value];switch(c[0]){case 0:case 1:i=c;break;case 4:n.label++;return{value:c[1],done:false};case 5:n.label++;r=c[1];c=[0];continue;case 7:c=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(c[0]===6||c[0]===2)){n=0;continue}if(c[0]===3&&(!i||c[1]>i[0]&&c[1]<i[3])){n.label=c[1];break}if(c[0]===6&&n.label<i[1]){n.label=i[1];i=c;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(c);break}if(i[2])n.ops.pop();n.trys.pop();continue}c=e.call(t,n)}catch(t){c=[6,t];r=0}finally{o=i=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};System.register(["./p-68d06767.system.js","./p-f6add79c.system.js","./p-164fae93.system.js","./p-6dcd752e.system.js","./p-85ab35c9.system.js","./p-8c867835.system.js"],(function(t){"use strict";var e,n,o,r,i,s,c,u,a,l,f,d,h;return{setters:[function(t){e=t.r;n=t.c;o=t.h;r=t.H},function(t){i=t.s},function(t){s=t.h;c=t.b;u=t.i;a=t.l;l=t.c;f=t.d},function(t){d=t.z;h=t.d},function(){},function(){}],execute:function(){var v=this;var p=function(){return __awaiter(v,void 0,void 0,(function(){var t,e,n,o;return __generator(this,(function(r){switch(r.label){case 0:t="".concat("https://v1.route.js.zonos.com","/api/zonos-setting");return[4,s(t)];case 1:e=r.sent(),n=e.errors,o=e.json;if(n.length){c("Error occurs when getting zonos settings. If this is not an unauthorized error, it will use user setting or default setting");return[2,{errors:n,json:null}]}return[2,{errors:[],json:o}]}}))}))};var y=function(){var t=document.querySelector("zonos-checkout");if(!t){var e=document.createElement("zonos-checkout");document.body.appendChild(e)}};var m=function(t){if(!t.placeOrderButtonSelector){return}if(!u(t.placeOrderButtonSelector)){c('Selector checkoutButtonAnchor "'.concat(t.placeOrderButtonSelector,'" is not a valid selector'));return}y()};var g=function(t){var e=document.querySelector("zonos-hello");if(!e&&t){var n=document.createElement("zonos-hello");t.appendChild(n)}};var b=function(t){return __awaiter(v,void 0,void 0,(function(){var e,n;return __generator(this,(function(o){e=t.anchorElementSelector;if(!e||!u(e)){c('Selector anchorElementSelector "'.concat(t.anchorElementSelector,'" is not a valid selector.'));return[2]}n=document.querySelector(e);a("Hello init complete");g(n);return[2]}))}))};var _=":host{font-family:Inter;display:block}: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{visibility:hidden;opacity:0;height:0}";var w=t("zonos_controller",function(){function t(t){e(this,t);this.stripeInitEvent=n(this,"stripeInitEvent",7);this.disablePlaceOrderButtons=function(t){var e=t.disable;var n=d.checkoutSettings.placeOrderButtonSelector;if(!n){return}var o=function(t){var e=t.target;if(e.getAttribute("disabled")){t.preventDefault();t.stopPropagation()}};var r=document.querySelectorAll(n);r.forEach((function(t){if(e){t.setAttribute("disabled","true");t.addEventListener("click",o)}else{t.removeAttribute("disabled");t.removeEventListener("click",o)}}));if(e){setTimeout((function(){r.forEach((function(t){t.removeAttribute("disabled");t.removeEventListener("click",o)}))}),5e3)}};this.config=undefined;this.zonosApiKey=undefined}t.prototype.initCheckoutElement=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(!t){a("Stripe is not loaded yet - cannot init checkout element","warn");return[2]}i.stripe=t;void m(d.checkoutSettings);a("init checkout element");this.disablePlaceOrderButtons({disable:false});return[2]}))}))};t.prototype.initZonosNotification=function(){var t=document.querySelector("zonos-notification");if(t){return}var e=document.createElement("zonos-notification");document.body.appendChild(e)};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){d.zonosApiKey=this.zonosApiKey;(function(){return __awaiter(t,void 0,void 0,(function(){var t,e,n,o,r,i;return __generator(this,(function(s){switch(s.label){case 0:return[4,p()];case 1:n=s.sent(),o=n.errors,r=n.json;if(((t=o[0])===null||t===void 0?void 0:t.type.toString())==="403"){a("Failed to load zonos settings. This domain may not have access","warn");return[2]}this.disablePlaceOrderButtons({disable:true});this.initZonosNotification();h({overrideSettings:this.config,zonosSettings:r});if(d.helloSettings){void b(d.helloSettings)}return[4,l()];case 2:s.sent();i=((e=r===null||r===void 0?void 0:r.checkoutSettings)===null||e===void 0?void 0:e.externalServiceTokens.find((function(t){return t.type==="STRIPE_PUBLISHABLE_TOKEN"})))||null;if(!i||!this.stripeInitEvent){a("Checkout failed to load -- missing publishable key","warn");return[2]}if(d.checkoutSettings.subscriptionStatus==="INACTIVE"){a('=== Checkout subscription is "INACTIVE" - Cancel initializing for Checkout ===',"warn");a("zonos controller loaded");return[2]}if(d.checkoutSettings.visibilityStatus==="DISABLED"){a("=== Checkout is disabled by store owner ===","warn");a("zonos controller loaded");return[2]}this.stripeInitEvent.emit({publishableKey:i.token});a("zonos controller loaded");return[2]}}))}))})();return[2]}))}))};t.prototype.showNotification=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(n){e=document.querySelector("zonos-notification");if(!e){a("Failed to show notification - zonos-notification not found","warn");return[2]}void e.showNotification(t);return[2]}))}))};t.prototype.overrideConfig=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){h({overrideSettings:t,zonosSettings:null});return[2]}))}))};t.prototype.overrideCountry=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){void f(t);return[2]}))}))};t.prototype.render=function(){return o(r,{class:"zonos--elements"})};return t}());w.style=_}}}));