@zonos/elements 1.0.16 → 1.0.17-alpha.1

package/dist/scripts/loadZonos.js

@@ -0,0 +1,300 @@
+'use strict';
+
+const log = (message, type, ...additionalInfo) => {
+    // if type is error and debug is false, do not log
+    if (!window.Zonos.debug) {
+        return;
+    }
+    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);
+};
+
+/* 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 ZONOS_URL = "https://unpkg.com/@zonos/elements@1.0.17-alpha.1";
+const INTER_FONT_URL = 'https://rsms.me';
+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.init = async ({ appearance, checkoutSettings, currencyConverter, helloSettings, zonosApiKey, }) => {
+    if (Zonos.doneInit) {
+        // do nothing if zonos is already initializeds
+        return;
+    }
+    log('====== ZONOS DEBUG MODE: on ======');
+    if (!zonosApiKey) {
+        logError('Missing Zonos API key');
+        return;
+    }
+    _a.zonosApiKey = zonosApiKey;
+    // eslint-disable-next-line no-console
+    log('init zonos');
+    // inject zonos cdn
+    Zonos.injectZonosCdn();
+    // inject css for zonos elements
+    Zonos.injectZonosCss();
+    // inject fonts for zonos elements
+    Zonos.injectFonts();
+    // init zonos controller
+    Zonos.injectController({
+        config: {
+            appearance,
+            checkoutSettings,
+            currencyConverter,
+            helloSettings,
+        },
+        zonosApiKey,
+    });
+    Zonos.doneInit = true;
+};
+Zonos.displayCurrency = () => {
+    const zonosHello = document.querySelector('zonos-hello');
+    if (zonosHello) {
+        void zonosHello.displayCurrency();
+    }
+};
+Zonos.showNotification = (notification) => {
+    const zonosController = document.querySelector('zonos-controller');
+    void (zonosController === null || zonosController === void 0 ? void 0 : zonosController.showNotification(notification));
+};
+Zonos.injectController = ({ config, zonosApiKey, }) => {
+    if (document.querySelector('zonos-controller')) {
+        return;
+    }
+    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);
+    // eslint-disable-next-line no-console
+    log('Zonos controller injected!');
+};
+Zonos.injectZonosCdn = () => {
+    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;
+    };
+    if (findScript()) ;
+    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);
+    // 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);
+    // eslint-disable-next-line no-console
+    log('Zonos cdn script injected!');
+};
+Zonos.injectZonosCss = () => {
+    const findStyleLink = () => {
+        return !!document.querySelector(`link[rel="stylesheet"][href^="${ZONOS_URL}/dist/zonos-elements/zonos-elements.css"]`);
+    };
+    if (findStyleLink()) {
+        // eslint-disable-next-line no-console
+        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);
+    // eslint-disable-next-line no-console
+    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()) {
+        // eslint-disable-next-line no-console
+        log('Inter font already injected', 'warn');
+        return;
+    }
+    const headOrBody = document.head || document.body;
+    // inject css for zonos elements
+    const fontPreconnect = document.createElement('link');
+    fontPreconnect.rel = 'preconnect';
+    fontPreconnect.href = INTER_FONT_URL;
+    headOrBody.appendChild(fontPreconnect);
+    // inject css for zonos elements
+    const font = document.createElement('link');
+    font.rel = 'stylesheet';
+    font.href = `${INTER_FONT_URL}/inter/inter.css`;
+    headOrBody.appendChild(font);
+    // eslint-disable-next-line no-console
+    log('Zonos font injected!');
+};
+
+window.Zonos = Zonos;

package/dist/scripts/stripe.js

@@ -0,0 +1,126 @@
+'use strict';
+
+const logError = (message, ...rest) => {
+    // eslint-disable-next-line no-console
+    console.error(message, ...rest);
+};
+
+/* 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 = 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 !== null) {
+        return stripePromise;
+    }
+    stripePromise = 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;
+};
+// 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;
+};
+// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
+const validateLoadParams = (params) => {
+    const errorMessage = `invalid load parameters; expected object of shape
+
+    {advancedFraudSignals: boolean}
+
+but received
+
+    ${JSON.stringify(params)}
+`;
+    if (params === null || typeof params !== 'object') {
+        logError(errorMessage);
+        return;
+    }
+    if (Object.keys(params).length === 1 &&
+        typeof params.advancedFraudSignals === 'boolean') {
+        return params;
+    }
+    logError(errorMessage);
+};
+
+exports.initStripe = initStripe;
+exports.injectScript = injectScript;
+exports.validateLoadParams = validateLoadParams;
+exports.zonosStripeFindScript = zonosStripeFindScript;
+exports.zonosStripeLoadScript = zonosStripeLoadScript;