@zonos/elements 1.2.4-alpha.8 → 1.3.2

package/dist/scripts/zonos.js

@@ -1,565 +1 @@
-'use strict';
-
-const log = (message, type, ...additionalInfo) => {
-    var _a;
-    // if type is error and debug is false, do not log
-    if (!window.Zonos.debug) {
-        return;
-    }
-    let loggingIframe = document.querySelector('iframe#zonos---debug-logging-iframe');
-    if (!loggingIframe) {
-        // add a hidden iframe
-        loggingIframe = document.createElement('iframe');
-        loggingIframe.id = 'zonos---debug-logging-iframe';
-        loggingIframe.style.display = 'none';
-        loggingIframe.style.opacity = '0';
-        loggingIframe.style.position = 'absolute';
-        loggingIframe.style.top = '-9999px';
-        loggingIframe.style.left = '-9999px';
-        loggingIframe.style.width = '1px';
-        loggingIframe.style.height = '1px';
-        loggingIframe.style.border = 'none';
-        loggingIframe.style.overflow = 'hidden';
-        loggingIframe.style.visibility = 'hidden';
-        document.body.appendChild(loggingIframe);
-    }
-    // use the logging iframe's console to log just in case the console is disabled (overriden) by the site owner
-    const console = ((_a = loggingIframe.contentWindow) === null || _a === void 0 ? void 0 : _a.window.console) || window.console;
-    switch (type) {
-        case 'warn':
-            // eslint-disable-next-line no-console
-            console.warn(message, ...additionalInfo);
-            break;
-        case 'info':
-            // eslint-disable-next-line no-console
-            console.info(message, ...additionalInfo);
-            break;
-        default:
-            // eslint-disable-next-line no-console
-            console.groupCollapsed(message, ...additionalInfo);
-            // eslint-disable-next-line no-console
-            console.trace();
-            // eslint-disable-next-line no-console
-            console.groupEnd();
-            break;
-    }
-};
-
-const logError = (message, ...rest) => {
-    // eslint-disable-next-line no-console
-    console.error(message, ...rest);
-};
-
-/**
- * Extracts the zonosQaUrl from the url
- *
- * @param url - url to extract zonosQaUrl from
- *
- * **NOTE**: value of zonosQaUrl param should be without protocol, allowed characters are: a-z, A-Z, 0-9, -, _
- * @example
- * valid: https://www.zonos.com/?zonosQaUrl=some-feature-v988
- * invalid: https://www.zonos.com/?zonosQaUrl=https://zonos-something
- */
-const extractZonosQaUrl = (url) => {
-    if (!url) {
-        return null;
-    }
-    // get params from url
-    const param = new URL(url).searchParams;
-    const zonosQaUrl = param.get('zonosQaUrl');
-    if (!zonosQaUrl) {
-        return null;
-    }
-    const hasInvalidCharacters = /[^a-zA-Z0-9-_]+/.test(zonosQaUrl);
-    if (!!hasInvalidCharacters) {
-        return null;
-    }
-    return zonosQaUrl;
-};
-
-/* eslint-disable no-console */
-/** Loading stripe script extracted from stripe.js repository  */
-const V3_URL = 'https://js.stripe.com/v3';
-const V3_URL_REGEX = /^https:\/\/js\.stripe\.com\/v3\/?(\?.*)?$/;
-const EXISTING_SCRIPT_MESSAGE = 'loadStripe.setLoadParameters was called but an existing Stripe.js script already exists in the document; existing script parameters will be used';
-const zonosStripeFindScript = () => {
-    const scripts = document.querySelectorAll(`script[src^="${V3_URL}"]`);
-    for (let i = 0; i < scripts.length; i++) {
-        const script = scripts[i];
-        if (!script) {
-            continue;
-        }
-        if (!V3_URL_REGEX.test(script.src)) {
-            continue;
-        }
-        return script;
-    }
-    return null;
-};
-let stripePromise$1 = null;
-const injectScript = (params) => {
-    const queryString = params && !params.advancedFraudSignals ? '?advancedFraudSignals=false' : '';
-    const script = document.createElement('script');
-    script.src = `${V3_URL}${queryString}`;
-    const headBody = document.head || document.body;
-    if (!headBody) {
-        logError('Expected document.body not to be null. Stripe.js requires a <body> element.');
-        return null;
-    }
-    headBody.appendChild(script);
-    return script;
-};
-const zonosStripeLoadScript = (params) => {
-    // Ensure that we only attempt to load Stripe.js at most once
-    if (stripePromise$1 !== null) {
-        return stripePromise$1;
-    }
-    stripePromise$1 = new Promise((resolve, reject) => {
-        if (typeof window === 'undefined' || typeof document === 'undefined') {
-            // Resolve to null when imported server side. This makes the module
-            // safe to import in an isomorphic code base.
-            resolve(null);
-            return;
-        }
-        if (window.Stripe && params) {
-            console.warn(EXISTING_SCRIPT_MESSAGE);
-        }
-        if (window.Stripe) {
-            resolve(window.Stripe);
-            return;
-        }
-        try {
-            let script = zonosStripeFindScript();
-            if (script && params) {
-                console.warn(EXISTING_SCRIPT_MESSAGE);
-            }
-            else if (!script) {
-                script = injectScript(params);
-            }
-            script === null || script === void 0 ? void 0 : script.addEventListener('load', () => {
-                if (window.Stripe) {
-                    resolve(window.Stripe);
-                }
-                else {
-                    reject(new Error('Stripe.js not available'));
-                }
-            });
-            script === null || script === void 0 ? void 0 : script.addEventListener('error', () => {
-                reject(new Error('Failed to load Stripe.js'));
-            });
-        }
-        catch (error) {
-            reject(error);
-            return;
-        }
-    });
-    return stripePromise$1;
-};
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const registerWrapper = (stripe, startTime) => {
-    if (!stripe || !stripe._registerWrapper) {
-        return;
-    }
-    stripe._registerWrapper({ name: 'stripe-js', startTime });
-};
-const initStripe = (maybeStripe, args, startTime) => {
-    if (maybeStripe === null) {
-        return null;
-    }
-    const stripe = maybeStripe.apply(undefined, args);
-    registerWrapper(stripe, startTime);
-    return stripe;
-};
-
-// Execute our own script injection after a tick to give users time to do their
-// own script injection.
-const stripePromise = Promise.resolve().then(() => zonosStripeLoadScript(null));
-let loadCalled = false;
-stripePromise.catch((err) => {
-    if (!loadCalled) {
-        // eslint-disable-next-line no-console
-        console.warn(err);
-    }
-});
-const zonosLoadStripe = async (...args) => {
-    loadCalled = true;
-    const startTime = Date.now();
-    return stripePromise.then(maybeStripe => initStripe(maybeStripe, args, startTime));
-};
-
-var _a;
-const zonosQaUrl = (() => {
-    const qaUrl = extractZonosQaUrl(window.location.href);
-    if (!qaUrl) {
-        return null;
-    }
-    const suffixDomain = 'preview.js.zonos.com';
-    const fullUrl = `https://${qaUrl}.${suffixDomain}`;
-    // eslint-disable-next-line no-console
-    console.warn(`[ZONOS-WARNING] using '${fullUrl}' for loading script`);
-    // request to the url and check if the request has an error
-    void fetch(fullUrl)
-        .then(() => {
-        // cleanup checkout session to avoid using the prod session in preview domain
-        window.sessionStorage.removeItem('zonos--checkout-session-id');
-        window.sessionStorage.removeItem('zonos--client-secret');
-    })
-        .catch(() => {
-        // eslint-disable-next-line no-console
-        alert(`[ZONOS-WARNING] '${fullUrl}' IS NO LONGER AVAILABLE. REMOVING zonosQaUrl PARAM AND RELOADING THE PAGE`);
-        // remove the zonosQaUrl param from url
-        const urlSearchParams = new URLSearchParams(window.location.search);
-        urlSearchParams.delete('zonosQaUrl');
-        const { pathname } = window.location;
-        const newUrl = `${pathname}?${urlSearchParams.toString()}`;
-        window.history.replaceState({}, '', newUrl);
-        window.location.reload();
-        return null;
-    });
-    return fullUrl;
-})();
-const ZONOS_URL = zonosQaUrl || "https://v1.2.4-alpha.8.js.zonos.com";
-const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.2.4-alpha.8";
-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(.*)$/;
-class Zonos {
-}
-_a = Zonos;
-Zonos.doneInit = false;
-// if query 'zonosDebug=1' param from url, debug mode is on
-Zonos.debug = !!window.location.search.match(/\?.*(&*)zonosDebug=1/);
-Zonos.isBigCommerce = false;
-Zonos.internationalHideSelector = '';
-Zonos.zonosQaUrl = zonosQaUrl;
-Zonos.version = `v${"1.2.4-alpha.8"}`;
-Zonos.modeAlerted = false;
-Zonos.getCurrentTimestamp = () => new Date().getTime();
-Zonos.zonosController = null;
-Zonos.init = async ({ appearance, checkoutSettings, currencyConverter, helloSettings, zonosApiKey, }) => {
-    if (_a.doneInit) {
-        // do nothing if zonos is already initializeds
-        return;
-    }
-    log(`====== ZONOS DEBUG MODE: on (${_a.version}) ======`);
-    if (!zonosApiKey) {
-        logError('Missing Zonos API key');
-        return;
-    }
-    _a.zonosApiKey = zonosApiKey;
-    log('init zonos');
-    // add sentry to the project
-    _a.injectSentryScript();
-    // inject zonos cdn
-    _a.injectZonosCdn();
-    // inject css for zonos elements
-    _a.injectZonosCss();
-    // inject fonts for zonos elements
-    _a.injectFonts();
-    // init zonos controller
-    _a.injectController({
-        config: {
-            appearance,
-            checkoutSettings,
-            currencyConverter,
-            helloSettings,
-        },
-        zonosApiKey,
-    });
-    _a.doneInit = true;
-};
-Zonos.displayCurrency = () => {
-    const zonosHello = document.querySelector('zonos-hello');
-    if (zonosHello) {
-        void zonosHello.displayCurrency();
-    }
-};
-Zonos.showNotification = (notification) => {
-    var _b;
-    void ((_b = _a.zonosController) === null || _b === void 0 ? void 0 : _b.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;
-    zonosController.addEventListener('stripeInitEvent', async (event) => {
-        const { detail } = event;
-        log('loading Stripe');
-        const stripe = await zonosLoadStripe(detail.publishableKey);
-        if (!stripe) {
-            logError('API seems to be invalid or missing. Failed to load Stripe');
-            return;
-        }
-        window.Zonos.stripe = stripe;
-        void zonosController.initCheckoutElement(stripe);
-    });
-    document.body.appendChild(zonosController);
-    // set zonos controller to be global
-    _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 = () => {
-        const script = document.querySelector(`script[src="${fullScriptUrl}"]`);
-        return !!script;
-    };
-    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 script = document.createElement('script');
-    if (!!isModule) {
-        script.type = 'module';
-    }
-    else {
-        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);
-        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
-    _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*="/dist/zonos-elements/zonos-elements.css"]`);
-    };
-    if (findStyleLink()) {
-        log('Zonos style links already injected', 'warn');
-        return;
-    }
-    // inject css for zonos elements
-    _a.injectStylesheet({
-        fallBackDomain: UNPKG_ZONOS_URL,
-        stylesheetDomain: ZONOS_URL,
-        theRestUrl: 'dist/zonos-elements/zonos-elements.css',
-    });
-    log('Zonos style css injected!');
-};
-Zonos.injectFonts = () => {
-    const findFont = () => {
-        const links = document.querySelectorAll(`link[rel="stylesheet"][href^="${INTER_FONT_URL}"]`);
-        for (let i = 0; i < links.length; i++) {
-            const link = links[i];
-            if (!link) {
-                continue;
-            }
-            if (INTER_FONT_REGEX.test(link.href)) {
-                continue;
-            }
-            return link;
-        }
-        return null;
-    };
-    if (findFont()) {
-        log('Inter font already injected', 'warn');
-        return;
-    }
-    const headOrBody = document.head || document.body;
-    // inject font css for zonos elements
-    const fontPreconnect = document.createElement('link');
-    fontPreconnect.rel = 'preconnect';
-    fontPreconnect.href = INTER_FONT_URL;
-    headOrBody.appendChild(fontPreconnect);
-    // inject font css for zonos elements
-    const font = document.createElement('link');
-    font.rel = 'stylesheet';
-    font.href = `${INTER_FONT_URL}/inter/inter.css`;
-    headOrBody.appendChild(font);
-    log('Zonos font injected!');
-};
-// apply font for zonos elements and inject font if needed
-Zonos.setupGoogleFont = (fontFamily) => {
-    var _b;
-    void ((_b = _a.zonosController) === null || _b === void 0 ? void 0 : _b.setupGoogleFont(fontFamily));
-};
-// this function is to inject google font to the browser, not apply the font for zonos elements, to apply the font and inject font if needed, use `setupGoogleFont` instead
-Zonos.injectSupportGoogleFont = (fontUrl) => {
-    var _b;
-    log(`[FONT] injecting ${fontUrl}`);
-    const fontFamily = (_b = fontUrl.match(/family=(.*?):/)) === null || _b === void 0 ? void 0 : _b[1];
-    const headOrBody = document.head || document.body;
-    // inject font css for zonos elements
-    if (!document.querySelector(`link[rel="preconnect"][href^="${GOOGLE_FONT_URL}"]`)) {
-        const customFontPreconnect = document.createElement('link');
-        customFontPreconnect.rel = 'preconnect';
-        customFontPreconnect.href = GOOGLE_FONT_URL;
-        headOrBody.appendChild(customFontPreconnect);
-    }
-    if (document.querySelector(`link[rel="stylesheet"][href="${fontUrl}"]`)) {
-        log(`[FONT] ${fontFamily} font already injected`, 'warn');
-        return;
-    }
-    const customFont = document.createElement('link');
-    customFont.rel = 'stylesheet';
-    customFont.href = fontUrl;
-    headOrBody.appendChild(customFont);
-    log(`[FONT] ${fontFamily} font injected!`);
-};
-
-exports.Zonos = Zonos;
+(function(){"use strict";const e=(e,t,...n)=>{var o;if(!window.Zonos.debug)return;let r=document.querySelector("iframe#zonos---debug-logging-iframe");r||(r=document.createElement("iframe"),r.id="zonos---debug-logging-iframe",r.style.display="none",r.style.opacity="0",r.style.position="absolute",r.style.top="-9999px",r.style.left="-9999px",r.style.width="1px",r.style.height="1px",r.style.border="none",r.style.overflow="hidden",r.style.visibility="hidden",document.body.appendChild(r));const s=(null===(o=r.contentWindow)||void 0===o?void 0:o.window.console)||window.console;switch(t){case"warn":s.warn(e,...n);break;case"info":s.info(e,...n);break;default:s.groupCollapsed(e,...n),s.trace(),s.groupEnd()}},t=(e,...t)=>{console.error(e,...t)},n="https://js.stripe.com/v3",o=/^https:\/\/js\.stripe\.com\/v3\/?(\?.*)?$/,r="loadStripe.setLoadParameters was called but an existing Stripe.js script already exists in the document; existing script parameters will be used";let s=null;const i=e=>(null!==s||(s=new Promise(((s,i)=>{if("undefined"!=typeof window&&"undefined"!=typeof document)if(window.Stripe&&e&&console.warn(r),window.Stripe)s(window.Stripe);else try{let l=(()=>{const e=document.querySelectorAll(`script[src^="${n}"]`);for(let t=0;t<e.length;t++){const n=e[t];if(n&&o.test(n.src))return n}return null})();l&&e?console.warn(r):l||(l=(e=>{const o=e&&!e.advancedFraudSignals?"?advancedFraudSignals=false":"",r=document.createElement("script");r.src=`${n}${o}`;const s=document.head||document.body;return s?(s.appendChild(r),r):(t("Expected document.body not to be null. Stripe.js requires a <body> element."),null)})(e)),null==l||l.addEventListener("load",(()=>{window.Stripe?s(window.Stripe):i(new Error("Stripe.js not available"))})),null==l||l.addEventListener("error",(()=>{i(new Error("Failed to load Stripe.js"))}))}catch(e){return void i(e)}else s(null)}))),s),l=Promise.resolve().then((()=>i(null)));let c=!1;l.catch((e=>{c||console.warn(e)}));var a;const d=(()=>{const e=(e=>{if(!e)return null;const t=new URL(e).searchParams.get("zonosQaUrl");return t?/[^a-zA-Z0-9-_]+/.test(t)?null:t:null})(window.location.href);if(!e)return null;const t=`https://${e}.preview.js.zonos.com`;return console.warn(`[ZONOS-WARNING] using '${t}' for loading script`),fetch(t).then((()=>{window.sessionStorage.removeItem("zonos--checkout-session-id"),window.sessionStorage.removeItem("zonos--client-secret")})).catch((()=>{alert(`[ZONOS-WARNING] '${t}' IS NO LONGER AVAILABLE. REMOVING zonosQaUrl PARAM AND RELOADING THE PAGE`);const e=new URLSearchParams(window.location.search);e.delete("zonosQaUrl");const{pathname:n}=window.location,o=`${n}?${e.toString()}`;return window.history.replaceState({},"",o),window.location.reload(),null})),t})(),u=d||"https://v1.3.2.js.zonos.com",m="https://unpkg.com/@zonos/elements@1.3.2",p="https://rsms.me",h="https://fonts.googleapis.com",y=/^https:\/\/rsms\.me\/inter\/inter\.css(.*)$/;class w{}a=w,w.doneInit=!1,w.debug=!!window.location.search.match(/\?.*(&*)zonosDebug=1/),w.isBigCommerce=!1,w.internationalHideSelector="",w.zonosQaUrl=d,w.version="v1.3.2",w.modeAlerted=!1,w.getCurrentTimestamp=()=>(new Date).getTime(),w.zonosController=null,w.init=async({appearance:n,checkoutSettings:o,currencyConverter:r,helloSettings:s,storeId:i,zonosApiKey:l})=>{a.doneInit||(e(`====== ZONOS DEBUG MODE: on (${a.version}) ======`),l?(a.zonosApiKey=l,a.storeId=i,e("init zonos"),a.injectSentryScript(),a.injectZonosCdn(),a.injectZonosCss(),a.injectFonts(),a.injectController({config:{appearance:n,checkoutSettings:o,currencyConverter:r,helloSettings:s},zonosApiKey:l}),a.doneInit=!0):t("Missing Zonos API key"))},w.displayCurrency=()=>{const e=document.querySelector("zonos-hello");e&&e.displayCurrency()},w.showNotification=e=>{var t;null===(t=a.zonosController)||void 0===t||t.showNotification(e)},w.updateOrganizationName=e=>{var t;null===(t=a.zonosController)||void 0===t||t.updateOrganizationName(e)},w.disablePlaceOrderButtons=({autoEnable:e=!0,disable:t,placeOrderButtonSelector:n})=>{if(n){const o=document.querySelectorAll(n),r=e=>{e.target.getAttribute("disabled")&&(e.preventDefault(),e.stopPropagation())};o.forEach((e=>{t?(e.setAttribute("disabled","true"),e.addEventListener("click",r)):(e.removeAttribute("disabled"),e.removeEventListener("click",r))})),e&&t&&setTimeout((()=>{o.forEach((e=>{e.removeAttribute("disabled"),e.removeEventListener("click",r)}))}),5e3)}},w.injectController=({config:n,zonosApiKey:o})=>{var r;if(document.querySelector("zonos-controller"))return;if(null===(r=n.checkoutSettings)||void 0===r?void 0:r.placeOrderButtonSelector){const e=n.checkoutSettings.placeOrderButtonSelector;a.disablePlaceOrderButtons({disable:!0,placeOrderButtonSelector:e})}const s=document.createElement("zonos-controller");s.config=n,s.zonosApiKey=o,s.addEventListener("stripeInitEvent",(async n=>{const{detail:o}=n;e("loading Stripe");const r=await(async(...e)=>{c=!0;const t=Date.now();return l.then((n=>((e,t,n)=>{if(null===e)return null;const o=e.apply(void 0,t);return((e,t)=>{e&&e._registerWrapper&&e._registerWrapper({name:"stripe-js",startTime:t})})(o,n),o})(n,e,t)))})(o.publishableKey);r?(window.Zonos.stripe=r,s.initCheckoutElement(r)):t("API seems to be invalid or missing. Failed to load Stripe")})),document.body.appendChild(s),a.zonosController=s,e("Zonos controller injected!")},w.injectSentryScript=()=>{const n="https://browser.sentry-cdn.com/7.88.0/bundle.tracing.min.js";if(document.querySelector(`script[src="${n}"]`))return void e("Sentry script already exists in the document","warn");const o=document.head||document.body,r=document.createElement("script");r.crossOrigin="anonymous",r.src=n,r.integrity="sha384-z/aQww1Fr6Mes0MO/2wlzQd2nXBCdDcKPXDTsMDMNPgTGRPqii3a4bzH79I+Vo8l",r.setAttribute("data-lazy","no"),r.onerror=()=>{t(`Failed to load ${r.src}`)},r.onload=()=>{var e;null===(e=window.Sentry)||void 0===e||e.init({allowUrls:[/js.zonos.com/],dsn:"https://19168bd05af0e2e0e7520ad58953e4f2@o446983.ingest.sentry.io/4506400622837760",release:`zonos-elements@${a.version}`})},o.appendChild(r)},w.injectScript=({fallBackDomain:n,isModule:o,scriptDomain:r,theRestUrl:s})=>{const i=`${r}/${s}`;if(document.querySelector(`script[src="${i}"]`))return void e(`Zonos script "${i}" already exists in the document`,"warn");const l=document.head||document.body,c=document.createElement("script");o?c.type="module":c.noModule=!0,c.src=i,c.crossOrigin="anonymous",c.onerror=()=>{/\/\/v\d+\./g.test(r)?(n&&a.injectScript({isModule:o,scriptDomain:n,theRestUrl:s}),t(`Failed to load ${c.src}`)):e("No need to fallback since this is not a versioned domain","warn")},l.appendChild(c)},w.injectZonosCdn=()=>{a.injectScript({fallBackDomain:m,isModule:!0,scriptDomain:u,theRestUrl:"dist/zonos-elements/zonos-elements.esm.js"}),a.injectScript({fallBackDomain:m,isModule:!1,scriptDomain:u,theRestUrl:"dist/zonos-elements/zonos-elements.js"}),e("Zonos cdn script injected!")},w.injectStylesheet=({fallBackDomain:n,stylesheetDomain:o,theRestUrl:r})=>{const s=document.head||document.body,i=document.createElement("link");i.rel="preconnect",i.href=`${u}/`,s.appendChild(i);const l=document.createElement("link");l.rel="stylesheet",l.href=`${o}/${r}`,l.onerror=()=>{const s=/\/\/v\d+\./g.test(o);s?(n&&s&&a.injectStylesheet({stylesheetDomain:n,theRestUrl:r}),t(`Failed to load ${l.href}`)):e("No need to fallback since this is not a versioned domain","warn")},s.appendChild(l)},w.injectZonosCss=()=>{document.querySelector('link[rel="stylesheet"][href*="/dist/zonos-elements/zonos-elements.css"]')?e("Zonos style links already injected","warn"):(a.injectStylesheet({fallBackDomain:m,stylesheetDomain:u,theRestUrl:"dist/zonos-elements/zonos-elements.css"}),e("Zonos style css injected!"))},w.injectFonts=()=>{if((()=>{const e=document.querySelectorAll(`link[rel="stylesheet"][href^="${p}"]`);for(let t=0;t<e.length;t++){const n=e[t];if(n&&!y.test(n.href))return n}return null})())return void e("Inter font already injected","warn");const t=document.head||document.body,n=document.createElement("link");n.rel="preconnect",n.href=p,t.appendChild(n);const o=document.createElement("link");o.rel="stylesheet",o.href=`${p}/inter/inter.css`,t.appendChild(o),e("Zonos font injected!")},w.setupGoogleFont=e=>{var t;null===(t=a.zonosController)||void 0===t||t.setupGoogleFont(e)},w.injectSupportGoogleFont=t=>{var n;e(`[FONT] injecting ${t}`);const o=null===(n=t.match(/family=(.*?):/))||void 0===n?void 0:n[1],r=document.head||document.body;if(!document.querySelector(`link[rel="preconnect"][href^="${h}"]`)){const e=document.createElement("link");e.rel="preconnect",e.href=h,r.appendChild(e)}if(document.querySelector(`link[rel="stylesheet"][href="${t}"]`))return void e(`[FONT] ${o} font already injected`,"warn");const s=document.createElement("link");s.rel="stylesheet",s.href=t,r.appendChild(s),e(`[FONT] ${o} font injected!`)},window.Zonos=w})();

package/dist/scripts/zonosBase.js

@@ -0,0 +1 @@
+(function(){"use strict";const e=(e,t,...n)=>{var o;if(!window.Zonos.debug)return;let r=document.querySelector("iframe#zonos---debug-logging-iframe");r||(r=document.createElement("iframe"),r.id="zonos---debug-logging-iframe",r.style.display="none",r.style.opacity="0",r.style.position="absolute",r.style.top="-9999px",r.style.left="-9999px",r.style.width="1px",r.style.height="1px",r.style.border="none",r.style.overflow="hidden",r.style.visibility="hidden",document.body.appendChild(r));const s=(null===(o=r.contentWindow)||void 0===o?void 0:o.window.console)||window.console;switch(t){case"warn":s.warn(e,...n);break;case"info":s.info(e,...n);break;default:s.groupCollapsed(e,...n),s.trace(),s.groupEnd()}},t=(e,...t)=>{console.error(e,...t)},n="https://js.stripe.com/v3",o=/^https:\/\/js\.stripe\.com\/v3\/?(\?.*)?$/,r="loadStripe.setLoadParameters was called but an existing Stripe.js script already exists in the document; existing script parameters will be used";let s=null;const i=e=>(null!==s||(s=new Promise(((s,i)=>{if("undefined"!=typeof window&&"undefined"!=typeof document)if(window.Stripe&&e&&console.warn(r),window.Stripe)s(window.Stripe);else try{let l=(()=>{const e=document.querySelectorAll(`script[src^="${n}"]`);for(let t=0;t<e.length;t++){const n=e[t];if(n&&o.test(n.src))return n}return null})();l&&e?console.warn(r):l||(l=(e=>{const o=e&&!e.advancedFraudSignals?"?advancedFraudSignals=false":"",r=document.createElement("script");r.src=`${n}${o}`;const s=document.head||document.body;return s?(s.appendChild(r),r):(t("Expected document.body not to be null. Stripe.js requires a <body> element."),null)})(e)),null==l||l.addEventListener("load",(()=>{window.Stripe?s(window.Stripe):i(new Error("Stripe.js not available"))})),null==l||l.addEventListener("error",(()=>{i(new Error("Failed to load Stripe.js"))}))}catch(e){return void i(e)}else s(null)}))),s),l=Promise.resolve().then((()=>i(null)));let c=!1;l.catch((e=>{c||console.warn(e)}));var a;const d=(()=>{const e=(e=>{if(!e)return null;const t=new URL(e).searchParams.get("zonosQaUrl");return t?/[^a-zA-Z0-9-_]+/.test(t)?null:t:null})(window.location.href);if(!e)return null;const t=`https://${e}.preview.js.zonos.com`;return console.warn(`[ZONOS-WARNING] using '${t}' for loading script`),fetch(t).then((()=>{window.sessionStorage.removeItem("zonos--checkout-session-id"),window.sessionStorage.removeItem("zonos--client-secret")})).catch((()=>{alert(`[ZONOS-WARNING] '${t}' IS NO LONGER AVAILABLE. REMOVING zonosQaUrl PARAM AND RELOADING THE PAGE`);const e=new URLSearchParams(window.location.search);e.delete("zonosQaUrl");const{pathname:n}=window.location,o=`${n}?${e.toString()}`;return window.history.replaceState({},"",o),window.location.reload(),null})),t})(),u=d||"https://v1.3.2.js.zonos.com",m="https://unpkg.com/@zonos/elements@1.3.2",p="https://rsms.me",h="https://fonts.googleapis.com",y=/^https:\/\/rsms\.me\/inter\/inter\.css(.*)$/;class w{}a=w,w.doneInit=!1,w.debug=!!window.location.search.match(/\?.*(&*)zonosDebug=1/),w.isBigCommerce=!1,w.internationalHideSelector="",w.zonosQaUrl=d,w.version="v1.3.2",w.modeAlerted=!1,w.getCurrentTimestamp=()=>(new Date).getTime(),w.zonosController=null,w.init=async({appearance:n,checkoutSettings:o,currencyConverter:r,helloSettings:s,storeId:i,zonosApiKey:l})=>{a.doneInit||(e(`====== ZONOS DEBUG MODE: on (${a.version}) ======`),l?(a.zonosApiKey=l,a.storeId=i,e("init zonos"),a.injectSentryScript(),a.injectZonosCdn(),a.injectZonosCss(),a.injectFonts(),a.injectController({config:{appearance:n,checkoutSettings:o,currencyConverter:r,helloSettings:s},zonosApiKey:l}),a.doneInit=!0):t("Missing Zonos API key"))},w.displayCurrency=()=>{const e=document.querySelector("zonos-hello");e&&e.displayCurrency()},w.showNotification=e=>{var t;null===(t=a.zonosController)||void 0===t||t.showNotification(e)},w.updateOrganizationName=e=>{var t;null===(t=a.zonosController)||void 0===t||t.updateOrganizationName(e)},w.disablePlaceOrderButtons=({autoEnable:e=!0,disable:t,placeOrderButtonSelector:n})=>{if(n){const o=document.querySelectorAll(n),r=e=>{e.target.getAttribute("disabled")&&(e.preventDefault(),e.stopPropagation())};o.forEach((e=>{t?(e.setAttribute("disabled","true"),e.addEventListener("click",r)):(e.removeAttribute("disabled"),e.removeEventListener("click",r))})),e&&t&&setTimeout((()=>{o.forEach((e=>{e.removeAttribute("disabled"),e.removeEventListener("click",r)}))}),5e3)}},w.injectController=({config:n,zonosApiKey:o})=>{var r;if(document.querySelector("zonos-controller"))return;if(null===(r=n.checkoutSettings)||void 0===r?void 0:r.placeOrderButtonSelector){const e=n.checkoutSettings.placeOrderButtonSelector;a.disablePlaceOrderButtons({disable:!0,placeOrderButtonSelector:e})}const s=document.createElement("zonos-controller");s.config=n,s.zonosApiKey=o,s.addEventListener("stripeInitEvent",(async n=>{const{detail:o}=n;e("loading Stripe");const r=await(async(...e)=>{c=!0;const t=Date.now();return l.then((n=>((e,t,n)=>{if(null===e)return null;const o=e.apply(void 0,t);return((e,t)=>{e&&e._registerWrapper&&e._registerWrapper({name:"stripe-js",startTime:t})})(o,n),o})(n,e,t)))})(o.publishableKey);r?(window.Zonos.stripe=r,s.initCheckoutElement(r)):t("API seems to be invalid or missing. Failed to load Stripe")})),document.body.appendChild(s),a.zonosController=s,e("Zonos controller injected!")},w.injectSentryScript=()=>{const n="https://browser.sentry-cdn.com/7.88.0/bundle.tracing.min.js";if(document.querySelector(`script[src="${n}"]`))return void e("Sentry script already exists in the document","warn");const o=document.head||document.body,r=document.createElement("script");r.crossOrigin="anonymous",r.src=n,r.integrity="sha384-z/aQww1Fr6Mes0MO/2wlzQd2nXBCdDcKPXDTsMDMNPgTGRPqii3a4bzH79I+Vo8l",r.setAttribute("data-lazy","no"),r.onerror=()=>{t(`Failed to load ${r.src}`)},r.onload=()=>{var e;null===(e=window.Sentry)||void 0===e||e.init({allowUrls:[/js.zonos.com/],dsn:"https://19168bd05af0e2e0e7520ad58953e4f2@o446983.ingest.sentry.io/4506400622837760",release:`zonos-elements@${a.version}`})},o.appendChild(r)},w.injectScript=({fallBackDomain:n,isModule:o,scriptDomain:r,theRestUrl:s})=>{const i=`${r}/${s}`;if(document.querySelector(`script[src="${i}"]`))return void e(`Zonos script "${i}" already exists in the document`,"warn");const l=document.head||document.body,c=document.createElement("script");o?c.type="module":c.noModule=!0,c.src=i,c.crossOrigin="anonymous",c.onerror=()=>{/\/\/v\d+\./g.test(r)?(n&&a.injectScript({isModule:o,scriptDomain:n,theRestUrl:s}),t(`Failed to load ${c.src}`)):e("No need to fallback since this is not a versioned domain","warn")},l.appendChild(c)},w.injectZonosCdn=()=>{a.injectScript({fallBackDomain:m,isModule:!0,scriptDomain:u,theRestUrl:"dist/zonos-elements/zonos-elements.esm.js"}),a.injectScript({fallBackDomain:m,isModule:!1,scriptDomain:u,theRestUrl:"dist/zonos-elements/zonos-elements.js"}),e("Zonos cdn script injected!")},w.injectStylesheet=({fallBackDomain:n,stylesheetDomain:o,theRestUrl:r})=>{const s=document.head||document.body,i=document.createElement("link");i.rel="preconnect",i.href=`${u}/`,s.appendChild(i);const l=document.createElement("link");l.rel="stylesheet",l.href=`${o}/${r}`,l.onerror=()=>{const s=/\/\/v\d+\./g.test(o);s?(n&&s&&a.injectStylesheet({stylesheetDomain:n,theRestUrl:r}),t(`Failed to load ${l.href}`)):e("No need to fallback since this is not a versioned domain","warn")},s.appendChild(l)},w.injectZonosCss=()=>{document.querySelector('link[rel="stylesheet"][href*="/dist/zonos-elements/zonos-elements.css"]')?e("Zonos style links already injected","warn"):(a.injectStylesheet({fallBackDomain:m,stylesheetDomain:u,theRestUrl:"dist/zonos-elements/zonos-elements.css"}),e("Zonos style css injected!"))},w.injectFonts=()=>{if((()=>{const e=document.querySelectorAll(`link[rel="stylesheet"][href^="${p}"]`);for(let t=0;t<e.length;t++){const n=e[t];if(n&&!y.test(n.href))return n}return null})())return void e("Inter font already injected","warn");const t=document.head||document.body,n=document.createElement("link");n.rel="preconnect",n.href=p,t.appendChild(n);const o=document.createElement("link");o.rel="stylesheet",o.href=`${p}/inter/inter.css`,t.appendChild(o),e("Zonos font injected!")},w.setupGoogleFont=e=>{var t;null===(t=a.zonosController)||void 0===t||t.setupGoogleFont(e)},w.injectSupportGoogleFont=t=>{var n;e(`[FONT] injecting ${t}`);const o=null===(n=t.match(/family=(.*?):/))||void 0===n?void 0:n[1],r=document.head||document.body;if(!document.querySelector(`link[rel="preconnect"][href^="${h}"]`)){const e=document.createElement("link");e.rel="preconnect",e.href=h,r.appendChild(e)}if(document.querySelector(`link[rel="stylesheet"][href="${t}"]`))return void e(`[FONT] ${o} font already injected`,"warn");const s=document.createElement("link");s.rel="stylesheet",s.href=t,r.appendChild(s),e(`[FONT] ${o} font injected!`)},exports.Zonos=w})();

package/dist/types/components/checkout/zonos-checkout/zonos-checkout-finish/zonos-checkout-finish.d.ts

@@ -1,7 +1,6 @@
 import { type EventEmitter } from '../../../../stencil-public-runtime';
 import type { PaymentIntent } from '@stripe/stripe-js';
-import { type ElementsUiStyle } from "../../../../types/index";
-import type { GetOrderQuery } from "../../../../types/generated/graphql.customer.types";
+import { type ElementsUiStyle, type ZonosOrder } from "../../../../types/index";
 type OverrideNotification = {
     messages: string[];
     title: string;
@@ -29,7 +28,7 @@ export declare class ZonosCheckoutFinish {
     notificationType: 'success' | 'error';
     notificationTitle: string;
     notificationMessages: string[];
-    order: GetOrderQuery['order'] | null;
+    order: ZonosOrder | null;
     private pullOrder;
     private getPullOrder;
     private checkPaymentStatus;

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

@@ -2,7 +2,7 @@ import { type EventEmitter } from '../../stencil-public-runtime';
 import type { Stripe } from '@stripe/stripe-js';
 import type { NotificationInit } from "../common/zonos-notification/zonos-notification";
 import { type AppearanceConfig } from "../store/zonosStore";
-import type { LoadZonosParamsConfig } from "../../scripts/zonos";
+import type { LoadZonosParamsConfig } from "../../scripts/zonosBase";
 import type { CountryCode } from "../../types/generated/graphql.customer.types";
 export declare class ZonosController {
     /**
@@ -50,5 +50,9 @@ export declare class ZonosController {
      * Get appearance from setting
      */
     getAppearanceSetting(): Promise<AppearanceConfig>;
+    /**
+     * Update the organizationName
+     */
+    updateOrganizationName(organizationName: string): Promise<void>;
     render(): any;
 }

package/dist/types/components/store/zonosStore.d.ts

@@ -1,7 +1,6 @@
-import type { CurrencyConverter, LoadZonosParamsConfig } from "../../scripts/zonos";
+import type { CurrencyConverter, LoadZonosParamsConfig } from "../../scripts/zonosBase";
 import type { CheckoutConfig, HelloConfig } from "../../types/index";
 import type { ElementsUiStyle, ElementsUiTheme, ZonosAttribution, ZonosSettingsQuery } from "../../types/generated/graphql.customer.types";
-import type { OnlineStoreConfig } from "../../types/online-store/OnlineStoreConfig";
 export type AppearanceConfig = {
     colorPrimary?: string;
     colorSecondary?: string;
@@ -18,7 +17,6 @@ export type ZonosConfig = {
     currencyConverter?: CurrencyConverter;
     currentHelloPage: Page | '';
     helloSettings: HelloConfig;
-    onlineStoreSettings: OnlineStoreConfig;
     organizationName: string;
     sourceCurrency: string;
     storeId: number | null;

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

@@ -4,7 +4,7 @@ export declare const getLocaleMessages: ({ countryCode, localeTo, storeId, }: {
     localeTo?: string | undefined;
     storeId: number;
 }) => Promise<{
-    countryCodes: string[] | null;
+    countryCodes: string[];
     countryCodesPageMessageLinks: {
         id: number;
         message: {