@coinflowlabs/angular 0.1.2 → 0.1.4

package/esm2022/lib/common/card-form/tokenexHelpers.mjs

@@ -0,0 +1,153 @@
+import { TokenExCvvContainerID, CARD_TYPE_MAPPING, TokenExCardNumberIframeId, } from './TokenEx';
+import { CoinflowUtils } from '../CoinflowUtils';
+export async function getIframeConfig({ token, origins, env, }) {
+    return new Promise((resolve, reject) => {
+        fetch(new CoinflowUtils(env).url + '/api/checkout/authentication-key', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify({
+                origins: [...(origins ?? []), window.location.origin],
+                token,
+            }),
+        })
+            .then(async (res) => {
+            resolve((await res.json()));
+        })
+            .catch(e => reject(e));
+    });
+}
+export function setTokenExScriptTag({ env, setTokenExScriptLoaded, }) {
+    const scriptTagId = 'tokenex-script';
+    if (document.head.querySelector(`#${scriptTagId}`))
+        return;
+    const sdkScriptTag = document.createElement('script');
+    sdkScriptTag.src =
+        env === 'prod'
+            ? 'https://htp.tokenex.com/iframe/iframe-v3.min.js'
+            : 'https://test-htp.tokenex.com/iframe/iframe-v3.min.js';
+    sdkScriptTag.id = scriptTagId;
+    document.head.appendChild(sdkScriptTag);
+    document.getElementById(scriptTagId).addEventListener('load', () => {
+        console.log('Setting tokenExScriptLoaded to true!');
+        setTokenExScriptLoaded(true);
+    });
+}
+function loadIframe({ iframe, setCachedToken, setLoaded, }) {
+    const tokenize = async () => {
+        iframe.tokenize();
+        return await new Promise((resolve, reject) => {
+            iframe.on('tokenize', (data) => {
+                setCachedToken(data.token);
+                resolve(data);
+            });
+            iframe.on('validate', (data) => {
+                // noinspection PointlessBooleanExpressionJS
+                const isInvalid = !data.isValid || data.isCvvValid === false;
+                if (isInvalid)
+                    reject(data);
+            });
+        });
+    };
+    iframe.on('change', () => setCachedToken(undefined));
+    iframe.on('cvvChange', () => setCachedToken(undefined));
+    iframe.on('load', () => {
+        setTimeout(() => setLoaded(true), 350);
+        const el = document.querySelector('#tx_iframe_tokenExCardNumber');
+        if (el) {
+            // noinspection JSDeprecatedSymbols
+            el.scrolling = 'no';
+        }
+    });
+    iframe.on('focus', () => {
+        iframe.focus();
+    });
+    iframe.on('cvvFocus', () => {
+        iframe.cvvFocus();
+    });
+    setLoaded(false);
+    iframe.load();
+    return { ...iframe, tokenize };
+}
+export async function doInitializeCvvOnlyTokenExIframe(args) {
+    const { token, cardType } = args;
+    return await doInitialize(TokenExCvvContainerID, args, {
+        cvvOnly: true,
+        cvv: true,
+        cvvContainerID: TokenExCvvContainerID,
+        placeholder: 'CVV',
+        token,
+        cardType: CARD_TYPE_MAPPING[cardType],
+    });
+}
+export async function doInitializeTokenExIframe(args) {
+    return await doInitialize(TokenExCardNumberIframeId, args, {
+        cvv: true,
+        cvvContainerID: TokenExCvvContainerID,
+        cvvPlaceholder: 'CVV',
+    });
+}
+export async function doInitializeTokenExCardOnlyIframe(args) {
+    return await doInitialize(TokenExCardNumberIframeId, args, { cvv: false });
+}
+async function doInitialize(id, { tokenExScriptLoaded, origins, env, css, debug, font, setCachedToken, setLoaded, }, configOverrides) {
+    if (!tokenExScriptLoaded && typeof TokenEx === 'undefined') {
+        console.warn('Warning Unable to load TokenEx on first attempt waiting for load event from document.head.script#tokenex-script');
+        return;
+    }
+    const iframeConfig = await getIframeConfig({
+        token: configOverrides.token,
+        origins,
+        env,
+    });
+    const { styles } = getStyles(css);
+    const config = {
+        ...iframeConfig,
+        placeholder: '0000 0000 0000 0000',
+        enablePrettyFormat: true,
+        styles,
+        font,
+        debug: debug ?? false,
+        ...configOverrides,
+    };
+    const iframe = TokenEx.Iframe(id, config);
+    return loadIframe({ iframe, setCachedToken, setLoaded });
+}
+function getStyles(s) {
+    const css = JSON.parse(s);
+    const styles = {
+        base: CSSPropertiesToComponent(css.base),
+        focus: CSSPropertiesToComponent(css.focus),
+        error: CSSPropertiesToComponent(css.error),
+        placeholder: CSSPropertiesToComponent(css.placeholder),
+        cvv: {
+            base: CSSPropertiesToComponent(css.cvv?.base),
+            focus: CSSPropertiesToComponent(css.cvv?.focus),
+            error: CSSPropertiesToComponent(css.cvv?.error),
+            placeholder: CSSPropertiesToComponent(css?.placeholder),
+        },
+    };
+    return { styles };
+}
+function CSSPropertiesToComponent(dict) {
+    if (!dict)
+        return '';
+    if (typeof dict === 'string')
+        return dict;
+    let str = '';
+    for (const [key, value] of Object.entries(dict)) {
+        let clo = '';
+        key.split('').forEach(lt => {
+            if (lt.toUpperCase() === lt) {
+                clo += '-' + lt.toLowerCase();
+            }
+            else {
+                clo += lt;
+            }
+        });
+        str += clo + ':' + value + ';';
+    }
+    return str;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9rZW5leEhlbHBlcnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb2luZmxvd2xhYnMvc3JjL2xpYi9jb21tb24vY2FyZC1mb3JtL3Rva2VuZXhIZWxwZXJzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFFTCxxQkFBcUIsRUFHckIsaUJBQWlCLEVBQ2pCLHlCQUF5QixHQUMxQixNQUFNLFdBQVcsQ0FBQztBQUNuQixPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sa0JBQWtCLENBQUM7QUFvQi9DLE1BQU0sQ0FBQyxLQUFLLFVBQVUsZUFBZSxDQUFDLEVBQ3BDLEtBQUssRUFDTCxPQUFPLEVBQ1AsR0FBRyxHQUtKO0lBQ0MsT0FBTyxJQUFJLE9BQU8sQ0FBQyxDQUFDLE9BQU8sRUFBRSxNQUFNLEVBQUUsRUFBRTtRQUNyQyxLQUFLLENBQUMsSUFBSSxhQUFhLENBQUMsR0FBRyxDQUFDLENBQUMsR0FBRyxHQUFHLGtDQUFrQyxFQUFFO1lBQ3JFLE1BQU0sRUFBRSxNQUFNO1lBQ2QsT0FBTyxFQUFFO2dCQUNQLGNBQWMsRUFBRSxrQkFBa0I7YUFDbkM7WUFDRCxJQUFJLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQztnQkFDbkIsT0FBTyxFQUFFLENBQUMsR0FBRyxDQUFDLE9BQU8sSUFBSSxFQUFFLENBQUMsRUFBRSxNQUFNLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQztnQkFDckQsS0FBSzthQUNOLENBQUM7U0FDSCxDQUFDO2FBQ0MsSUFBSSxDQUFDLEtBQUssRUFBQyxHQUFHLEVBQUMsRUFBRTtZQUNoQixPQUFPLENBQUMsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLEVBQUUsQ0FBK0IsQ0FBQyxDQUFDO1FBQzVELENBQUMsQ0FBQzthQUNELEtBQUssQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQzNCLENBQUMsQ0FB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cm9wZXJ0aWVzfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQge1xuICBUb2tlbml6YXRpb25SZXNwb25zZSxcbiAgVG9rZW5FeEN2dkNvbnRhaW5lcklELFxuICBUb2tlbkV4SWZyYW1lLFxuICBUb2tlbkV4SUZyYW1lQ29uZmlndXJhdGlvbixcbiAgQ0FSRF9UWVBFX01BUFBJTkcsXG4gIFRva2VuRXhDYXJkTnVtYmVySWZyYW1lSWQsXG59IGZyb20gJy4vVG9rZW5FeCc7XG5pbXBvcnQge0NvaW5mbG93VXRpbHN9IGZyb20gJy4uL0NvaW5mbG93VXRpbHMnO1xuaW1wb3J0IHtDYXJkVHlwZSwgQ29pbmZsb3dFbnZzfSBmcm9tICcuLi9Db2luZmxvd1R5cGVzJztcblxuZXhwb3J0IGludGVyZmFjZSBEb0luaXRpYWxpemVUb2tlbkV4SWZyYW1lQXJncyB7XG4gIGNzczogc3RyaW5nO1xuICBkZWJ1Zz86IGJvb2xlYW47XG4gIGZvbnQ/OiBzdHJpbmc7XG4gIG9yaWdpbnM6IHN0cmluZ1tdIHwgdW5kZWZpbmVkO1xuICB0b2tlbkV4U2NyaXB0TG9hZGVkOiBib29sZWFuO1xuICBlbnY6IENvaW5mbG93RW52cztcbiAgc2V0Q2FjaGVkVG9rZW46IChzOiBzdHJpbmcgfCB1bmRlZmluZWQpID0+IHZvaWQ7XG4gIHNldExvYWRlZDogKGI6IGJvb2xlYW4pID0+IHZvaWQ7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgRG9Jbml0aWFsaXplQ3Z2T25seVRva2VuRXhJZnJhbWVBcmdzXG4gIGV4dGVuZHMgRG9Jbml0aWFsaXplVG9rZW5FeElmcmFtZUFyZ3Mge1xuICB0b2tlbjogc3RyaW5nO1xuICBjYXJkVHlwZTogQ2FyZFR5cGU7XG59XG5cbmV4cG9ydCBhc3luYyBmdW5jdGlvbiBnZXRJZnJhbWVDb25maWcoe1xuICB0b2tlbixcbiAgb3JpZ2lucyxcbiAgZW52LFxufToge1xuICB0b2tlbj86IHN0cmluZztcbiAgb3JpZ2luczogc3RyaW5nW10gfCB1bmRlZmluZWQ7XG4gIGVudjogQ29pbmZsb3dFbnZzO1xufSk6IFByb21pc2U8VG9rZW5FeElGcmFtZUNvbmZpZ3VyYXRpb24+IHtcbiAgcmV0dXJuIG5ldyBQcm9taXNlKChyZXNvbHZlLCByZWplY3QpID0+IHtcbiAgICBmZXRjaChuZXcgQ29pbmZsb3dVdGlscyhlbnYpLnVybCArICcvYXBpL2NoZWNrb3V0L2F1dGhlbnRpY2F0aW9uLWtleScsIHtcbiAgICAgIG1ldGhvZDogJ1BPU1QnLFxuICAgICAgaGVhZGVyczoge1xuICAgICAgICAnQ29udGVudC1UeXBlJzogJ2FwcGxpY2F0aW9uL2pzb24nLFxuICAgICAgfSxcbiAgICAgIGJvZHk6IEpTT04uc3RyaW5naWZ5KHtcbiAgICAgICAgb3JpZ2luczogWy4uLihvcmlnaW5zID8/IFtdKSwgd2luZG93LmxvY2F0aW9uLm9yaWdpbl0sXG4gICAgICAgIHRva2VuLFxuICAgICAgfSksXG4gICAgfSlcbiAgICAgIC50aGVuKGFzeW5jIHJlcyA9PiB7XG4gICAgICAgIHJlc29sdmUoKGF3YWl0IHJlcy5qc29uKCkpIGFzIFRva2VuRXhJRnJhbWVDb25maWd1cmF0aW9uKTtcbiAgICAgIH0pXG4gICAgICAuY2F0Y2goZSA9PiByZWplY3QoZSkpO1xuICB9KTtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIHNldFRva2VuRXhTY3JpcHRUYWcoe1xuICBlbnYsXG4gIHNldFRva2VuRXhTY3JpcHRMb2FkZWQsXG59OiB7XG4gIGVudjogQ29pbmZsb3dFbnZzO1xuICBzZXRUb2tlbkV4U2NyaXB0TG9hZGVkOiAoYjogYm9vbGVhbikgPT4gdm9pZDtcbn0pIHtcbiAgY29uc3Qgc2NyaXB0VGFnSWQgPSAndG9rZW5leC1zY3JpcHQnO1xuICBpZiAoZG9jdW1lbnQuaGVhZC5xdWVyeVNlbGVjdG9yKGAjJHtzY3JpcHRUYWdJZH1gKSkgcmV0dXJuO1xuXG4gIGNvbnN0IHNka1NjcmlwdFRhZyA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3NjcmlwdCcpO1xuICBzZGtTY3JpcHRUYWcuc3JjID1cbiAgICBlbnYgPT09ICdwcm9kJ1xuICAgICAgPyAnaHR0cHM6Ly9odHAudG9rZW5leC5jb20vaWZyYW1lL2lmcmFtZS12My5taW4uanMnXG4gICAgICA6ICdodHRwczovL3Rlc3QtaHRwLnRva2VuZXguY29tL2lmcmFtZS9pZnJhbWUtdjMubWluLmpzJztcbiAgc2RrU2NyaXB0VGFnLmlkID0gc2NyaXB0VGFnSWQ7XG5cbiAgZG9jdW1lbnQuaGVhZC5hcHBlbmRDaGlsZChzZGtTY3JpcHRUYWcpO1xuXG4gIGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKHNjcmlwdFRhZ0lkKSEuYWRkRXZlbnRMaXN0ZW5lcignbG9hZCcsICgpID0+IHtcbiAgICBjb25zb2xlLmxvZygnU2V0dGluZyB0b2tlbkV4U2NyaXB0TG9hZGVkIHRvIHRydWUhJyk7XG4gICAgc2V0VG9rZW5FeFNjcmlwdExvYWRlZCh0cnVlKTtcbiAgfSk7XG59XG5cbmZ1bmN0aW9uIGxvYWRJZnJhbWUoe1xuICBpZnJhbWUsXG4gIHNldENhY2hlZFRva2VuLFxuICBzZXRMb2FkZWQsXG59OiB7XG4gIHNldENhY2hlZFRva2VuOiAoczogc3RyaW5nIHwgdW5kZWZpbmVkKSA9PiB2b2lkO1xuICBzZXRMb2FkZWQ6IChiOiBib29sZWFuKSA9PiB2b2lkO1xuICBpZnJhbWU6IFJldHVyblR5cGU8dHlwZW9mIFRva2VuRXguSWZyYW1lPjtcbn0pOiBUb2tlbkV4SWZyYW1lIHtcbiAgY29uc3QgdG9rZW5pemUgPSBhc3luYyAoKTogUHJvbWlzZTxUb2tlbml6YXRpb25SZXNwb25zZT4gPT4ge1xuICAgIGlmcmFtZS50b2tlbml6ZSgpO1xuICAgIHJldHVybiBhd2FpdCBuZXcgUHJvbWlzZTxUb2tlbml6YXRpb25SZXNwb25zZT4oKHJlc29sdmUsIHJlamVjdCkgPT4ge1xuICAgICAgaWZyYW1lLm9uKCd0b2tlbml6ZScsIChkYXRhOiBUb2tlbml6YXRpb25SZXNwb25zZSkgPT4ge1xuICAgICAgICBzZXRDYWNoZWRUb2tlbihkYXRhLnRva2VuKTtcbiAgICAgICAgcmVzb2x2ZShkYXRhKTtcbiAgICAgIH0pO1xuICAgICAgaWZyYW1lLm9uKCd2YWxpZGF0ZScsIChkYXRhOiB7aXNWYWxpZDogYm9vbGVhbjsgaXNDdnZWYWxpZDogYm9vbGVhbn0pID0+IHtcbiAgICAgICAgLy8gbm9pbnNwZWN0aW9uIFBvaW50bGVzc0Jvb2xlYW5FeHByZXNzaW9uSlNcbiAgICAgICAgY29uc3QgaXNJbnZhbGlkID0gIWRhdGEuaXNWYWxpZCB8fCBkYXRhLmlzQ3Z2VmFsaWQgPT09IGZhbHNlO1xuICAgICAgICBpZiAoaXNJbnZhbGlkKSByZWplY3QoZGF0YSk7XG4gICAgICB9KTtcbiAgICB9KTtcbiAgfTtcblxuICBpZnJhbWUub24oJ2NoYW5nZScsICgpID0+IHNldENhY2hlZFRva2VuKHVuZGVmaW5lZCkpO1xuICBpZnJhbWUub24oJ2N2dkNoYW5nZScsICgpID0+IHNldENhY2hlZFRva2VuKHVuZGVmaW5lZCkpO1xuXG4gIGlmcmFtZS5vbignbG9hZCcsICgpID0+IHtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHNldExvYWRlZCh0cnVlKSwgMzUwKTtcbiAgICBjb25zdCBlbDogSFRNTElGcmFtZUVsZW1lbnQgfCBudWxsID0gZG9jdW1lbnQucXVlcnlTZWxlY3RvcihcbiAgICAgICcjdHhfaWZyYW1lX3Rva2VuRXhDYXJkTnVtYmVyJ1xuICAgICk7XG4gICAgaWYgKGVsKSB7XG4gICAgICAvLyBub2luc3BlY3Rpb24gSlNEZXByZWNhdGVkU3ltYm9sc1xuICAgICAgZWwuc2Nyb2xsaW5nID0gJ25vJztcbiAgICB9XG4gIH0pO1xuXG4gIGlmcmFtZS5vbignZm9jdXMnLCAoKSA9PiB7XG4gICAgaWZyYW1lLmZvY3VzKCk7XG4gIH0pO1xuICBpZnJhbWUub24oJ2N2dkZvY3VzJywgKCkgPT4ge1xuICAgIGlmcmFtZS5jdnZGb2N1cygpO1xuICB9KTtcblxuICBzZXRMb2FkZWQoZmFsc2UpO1xuICBpZnJhbWUubG9hZCgpO1xuXG4gIHJldHVybiB7Li4uaWZyYW1lLCB0b2tlbml6ZX07XG59XG5cbmV4cG9ydCBhc3luYyBmdW5jdGlvbiBkb0luaXRpYWxpemVDdnZPbmx5VG9rZW5FeElmcmFtZShcbiAgYXJnczogRG9Jbml0aWFsaXplQ3Z2T25seVRva2VuRXhJZnJhbWVBcmdzXG4pIHtcbiAgY29uc3Qge3Rva2VuLCBjYXJkVHlwZX0gPSBhcmdzO1xuICByZXR1cm4gYXdhaXQgZG9Jbml0aWFsaXplKFRva2VuRXhDdnZDb250YWluZXJJRCwgYXJncywge1xuICAgIGN2dk9ubHk6IHRydWUsXG4gICAgY3Z2OiB0cnVlLFxuICAgIGN2dkNvbnRhaW5lcklEOiBUb2tlbkV4Q3Z2Q29udGFpbmVySUQsXG4gICAgcGxhY2Vob2xkZXI6ICdDVlYnLFxuICAgIHRva2VuLFxuICAgIGNhcmRUeXBlOiBDQVJEX1RZUEVfTUFQUElOR1tjYXJkVHlwZV0sXG4gIH0pO1xufVxuXG5leHBvcnQgYXN5bmMgZnVuY3Rpb24gZG9Jbml0aWFsaXplVG9rZW5FeElmcmFtZShcbiAgYXJnczogRG9Jbml0aWFsaXplVG9rZW5FeElmcmFtZUFyZ3Ncbikge1xuICByZXR1cm4gYXdhaXQgZG9Jbml0aWFsaXplKFRva2VuRXhDYXJkTnVtYmVySWZyYW1lSWQsIGFyZ3MsIHtcbiAgICBjdnY6IHRydWUsXG4gICAgY3Z2Q29udGFpbmVySUQ6IFRva2VuRXhDdnZDb250YWluZXJJRCxcbiAgICBjdnZQbGFjZWhvbGRlcjogJ0NWVicsXG4gIH0pO1xufVxuXG5leHBvcnQgYXN5bmMgZnVuY3Rpb24gZG9Jbml0aWFsaXplVG9rZW5FeENhcmRPbmx5SWZyYW1lKFxuICBhcmdzOiBEb0luaXRpYWxpemVUb2tlbkV4SWZyYW1lQXJnc1xuKSB7XG4gIHJldHVybiBhd2FpdCBkb0luaXRpYWxpemUoVG9rZW5FeENhcmROdW1iZXJJZnJhbWVJZCwgYXJncywge2N2djogZmFsc2V9KTtcbn1cblxuYXN5bmMgZnVuY3Rpb24gZG9Jbml0aWFsaXplKFxuICBpZDogc3RyaW5nLFxuICB7XG4gICAgdG9rZW5FeFNjcmlwdExvYWRlZCxcbiAgICBvcmlnaW5zLFxuICAgIGVudixcbiAgICBjc3MsXG4gICAgZGVidWcsXG4gICAgZm9udCxcbiAgICBzZXRDYWNoZWRUb2tlbixcbiAgICBzZXRMb2FkZWQsXG4gIH06IERvSW5pdGlhbGl6ZVRva2VuRXhJZnJhbWVBcmdzLFxuICBjb25maWdPdmVycmlkZXM6IFBhcnRpYWw8VG9rZW5FeC5Db25maWc+XG4pIHtcbiAgaWYgKCF0b2tlbkV4U2NyaXB0TG9hZGVkICYmIHR5cGVvZiBUb2tlbkV4ID09PSAndW5kZWZpbmVkJykge1xuICAgIGNvbnNvbGUud2FybihcbiAgICAgICdXYXJuaW5nIFVuYWJsZSB0byBsb2FkIFRva2VuRXggb24gZmlyc3QgYXR0ZW1wdCB3YWl0aW5nIGZvciBsb2FkIGV2ZW50IGZyb20gZG9jdW1lbnQuaGVhZC5zY3JpcHQjdG9rZW5leC1zY3JpcHQnXG4gICAgKTtcbiAgICByZXR1cm47XG4gIH1cbiAgY29uc3QgaWZyYW1lQ29uZmlnID0gYXdhaXQgZ2V0SWZyYW1lQ29uZmlnKHtcbiAgICB0b2tlbjogY29uZmlnT3ZlcnJpZGVzLnRva2VuLFxuICAgIG9yaWdpbnMsXG4gICAgZW52LFxuICB9KTtcbiAgY29uc3Qge3N0eWxlc30gPSBnZXRTdHlsZXMoY3NzKTtcbiAgY29uc3QgY29uZmlnID0ge1xuICAgIC4uLmlmcmFtZUNvbmZpZyxcbiAgICBwbGFjZWhvbGRlcjogJzAwMDAgMDAwMCAwMDAwIDAwMDAnLFxuICAgIGVuYWJsZVByZXR0eUZvcm1hdDogdHJ1ZSxcbiAgICBzdHlsZXMsXG4gICAgZm9udCxcbiAgICBkZWJ1ZzogZGVidWcgPz8gZmFsc2UsXG4gICAgLi4uY29uZmlnT3ZlcnJpZGVzLFxuICB9O1xuICBjb25zdCBpZnJhbWU6IFJldHVyblR5cGU8dHlwZW9mIFRva2VuRXguSWZyYW1lPiA9IFRva2VuRXguSWZyYW1lKGlkLCBjb25maWcpO1xuXG4gIHJldHVybiBsb2FkSWZyYW1lKHtpZnJhbWUsIHNldENhY2hlZFRva2VuLCBzZXRMb2FkZWR9KTtcbn1cblxuZnVuY3Rpb24gZ2V0U3R5bGVzKHM6IHN0cmluZykge1xuICBjb25zdCBjc3MgPSBKU09OLnBhcnNlKHMpO1xuICBjb25zdCBzdHlsZXMgPSB7XG4gICAgYmFzZTogQ1NTUHJvcGVydGllc1RvQ29tcG9uZW50KGNzcy5iYXNlKSxcbiAgICBmb2N1czogQ1NTUHJvcGVydGllc1RvQ29tcG9uZW50KGNzcy5mb2N1cyksXG4gICAgZXJyb3I6IENTU1Byb3BlcnRpZXNUb0NvbXBvbmVudChjc3MuZXJyb3IpLFxuICAgIHBsYWNlaG9sZGVyOiBDU1NQcm9wZXJ0aWVzVG9Db21wb25lbnQoY3NzLnBsYWNlaG9sZGVyKSxcbiAgICBjdnY6IHtcbiAgICAgIGJhc2U6IENTU1Byb3BlcnRpZXNUb0NvbXBvbmVudChjc3MuY3Z2Py5iYXNlKSxcbiAgICAgIGZvY3VzOiBDU1NQcm9wZXJ0aWVzVG9Db21wb25lbnQoY3NzLmN2dj8uZm9jdXMpLFxuICAgICAgZXJyb3I6IENTU1Byb3BlcnRpZXNUb0NvbXBvbmVudChjc3MuY3Z2Py5lcnJvciksXG4gICAgICBwbGFjZWhvbGRlcjogQ1NTUHJvcGVydGllc1RvQ29tcG9uZW50KGNzcz8ucGxhY2Vob2xkZXIpLFxuICAgIH0sXG4gIH07XG5cbiAgcmV0dXJuIHtzdHlsZXN9O1xufVxuXG5mdW5jdGlvbiBDU1NQcm9wZXJ0aWVzVG9Db21wb25lbnQoXG4gIGRpY3Q6IENTU1Byb3BlcnRpZXMgfCBzdHJpbmcgfCB1bmRlZmluZWRcbik6IHN0cmluZyB7XG4gIGlmICghZGljdCkgcmV0dXJuICcnO1xuICBpZiAodHlwZW9mIGRpY3QgPT09ICdzdHJpbmcnKSByZXR1cm4gZGljdDtcblxuICBsZXQgc3RyID0gJyc7XG4gIGZvciAoY29uc3QgW2tleSwgdmFsdWVdIG9mIE9iamVjdC5lbnRyaWVzKGRpY3QpKSB7XG4gICAgbGV0IGNsbyA9ICcnO1xuICAgIGtleS5zcGxpdCgnJykuZm9yRWFjaChsdCA9PiB7XG4gICAgICBpZiAobHQudG9VcHBlckNhc2UoKSA9PT0gbHQpIHtcbiAgICAgICAgY2xvICs9ICctJyArIGx0LnRvTG93ZXJDYXNlKCk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBjbG8gKz0gbHQ7XG4gICAgICB9XG4gICAgfSk7XG4gICAgc3RyICs9IGNsbyArICc6JyArIHZhbHVlICsgJzsnO1xuICB9XG4gIHJldHVybiBzdHI7XG59XG4iXX0=

package/esm2022/lib/common/index.mjs

@@ -1,4 +1,6 @@
 export * from './CoinflowTypes';
 export * from './CoinflowUtils';
 export * from './CoinflowLibMessageHandlers';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb2luZmxvd2xhYnMvc3JjL2xpYi9jb21tb24vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsOEJBQThCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL0NvaW5mbG93VHlwZXMnO1xuZXhwb3J0ICogZnJvbSAnLi9Db2luZmxvd1V0aWxzJztcbmV4cG9ydCAqIGZyb20gJy4vQ29pbmZsb3dMaWJNZXNzYWdlSGFuZGxlcnMnO1xuIl19
+export * from './card-form/TokenEx';
+export * from './card-form/tokenexHelpers';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb2luZmxvd2xhYnMvc3JjL2xpYi9jb21tb24vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsOEJBQThCLENBQUM7QUFDN0MsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLDRCQUE0QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9Db2luZmxvd1R5cGVzJztcbmV4cG9ydCAqIGZyb20gJy4vQ29pbmZsb3dVdGlscyc7XG5leHBvcnQgKiBmcm9tICcuL0NvaW5mbG93TGliTWVzc2FnZUhhbmRsZXJzJztcbmV4cG9ydCAqIGZyb20gJy4vY2FyZC1mb3JtL1Rva2VuRXgnO1xuZXhwb3J0ICogZnJvbSAnLi9jYXJkLWZvcm0vdG9rZW5leEhlbHBlcnMnO1xuIl19

package/fesm2022/coinflowlabs-angular.mjs

@@ -1,8 +1,10 @@
 import * as i0 from '@angular/core';
 import { Component, Input, ViewChild, HostListener } from '@angular/core';
 import * as SolanaWeb3Js from '@solana/web3.js';
+import { Keypair, Transaction } from '@solana/web3.js';
 import base58Imported from 'bs58';
 import LZString from 'lz-string';
+import { sign } from 'tweetnacl';
 import * as i1 from '@angular/platform-browser';
 
 var SettlementType;
@@ -17,6 +19,13 @@ var MerchantStyle;
     MerchantStyle["Sharp"] = "sharp";
     MerchantStyle["Pill"] = "pill";
 })(MerchantStyle || (MerchantStyle = {}));
+var CardType;
+(function (CardType) {
+    CardType["VISA"] = "VISA";
+    CardType["MASTERCARD"] = "MSTR";
+    CardType["AMEX"] = "AMEX";
+    CardType["DISCOVER"] = "DISC";
+})(CardType || (CardType = {}));
 
 // This works in angular, but not react
 // let web3: typeof import('@solana/web3.js') | undefined;
@@ -76,7 +85,7 @@ class CoinflowUtils {
             return 'http://localhost:5000';
         return `https://api-${env}.coinflow.cash`;
     }
-    static getCoinflowUrl({ walletPubkey, route, routePrefix, env, amount, transaction, blockchain, supportsVersionedTransactions, webhookInfo, email, loaderBackground, handleHeightChange, bankAccountLinkRedirect, additionalWallets, nearDeposit, chargebackProtectionData, merchantCss, color, rent, lockDefaultToken, token, tokens, planCode, disableApplePay, disableGooglePay, customerInfo, settlementType, lockAmount, nativeSolToConvert, theme, usePermit, transactionSigner, authOnly, deviceId, jwtToken, }) {
+    static getCoinflowUrl({ walletPubkey, route, routePrefix, env, amount, transaction, blockchain, webhookInfo, email, loaderBackground, handleHeightChange, bankAccountLinkRedirect, additionalWallets, nearDeposit, chargebackProtectionData, merchantCss, color, rent, lockDefaultToken, token, tokens, planCode, disableApplePay, disableGooglePay, customerInfo, settlementType, lockAmount, nativeSolToConvert, theme, usePermit, transactionSigner, authOnly, deviceId, jwtToken, origins, }) {
         const prefix = routePrefix
             ? `/${routePrefix}/${blockchain}`
             : `/${blockchain}`;
@@ -88,9 +97,6 @@ class CoinflowUtils {
         if (amount) {
             url.searchParams.append('amount', amount.toString());
         }
-        if (supportsVersionedTransactions) {
-            url.searchParams.append('supportsVersionedTransactions', 'true');
-        }
         if (webhookInfo) {
             url.searchParams.append('webhookInfo', LZString.compressToEncodedURIComponent(JSON.stringify(webhookInfo)));
         }
@@ -164,6 +170,8 @@ class CoinflowUtils {
             url.searchParams.append('authOnly', 'true');
         if (jwtToken)
             url.searchParams.append('jwtToken', jwtToken);
+        if (origins)
+            url.searchParams.append('origins', LZString.compressToEncodedURIComponent(JSON.stringify(origins)));
         return url.toString();
     }
     static getTransaction(props) {
@@ -176,14 +184,12 @@ class CoinflowUtils {
                     throw new Error('@solana/web3.js dependency is required for Solana');
                 if (!base58)
                     throw new Error('bs58 dependency is required for Solana');
-                if (transaction instanceof web3.Transaction)
-                    return base58.encode(transaction.serialize({
-                        requireAllSignatures: false,
-                        verifySignatures: false,
-                    }));
-                if (transaction instanceof web3.VersionedTransaction)
-                    return base58.encode(transaction.serialize());
-                return undefined;
+                if (!transaction)
+                    return undefined;
+                return base58.encode(transaction.serialize({
+                    requireAllSignatures: false,
+                    verifySignatures: false,
+                }));
             },
             polygon: () => {
                 if (!('transaction' in props))
@@ -227,6 +233,50 @@ class CoinflowUtils {
                 throw new Error('blockchain not supported!');
         }
     }
+    static async getWalletFromEmail({ email, merchantId, env, }) {
+        const buffer = new TextEncoder().encode(email);
+        const crypto = window.crypto.subtle;
+        const hash = await crypto.digest('SHA-256', buffer);
+        const seed = new Uint8Array(hash);
+        const keypair = Keypair.fromSeed(seed);
+        return {
+            publicKey: keypair.publicKey,
+            signMessage: (message) => Promise.resolve(sign.detached(message, keypair.secretKey)),
+            signTransaction: async (transaction) => {
+                if (transaction instanceof Transaction) {
+                    transaction.sign(keypair);
+                    return transaction;
+                }
+                else {
+                    transaction.sign([keypair]);
+                    return transaction;
+                }
+            },
+            sendTransaction: async (transaction) => {
+                if (transaction instanceof Transaction) {
+                    transaction.sign(keypair);
+                }
+                else {
+                    transaction.sign([keypair]);
+                }
+                const coinflowBaseUrl = this.getCoinflowApiUrl(env);
+                const options = {
+                    method: 'POST',
+                    headers: {
+                        'content-type': 'application/json',
+                        'x-coinflow-auth-wallet': keypair.publicKey.toString(),
+                        'x-coinflow-auth-blockchain': 'solana',
+                    },
+                    body: JSON.stringify({
+                        merchantId,
+                        signedTransaction: base58?.encode(transaction.serialize()),
+                    }),
+                };
+                const { signature } = await fetch(coinflowBaseUrl + '/api/utils/send-coinflow-tx', options).then(res => res.json());
+                return signature;
+            },
+        };
+    }
 }
 
 var IFrameMessageMethods;
@@ -366,6 +416,167 @@ function getEvmWalletHandlers({ wallet, onSuccess, }) {
     };
 }
 
+// Type definitions for TokenEx iframe integration
+const TokenExCardNumberIframeId = 'tokenExCardNumber';
+const TokenExCvvContainerID = 'tokenExCardCvv';
+const CARD_TYPE_MAPPING = {
+    [CardType.VISA]: 'visa',
+    [CardType.MASTERCARD]: 'masterCard',
+    [CardType.AMEX]: 'americanExpress',
+    [CardType.DISCOVER]: 'discover',
+};
+
+async function getIframeConfig({ token, origins, env, }) {
+    return new Promise((resolve, reject) => {
+        fetch(new CoinflowUtils(env).url + '/api/checkout/authentication-key', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify({
+                origins: [...(origins ?? []), window.location.origin],
+                token,
+            }),
+        })
+            .then(async (res) => {
+            resolve((await res.json()));
+        })
+            .catch(e => reject(e));
+    });
+}
+function setTokenExScriptTag({ env, setTokenExScriptLoaded, }) {
+    const scriptTagId = 'tokenex-script';
+    if (document.head.querySelector(`#${scriptTagId}`))
+        return;
+    const sdkScriptTag = document.createElement('script');
+    sdkScriptTag.src =
+        env === 'prod'
+            ? 'https://htp.tokenex.com/iframe/iframe-v3.min.js'
+            : 'https://test-htp.tokenex.com/iframe/iframe-v3.min.js';
+    sdkScriptTag.id = scriptTagId;
+    document.head.appendChild(sdkScriptTag);
+    document.getElementById(scriptTagId).addEventListener('load', () => {
+        console.log('Setting tokenExScriptLoaded to true!');
+        setTokenExScriptLoaded(true);
+    });
+}
+function loadIframe({ iframe, setCachedToken, setLoaded, }) {
+    const tokenize = async () => {
+        iframe.tokenize();
+        return await new Promise((resolve, reject) => {
+            iframe.on('tokenize', (data) => {
+                setCachedToken(data.token);
+                resolve(data);
+            });
+            iframe.on('validate', (data) => {
+                // noinspection PointlessBooleanExpressionJS
+                const isInvalid = !data.isValid || data.isCvvValid === false;
+                if (isInvalid)
+                    reject(data);
+            });
+        });
+    };
+    iframe.on('change', () => setCachedToken(undefined));
+    iframe.on('cvvChange', () => setCachedToken(undefined));
+    iframe.on('load', () => {
+        setTimeout(() => setLoaded(true), 350);
+        const el = document.querySelector('#tx_iframe_tokenExCardNumber');
+        if (el) {
+            // noinspection JSDeprecatedSymbols
+            el.scrolling = 'no';
+        }
+    });
+    iframe.on('focus', () => {
+        iframe.focus();
+    });
+    iframe.on('cvvFocus', () => {
+        iframe.cvvFocus();
+    });
+    setLoaded(false);
+    iframe.load();
+    return { ...iframe, tokenize };
+}
+async function doInitializeCvvOnlyTokenExIframe(args) {
+    const { token, cardType } = args;
+    return await doInitialize(TokenExCvvContainerID, args, {
+        cvvOnly: true,
+        cvv: true,
+        cvvContainerID: TokenExCvvContainerID,
+        placeholder: 'CVV',
+        token,
+        cardType: CARD_TYPE_MAPPING[cardType],
+    });
+}
+async function doInitializeTokenExIframe(args) {
+    return await doInitialize(TokenExCardNumberIframeId, args, {
+        cvv: true,
+        cvvContainerID: TokenExCvvContainerID,
+        cvvPlaceholder: 'CVV',
+    });
+}
+async function doInitializeTokenExCardOnlyIframe(args) {
+    return await doInitialize(TokenExCardNumberIframeId, args, { cvv: false });
+}
+async function doInitialize(id, { tokenExScriptLoaded, origins, env, css, debug, font, setCachedToken, setLoaded, }, configOverrides) {
+    if (!tokenExScriptLoaded && typeof TokenEx === 'undefined') {
+        console.warn('Warning Unable to load TokenEx on first attempt waiting for load event from document.head.script#tokenex-script');
+        return;
+    }
+    const iframeConfig = await getIframeConfig({
+        token: configOverrides.token,
+        origins,
+        env,
+    });
+    const { styles } = getStyles(css);
+    const config = {
+        ...iframeConfig,
+        placeholder: '0000 0000 0000 0000',
+        enablePrettyFormat: true,
+        styles,
+        font,
+        debug: debug ?? false,
+        ...configOverrides,
+    };
+    const iframe = TokenEx.Iframe(id, config);
+    return loadIframe({ iframe, setCachedToken, setLoaded });
+}
+function getStyles(s) {
+    const css = JSON.parse(s);
+    const styles = {
+        base: CSSPropertiesToComponent(css.base),
+        focus: CSSPropertiesToComponent(css.focus),
+        error: CSSPropertiesToComponent(css.error),
+        placeholder: CSSPropertiesToComponent(css.placeholder),
+        cvv: {
+            base: CSSPropertiesToComponent(css.cvv?.base),
+            focus: CSSPropertiesToComponent(css.cvv?.focus),
+            error: CSSPropertiesToComponent(css.cvv?.error),
+            placeholder: CSSPropertiesToComponent(css?.placeholder),
+        },
+    };
+    return { styles };
+}
+function CSSPropertiesToComponent(dict) {
+    if (!dict)
+        return '';
+    if (typeof dict === 'string')
+        return dict;
+    let str = '';
+    for (const [key, value] of Object.entries(dict)) {
+        let clo = '';
+        key.split('').forEach(lt => {
+            if (lt.toUpperCase() === lt) {
+                clo += '-' + lt.toLowerCase();
+            }
+            else {
+                clo += lt;
+            }
+        });
+        str += clo + ':' + value + ';';
+    }
+    return str;
+}
+
 class CoinflowIFrameComponent {
     constructor(sanitizer) {
         this.sanitizer = sanitizer;
@@ -390,8 +601,8 @@ class CoinflowIFrameComponent {
             return;
         this.iframe.nativeElement.contentWindow.postMessage(message, '*');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: CoinflowIFrameComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: CoinflowIFrameComponent, isStandalone: true, selector: "lib-coinflow-iframe", inputs: { iframeProps: "iframeProps", messageHandlers: "messageHandlers" }, host: { listeners: { "window:message": "onPostMessage($event)" } }, viewQueries: [{ propertyName: "iframe", first: true, predicate: ["iframe"], descendants: true }], ngImport: i0, template: ` <iframe
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: CoinflowIFrameComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: CoinflowIFrameComponent, isStandalone: true, selector: "lib-coinflow-iframe", inputs: { iframeProps: "iframeProps", messageHandlers: "messageHandlers" }, host: { listeners: { "window:message": "onPostMessage($event)" } }, viewQueries: [{ propertyName: "iframe", first: true, predicate: ["iframe"], descendants: true }], ngImport: i0, template: ` <iframe
     width="100%"
     height="100%"
     #iframe
@@ -402,7 +613,7 @@ class CoinflowIFrameComponent {
     [src]="dynamicUrl"
   ></iframe>`, isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: CoinflowIFrameComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: CoinflowIFrameComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'lib-coinflow-iframe',
@@ -444,10 +655,10 @@ class CoinflowPurchaseComponent {
             transaction: CoinflowUtils.getTransaction(this.purchaseProps),
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: CoinflowPurchaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: CoinflowPurchaseComponent, isStandalone: true, selector: "lib-coinflow-purchase", inputs: { purchaseProps: "purchaseProps" }, ngImport: i0, template: ' <lib-coinflow-iframe ng-if="iframeProps && messageHandlers" [iframeProps]="iframeProps!" [messageHandlers]="messageHandlers!"></lib-coinflow-iframe> ', isInline: true, dependencies: [{ kind: "component", type: CoinflowIFrameComponent, selector: "lib-coinflow-iframe", inputs: ["iframeProps", "messageHandlers"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: CoinflowPurchaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: CoinflowPurchaseComponent, isStandalone: true, selector: "lib-coinflow-purchase", inputs: { purchaseProps: "purchaseProps" }, ngImport: i0, template: ' <lib-coinflow-iframe ng-if="iframeProps && messageHandlers" [iframeProps]="iframeProps!" [messageHandlers]="messageHandlers!"></lib-coinflow-iframe> ', isInline: true, dependencies: [{ kind: "component", type: CoinflowIFrameComponent, selector: "lib-coinflow-iframe", inputs: ["iframeProps", "messageHandlers"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: CoinflowPurchaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: CoinflowPurchaseComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'lib-coinflow-purchase',
@@ -460,10 +671,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
             }] } });
 
 class CoinflowPurchaseHistoryComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: CoinflowPurchaseHistoryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: CoinflowPurchaseHistoryComponent, isStandalone: true, selector: "lib-coinflow-purchase-history", ngImport: i0, template: ' <p>coinflow-purchase-history works!</p> ', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: CoinflowPurchaseHistoryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: CoinflowPurchaseHistoryComponent, isStandalone: true, selector: "lib-coinflow-purchase-history", ngImport: i0, template: ' <p>coinflow-purchase-history works!</p> ', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: CoinflowPurchaseHistoryComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: CoinflowPurchaseHistoryComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'lib-coinflow-purchase-history',
@@ -474,10 +685,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
         }] });
 
 class CoinflowPurchaseProtectionComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: CoinflowPurchaseProtectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: CoinflowPurchaseProtectionComponent, isStandalone: true, selector: "lib-coinflow-purchase-protection", ngImport: i0, template: ' <p>coinflow-purchase-protection works!</p> ', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: CoinflowPurchaseProtectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: CoinflowPurchaseProtectionComponent, isStandalone: true, selector: "lib-coinflow-purchase-protection", ngImport: i0, template: ' <p>coinflow-purchase-protection works!</p> ', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: CoinflowPurchaseProtectionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: CoinflowPurchaseProtectionComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'lib-coinflow-purchase-protection',
@@ -500,10 +711,10 @@ class CoinflowWithdrawComponent {
             transaction: undefined,
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: CoinflowWithdrawComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: CoinflowWithdrawComponent, isStandalone: true, selector: "lib-coinflow-withdraw", inputs: { withdrawProps: "withdrawProps" }, ngImport: i0, template: '  <lib-coinflow-iframe ng-if="iframeProps && messageHandlers" [iframeProps]="iframeProps!" [messageHandlers]="messageHandlers!"></lib-coinflow-iframe> ', isInline: true, dependencies: [{ kind: "component", type: CoinflowIFrameComponent, selector: "lib-coinflow-iframe", inputs: ["iframeProps", "messageHandlers"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: CoinflowWithdrawComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: CoinflowWithdrawComponent, isStandalone: true, selector: "lib-coinflow-withdraw", inputs: { withdrawProps: "withdrawProps" }, ngImport: i0, template: '  <lib-coinflow-iframe ng-if="iframeProps && messageHandlers" [iframeProps]="iframeProps!" [messageHandlers]="messageHandlers!"></lib-coinflow-iframe> ', isInline: true, dependencies: [{ kind: "component", type: CoinflowIFrameComponent, selector: "lib-coinflow-iframe", inputs: ["iframeProps", "messageHandlers"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: CoinflowWithdrawComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: CoinflowWithdrawComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'lib-coinflow-withdraw',
@@ -516,10 +727,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
             }] } });
 
 class CoinflowWithdrawHistoryComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: CoinflowWithdrawHistoryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: CoinflowWithdrawHistoryComponent, isStandalone: true, selector: "lib-coinflow-withdraw-history", ngImport: i0, template: ' <p>coinflow-withdraw-history works!</p> ', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: CoinflowWithdrawHistoryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: CoinflowWithdrawHistoryComponent, isStandalone: true, selector: "lib-coinflow-withdraw-history", ngImport: i0, template: ' <p>coinflow-withdraw-history works!</p> ', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: CoinflowWithdrawHistoryComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: CoinflowWithdrawHistoryComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'lib-coinflow-withdraw-history',