@idonatedev/idonate-sdk 1.0.16 → 1.1.0-dev0

package/README.md

@@ -4,6 +4,33 @@ Javascript libraries for integrating with iDonate services.
 A rough usage example can be found below the Changelog. 
 
 # Changes
+## 1.1.0
+### Major Tokenizer Improvements and Canadian Bank Account Support
+
+#### Breaking Changes
+* Client constructor now requires `embedId` as second parameter: `new Client(organizationId, embedId, options)`
+* Tokenizer creation is now asynchronous via `createTokenizer` method
+
+#### New Features
+* **Unified Tokenizer Architecture**: New `createTokenizer` API provides a consistent interface for all payment methods
+* **Canadian Bank Account Support** (Spreedly only):
+  * Support for institution number (3 digits) and transit number (5 digits)
+  * New `bankCountry` parameter to specify 'US' or 'CA' for bank accounts
+  * Automatic routing number formatting for Canadian banks
+* **Enhanced Security**:
+  * Spreedly secure tokenization with certificate-based authentication
+  * Automatic fallback to standard mode when secure tokenization unavailable
+  * Improved CardConnect security and iframe handling
+* **Improved Testing**:
+  * Added Playwright E2E testing for tokenizers
+  * Comprehensive test coverage for all tokenization scenarios
+
+#### Other Changes
+* Removed legacy tokenizer implementations and SpreedlyAsync class
+* Enhanced field validation for both US and Canadian bank accounts
+* Updated dependencies to latest stable versions
+* Improved error handling and debugging capabilities
+
 ## 1.0.16
 * Adding checkbox recaptcha type, few corrections for error handling
 * Added tributeType property 

package/dist/apple-pay.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="applepayjs" />
 import { ApplePayMerchantValidationPayload, MerchantSession, TokenizeCardConnectApplePayResult } from './types';
 export default class ApplePay {
     private appleSession;

package/dist/apple-pay.js

@@ -8,37 +8,10 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-var constants_1 = require("./constants");
-var ApplePay = (function () {
-    function ApplePay(paymentRequest) {
+const constants_1 = require("./constants");
+class ApplePay {
+    constructor(paymentRequest) {
         this.appleSession = null;
         this.paymentRequestDefaults = {
             currencyCode: 'USD',
@@ -55,40 +28,38 @@ var ApplePay = (function () {
         };
         this.paymentRequest = Object.assign({}, this.paymentRequestDefaults, paymentRequest);
     }
-    ApplePay.isSupported = function () {
+    static isSupported() {
         return (window.ApplePaySession &&
             ApplePaySession.canMakePayments() &&
             ApplePaySession.supportsVersion(ApplePay.ApplePayApiVersion));
-    };
-    ApplePay.prototype.begin = function () {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                if (!ApplePay.isSupported()) {
-                    throw new Error('Apple Pay Not Supported');
-                }
-                this.appleSession = new ApplePaySession(ApplePay.ApplePayApiVersion, this.paymentRequest);
-                this.appleSession.begin();
-                return [2, this.appleSession];
-            });
+    }
+    begin() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!ApplePay.isSupported()) {
+                throw new Error('Apple Pay Not Supported');
+            }
+            this.appleSession = new ApplePaySession(ApplePay.ApplePayApiVersion, this.paymentRequest);
+            this.appleSession.begin();
+            return this.appleSession;
         });
-    };
-    ApplePay.prototype.createSession = function (payload, embedApiBaseUrl) {
-        return fetch(embedApiBaseUrl + "/payment/create-session", {
+    }
+    createSession(payload, embedApiBaseUrl) {
+        return fetch(`${embedApiBaseUrl}/payment/create-session`, {
             method: 'POST',
             headers: constants_1.CLIENT_HEADERS,
             body: JSON.stringify(payload),
-        }).then(function (response) { return response.json(); });
-    };
-    ApplePay.prototype.tokenizeWithCardConnect = function (applePaymentMethod, cardConnectBaseUrl) {
-        var paymentData = applePaymentMethod.token.paymentData;
-        var token = paymentData.data;
-        var ectype = 'apple';
-        var ecsig = paymentData.signature;
-        var eckey = paymentData.header.ephemeralPublicKey;
-        var ectid = paymentData.header.transactionId;
-        var ecpublickeyhash = paymentData.header.publicKeyHash;
-        var dataString = token + "&ectype=" + ectype + "&ecsig=" + ecsig + "&eckey=" + eckey + "&ectid=" + ectid + "&echash=&ecpublickeyhash=" + ecpublickeyhash;
-        return fetch(cardConnectBaseUrl + "/cardsecure/api/v1/ccn/tokenize", {
+        }).then((response) => response.json());
+    }
+    tokenizeWithCardConnect(applePaymentMethod, cardConnectBaseUrl) {
+        const paymentData = applePaymentMethod.token.paymentData;
+        const token = paymentData.data;
+        const ectype = 'apple';
+        const ecsig = paymentData.signature;
+        const eckey = paymentData.header.ephemeralPublicKey;
+        const ectid = paymentData.header.transactionId;
+        const ecpublickeyhash = paymentData.header.publicKeyHash;
+        const dataString = `${token}&ectype=${ectype}&ecsig=${ecsig}&eckey=${eckey}&ectid=${ectid}&echash=&ecpublickeyhash=${ecpublickeyhash}`;
+        return fetch(`${cardConnectBaseUrl}/cardsecure/api/v1/ccn/tokenize`, {
             method: 'POST',
             headers: {
                 'Content-Type': 'application/json',
@@ -98,9 +69,8 @@ var ApplePay = (function () {
                 devicedata: dataString,
                 unique: true,
             }),
-        }).then(function (response) { return response.json(); });
-    };
-    ApplePay.ApplePayApiVersion = 6;
-    return ApplePay;
-}());
+        }).then((response) => response.json());
+    }
+}
+ApplePay.ApplePayApiVersion = 6;
 exports.default = ApplePay;

package/dist/cloudflare-challenge-handler.d.ts

@@ -1,5 +1,5 @@
-import iDonateClient from "./idonate-client";
+import iDonateClient from './idonate-client';
 export declare const handleCFChallenge: (challengeResponse: Response, sdkClient: iDonateClient) => Promise<{
     token: string;
-    preClearance?: boolean | undefined;
+    preClearance?: boolean;
 } | null>;

package/dist/cloudflare-challenge-handler.js

@@ -8,101 +8,74 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.handleCFChallenge = void 0;
-var turnstileInstance = null;
-exports.handleCFChallenge = function (challengeResponse, sdkClient) { return new Promise(function (resolve, reject) { return __awaiter(void 0, void 0, void 0, function () {
-    var document_1, challengeWrapper_1, challengeDiv_1, showChallenge_1, cloudflareScript;
+let turnstileInstance = null;
+const handleCFChallenge = (challengeResponse, sdkClient) => new Promise((resolve, reject) => __awaiter(void 0, void 0, void 0, function* () {
     var _a, _b, _c;
-    return __generator(this, function (_d) {
-        try {
-            document_1 = window === null || window === void 0 ? void 0 : window.document;
-            if (!document_1 || !window) {
-                throw new Error('document is not present on window');
-            }
-            challengeWrapper_1 = document_1.createElement('div');
-            challengeDiv_1 = document_1.createElement('div');
-            showChallenge_1 = function (turnstile) {
-                var _a;
-                (_a = turnstile === null || turnstile === void 0 ? void 0 : turnstile.render) === null || _a === void 0 ? void 0 : _a.call(turnstile, "#iDonateTurnstileBox", {
-                    sitekey: sdkClient.config.turnstileSiteKey,
-                    callback: function (token, preClearance) {
-                        challengeWrapper_1.remove();
-                        resolve({ token: token, preClearance: preClearance });
-                    },
-                });
-            };
-            window.idonateTurnstileLoadedHandler = function () {
-                var turnstile = window.turnstile;
-                challengeDiv_1.innerHTML = '';
-                if (turnstile) {
-                    turnstileInstance = turnstile;
-                }
-                showChallenge_1(turnstile);
-            };
-            challengeWrapper_1.setAttribute('id', 'idonateTurnstileWrapper');
-            challengeWrapper_1.style.position = 'fixed';
-            challengeWrapper_1.style.top = '0';
-            challengeWrapper_1.style.bottom = '0';
-            challengeWrapper_1.style.left = '0';
-            challengeWrapper_1.style.right = '0';
-            challengeWrapper_1.style.backgroundColor = 'rgba(0,0,0,0.9)';
-            challengeWrapper_1.style.transition = 'all 400ms';
-            challengeWrapper_1.style.display = 'flex';
-            challengeWrapper_1.style.flexDirection = 'column';
-            challengeWrapper_1.style.padding = '40px 30px';
-            challengeWrapper_1.style.opacity = '0';
-            challengeWrapper_1.style.color = 'white';
-            challengeWrapper_1.style.fontFamily = 'sans-serif';
-            challengeWrapper_1.style.zIndex = '1000';
-            challengeWrapper_1.innerHTML = '<h1 id="idonateTurnstileVerificationHeader">Last tiny step before we submit your payment:</h1>';
-            challengeDiv_1.setAttribute('id', 'iDonateTurnstileBox');
-            challengeWrapper_1.append(challengeDiv_1);
-            document_1.body.append(challengeWrapper_1);
-            if (turnstileInstance) {
-                showChallenge_1(turnstileInstance);
-            }
-            else {
-                cloudflareScript = document_1.createElement('script');
-                challengeDiv_1.innerHTML = 'loading ...';
-                cloudflareScript.src = sdkClient.config.turnstileCdnUrl + '?render=explicit&onload=idonateTurnstileLoadedHandler';
-                document_1.body.append(cloudflareScript);
+    try {
+        const document = window === null || window === void 0 ? void 0 : window.document;
+        if (!document || !window) {
+            throw new Error('document is not present on window');
+        }
+        const challengeWrapper = document.createElement('div');
+        const challengeDiv = document.createElement('div');
+        const showChallenge = (turnstile) => {
+            var _a;
+            (_a = turnstile === null || turnstile === void 0 ? void 0 : turnstile.render) === null || _a === void 0 ? void 0 : _a.call(turnstile, '#iDonateTurnstileBox', {
+                sitekey: sdkClient.config.turnstileSiteKey,
+                callback(token, preClearance) {
+                    challengeWrapper.remove();
+                    resolve({ token, preClearance });
+                },
+            });
+        };
+        window.idonateTurnstileLoadedHandler = () => {
+            const turnstile = window.turnstile;
+            challengeDiv.innerHTML = '';
+            if (turnstile) {
+                turnstileInstance = turnstile;
             }
-            (_a = challengeDiv_1.scrollIntoView) === null || _a === void 0 ? void 0 : _a.call(challengeDiv_1);
-            challengeWrapper_1.style.opacity = '1';
+            showChallenge(turnstile);
+        };
+        challengeWrapper.setAttribute('id', 'idonateTurnstileWrapper');
+        challengeWrapper.style.position = 'fixed';
+        challengeWrapper.style.top = '0';
+        challengeWrapper.style.bottom = '0';
+        challengeWrapper.style.left = '0';
+        challengeWrapper.style.right = '0';
+        challengeWrapper.style.backgroundColor = 'rgba(0,0,0,0.9)';
+        challengeWrapper.style.transition = 'all 400ms';
+        challengeWrapper.style.display = 'flex';
+        challengeWrapper.style.flexDirection = 'column';
+        challengeWrapper.style.padding = '40px 30px';
+        challengeWrapper.style.opacity = '0';
+        challengeWrapper.style.color = 'white';
+        challengeWrapper.style.fontFamily = 'sans-serif';
+        challengeWrapper.style.zIndex = '1000';
+        challengeWrapper.innerHTML =
+            '<h1 id="idonateTurnstileVerificationHeader">Last tiny step before we submit your payment:</h1>';
+        challengeDiv.setAttribute('id', 'iDonateTurnstileBox');
+        challengeWrapper.append(challengeDiv);
+        document.body.append(challengeWrapper);
+        if (turnstileInstance) {
+            showChallenge(turnstileInstance);
         }
-        catch (e) {
-            (_b = console === null || console === void 0 ? void 0 : console.error) === null || _b === void 0 ? void 0 : _b.call(console, e);
-            (_c = console === null || console === void 0 ? void 0 : console.warn) === null || _c === void 0 ? void 0 : _c.call(console, 'iDonate SDK: Could not handle request, please reload the page and try again');
-            reject(null);
+        else {
+            const cloudflareScript = document.createElement('script');
+            challengeDiv.innerHTML = 'loading ...';
+            cloudflareScript.src =
+                sdkClient.config.turnstileCdnUrl +
+                    '?render=explicit&onload=idonateTurnstileLoadedHandler';
+            document.body.append(cloudflareScript);
         }
-        return [2];
-    });
-}); }); };
+        (_a = challengeDiv.scrollIntoView) === null || _a === void 0 ? void 0 : _a.call(challengeDiv);
+        challengeWrapper.style.opacity = '1';
+    }
+    catch (e) {
+        (_b = console === null || console === void 0 ? void 0 : console.error) === null || _b === void 0 ? void 0 : _b.call(console, e);
+        (_c = console === null || console === void 0 ? void 0 : console.warn) === null || _c === void 0 ? void 0 : _c.call(console, 'iDonate SDK: Could not handle request, please reload the page and try again');
+        reject(null);
+    }
+}));
+exports.handleCFChallenge = handleCFChallenge;

package/dist/config-handler.d.ts

@@ -15,5 +15,8 @@ export default class ConfigHandler {
     readonly turnstileCdnUrl: string;
     readonly turnstileSiteKey: string;
     readonly client: string;
+    readonly enableSpreedlySecureTokenization: boolean;
+    readonly organizationId: number | undefined;
+    readonly embedId: string | undefined;
     constructor(options: Partial<ClientOptions>);
 }

package/dist/config-handler.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var constants_1 = require("./constants");
-var ConfigHandler = (function () {
-    function ConfigHandler(options) {
+const constants_1 = require("./constants");
+class ConfigHandler {
+    constructor(options) {
         if (options.enableSandboxMode) {
             this.apiBaseUrl = constants_1.SANDBOX_BASE_URL;
             this.cardConnectBaseUrl = constants_1.SANDBOX_CARD_CONNECT_BASE_URL;
@@ -18,25 +18,30 @@ var ConfigHandler = (function () {
             this.apiBaseUrl = options.overrideBaseUrl;
         }
         this.authApiBaseUrl =
-            options.overrideAuthApiBaseUrl || this.apiBaseUrl + "/auth";
+            options.overrideAuthApiBaseUrl || `${this.apiBaseUrl}/auth`;
         this.donorApiBaseUrl =
-            options.overrideDonorApiBaseUrl || this.apiBaseUrl + "/donor";
+            options.overrideDonorApiBaseUrl || `${this.apiBaseUrl}/donor`;
         this.embedApiBaseUrl =
-            options.overrideEmbedApiBaseUrl || this.apiBaseUrl + "/embed";
+            options.overrideEmbedApiBaseUrl || `${this.apiBaseUrl}/embed`;
         if (options.overrideApplePayUrl) {
             this.applePayUrl = options.overrideApplePayUrl;
         }
         this.pcScriptBase = options.pcScriptBase || constants_1.FALLBACK_PC_SCRIPT_URL;
         this.pcScriptId = options.pcScriptId || constants_1.FALLBACK_PC_SCRIPT_ID;
-        this.turnstileCdnUrl = options.turnstileCdnUrl || constants_1.DEFAULT_CF_TURNSTILE_CDN_EXPLICIT_URL;
-        this.turnstileSiteKey = options.turnstileSiteKey || constants_1.FALLBACK_CF_TURNSTILE_SITE_KEY;
+        this.turnstileCdnUrl =
+            options.turnstileCdnUrl || constants_1.DEFAULT_CF_TURNSTILE_CDN_EXPLICIT_URL;
+        this.turnstileSiteKey =
+            options.turnstileSiteKey || constants_1.FALLBACK_CF_TURNSTILE_SITE_KEY;
         if (options === null || options === void 0 ? void 0 : options.spreedlyEnvironmentKey) {
             this.spreedlyEnvironmentKey = options.spreedlyEnvironmentKey;
         }
         this.enableDelay = options.enableDelay || false;
         this.secondsToDelay = options.secondsToDelay || 0;
-        this.cardConnectTokenizerUrl = this.cardConnectBaseUrl + "/itoke/ajax-tokenizer.html";
+        this.enableSpreedlySecureTokenization =
+            options.enableSpreedlySecureTokenization || false;
+        this.organizationId = options.organizationId;
+        this.embedId = options.embedId;
+        this.cardConnectTokenizerUrl = `${this.cardConnectBaseUrl}/itoke/ajax-tokenizer.html`;
     }
-    return ConfigHandler;
-}());
+}
 exports.default = ConfigHandler;

package/dist/constants.d.ts

@@ -1,3 +1,4 @@
+export declare const SDK_VERSION = "1.1.0";
 export declare const PRODUCTION_BASE_URL = "https://secure-api.idonate.com";
 export declare const SANDBOX_BASE_URL = "https://api.qa-idonate.com";
 export declare const PRODUCTION_CARD_CONNECT_BASE_URL = "https://boltgw.cardconnect.com:8443";

package/dist/constants.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CLIENT_HEADERS = exports.CARD_CONNECT_DEFAULT_STYLE = exports.DEFAULT_APP_NAME = exports.DEFAULT_CF_TURNSTILE_CDN_EXPLICIT_URL = exports.FALLBACK_CF_TURNSTILE_SITE_KEY = exports.FALLBACK_PC_SCRIPT_ID = exports.FALLBACK_PC_SCRIPT_URL = exports.SANDBOX_APPLE_PAY_URL = exports.APPLE_PAY_URL = exports.SPREEDLY_TOKENIZER_URL = exports.SANDBOX_CARD_CONNECT_BASE_URL = exports.PRODUCTION_CARD_CONNECT_BASE_URL = exports.SANDBOX_BASE_URL = exports.PRODUCTION_BASE_URL = void 0;
+exports.CLIENT_HEADERS = exports.CARD_CONNECT_DEFAULT_STYLE = exports.DEFAULT_APP_NAME = exports.DEFAULT_CF_TURNSTILE_CDN_EXPLICIT_URL = exports.FALLBACK_CF_TURNSTILE_SITE_KEY = exports.FALLBACK_PC_SCRIPT_ID = exports.FALLBACK_PC_SCRIPT_URL = exports.SANDBOX_APPLE_PAY_URL = exports.APPLE_PAY_URL = exports.SPREEDLY_TOKENIZER_URL = exports.SANDBOX_CARD_CONNECT_BASE_URL = exports.PRODUCTION_CARD_CONNECT_BASE_URL = exports.SANDBOX_BASE_URL = exports.PRODUCTION_BASE_URL = exports.SDK_VERSION = void 0;
+exports.SDK_VERSION = '1.1.0';
 exports.PRODUCTION_BASE_URL = 'https://secure-api.idonate.com';
 exports.SANDBOX_BASE_URL = 'https://api.qa-idonate.com';
 exports.PRODUCTION_CARD_CONNECT_BASE_URL = 'https://boltgw.cardconnect.com:8443';
@@ -13,7 +14,70 @@ exports.FALLBACK_PC_SCRIPT_ID = '_3fd4dad26e8c277bc50fb2ddf8233b50bc8d9704';
 exports.FALLBACK_CF_TURNSTILE_SITE_KEY = '0x4AAAAAAAxuRxNZTvX8shIj';
 exports.DEFAULT_CF_TURNSTILE_CDN_EXPLICIT_URL = 'https://challenges.cloudflare.com/turnstile/v0/api.js';
 exports.DEFAULT_APP_NAME = 'unnamed-sdk-client';
-exports.CARD_CONNECT_DEFAULT_STYLE = "\nbody {\n    margin: 0;\n}\n\nform {\n    display: flex;\n}\n\nlabel#cccardlabel {\n    display: none;\n}\n\nbr {\n    display: none;\n}\n\nlabel#cccvvlabel {\n    display: none;\n}\n\nlabel#ccexpirylabel {\n    display: none;\n}\n\ninput {\n    padding: 10px;\n}\n\nselect {\n    padding: 10px;\n    font-size: 14px;\n    color: #8b959d;\n}\n\nselect#ccexpirymonth {\n    margin-right: -30px;\n    border: 1px solid #b6b8ba;\n    border-right: 0;\n}\n\ninput#ccnumfield {\n    width: 70%;\n    border: 1px solid #b6b8ba;\n    border-right: 0;\n    border-top-left-radius: 3px;\n    border-bottom-left-radius: 3px;\n    font-size: 14px;\n    color: #8b959d;\n}\n\nselect#ccexpiryyear {\n    border: 1px solid #b6b8ba;\n    border-right: 0;\n}\n\ninput#cccvvfield {\n    border: 1px solid #b6b8ba;\n    border-top-right-radius: 3px;\n    border-bottom-right-radius: 3px;\n    font-size: 14px;\n    color: #8b959d;\n}\n".replace(/\s+/gi, ' ');
+exports.CARD_CONNECT_DEFAULT_STYLE = `
+body {
+    margin: 0;
+}
+
+form {
+    display: flex;
+}
+
+label#cccardlabel {
+    display: none;
+}
+
+br {
+    display: none;
+}
+
+label#cccvvlabel {
+    display: none;
+}
+
+label#ccexpirylabel {
+    display: none;
+}
+
+input {
+    padding: 10px;
+}
+
+select {
+    padding: 10px;
+    font-size: 14px;
+    color: #8b959d;
+}
+
+select#ccexpirymonth {
+    margin-right: -30px;
+    border: 1px solid #b6b8ba;
+    border-right: 0;
+}
+
+input#ccnumfield {
+    width: 70%;
+    border: 1px solid #b6b8ba;
+    border-right: 0;
+    border-top-left-radius: 3px;
+    border-bottom-left-radius: 3px;
+    font-size: 14px;
+    color: #8b959d;
+}
+
+select#ccexpiryyear {
+    border: 1px solid #b6b8ba;
+    border-right: 0;
+}
+
+input#cccvvfield {
+    border: 1px solid #b6b8ba;
+    border-top-right-radius: 3px;
+    border-bottom-right-radius: 3px;
+    font-size: 14px;
+    color: #8b959d;
+}
+`.replace(/\s+/gi, ' ');
 exports.CLIENT_HEADERS = {
     'User-Agent': navigator.userAgent + ' idonate-sdk@1.0.16',
     'Content-Type': 'application/json',

package/dist/google-pay.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="googlepay" />
 import { TokenizeCardConnectGooglePayResult, GooglePayConfig } from './types';
 export default class GooglePay {
     private static resolveLib;