@coinflowlabs/react 4.2.7 → 4.2.9

package/build/esm/card-form/useCardFormIframe.js

@@ -1,172 +1,83 @@
-var _a;
-import { __assign, __awaiter, __generator, __spreadArray } from "tslib";
+import { __awaiter, __generator } from "tslib";
 import { useCallback, useEffect, useState } from 'react';
-import { CardType, CoinflowUtils } from '../common';
-export var TokenExCardNumberIframeId = 'tokenExCardNumber';
-export var TokenExCvvContainerID = 'tokenExCardCvv';
-var CARD_TYPE_MAPPING = (_a = {},
-    _a[CardType.VISA] = 'visa',
-    _a[CardType.MASTERCARD] = 'masterCard',
-    _a[CardType.AMEX] = 'americanExpress',
-    _a[CardType.DISCOVER] = 'discover',
-    _a);
+import { doInitializeCvvOnlyTokenExIframe, doInitializeTokenExCardOnlyIframe, doInitializeTokenExIframe, setTokenExScriptTag } from '../common';
 export function useCardFormIframe(env) {
     var _this = this;
     var _a = useState(false), loaded = _a[0], setLoaded = _a[1];
     var _b = useState(false), tokenExScriptLoaded = _b[0], setTokenExScriptLoaded = _b[1];
     var _c = useState(undefined), tokenExIframe = _c[0], setTokenExIframe = _c[1];
     var _d = useState(undefined), cachedToken = _d[0], setCachedToken = _d[1];
-    var getIframeConfig = useCallback(function (_a) {
-        var token = _a.token, origins = _a.origins;
-        return fetch(new CoinflowUtils(env).url + '/api/checkout/authentication-key', {
-            method: 'POST',
-            headers: {
-                'Content-Type': 'application/json',
-            },
-            body: JSON.stringify({
-                origins: __spreadArray(__spreadArray([], (origins !== null && origins !== void 0 ? origins : []), true), [window.location.origin], false),
-                token: token,
-            }),
-        }).then(function (res) { return __awaiter(_this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, res.json()];
-                    case 1: return [2 /*return*/, (_a.sent())];
-                }
-            });
-        }); });
-    }, [env]);
-    var getStylesAndFont = useCallback(function (s) {
-        var _a, _b, _c;
-        var css = JSON.parse(s);
-        var styles = {
-            base: CSSPropertiesToComponent(css.base),
-            focus: CSSPropertiesToComponent(css.focus),
-            error: CSSPropertiesToComponent(css.error),
-            cvv: {
-                base: CSSPropertiesToComponent((_a = css.cvv) === null || _a === void 0 ? void 0 : _a.base),
-                focus: CSSPropertiesToComponent((_b = css.cvv) === null || _b === void 0 ? void 0 : _b.focus),
-                error: CSSPropertiesToComponent((_c = css.cvv) === null || _c === void 0 ? void 0 : _c.error),
-            },
-        };
-        return { styles: styles };
-    }, []);
-    var setTokenExScriptTag = useCallback(function () {
-        var scriptTagId = 'tokenex-script';
-        if (document.head.querySelector("#".concat(scriptTagId)))
-            return;
-        var 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', function () {
-            console.log('Setting tokenExScriptLoaded to true!');
-            setTokenExScriptLoaded(true);
-        });
-    }, [env]);
     useEffect(function () {
-        setTokenExScriptTag();
-    }, [setTokenExScriptTag]);
-    var loadIframe = useCallback(function (iframe) {
-        var tokenize = function () { return __awaiter(_this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        iframe.tokenize();
-                        return [4 /*yield*/, new Promise(function (resolve, reject) {
-                                iframe.on('tokenize', function (data) {
-                                    setCachedToken(data.token);
-                                    resolve(data);
-                                });
-                                iframe.on('validate', function (data) {
-                                    // noinspection PointlessBooleanExpressionJS
-                                    var isInvalid = !data.isValid || data.isCvvValid === false;
-                                    if (isInvalid)
-                                        reject(data);
-                                });
-                            })];
-                    case 1: return [2 /*return*/, _a.sent()];
-                }
-            });
-        }); };
-        iframe.on('change', function () { return setCachedToken(undefined); });
-        iframe.on('cvvChange', function () { return setCachedToken(undefined); });
-        iframe.on('load', function () {
-            setTimeout(function () { return setLoaded(true); }, 350);
-            var el = document.querySelector('#tx_iframe_tokenExCardNumber');
-            if (el) {
-                // noinspection JSDeprecatedSymbols
-                el.scrolling = 'no';
-            }
-        });
-        setLoaded(false);
-        iframe.load();
-        var overriden = __assign(__assign({}, iframe), { tokenize: tokenize });
-        setTokenExIframe(overriden);
-        return overriden;
-    }, []);
+        setTokenExScriptTag({ env: env, setTokenExScriptLoaded: setTokenExScriptLoaded });
+    }, [env, setTokenExScriptLoaded]);
     var initializeCvvOnlyTokenExIframe = useCallback(function (_a) { return __awaiter(_this, [_a], void 0, function (_b) {
-        var type, iframeConfig, styles, config, iframe;
+        var iframe;
         var token = _b.token, cardType = _b.cardType, css = _b.css, debug = _b.debug, fontFamily = _b.fontFamily, origins = _b.origins;
         return __generator(this, function (_c) {
             switch (_c.label) {
-                case 0:
-                    if (!tokenExScriptLoaded && typeof TokenEx === 'undefined') {
-                        console.warn("Warning Unable to load TokenEx on first attempt waiting for load event from document.head.script#".concat('tokenex-script'));
-                        return [2 /*return*/];
-                    }
-                    type = CARD_TYPE_MAPPING[cardType];
-                    return [4 /*yield*/, getIframeConfig({ token: token, origins: origins })];
+                case 0: return [4 /*yield*/, doInitializeCvvOnlyTokenExIframe({
+                        token: token,
+                        cardType: cardType,
+                        css: css,
+                        debug: debug,
+                        fontFamily: fontFamily,
+                        origins: origins,
+                        tokenExScriptLoaded: tokenExScriptLoaded,
+                        env: env,
+                        setCachedToken: setCachedToken,
+                        setLoaded: setLoaded,
+                    })];
                 case 1:
-                    iframeConfig = _c.sent();
-                    styles = getStylesAndFont(css).styles;
-                    config = __assign(__assign({}, iframeConfig), { placeholder: 'CVV', enablePrettyFormat: true, styles: styles, token: token, cvvOnly: true, cvv: true, cvvContainerID: TokenExCvvContainerID, cardType: type, debug: debug !== null && debug !== void 0 ? debug : false, font: fontFamily });
-                    iframe = TokenEx.Iframe(TokenExCvvContainerID, config);
-                    return [2 /*return*/, loadIframe(iframe)];
+                    iframe = _c.sent();
+                    setTokenExIframe(iframe);
+                    return [2 /*return*/, iframe];
             }
         });
-    }); }, [getIframeConfig, getStylesAndFont, loadIframe, tokenExScriptLoaded]);
+    }); }, [env, tokenExScriptLoaded]);
     var initializeTokenExIframe = useCallback(function (_a) { return __awaiter(_this, [_a], void 0, function (_b) {
-        var iframeConfig, styles, iframe;
+        var iframe;
         var css = _b.css, fontFamily = _b.fontFamily, debug = _b.debug, origins = _b.origins;
         return __generator(this, function (_c) {
             switch (_c.label) {
-                case 0:
-                    if (!tokenExScriptLoaded && typeof TokenEx === 'undefined') {
-                        console.warn("Warning Unable to load TokenEx on first attempt waiting for load event from document.head.script#".concat('tokenex-script'));
-                        return [2 /*return*/];
-                    }
-                    return [4 /*yield*/, getIframeConfig({ origins: origins })];
+                case 0: return [4 /*yield*/, doInitializeTokenExIframe({
+                        css: css,
+                        debug: debug,
+                        fontFamily: fontFamily,
+                        origins: origins,
+                        tokenExScriptLoaded: tokenExScriptLoaded,
+                        env: env,
+                        setCachedToken: setCachedToken,
+                        setLoaded: setLoaded,
+                    })];
                 case 1:
-                    iframeConfig = _c.sent();
-                    styles = getStylesAndFont(css).styles;
-                    iframe = TokenEx.Iframe(TokenExCardNumberIframeId, __assign(__assign({}, iframeConfig), { placeholder: '0000 0000 0000 0000', cvvPlaceholder: 'CVV', enablePrettyFormat: true, cvv: true, cvvContainerID: TokenExCvvContainerID, styles: styles, font: fontFamily, debug: debug !== null && debug !== void 0 ? debug : false }));
-                    return [2 /*return*/, loadIframe(iframe)];
+                    iframe = _c.sent();
+                    setTokenExIframe(iframe);
+                    return [2 /*return*/, iframe];
             }
         });
-    }); }, [getIframeConfig, getStylesAndFont, loadIframe, tokenExScriptLoaded]);
+    }); }, [env, tokenExScriptLoaded]);
     var initializeTokenExCardOnlyIframe = useCallback(function (_a) { return __awaiter(_this, [_a], void 0, function (_b) {
-        var iframeConfig, styles, iframe;
+        var iframe;
         var css = _b.css, fontFamily = _b.fontFamily, debug = _b.debug, origins = _b.origins;
         return __generator(this, function (_c) {
             switch (_c.label) {
-                case 0:
-                    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 [2 /*return*/];
-                    }
-                    return [4 /*yield*/, getIframeConfig({ origins: origins })];
+                case 0: return [4 /*yield*/, doInitializeTokenExCardOnlyIframe({
+                        css: css,
+                        debug: debug,
+                        fontFamily: fontFamily,
+                        origins: origins,
+                        tokenExScriptLoaded: tokenExScriptLoaded,
+                        env: env,
+                        setCachedToken: setCachedToken,
+                        setLoaded: setLoaded,
+                    })];
                 case 1:
-                    iframeConfig = _c.sent();
-                    styles = getStylesAndFont(css).styles;
-                    iframe = TokenEx.Iframe(TokenExCardNumberIframeId, __assign(__assign({}, iframeConfig), { placeholder: '0000 0000 0000 0000', enablePrettyFormat: true, cvv: false, styles: styles, font: fontFamily, debug: debug !== null && debug !== void 0 ? debug : false }));
-                    return [2 /*return*/, loadIframe(iframe)];
+                    iframe = _c.sent();
+                    setTokenExIframe(iframe);
+                    return [2 /*return*/, iframe];
             }
         });
-    }); }, [getIframeConfig, getStylesAndFont, loadIframe, tokenExScriptLoaded]);
+    }); }, [env, tokenExScriptLoaded]);
     useEffect(function () {
         if (!tokenExIframe)
             return;
@@ -183,28 +94,4 @@ export function useCardFormIframe(env) {
         setTokenExScriptTag: setTokenExScriptTag,
     };
 }
-function CSSPropertiesToComponent(dict) {
-    if (!dict)
-        return '';
-    if (typeof dict === 'string')
-        return dict;
-    var str = '';
-    var _loop_1 = function (key, value) {
-        var clo = '';
-        key.split('').forEach(function (lt) {
-            if (lt.toUpperCase() === lt) {
-                clo += '-' + lt.toLowerCase();
-            }
-            else {
-                clo += lt;
-            }
-        });
-        str += clo + ':' + value + ';';
-    };
-    for (var _i = 0, _a = Object.entries(dict); _i < _a.length; _i++) {
-        var _b = _a[_i], key = _b[0], value = _b[1];
-        _loop_1(key, value);
-    }
-    return str;
-}
 //# sourceMappingURL=useCardFormIframe.js.map

package/build/esm/card-form/useCardFormIframe.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCardFormIframe.js","sourceRoot":"","sources":["../../../src/card-form/useCardFormIframe.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"useCardFormIframe.js","sourceRoot":"","sources":["../../../src/card-form/useCardFormIframe.tsx"],"names":[],"mappings":"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"}

package/build/esm/common/card-form/TokenEx.d.ts

@@ -0,0 +1,106 @@
+export interface TokenizationResponse {
+    cardType: string;
+    cvvIncluded: true;
+    firstSix: string;
+    lastFour: string;
+    referenceNumber: string;
+    token: string;
+    tokenHMAC: string;
+}
+declare global {
+    namespace TokenEx {
+        interface FraudServicesConfig {
+            useKount?: boolean;
+            kount?: {
+                merchantId?: string;
+                mode?: string;
+                anId?: string;
+            };
+        }
+        interface Config {
+            debug?: boolean;
+            enablePrettyFormat?: boolean;
+            maskInput?: boolean;
+            enableValidateOnBlur?: boolean;
+            enableAriaRequired?: boolean;
+            pci?: boolean;
+            cvvOnly?: boolean;
+            allowUnknownCardTypes?: boolean;
+            enableAutoComplete?: boolean;
+            returnAutoCompleteValues?: boolean;
+            returnKhash?: boolean;
+            returnWhash?: boolean;
+            enforceLuhnCompliance?: boolean;
+            use3DS?: boolean;
+            validateOnKeyUp?: boolean;
+            validateOnCvvKeyUp?: boolean;
+            expiresInSeconds?: number;
+            useExtendedBIN?: boolean;
+            inlineIframeJavaScript?: boolean;
+            iframeVersion?: number;
+            authenticationKey?: string;
+            origin?: string;
+            tokenExID?: string;
+            timestamp?: string;
+            tokenScheme?: string;
+            token?: string;
+            customDataLabel?: string;
+            customCvvDataLabel?: string;
+            title?: string;
+            cvvTitle?: string;
+            inputTitle?: string;
+            cvvInputTitle?: string;
+            cardMaxLengths?: {
+                visa?: number;
+                mastercard?: number;
+                americanExpress?: number;
+                discover?: number;
+                jcb?: number;
+                diners?: number;
+            };
+            fraudServices?: FraudServicesConfig;
+            threeDSMethodNotificationUrl?: string;
+            customDataTypes?: string | object;
+            cvvContainerID?: string;
+            cvvPlaceholder?: string;
+            cardType?: string;
+            forterSiteId?: string;
+            forterUsername?: string;
+            customRegEx?: string;
+            placeholder?: string;
+            inputType?: string;
+            inputMode?: string;
+            font?: string;
+            cvv?: boolean;
+            styles: {
+                base: string;
+                focus: string;
+                error: string;
+                cvv: {
+                    base: string;
+                    focus: string;
+                    error: string;
+                };
+            };
+        }
+        interface IframeAPI {
+            load(): void;
+            on: (event: string, callback: (data?: any) => void) => void;
+            tokenize(): void;
+            validate(): void;
+            reset(): void;
+            blur(): void;
+            cvvBlur(): void;
+            focus(): void;
+            cvvFocus(): void;
+            remove(): void;
+            toggleMask(): void;
+            toggleCvvMask(): void;
+            setPAN(pan: string): void;
+            binLookup(): void;
+            validateConfig(): void;
+            setFraudServicesRequestDetails(data: string): void;
+        }
+        function Iframe(containerID: string, configuration: Config): IframeAPI;
+    }
+}

package/build/esm/common/card-form/TokenEx.js

@@ -0,0 +1,3 @@
+// Type definitions for TokenEx iframe integration
+export {};
+//# sourceMappingURL=TokenEx.js.map

package/build/esm/common/card-form/TokenEx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenEx.js","sourceRoot":"","sources":["../../../../src/common/card-form/TokenEx.ts"],"names":[],"mappings":"AAAA,kDAAkD"}

package/build/esm/common/card-form/cardFormTypes.d.ts

@@ -0,0 +1,47 @@
+import { CSSProperties } from 'react';
+import { TokenizationResponse } from './TokenEx';
+import { CardType, CoinflowEnvs } from '../CoinflowTypes';
+export declare const TokenExCardNumberIframeId = "tokenExCardNumber";
+export declare const TokenExCvvContainerID = "tokenExCardCvv";
+export interface TokenExIframe extends ReturnType<typeof TokenEx.Iframe> {
+    tokenize: () => Promise<TokenizationResponse>;
+}
+export declare const CARD_TYPE_MAPPING: Record<CardType, string>;
+export interface TokenExIFrameConfiguration {
+    origin: string;
+    timestamp: string;
+    tokenExID: string;
+    tokenScheme: string;
+    authenticationKey: string;
+    pci: true;
+    token?: string;
+}
+export interface CardFormInputStyles {
+    base: CSSProperties | string;
+    placeholder?: CSSProperties | string;
+    focus?: CSSProperties | string;
+    error?: CSSProperties | string;
+}
+export type CoinflowCardTokenResponse = {
+    token: string;
+};
+export interface CoinflowCardNumberInputProps {
+    env: CoinflowEnvs;
+    css: CardFormInputStyles & {
+        cvv: CardFormInputStyles;
+    };
+    debug?: boolean;
+    origins?: string[];
+    font?: string;
+}
+export interface CoinflowCvvOnlyInputProps {
+    token: string;
+    cardType: CardType;
+    env: CoinflowEnvs;
+    css: CardFormInputStyles & {
+        cvv: CardFormInputStyles;
+    };
+    debug?: boolean;
+    origins?: string[];
+    font?: string;
+}

package/build/esm/common/card-form/cardFormTypes.js

@@ -0,0 +1,11 @@
+var _a;
+import { CardType } from '../CoinflowTypes';
+export var TokenExCardNumberIframeId = 'tokenExCardNumber';
+export var TokenExCvvContainerID = 'tokenExCardCvv';
+export var CARD_TYPE_MAPPING = (_a = {},
+    _a[CardType.VISA] = 'visa',
+    _a[CardType.MASTERCARD] = 'masterCard',
+    _a[CardType.AMEX] = 'americanExpress',
+    _a[CardType.DISCOVER] = 'discover',
+    _a);
+//# sourceMappingURL=cardFormTypes.js.map

package/build/esm/common/card-form/cardFormTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cardFormTypes.js","sourceRoot":"","sources":["../../../../src/common/card-form/cardFormTypes.ts"],"names":[],"mappings":";AAEA,OAAO,EAAC,QAAQ,EAAe,MAAM,kBAAkB,CAAC;AAExD,MAAM,CAAC,IAAM,yBAAyB,GAAG,mBAAmB,CAAC;AAC7D,MAAM,CAAC,IAAM,qBAAqB,GAAG,gBAAgB,CAAC;AAKtD,MAAM,CAAC,IAAM,iBAAiB;IAC5B,GAAC,QAAQ,CAAC,IAAI,IAAG,MAAM;IACvB,GAAC,QAAQ,CAAC,UAAU,IAAG,YAAY;IACnC,GAAC,QAAQ,CAAC,IAAI,IAAG,iBAAiB;IAClC,GAAC,QAAQ,CAAC,QAAQ,IAAG,UAAU;OAChC,CAAC"}

package/build/esm/common/card-form/tokenexHelpers.d.ts

@@ -0,0 +1,43 @@
+import { CardType, CoinflowEnvs } from '../CoinflowTypes';
+import { TokenExIframe, TokenExIFrameConfiguration } from './cardFormTypes';
+export declare function getIframeConfig({ token, origins, env, }: {
+    token?: string;
+    origins: string[] | undefined;
+    env: CoinflowEnvs;
+}): Promise<TokenExIFrameConfiguration>;
+export declare function setTokenExScriptTag({ env, setTokenExScriptLoaded, }: {
+    env: CoinflowEnvs;
+    setTokenExScriptLoaded: (b: boolean) => void;
+}): void;
+export declare function doInitializeCvvOnlyTokenExIframe({ token, cardType, css, debug, fontFamily, origins, tokenExScriptLoaded, env, setCachedToken, setLoaded, }: {
+    token: string;
+    cardType: CardType;
+    css: string;
+    debug?: boolean;
+    fontFamily?: string;
+    origins: string[] | undefined;
+    tokenExScriptLoaded: boolean;
+    env: CoinflowEnvs;
+    setCachedToken: (s: string | undefined) => void;
+    setLoaded: (b: boolean) => void;
+}): Promise<TokenExIframe | undefined>;
+export declare function doInitializeTokenExIframe({ css, debug, fontFamily, origins, tokenExScriptLoaded, env, setCachedToken, setLoaded, }: {
+    css: string;
+    debug?: boolean;
+    fontFamily?: string;
+    origins: string[] | undefined;
+    tokenExScriptLoaded: boolean;
+    env: CoinflowEnvs;
+    setCachedToken: (s: string | undefined) => void;
+    setLoaded: (b: boolean) => void;
+}): Promise<TokenExIframe | undefined>;
+export declare function doInitializeTokenExCardOnlyIframe({ css, debug, fontFamily, origins, tokenExScriptLoaded, env, setCachedToken, setLoaded, }: {
+    css: string;
+    debug?: boolean;
+    fontFamily?: string;
+    origins: string[] | undefined;
+    tokenExScriptLoaded: boolean;
+    env: CoinflowEnvs;
+    setCachedToken: (s: string | undefined) => void;
+    setLoaded: (b: boolean) => void;
+}): Promise<TokenExIframe | undefined>;