@zonos/elements 1.2.4-alpha.4 → 1.2.4-alpha.5

package/dist/collection/scripts/zonos.js

@@ -63,6 +63,8 @@ Zonos.init = async ({ appearance, checkoutSettings, currencyConverter, helloSett
     }
     _a.zonosApiKey = zonosApiKey;
     log('init zonos');
+    // add sentry to the project
+    _a.injectSentryScript();
     // inject zonos cdn
     _a.injectZonosCdn();
     // inject css for zonos elements
@@ -160,6 +162,56 @@ Zonos.injectController = ({ config, zonosApiKey, }) => {
     _a.zonosController = zonosController;
     log('Zonos controller injected!');
 };
+Zonos.injectSentryScript = () => {
+    const scriptUrl = 'https://browser.sentry-cdn.com/7.88.0/bundle.tracing.min.js';
+    const findScript = () => {
+        const script = document.querySelector(`script[src="${scriptUrl}"]`);
+        return !!script;
+    };
+    if (findScript()) {
+        // eslint-disable-next-line no-console
+        log('Sentry script 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 script = document.createElement('script');
+    script.crossOrigin = 'anonymous';
+    script.src = scriptUrl;
+    script.integrity =
+        'sha384-z/aQww1Fr6Mes0MO/2wlzQd2nXBCdDcKPXDTsMDMNPgTGRPqii3a4bzH79I+Vo8l';
+    script.setAttribute('data-lazy', 'no');
+    script.onerror = () => {
+        logError(`Failed to load ${script.src}`);
+    };
+    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/,
+            ],
+            dsn: 'https://19168bd05af0e2e0e7520ad58953e4f2@o446983.ingest.sentry.io/4506400622837760',
+            release: `zonos-elements@${_a.version}`,
+        });
+    };
+    headOrBody.appendChild(script);
+};
 Zonos.injectScript = ({ fallBackDomain, isModule, scriptDomain, theRestUrl, }) => {
     const fullScriptUrl = `${scriptDomain}/${theRestUrl}`;
     const findScript = () => {
@@ -182,6 +234,7 @@ Zonos.injectScript = ({ fallBackDomain, isModule, scriptDomain, theRestUrl, }) =
         script.noModule = true;
     }
     script.src = fullScriptUrl;
+    script.crossOrigin = 'anonymous';
     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);

package/dist/scripts/loadZonos.js

@@ -198,8 +198,8 @@ const zonosQaUrl = (() => {
     });
     return fullUrl;
 })();
-const ZONOS_URL = zonosQaUrl || "https://v1.2.4-alpha.4.js.zonos.com";
-const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.2.4-alpha.4";
+const ZONOS_URL = zonosQaUrl || "https://v1.2.4-alpha.5.js.zonos.com";
+const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.2.4-alpha.5";
 const INTER_FONT_URL = 'https://rsms.me';
 const GOOGLE_FONT_URL = 'https://fonts.googleapis.com';
 const INTER_FONT_REGEX = /^https:\/\/rsms\.me\/inter\/inter\.css(.*)$/;
@@ -212,7 +212,7 @@ Zonos.debug = !!window.location.search.match(/\?.*(&*)zonosDebug=1/);
 Zonos.isBigCommerce = false;
 Zonos.internationalHideSelector = '';
 Zonos.zonosQaUrl = zonosQaUrl;
-Zonos.version = `v${"1.2.4-alpha.4"}`;
+Zonos.version = `v${"1.2.4-alpha.5"}`;
 Zonos.modeAlerted = false;
 Zonos.getCurrentTimestamp = () => new Date().getTime();
 Zonos.zonosController = null;
@@ -228,6 +228,8 @@ Zonos.init = async ({ appearance, checkoutSettings, currencyConverter, helloSett
     }
     _a.zonosApiKey = zonosApiKey;
     log('init zonos');
+    // add sentry to the project
+    _a.injectSentryScript();
     // inject zonos cdn
     _a.injectZonosCdn();
     // inject css for zonos elements
@@ -325,6 +327,56 @@ Zonos.injectController = ({ config, zonosApiKey, }) => {
     _a.zonosController = zonosController;
     log('Zonos controller injected!');
 };
+Zonos.injectSentryScript = () => {
+    const scriptUrl = 'https://browser.sentry-cdn.com/7.88.0/bundle.tracing.min.js';
+    const findScript = () => {
+        const script = document.querySelector(`script[src="${scriptUrl}"]`);
+        return !!script;
+    };
+    if (findScript()) {
+        // eslint-disable-next-line no-console
+        log('Sentry script 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 script = document.createElement('script');
+    script.crossOrigin = 'anonymous';
+    script.src = scriptUrl;
+    script.integrity =
+        'sha384-z/aQww1Fr6Mes0MO/2wlzQd2nXBCdDcKPXDTsMDMNPgTGRPqii3a4bzH79I+Vo8l';
+    script.setAttribute('data-lazy', 'no');
+    script.onerror = () => {
+        logError(`Failed to load ${script.src}`);
+    };
+    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/,
+            ],
+            dsn: 'https://19168bd05af0e2e0e7520ad58953e4f2@o446983.ingest.sentry.io/4506400622837760',
+            release: `zonos-elements@${_a.version}`,
+        });
+    };
+    headOrBody.appendChild(script);
+};
 Zonos.injectScript = ({ fallBackDomain, isModule, scriptDomain, theRestUrl, }) => {
     const fullScriptUrl = `${scriptDomain}/${theRestUrl}`;
     const findScript = () => {
@@ -347,6 +399,7 @@ Zonos.injectScript = ({ fallBackDomain, isModule, scriptDomain, theRestUrl, }) =
         script.noModule = true;
     }
     script.src = fullScriptUrl;
+    script.crossOrigin = 'anonymous';
     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);

package/dist/scripts/zonos.js

@@ -198,8 +198,8 @@ const zonosQaUrl = (() => {
     });
     return fullUrl;
 })();
-const ZONOS_URL = zonosQaUrl || "https://v1.2.4-alpha.4.js.zonos.com";
-const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.2.4-alpha.4";
+const ZONOS_URL = zonosQaUrl || "https://v1.2.4-alpha.5.js.zonos.com";
+const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.2.4-alpha.5";
 const INTER_FONT_URL = 'https://rsms.me';
 const GOOGLE_FONT_URL = 'https://fonts.googleapis.com';
 const INTER_FONT_REGEX = /^https:\/\/rsms\.me\/inter\/inter\.css(.*)$/;
@@ -212,7 +212,7 @@ Zonos.debug = !!window.location.search.match(/\?.*(&*)zonosDebug=1/);
 Zonos.isBigCommerce = false;
 Zonos.internationalHideSelector = '';
 Zonos.zonosQaUrl = zonosQaUrl;
-Zonos.version = `v${"1.2.4-alpha.4"}`;
+Zonos.version = `v${"1.2.4-alpha.5"}`;
 Zonos.modeAlerted = false;
 Zonos.getCurrentTimestamp = () => new Date().getTime();
 Zonos.zonosController = null;
@@ -228,6 +228,8 @@ Zonos.init = async ({ appearance, checkoutSettings, currencyConverter, helloSett
     }
     _a.zonosApiKey = zonosApiKey;
     log('init zonos');
+    // add sentry to the project
+    _a.injectSentryScript();
     // inject zonos cdn
     _a.injectZonosCdn();
     // inject css for zonos elements
@@ -325,6 +327,56 @@ Zonos.injectController = ({ config, zonosApiKey, }) => {
     _a.zonosController = zonosController;
     log('Zonos controller injected!');
 };
+Zonos.injectSentryScript = () => {
+    const scriptUrl = 'https://browser.sentry-cdn.com/7.88.0/bundle.tracing.min.js';
+    const findScript = () => {
+        const script = document.querySelector(`script[src="${scriptUrl}"]`);
+        return !!script;
+    };
+    if (findScript()) {
+        // eslint-disable-next-line no-console
+        log('Sentry script 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 script = document.createElement('script');
+    script.crossOrigin = 'anonymous';
+    script.src = scriptUrl;
+    script.integrity =
+        'sha384-z/aQww1Fr6Mes0MO/2wlzQd2nXBCdDcKPXDTsMDMNPgTGRPqii3a4bzH79I+Vo8l';
+    script.setAttribute('data-lazy', 'no');
+    script.onerror = () => {
+        logError(`Failed to load ${script.src}`);
+    };
+    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/,
+            ],
+            dsn: 'https://19168bd05af0e2e0e7520ad58953e4f2@o446983.ingest.sentry.io/4506400622837760',
+            release: `zonos-elements@${_a.version}`,
+        });
+    };
+    headOrBody.appendChild(script);
+};
 Zonos.injectScript = ({ fallBackDomain, isModule, scriptDomain, theRestUrl, }) => {
     const fullScriptUrl = `${scriptDomain}/${theRestUrl}`;
     const findScript = () => {
@@ -347,6 +399,7 @@ Zonos.injectScript = ({ fallBackDomain, isModule, scriptDomain, theRestUrl, }) =
         script.noModule = true;
     }
     script.src = fullScriptUrl;
+    script.crossOrigin = 'anonymous';
     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);

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

@@ -53,6 +53,7 @@ export declare abstract class Zonos {
     static showNotification: (notification: NotificationInit) => void;
     private static disablePlaceOrderButtons;
     private static injectController;
+    private static injectSentryScript;
     private static injectScript;
     private static injectZonosCdn;
     private static injectStylesheet;

package/dist/types/types/global.d.ts

@@ -8,8 +8,20 @@ import type { Zonos } from '../scripts/zonos';
 declare global {
   // eslint-disable-next-line @typescript-eslint/consistent-type-definitions
   interface Window {
+    Sentry?: {
+      init: (config: {
+        allowyUrls?: (string | RegExp)[];
+        denyUrls?: (string | RegExp)[];
+        dsn: string;
+        environment?: string;
+        integrations?: string[];
+        release: string;
+        tracesSampleRate?: number;
+      }) => void;
+    };
     Stripe?: StripeConstructor;
     Zonos: Zonos;
+    sentryOnLoad?: () => void;
   }
 
   namespace NodeJS {

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>
+<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="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-gray-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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zonos/elements",
-  "version": "1.2.4-alpha.4",
+  "version": "1.2.4-alpha.5",
   "description": "Zonos component UI for Stripe elements",
   "license": "MIT",
   "main": "dist/index.cjs.js",