@zonos/elements 1.0.17-alpha.1 → 1.1.2

package/dist/scripts/zonos.js

@@ -141,7 +141,8 @@ const zonosLoadStripe = async (...args) => {
 };
 
 var _a;
-const ZONOS_URL = "https://unpkg.com/@zonos/elements@1.0.17-alpha.1";
+const ZONOS_URL = "https://v1.1.2.js.zonos.com";
+const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.1.2";
 const INTER_FONT_URL = 'https://rsms.me';
 const INTER_FONT_REGEX = /^https:\/\/rsms\.me\/inter\/inter\.css(.*)$/;
 class Zonos {
@@ -155,7 +156,7 @@ Zonos.init = async ({ appearance, checkoutSettings, currencyConverter, helloSett
         // do nothing if zonos is already initializeds
         return;
     }
-    log('====== ZONOS DEBUG MODE: on ======');
+    log(`====== ZONOS DEBUG MODE: on (v${"1.1.2"}) ======`);
     if (!zonosApiKey) {
         logError('Missing Zonos API key');
         return;
@@ -213,32 +214,93 @@ Zonos.injectController = ({ config, zonosApiKey, }) => {
     // eslint-disable-next-line no-console
     log('Zonos controller injected!');
 };
-Zonos.injectZonosCdn = () => {
+Zonos.injectScript = ({ fallBackDomain, isModule, scriptDomain, theRestUrl, }) => {
+    const fullScriptUrl = `${scriptDomain}/${theRestUrl}`;
     const findScript = () => {
-        const scripts = document.querySelectorAll(`script[src^="${ZONOS_URL}/dist/zonos-elements"]`);
-        scripts.forEach(script => {
-            if (script.src.indexOf('zonos-elements.js')) {
-                return true;
-            }
-        });
-        return false;
+        const script = document.querySelector(`script[src="${fullScriptUrl}"]`);
+        return !!script;
     };
-    if (findScript()) ;
+    if (findScript()) {
+        // eslint-disable-next-line no-console
+        log(`Zonos script "${fullScriptUrl}" already exists in the document`, 'warn');
+        return;
+    }
     const headOrBody = document.head || document.body;
     // init zonos elements when the zonosKey is valid
     // inject esmodule cdn for zonos elements
-    const zonosEsmCdn = document.createElement('script');
-    zonosEsmCdn.type = 'module';
-    zonosEsmCdn.src = `${ZONOS_URL}/dist/zonos-elements/zonos-elements.esm.js`;
-    headOrBody.appendChild(zonosEsmCdn);
+    const script = document.createElement('script');
+    if (!!isModule) {
+        script.type = 'module';
+    }
+    else {
+        script.noModule = true;
+    }
+    script.src = fullScriptUrl;
+    script.onerror = () => {
+        // only fallback if the stylesheetDomain is versioned. (https://v1.2.3.something.com || https://v1.something.com)
+        const isVersioned = /\/\/v\d+\./g.test(scriptDomain);
+        if (!isVersioned) {
+            log('No need to fallback since this is not a versioned domain', 'warn');
+            return;
+        }
+        if (fallBackDomain) {
+            _a.injectScript({
+                isModule,
+                scriptDomain: fallBackDomain,
+                theRestUrl,
+            });
+        }
+        logError(`Failed to load ${script.src}`);
+    };
+    headOrBody.appendChild(script);
+};
+Zonos.injectZonosCdn = () => {
+    // init zonos elements when the zonosKey is valid
+    // inject esmodule cdn for zonos elements
+    _a.injectScript({
+        fallBackDomain: UNPKG_ZONOS_URL,
+        isModule: true,
+        scriptDomain: ZONOS_URL,
+        theRestUrl: 'dist/zonos-elements/zonos-elements.esm.js',
+    });
     // inject non module cdn for zonos elements
-    const zonosCdn = document.createElement('script');
-    zonosCdn.noModule = true;
-    zonosCdn.src = `${ZONOS_URL}/dist/zonos-elements/zonos-elements.js`;
-    headOrBody.appendChild(zonosCdn);
+    _a.injectScript({
+        fallBackDomain: UNPKG_ZONOS_URL,
+        isModule: false,
+        scriptDomain: ZONOS_URL,
+        theRestUrl: 'dist/zonos-elements/zonos-elements.js',
+    });
     // eslint-disable-next-line no-console
     log('Zonos cdn script injected!');
 };
+Zonos.injectStylesheet = ({ fallBackDomain, stylesheetDomain, theRestUrl, }) => {
+    const headOrBody = document.head || document.body;
+    // inject preconnect css for zonos elements
+    const zonosCssPreconnect = document.createElement('link');
+    zonosCssPreconnect.rel = 'preconnect';
+    zonosCssPreconnect.href = `${ZONOS_URL}/`;
+    headOrBody.appendChild(zonosCssPreconnect);
+    // inject css for zonos elements
+    const zonosCss = document.createElement('link');
+    zonosCss.rel = 'stylesheet';
+    zonosCss.href = `${stylesheetDomain}/${theRestUrl}`;
+    zonosCss.onerror = () => {
+        // only fallback if the stylesheetDomain is versioned. (https://v1.2.3.something.com || https://v1.something.com)
+        const isVersioned = /\/\/v\d+\./g.test(stylesheetDomain);
+        if (!isVersioned) {
+            log('No need to fallback since this is not a versioned domain', 'warn');
+            return;
+        }
+        if (fallBackDomain && isVersioned) {
+            _a.injectStylesheet({
+                stylesheetDomain: fallBackDomain,
+                theRestUrl,
+            });
+        }
+        logError(`Failed to load ${zonosCss.href}`);
+    };
+    headOrBody.appendChild(zonosCss);
+};
 Zonos.injectZonosCss = () => {
     const findStyleLink = () => {
         return !!document.querySelector(`link[rel="stylesheet"][href^="${ZONOS_URL}/dist/zonos-elements/zonos-elements.css"]`);
@@ -248,17 +310,12 @@ Zonos.injectZonosCss = () => {
         log('Zonos style links already injected', 'warn');
         return;
     }
-    const headOrBody = document.head || document.body;
     // inject css for zonos elements
-    const zonosCssPreconnect = document.createElement('link');
-    zonosCssPreconnect.rel = 'preconnect';
-    zonosCssPreconnect.href = `${ZONOS_URL}/`;
-    headOrBody.appendChild(zonosCssPreconnect);
-    // inject css for zonos elements
-    const zonosCss = document.createElement('link');
-    zonosCss.rel = 'stylesheet';
-    zonosCss.href = `${ZONOS_URL}/dist/zonos-elements/zonos-elements.css`;
-    headOrBody.appendChild(zonosCss);
+    _a.injectStylesheet({
+        fallBackDomain: UNPKG_ZONOS_URL,
+        stylesheetDomain: ZONOS_URL,
+        theRestUrl: 'dist/zonos-elements/zonos-elements.css',
+    });
     // eslint-disable-next-line no-console
     log('Zonos style css injected!');
 };

package/dist/types/components/hello/zonos-hello/zonos-hello.d.ts

@@ -1,5 +1,7 @@
 import { type AppearanceConfig } from "../../store/zonosStore";
 import type { HelloMobileLocation } from "../../../types/generated/graphql.customer.types";
+import type { Product } from "../../../types/hello/Product";
+import type { RestrictedItem } from "../../../types/hello/RestrictedItem";
 export declare class ZonosHello {
   private helloRef?;
   /**
@@ -20,9 +22,30 @@ export declare class ZonosHello {
   zonosStoreHelloSettings: import("../../..").HelloConfig;
   showDialog: boolean;
   peekMessage: string | null;
+  initialUrl: string;
+  /**
+   * This array will hold all restricted items handled by Hello thus far
+   */
+  allRestrictedItems: RestrictedItem[];
+  /**
+   * This array will hold all products handled by Hello thus far
+   */
+  allFoundProducts: Product[];
+  /**
+   * This array will hold all products currently on the page
+   */
+  productsOnPage: Product[];
   private getHelloPeekMessage;
   private enableShowPeekMessage;
-  componentDidLoad(): void;
+  private getNewItemRestrictions;
+  private triggerShowPeekMessage;
+  private disableAddToCartButtons;
+  private handleItemRestrictions;
+  private reloadHelloData;
+  private handleProductCountChange;
+  private watchProductCountChange;
+  private updateHelloOnPageChange;
+  componentWillLoad(): void;
   /**
    * This method will trigger the currency conversion and display the converted value
    * @returns void

package/dist/types/components/hello/zonos-hello-dialog/zonos-hello-dialog.d.ts

@@ -1,5 +1,6 @@
 import { type EventEmitter } from '../../../stencil-public-runtime';
 import type { AppearanceConfig, HelloMobileLocation } from "../../../types/index";
+import type { RestrictedItem } from "../../../types/hello/RestrictedItem";
 export declare class ZonosHelloDialog {
   /**
    * Whether or not the dialog is open
@@ -24,6 +25,11 @@ export declare class ZonosHelloDialog {
    * Override the appearance settings
    */
   appearanceSettings?: Partial<AppearanceConfig>;
+  /**
+   * Item restrictions array if any
+   * @default []
+   */
+  restrictedItems: RestrictedItem[];
   welcomeMessage: string;
   showCountrySelect: boolean;
   /**

package/dist/types/components/store/translationStore/strings.arabic.d.ts

@@ -83,6 +83,12 @@ export declare const stringsArabic: {
   'Prepay duties and taxes at checkout': {
     value: string;
   };
+  'Restricted item': {
+    value: string;
+  };
+  'Restricted items found': {
+    value: string;
+  };
   'See duty and tax thresholds': {
     value: string;
   };
@@ -131,6 +137,9 @@ export declare const stringsArabic: {
   'business days': {
     value: string;
   };
+  'click to learn more': {
+    value: string;
+  };
   'duty free': {
     value: string;
   };

package/dist/types/components/store/translationStore/strings.base.d.ts

@@ -83,6 +83,12 @@ export declare const stringsBase: {
   'Prepay duties and taxes at checkout': {
     value: string;
   };
+  'Restricted item': {
+    value: string;
+  };
+  'Restricted items found': {
+    value: string;
+  };
   'See duty and tax thresholds': {
     value: string;
   };
@@ -131,6 +137,9 @@ export declare const stringsBase: {
   'business days': {
     value: string;
   };
+  'click to learn more': {
+    value: string;
+  };
   'duty free': {
     value: string;
   };

package/dist/types/components/store/translationStore/strings.chinese.d.ts

@@ -83,6 +83,12 @@ export declare const stringsChinese: {
   'Prepay duties and taxes at checkout': {
     value: string;
   };
+  'Restricted item': {
+    value: string;
+  };
+  'Restricted items found': {
+    value: string;
+  };
   'See duty and tax thresholds': {
     value: string;
   };
@@ -131,6 +137,9 @@ export declare const stringsChinese: {
   'business days': {
     value: string;
   };
+  'click to learn more': {
+    value: string;
+  };
   'duty free': {
     value: string;
   };

package/dist/types/components/store/translationStore/strings.danish.d.ts

@@ -83,6 +83,12 @@ export declare const stringsDanish: {
   'Prepay duties and taxes at checkout': {
     value: string;
   };
+  'Restricted item': {
+    value: string;
+  };
+  'Restricted items found': {
+    value: string;
+  };
   'See duty and tax thresholds': {
     value: string;
   };
@@ -131,6 +137,9 @@ export declare const stringsDanish: {
   'business days': {
     value: string;
   };
+  'click to learn more': {
+    value: string;
+  };
   'duty free': {
     value: string;
   };

package/dist/types/components/store/translationStore/strings.dutch.d.ts

@@ -83,6 +83,12 @@ export declare const stringsDutch: {
   'Prepay duties and taxes at checkout': {
     value: string;
   };
+  'Restricted item': {
+    value: string;
+  };
+  'Restricted items found': {
+    value: string;
+  };
   'See duty and tax thresholds': {
     value: string;
   };
@@ -131,6 +137,9 @@ export declare const stringsDutch: {
   'business days': {
     value: string;
   };
+  'click to learn more': {
+    value: string;
+  };
   'duty free': {
     value: string;
   };

package/dist/types/components/store/translationStore/strings.french.d.ts

@@ -83,6 +83,12 @@ export declare const stringsFrench: {
   'Prepay duties and taxes at checkout': {
     value: string;
   };
+  'Restricted item': {
+    value: string;
+  };
+  'Restricted items found': {
+    value: string;
+  };
   'See duty and tax thresholds': {
     value: string;
   };
@@ -131,6 +137,9 @@ export declare const stringsFrench: {
   'business days': {
     value: string;
   };
+  'click to learn more': {
+    value: string;
+  };
   'duty free': {
     value: string;
   };

package/dist/types/components/store/translationStore/strings.german.d.ts

@@ -83,6 +83,12 @@ export declare const stringsGerman: {
   'Prepay duties and taxes at checkout': {
     value: string;
   };
+  'Restricted item': {
+    value: string;
+  };
+  'Restricted items found': {
+    value: string;
+  };
   'See duty and tax thresholds': {
     value: string;
   };
@@ -131,6 +137,9 @@ export declare const stringsGerman: {
   'business days': {
     value: string;
   };
+  'click to learn more': {
+    value: string;
+  };
   'duty free': {
     value: string;
   };

package/dist/types/components/store/translationStore/strings.hebrew.d.ts

@@ -83,6 +83,12 @@ export declare const stringsHebrew: {
   'Prepay duties and taxes at checkout': {
     value: string;
   };
+  'Restricted item': {
+    value: string;
+  };
+  'Restricted items found': {
+    value: string;
+  };
   'See duty and tax thresholds': {
     value: string;
   };
@@ -131,6 +137,9 @@ export declare const stringsHebrew: {
   'business days': {
     value: string;
   };
+  'click to learn more': {
+    value: string;
+  };
   'duty free': {
     value: string;
   };

package/dist/types/components/store/translationStore/strings.indonesian.d.ts

@@ -83,6 +83,12 @@ export declare const stringsIndonesian: {
   'Prepay duties and taxes at checkout': {
     value: string;
   };
+  'Restricted item': {
+    value: string;
+  };
+  'Restricted items found': {
+    value: string;
+  };
   'See duty and tax thresholds': {
     value: string;
   };
@@ -131,6 +137,9 @@ export declare const stringsIndonesian: {
   'business days': {
     value: string;
   };
+  'click to learn more': {
+    value: string;
+  };
   'duty free': {
     value: string;
   };

package/dist/types/components/store/translationStore/strings.italian.d.ts

@@ -83,6 +83,12 @@ export declare const stringsItalian: {
   'Prepay duties and taxes at checkout': {
     value: string;
   };
+  'Restricted item': {
+    value: string;
+  };
+  'Restricted items found': {
+    value: string;
+  };
   'See duty and tax thresholds': {
     value: string;
   };
@@ -131,6 +137,9 @@ export declare const stringsItalian: {
   'business days': {
     value: string;
   };
+  'click to learn more': {
+    value: string;
+  };
   'duty free': {
     value: string;
   };

package/dist/types/components/store/translationStore/strings.japanese.d.ts

@@ -83,6 +83,12 @@ export declare const stringsJapanese: {
   'Prepay duties and taxes at checkout': {
     value: string;
   };
+  'Restricted item': {
+    value: string;
+  };
+  'Restricted items found': {
+    value: string;
+  };
   'See duty and tax thresholds': {
     value: string;
   };
@@ -131,6 +137,9 @@ export declare const stringsJapanese: {
   'business days': {
     value: string;
   };
+  'click to learn more': {
+    value: string;
+  };
   'duty free': {
     value: string;
   };

package/dist/types/components/store/translationStore/strings.korean.d.ts

@@ -83,6 +83,12 @@ export declare const stringsKorean: {
   'Prepay duties and taxes at checkout': {
     value: string;
   };
+  'Restricted item': {
+    value: string;
+  };
+  'Restricted items found': {
+    value: string;
+  };
   'See duty and tax thresholds': {
     value: string;
   };
@@ -131,6 +137,9 @@ export declare const stringsKorean: {
   'business days': {
     value: string;
   };
+  'click to learn more': {
+    value: string;
+  };
   'duty free': {
     value: string;
   };

package/dist/types/components/store/translationStore/strings.norwegian.d.ts

@@ -83,6 +83,12 @@ export declare const stringsNorwegian: {
   'Prepay duties and taxes at checkout': {
     value: string;
   };
+  'Restricted item': {
+    value: string;
+  };
+  'Restricted items found': {
+    value: string;
+  };
   'See duty and tax thresholds': {
     value: string;
   };
@@ -131,6 +137,9 @@ export declare const stringsNorwegian: {
   'business days': {
     value: string;
   };
+  'click to learn more': {
+    value: string;
+  };
   'duty free': {
     value: string;
   };

package/dist/types/components/store/translationStore/strings.polish.d.ts

@@ -83,6 +83,12 @@ export declare const stringsPolish: {
   'Prepay duties and taxes at checkout': {
     value: string;
   };
+  'Restricted item': {
+    value: string;
+  };
+  'Restricted items found': {
+    value: string;
+  };
   'See duty and tax thresholds': {
     value: string;
   };
@@ -131,6 +137,9 @@ export declare const stringsPolish: {
   'business days': {
     value: string;
   };
+  'click to learn more': {
+    value: string;
+  };
   'duty free': {
     value: string;
   };

package/dist/types/components/store/translationStore/strings.portuguese.d.ts

@@ -83,6 +83,12 @@ export declare const stringsPortuguese: {
   'Prepay duties and taxes at checkout': {
     value: string;
   };
+  'Restricted item': {
+    value: string;
+  };
+  'Restricted items found': {
+    value: string;
+  };
   'See duty and tax thresholds': {
     value: string;
   };
@@ -131,6 +137,9 @@ export declare const stringsPortuguese: {
   'business days': {
     value: string;
   };
+  'click to learn more': {
+    value: string;
+  };
   'duty free': {
     value: string;
   };

package/dist/types/components/store/translationStore/strings.russian.d.ts

@@ -83,6 +83,12 @@ export declare const stringsRussian: {
   'Prepay duties and taxes at checkout': {
     value: string;
   };
+  'Restricted item': {
+    value: string;
+  };
+  'Restricted items found': {
+    value: string;
+  };
   'See duty and tax thresholds': {
     value: string;
   };
@@ -131,6 +137,9 @@ export declare const stringsRussian: {
   'business days': {
     value: string;
   };
+  'click to learn more': {
+    value: string;
+  };
   'duty free': {
     value: string;
   };

package/dist/types/components/store/translationStore/strings.spanish.d.ts

@@ -83,6 +83,12 @@ export declare const stringsSpanish: {
   'Prepay duties and taxes at checkout': {
     value: string;
   };
+  'Restricted item': {
+    value: string;
+  };
+  'Restricted items found': {
+    value: string;
+  };
   'See duty and tax thresholds': {
     value: string;
   };
@@ -131,6 +137,9 @@ export declare const stringsSpanish: {
   'business days': {
     value: string;
   };
+  'click to learn more': {
+    value: string;
+  };
   'duty free': {
     value: string;
   };

package/dist/types/components/store/translationStore/strings.swedish.d.ts

@@ -83,6 +83,12 @@ export declare const stringsSwedish: {
   'Prepay duties and taxes at checkout': {
     value: string;
   };
+  'Restricted item': {
+    value: string;
+  };
+  'Restricted items found': {
+    value: string;
+  };
   'See duty and tax thresholds': {
     value: string;
   };
@@ -131,6 +137,9 @@ export declare const stringsSwedish: {
   'business days': {
     value: string;
   };
+  'click to learn more': {
+    value: string;
+  };
   'duty free': {
     value: string;
   };

package/dist/types/components/store/translationStore/strings.turkish.d.ts

@@ -83,6 +83,12 @@ export declare const stringsTurkish: {
   'Prepay duties and taxes at checkout': {
     value: string;
   };
+  'Restricted item': {
+    value: string;
+  };
+  'Restricted items found': {
+    value: string;
+  };
   'See duty and tax thresholds': {
     value: string;
   };
@@ -131,6 +137,9 @@ export declare const stringsTurkish: {
   'business days': {
     value: string;
   };
+  'click to learn more': {
+    value: string;
+  };
   'duty free': {
     value: string;
   };

package/dist/types/components/store/translationStore/strings.vietnamese.d.ts

@@ -83,6 +83,12 @@ export declare const stringsVietnamese: {
   'Prepay duties and taxes at checkout': {
     value: string;
   };
+  'Restricted item': {
+    value: string;
+  };
+  'Restricted items found': {
+    value: string;
+  };
   'See duty and tax thresholds': {
     value: string;
   };
@@ -131,6 +137,9 @@ export declare const stringsVietnamese: {
   'business days': {
     value: string;
   };
+  'click to learn more': {
+    value: string;
+  };
   'duty free': {
     value: string;
   };