@coinflowlabs/react 4.2.7 → 4.2.9

package/README.md

@@ -67,6 +67,14 @@ Props:
 
 # Changelog
 
+## 4.2.9
+
+- Added placeholder CSS to card form elements
+
+## 4.2.8
+
+- Custom fonts for card elements
+
 ## 4.2.5
 
 - Allow custom taker on reservoir transactions

package/build/cjs/card-form/CoinflowCardForm.d.ts

@@ -1,27 +1,5 @@
 import React from 'react';
-import { CardType, CoinflowEnvs } from '../common';
-import { CardFormInputStyles } from './useCardFormIframe';
-export type CoinflowCardTokenResponse = {
-    token: string;
-};
-export interface CoinflowCardNumberInputProps {
-    env: CoinflowEnvs;
-    css: CardFormInputStyles & {
-        cvv: CardFormInputStyles;
-    };
-    debug?: boolean;
-    origins?: string[];
-}
-export interface CoinflowCvvOnlyInputProps {
-    token: string;
-    cardType: CardType;
-    env: CoinflowEnvs;
-    css: CardFormInputStyles & {
-        cvv: CardFormInputStyles;
-    };
-    debug?: boolean;
-    origins?: string[];
-}
+import { CoinflowCardNumberInputProps, CoinflowCvvOnlyInputProps } from '../common';
 /**
  * Allows merchants to collect card information from their customers in a PCI-compliant way and receive the tokenized card number.
  *

package/build/cjs/card-form/CoinflowCardForm.js

@@ -4,6 +4,7 @@ exports.CoinflowCardOnlyInput = exports.CoinflowCvvOnlyInput = exports.CoinflowC
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var useCardFormIframe_1 = require("./useCardFormIframe");
+var common_1 = require("../common");
 var CoinflowCardNumberInputComponent = (0, react_1.forwardRef)(function (props, ref) {
     var css = (0, react_1.useMemo)(function () {
         return JSON.stringify(props.css);
@@ -25,9 +26,10 @@ var CoinflowCardNumberInputComponent = (0, react_1.forwardRef)(function (props,
             css: css,
             debug: props.debug,
             origins: props.origins,
+            fontFamily: props.font,
         });
-    }, [initializeTokenExIframe, css, props.debug, props.origins]);
-    return react_1.default.createElement("div", { id: useCardFormIframe_1.TokenExCardNumberIframeId });
+    }, [initializeTokenExIframe, css, props.debug, props.origins, props.font]);
+    return react_1.default.createElement("div", { id: common_1.TokenExCardNumberIframeId });
 });
 /**
  * Allows merchants to collect card information from their customers in a PCI-compliant way and receive the tokenized card number.
@@ -69,7 +71,7 @@ exports.CoinflowCardNumberInput = (0, react_1.memo)(CoinflowCardNumberInputCompo
 /**
  * The CVV number input for creating a new tokenized card
  */
-exports.CoinflowCvvInput = (0, react_1.memo)(function () { return react_1.default.createElement("div", { id: useCardFormIframe_1.TokenExCvvContainerID }); });
+exports.CoinflowCvvInput = (0, react_1.memo)(function () { return react_1.default.createElement("div", { id: common_1.TokenExCvvContainerID }); });
 var CoinflowCvvOnlyInputComponent = (0, react_1.forwardRef)(function (props, ref) {
     var css = (0, react_1.useMemo)(function () {
         return JSON.stringify(props.css);
@@ -93,6 +95,7 @@ var CoinflowCvvOnlyInputComponent = (0, react_1.forwardRef)(function (props, ref
             token: props.token,
             cardType: props.cardType,
             origins: props.origins,
+            fontFamily: props.font,
         });
     }, [
         css,
@@ -101,8 +104,9 @@ var CoinflowCvvOnlyInputComponent = (0, react_1.forwardRef)(function (props, ref
         props.token,
         props.cardType,
         props.origins,
+        props.font,
     ]);
-    return (0, react_1.useMemo)(function () { return react_1.default.createElement("div", { id: useCardFormIframe_1.TokenExCvvContainerID }); }, []);
+    return (0, react_1.useMemo)(function () { return react_1.default.createElement("div", { id: common_1.TokenExCvvContainerID }); }, []);
 });
 /**
  * Allows merchants to collect the CVV for an already tokenized card in a PCI-compliant way and receive the token with the CVV linked.
@@ -163,9 +167,16 @@ var CoinflowCardOnlyInputComponent = (0, react_1.forwardRef)(function (props, re
             css: css,
             debug: props.debug,
             origins: props.origins,
+            fontFamily: props.font,
         });
-    }, [initializeTokenExCardOnlyIframe, props.debug, css, props.origins]);
-    return react_1.default.createElement("div", { id: useCardFormIframe_1.TokenExCardNumberIframeId });
+    }, [
+        initializeTokenExCardOnlyIframe,
+        props.debug,
+        css,
+        props.origins,
+        props.font,
+    ]);
+    return react_1.default.createElement("div", { id: common_1.TokenExCardNumberIframeId });
 });
 /**
  * Allows merchants to collect card information from their customers in a PCI-compliant way and receive the tokenized card number.

package/build/cjs/card-form/CoinflowCardForm.js.map

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

package/build/cjs/card-form/CoinflowCardFormHeader.js

@@ -7,8 +7,8 @@ function CoinflowCardFormHeader(_a) {
     var env = _a.env;
     var setTokenExScriptTag = (0, useCardFormIframe_1.useCardFormIframe)(env).setTokenExScriptTag;
     (0, react_1.useEffect)(function () {
-        setTokenExScriptTag();
-    }, [setTokenExScriptTag]);
+        setTokenExScriptTag({ env: env, setTokenExScriptLoaded: function () { } });
+    }, [env, setTokenExScriptTag]);
     return null;
 }
 //# sourceMappingURL=CoinflowCardFormHeader.js.map

package/build/cjs/card-form/CoinflowCardFormHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"CoinflowCardFormHeader.js","sourceRoot":"","sources":["../../../src/card-form/CoinflowCardFormHeader.tsx"],"names":[],"mappings":";;AAIA,wDAQC;AAZD,+BAAgC;AAChC,yDAAsD;AAGtD,SAAgB,sBAAsB,CAAC,EAA0B;QAAzB,GAAG,SAAA;IAClC,IAAA,mBAAmB,GAAI,IAAA,qCAAiB,EAAC,GAAG,CAAC,oBAA1B,CAA2B;IAErD,IAAA,iBAAS,EAAC;QACR,mBAAmB,EAAE,CAAC;IACxB,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAE1B,OAAO,IAAI,CAAC;AACd,CAAC"}
+{"version":3,"file":"CoinflowCardFormHeader.js","sourceRoot":"","sources":["../../../src/card-form/CoinflowCardFormHeader.tsx"],"names":[],"mappings":";;AAIA,wDAQC;AAZD,+BAAgC;AAChC,yDAAsD;AAGtD,SAAgB,sBAAsB,CAAC,EAA0B;QAAzB,GAAG,SAAA;IAClC,IAAA,mBAAmB,GAAI,IAAA,qCAAiB,EAAC,GAAG,CAAC,oBAA1B,CAA2B;IAErD,IAAA,iBAAS,EAAC;QACR,mBAAmB,CAAC,EAAC,GAAG,KAAA,EAAE,sBAAsB,EAAE,cAAO,CAAC,EAAC,CAAC,CAAC;IAC/D,CAAC,EAAE,CAAC,GAAG,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAE/B,OAAO,IAAI,CAAC;AACd,CAAC"}

package/build/cjs/card-form/useCardFormIframe.d.ts

@@ -1,99 +1,10 @@
-import { CSSProperties } from 'react';
-import { CardType, CoinflowEnvs } from '../common';
-import { TokenizationResponse } from './TokenEx';
-export declare const TokenExCardNumberIframeId = "tokenExCardNumber";
-export declare const TokenExCvvContainerID = "tokenExCardCvv";
-export interface TokenExIframe extends ReturnType<typeof TokenEx.Iframe> {
-    tokenize: () => Promise<TokenizationResponse>;
-}
-export interface TokenExIFrameConfiguration {
-    origin: string;
-    timestamp: string;
-    tokenExID: string;
-    tokenScheme: string;
-    authenticationKey: string;
-    pci: true;
-    token?: string;
-}
-export interface CardFormInputStyles {
-    base: CSSProperties | string;
-    focus?: CSSProperties | string;
-    error?: CSSProperties | string;
-}
+import { CoinflowEnvs, doInitializeCvvOnlyTokenExIframe, doInitializeTokenExCardOnlyIframe, doInitializeTokenExIframe, setTokenExScriptTag, TokenExIframe } from '../common';
 export declare function useCardFormIframe(env: CoinflowEnvs): {
     tokenExIframe: TokenExIframe | undefined;
-    initializeTokenExIframe: ({ css, fontFamily, debug, origins, }: {
-        css: string;
-        fontFamily?: string;
-        debug?: boolean;
-        origins: string[] | undefined;
-    }) => Promise<{
-        tokenize: () => Promise<TokenizationResponse>;
-        load(): void;
-        on: (event: string, callback: (data?: any) => void) => 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;
-    } | undefined>;
-    initializeCvvOnlyTokenExIframe: ({ token, cardType, css, debug, fontFamily, origins, }: {
-        token: string;
-        cardType: CardType;
-        css: string;
-        debug?: boolean;
-        fontFamily?: string;
-        origins: string[] | undefined;
-    }) => Promise<{
-        tokenize: () => Promise<TokenizationResponse>;
-        load(): void;
-        on: (event: string, callback: (data?: any) => void) => 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;
-    } | undefined>;
-    initializeTokenExCardOnlyIframe: ({ css, fontFamily, debug, origins, }: {
-        css: string;
-        fontFamily?: string;
-        debug?: boolean;
-        origins: string[] | undefined;
-    }) => Promise<{
-        tokenize: () => Promise<TokenizationResponse>;
-        load(): void;
-        on: (event: string, callback: (data?: any) => void) => 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;
-    } | undefined>;
+    initializeTokenExIframe: ({ css, fontFamily, debug, origins, }: Omit<Parameters<typeof doInitializeTokenExIframe>[0], "env" | "tokenExScriptLoaded" | "setCachedToken" | "setLoaded">) => Promise<TokenExIframe | undefined>;
+    initializeCvvOnlyTokenExIframe: ({ token, cardType, css, debug, fontFamily, origins, }: Omit<Parameters<typeof doInitializeCvvOnlyTokenExIframe>[0], "env" | "tokenExScriptLoaded" | "setCachedToken" | "setLoaded">) => Promise<TokenExIframe | undefined>;
+    initializeTokenExCardOnlyIframe: ({ css, fontFamily, debug, origins, }: Omit<Parameters<typeof doInitializeTokenExCardOnlyIframe>[0], "env" | "tokenExScriptLoaded" | "setCachedToken" | "setLoaded">) => Promise<TokenExIframe | undefined>;
     loaded: boolean;
     cachedToken: string | undefined;
-    setTokenExScriptTag: () => void;
+    setTokenExScriptTag: typeof setTokenExScriptTag;
 };

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

@@ -1,176 +1,86 @@
 "use strict";
-var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TokenExCvvContainerID = exports.TokenExCardNumberIframeId = void 0;
 exports.useCardFormIframe = useCardFormIframe;
 var tslib_1 = require("tslib");
 var react_1 = require("react");
 var common_1 = require("../common");
-exports.TokenExCardNumberIframeId = 'tokenExCardNumber';
-exports.TokenExCvvContainerID = 'tokenExCardCvv';
-var CARD_TYPE_MAPPING = (_a = {},
-    _a[common_1.CardType.VISA] = 'visa',
-    _a[common_1.CardType.MASTERCARD] = 'masterCard',
-    _a[common_1.CardType.AMEX] = 'americanExpress',
-    _a[common_1.CardType.DISCOVER] = 'discover',
-    _a);
 function useCardFormIframe(env) {
     var _this = this;
     var _a = (0, react_1.useState)(false), loaded = _a[0], setLoaded = _a[1];
     var _b = (0, react_1.useState)(false), tokenExScriptLoaded = _b[0], setTokenExScriptLoaded = _b[1];
     var _c = (0, react_1.useState)(undefined), tokenExIframe = _c[0], setTokenExIframe = _c[1];
     var _d = (0, react_1.useState)(undefined), cachedToken = _d[0], setCachedToken = _d[1];
-    var getIframeConfig = (0, react_1.useCallback)(function (_a) {
-        var token = _a.token, origins = _a.origins;
-        return fetch(new common_1.CoinflowUtils(env).url + '/api/checkout/authentication-key', {
-            method: 'POST',
-            headers: {
-                'Content-Type': 'application/json',
-            },
-            body: JSON.stringify({
-                origins: tslib_1.__spreadArray(tslib_1.__spreadArray([], (origins !== null && origins !== void 0 ? origins : []), true), [window.location.origin], false),
-                token: token,
-            }),
-        }).then(function (res) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
-            return tslib_1.__generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, res.json()];
-                    case 1: return [2 /*return*/, (_a.sent())];
-                }
-            });
-        }); });
-    }, [env]);
-    var getStylesAndFont = (0, react_1.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 = (0, react_1.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]);
     (0, react_1.useEffect)(function () {
-        setTokenExScriptTag();
-    }, [setTokenExScriptTag]);
-    var loadIframe = (0, react_1.useCallback)(function (iframe) {
-        var tokenize = function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
-            return tslib_1.__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 = tslib_1.__assign(tslib_1.__assign({}, iframe), { tokenize: tokenize });
-        setTokenExIframe(overriden);
-        return overriden;
-    }, []);
+        (0, common_1.setTokenExScriptTag)({ env: env, setTokenExScriptLoaded: setTokenExScriptLoaded });
+    }, [env, setTokenExScriptLoaded]);
     var initializeCvvOnlyTokenExIframe = (0, react_1.useCallback)(function (_a) { return tslib_1.__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 tslib_1.__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*/, (0, common_1.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 = tslib_1.__assign(tslib_1.__assign({}, iframeConfig), { placeholder: 'CVV', enablePrettyFormat: true, styles: styles, token: token, cvvOnly: true, cvv: true, cvvContainerID: exports.TokenExCvvContainerID, cardType: type, debug: debug !== null && debug !== void 0 ? debug : false, font: fontFamily });
-                    iframe = TokenEx.Iframe(exports.TokenExCvvContainerID, config);
-                    return [2 /*return*/, loadIframe(iframe)];
+                    iframe = _c.sent();
+                    setTokenExIframe(iframe);
+                    return [2 /*return*/, iframe];
             }
         });
-    }); }, [getIframeConfig, getStylesAndFont, loadIframe, tokenExScriptLoaded]);
+    }); }, [env, tokenExScriptLoaded]);
     var initializeTokenExIframe = (0, react_1.useCallback)(function (_a) { return tslib_1.__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 tslib_1.__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*/, (0, common_1.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(exports.TokenExCardNumberIframeId, tslib_1.__assign(tslib_1.__assign({}, iframeConfig), { placeholder: '0000 0000 0000 0000', cvvPlaceholder: 'CVV', enablePrettyFormat: true, cvv: true, cvvContainerID: exports.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 = (0, react_1.useCallback)(function (_a) { return tslib_1.__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 tslib_1.__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*/, (0, common_1.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(exports.TokenExCardNumberIframeId, tslib_1.__assign(tslib_1.__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]);
     (0, react_1.useEffect)(function () {
         if (!tokenExIframe)
             return;
@@ -184,31 +94,7 @@ function useCardFormIframe(env) {
         initializeTokenExCardOnlyIframe: initializeTokenExCardOnlyIframe,
         loaded: loaded,
         cachedToken: cachedToken,
-        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 + ';';
+        setTokenExScriptTag: common_1.setTokenExScriptTag,
     };
-    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/cjs/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/cjs/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/cjs/common/card-form/TokenEx.js

@@ -0,0 +1,4 @@
+"use strict";
+// Type definitions for TokenEx iframe integration
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=TokenEx.js.map