@tap-payments/connect 2.6.80-test → 2.6.81-test

package/build/constants/index.d.ts

@@ -1,4 +1,4 @@
-export declare const CDN_LIBRARY_BASE_URL = "https://auth-jsconnect.b-cdn.net/build-2.6.80-test/";
+export declare const CDN_LIBRARY_BASE_URL = "https://auth-jsconnect.b-cdn.net/build-2.6.81-test/";
 export declare const Maturity: {
     readonly FULL: "full";
     readonly EXPRESS: "express";

package/build/constants/index.js

@@ -1,4 +1,4 @@
-export var CDN_LIBRARY_BASE_URL = 'https://auth-jsconnect.b-cdn.net/build-2.6.80-test/';
+export var CDN_LIBRARY_BASE_URL = 'https://auth-jsconnect.b-cdn.net/build-2.6.81-test/';
 export var Maturity = {
     FULL: 'full',
     EXPRESS: 'express'

package/build/features/Connect/ConnectBank.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { ConnectProps as ConnectAttrs } from '../../@types';
+type BankProps = Pick<ConnectAttrs, 'open' | 'mode' | 'scope' | 'domain' | 'publicKey' | 'postURL' | 'country' | 'language' | 'onSuccess' | 'onError' | 'onReady' | 'onClose' | 'loaderColor'>;
+export type TapBankProps = BankProps & {
+    verifyToken: string;
+    onBoardButtonClick: (data: Record<string, string>) => void;
+};
+export declare const TapBank: React.MemoExoticComponent<(props: TapBankProps & {
+    id?: string;
+}) => import("react/jsx-runtime").JSX.Element>;
+export declare const renderTapBank: (props: TapBankProps, elementId: string) => Promise<any>;
+export {};

package/build/features/Connect/ConnectBank.js

@@ -0,0 +1,114 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        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 (g && (g = 0, op[0] && (_ = 0)), _) 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 };
+    }
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { createRoot } from 'react-dom/client';
+import { findOrCreateElementAndInject, validateBoardOtherKitsProps } from '../../utils';
+import { useScript, useStyle } from '../../hooks';
+import { CDN_LIBRARY_BASE_URL } from '../../constants';
+var Bank = function (props) {
+    useStyle("".concat(CDN_LIBRARY_BASE_URL, "/main.css"));
+    var status = useScript("".concat(CDN_LIBRARY_BASE_URL, "/main.js"));
+    React.useEffect(function () {
+        if (status === 'ready')
+            console.info('connect-bank-js is ready!');
+        if (status === 'error')
+            console.error('connect-bank-js failed to load!');
+    }, [status]);
+    React.useEffect(function () {
+        var _a;
+        if (status !== 'ready')
+            return;
+        var renderBankLib = window['TapAuth'].renderBankLib;
+        var unmount = renderBankLib({
+            open: props.open,
+            mode: props.mode,
+            scope: props.scope,
+            merchantDomain: props.domain,
+            publicKey: props.publicKey,
+            postURL: props.postURL,
+            appInfo: {
+                name: window.location.hostname || window.location.origin
+            },
+            businessCountryCode: props.country,
+            language: props.language,
+            onFlowCompleted: props.onSuccess,
+            onError: props.onError,
+            onReady: props.onReady,
+            onClose: props.onClose,
+            loaderColor: props.loaderColor,
+            verifyToken: props.verifyToken,
+            onBoardButtonClick: props.onBoardButtonClick
+        }, (_a = props.id) !== null && _a !== void 0 ? _a : 'tap-connect-bank-lib-id').unmount;
+        return function () {
+            unmount();
+        };
+    }, [status]);
+    if (status !== 'ready')
+        return null;
+    return _jsx("div", { id: 'tap-connect-bank-lib-id' });
+};
+export var TapBank = React.memo(function (props) {
+    validateBoardOtherKitsProps(props);
+    return _jsx(Bank, __assign({}, props));
+});
+var tapConnectInstance = null;
+export var renderTapBank = function (props, elementId) { return __awaiter(void 0, void 0, void 0, function () {
+    var el, root, unmount;
+    return __generator(this, function (_a) {
+        el = findOrCreateElementAndInject(elementId);
+        root = createRoot(el);
+        root.render(_jsx(TapBank, __assign({}, props)));
+        unmount = function () {
+            root.unmount();
+            tapConnectInstance = null;
+        };
+        tapConnectInstance = { unmount: unmount };
+        return [2, tapConnectInstance];
+    });
+}); };

package/build/features/Connect/ConnectEntity.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { ConnectProps as ConnectAttrs } from '../../@types';
+type EntityProps = Pick<ConnectAttrs, 'open' | 'mode' | 'scope' | 'domain' | 'publicKey' | 'postURL' | 'country' | 'language' | 'onSuccess' | 'onError' | 'onReady' | 'onClose' | 'loaderColor'>;
+export type TapEntityProps = EntityProps & {
+    verifyToken: string;
+    onBoardButtonClick: (data: Record<string, string>) => void;
+};
+export declare const TapEntity: React.MemoExoticComponent<(props: TapEntityProps & {
+    id?: string;
+}) => import("react/jsx-runtime").JSX.Element>;
+export declare const renderTapEntity: (props: TapEntityProps, elementId: string) => Promise<any>;
+export {};

package/build/features/Connect/ConnectEntity.js

@@ -0,0 +1,114 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        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 (g && (g = 0, op[0] && (_ = 0)), _) 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 };
+    }
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { createRoot } from 'react-dom/client';
+import { findOrCreateElementAndInject, validateBoardOtherKitsProps } from '../../utils';
+import { useScript, useStyle } from '../../hooks';
+import { CDN_LIBRARY_BASE_URL } from '../../constants';
+var Entity = function (props) {
+    useStyle("".concat(CDN_LIBRARY_BASE_URL, "/main.css"));
+    var status = useScript("".concat(CDN_LIBRARY_BASE_URL, "/main.js"));
+    React.useEffect(function () {
+        if (status === 'ready')
+            console.info('connect-entity-js is ready!');
+        if (status === 'error')
+            console.error('connect-entity-js failed to load!');
+    }, [status]);
+    React.useEffect(function () {
+        var _a;
+        if (status !== 'ready')
+            return;
+        var renderEntityLib = window['TapAuth'].renderEntityLib;
+        var unmount = renderEntityLib({
+            open: props.open,
+            mode: props.mode,
+            scope: props.scope,
+            merchantDomain: props.domain,
+            publicKey: props.publicKey,
+            postURL: props.postURL,
+            appInfo: {
+                name: window.location.hostname || window.location.origin
+            },
+            businessCountryCode: props.country,
+            language: props.language,
+            onFlowCompleted: props.onSuccess,
+            onError: props.onError,
+            onReady: props.onReady,
+            onClose: props.onClose,
+            loaderColor: props.loaderColor,
+            verifyToken: props.verifyToken,
+            onBoardButtonClick: props.onBoardButtonClick
+        }, (_a = props.id) !== null && _a !== void 0 ? _a : 'tap-connect-entity-lib-id').unmount;
+        return function () {
+            unmount();
+        };
+    }, [status]);
+    if (status !== 'ready')
+        return null;
+    return _jsx("div", { id: 'tap-connect-entity-lib-id' });
+};
+export var TapEntity = React.memo(function (props) {
+    validateBoardOtherKitsProps(props);
+    return _jsx(Entity, __assign({}, props));
+});
+var tapConnectInstance = null;
+export var renderTapEntity = function (props, elementId) { return __awaiter(void 0, void 0, void 0, function () {
+    var el, root, unmount;
+    return __generator(this, function (_a) {
+        el = findOrCreateElementAndInject(elementId);
+        root = createRoot(el);
+        root.render(_jsx(TapEntity, __assign({}, props)));
+        unmount = function () {
+            root.unmount();
+            tapConnectInstance = null;
+        };
+        tapConnectInstance = { unmount: unmount };
+        return [2, tapConnectInstance];
+    });
+}); };

package/build/features/Connect/ConnectIndividual.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { ConnectProps as ConnectAttrs } from '../../@types';
+type IndividualProps = Pick<ConnectAttrs, 'open' | 'mode' | 'scope' | 'domain' | 'publicKey' | 'postURL' | 'country' | 'language' | 'onSuccess' | 'onError' | 'onReady' | 'onClose' | 'loaderColor'>;
+export type TapIndividualProps = IndividualProps & {
+    verifyToken: string;
+    onBoardButtonClick: (data: Record<string, string>) => void;
+};
+export declare const TapIndividual: React.MemoExoticComponent<(props: TapIndividualProps & {
+    id?: string;
+}) => import("react/jsx-runtime").JSX.Element>;
+export declare const renderTapIndividual: (props: TapIndividualProps, elementId: string) => Promise<any>;
+export {};

package/build/features/Connect/ConnectIndividual.js

@@ -0,0 +1,114 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        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 (g && (g = 0, op[0] && (_ = 0)), _) 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 };
+    }
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { createRoot } from 'react-dom/client';
+import { findOrCreateElementAndInject, validateBoardOtherKitsProps } from '../../utils';
+import { useScript, useStyle } from '../../hooks';
+import { CDN_LIBRARY_BASE_URL } from '../../constants';
+var Individual = function (props) {
+    useStyle("".concat(CDN_LIBRARY_BASE_URL, "/main.css"));
+    var status = useScript("".concat(CDN_LIBRARY_BASE_URL, "/main.js"));
+    React.useEffect(function () {
+        if (status === 'ready')
+            console.info('connect-individual-js is ready!');
+        if (status === 'error')
+            console.error('connect-individual-js failed to load!');
+    }, [status]);
+    React.useEffect(function () {
+        var _a;
+        if (status !== 'ready')
+            return;
+        var renderIndividualLib = window['TapAuth'].renderIndividualLib;
+        var unmount = renderIndividualLib({
+            open: props.open,
+            mode: props.mode,
+            scope: props.scope,
+            merchantDomain: props.domain,
+            publicKey: props.publicKey,
+            postURL: props.postURL,
+            appInfo: {
+                name: window.location.hostname || window.location.origin
+            },
+            businessCountryCode: props.country,
+            language: props.language,
+            onFlowCompleted: props.onSuccess,
+            onError: props.onError,
+            onReady: props.onReady,
+            onClose: props.onClose,
+            loaderColor: props.loaderColor,
+            verifyToken: props.verifyToken,
+            onBoardButtonClick: props.onBoardButtonClick
+        }, (_a = props.id) !== null && _a !== void 0 ? _a : 'tap-connect-individual-lib-id').unmount;
+        return function () {
+            unmount();
+        };
+    }, [status]);
+    if (status !== 'ready')
+        return null;
+    return _jsx("div", { id: 'tap-connect-individual-lib-id' });
+};
+export var TapIndividual = React.memo(function (props) {
+    validateBoardOtherKitsProps(props);
+    return _jsx(Individual, __assign({}, props));
+});
+var tapConnectInstance = null;
+export var renderTapIndividual = function (props, elementId) { return __awaiter(void 0, void 0, void 0, function () {
+    var el, root, unmount;
+    return __generator(this, function (_a) {
+        el = findOrCreateElementAndInject(elementId);
+        root = createRoot(el);
+        root.render(_jsx(TapIndividual, __assign({}, props)));
+        unmount = function () {
+            root.unmount();
+            tapConnectInstance = null;
+        };
+        tapConnectInstance = { unmount: unmount };
+        return [2, tapConnectInstance];
+    });
+}); };

package/build/features/Connect/ConnectPassword.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { ConnectProps as ConnectAttrs } from '../../@types';
+type PasswordProps = Pick<ConnectAttrs, 'open' | 'mode' | 'scope' | 'domain' | 'publicKey' | 'postURL' | 'country' | 'language' | 'onSuccess' | 'onError' | 'onReady' | 'onClose' | 'loaderColor'>;
+export type TapPasswordProps = PasswordProps & {
+    verifyToken: string;
+    onBoardButtonClick: (data: Record<string, string>) => void;
+};
+export declare const TapPassword: React.MemoExoticComponent<(props: TapPasswordProps & {
+    id?: string;
+}) => import("react/jsx-runtime").JSX.Element>;
+export declare const renderTapPassword: (props: TapPasswordProps, elementId: string) => Promise<any>;
+export {};

package/build/features/Connect/ConnectPassword.js

@@ -0,0 +1,114 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        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 (g && (g = 0, op[0] && (_ = 0)), _) 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 };
+    }
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { createRoot } from 'react-dom/client';
+import { findOrCreateElementAndInject, validateBoardOtherKitsProps } from '../../utils';
+import { useScript, useStyle } from '../../hooks';
+import { CDN_LIBRARY_BASE_URL } from '../../constants';
+var Password = function (props) {
+    useStyle("".concat(CDN_LIBRARY_BASE_URL, "/main.css"));
+    var status = useScript("".concat(CDN_LIBRARY_BASE_URL, "/main.js"));
+    React.useEffect(function () {
+        if (status === 'ready')
+            console.info('connect-password-js is ready!');
+        if (status === 'error')
+            console.error('connect-password-js failed to load!');
+    }, [status]);
+    React.useEffect(function () {
+        var _a;
+        if (status !== 'ready')
+            return;
+        var renderPasswordLib = window['TapAuth'].renderPasswordLib;
+        var unmount = renderPasswordLib({
+            open: props.open,
+            mode: props.mode,
+            scope: props.scope,
+            merchantDomain: props.domain,
+            publicKey: props.publicKey,
+            postURL: props.postURL,
+            appInfo: {
+                name: window.location.hostname || window.location.origin
+            },
+            businessCountryCode: props.country,
+            language: props.language,
+            onFlowCompleted: props.onSuccess,
+            onError: props.onError,
+            onReady: props.onReady,
+            onClose: props.onClose,
+            loaderColor: props.loaderColor,
+            verifyToken: props.verifyToken,
+            onBoardButtonClick: props.onBoardButtonClick
+        }, (_a = props.id) !== null && _a !== void 0 ? _a : 'tap-connect-password-lib-id').unmount;
+        return function () {
+            unmount();
+        };
+    }, [status]);
+    if (status !== 'ready')
+        return null;
+    return _jsx("div", { id: 'tap-connect-password-lib-id' });
+};
+export var TapPassword = React.memo(function (props) {
+    validateBoardOtherKitsProps(props);
+    return _jsx(Password, __assign({}, props));
+});
+var tapConnectInstance = null;
+export var renderTapPassword = function (props, elementId) { return __awaiter(void 0, void 0, void 0, function () {
+    var el, root, unmount;
+    return __generator(this, function (_a) {
+        el = findOrCreateElementAndInject(elementId);
+        root = createRoot(el);
+        root.render(_jsx(TapPassword, __assign({}, props)));
+        unmount = function () {
+            root.unmount();
+            tapConnectInstance = null;
+        };
+        tapConnectInstance = { unmount: unmount };
+        return [2, tapConnectInstance];
+    });
+}); };

package/build/features/Connect/ConnectTax.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { ConnectProps as ConnectAttrs } from '../../@types';
+type TaxProps = Pick<ConnectAttrs, 'open' | 'mode' | 'scope' | 'domain' | 'publicKey' | 'postURL' | 'country' | 'language' | 'onSuccess' | 'onError' | 'onReady' | 'onClose' | 'loaderColor'>;
+export type TapTaxProps = TaxProps & {
+    verifyToken: string;
+    onBoardButtonClick: (data: Record<string, string>) => void;
+};
+export declare const TapTax: React.MemoExoticComponent<(props: TapTaxProps & {
+    id?: string;
+}) => import("react/jsx-runtime").JSX.Element>;
+export declare const renderTapTax: (props: TapTaxProps, elementId: string) => Promise<any>;
+export {};

package/build/features/Connect/ConnectTax.js

@@ -0,0 +1,114 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        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 (g && (g = 0, op[0] && (_ = 0)), _) 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 };
+    }
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { createRoot } from 'react-dom/client';
+import { findOrCreateElementAndInject, validateBoardOtherKitsProps } from '../../utils';
+import { useScript, useStyle } from '../../hooks';
+import { CDN_LIBRARY_BASE_URL } from '../../constants';
+var Tax = function (props) {
+    useStyle("".concat(CDN_LIBRARY_BASE_URL, "/main.css"));
+    var status = useScript("".concat(CDN_LIBRARY_BASE_URL, "/main.js"));
+    React.useEffect(function () {
+        if (status === 'ready')
+            console.info('connect-tax-js is ready!');
+        if (status === 'error')
+            console.error('connect-tax-js failed to load!');
+    }, [status]);
+    React.useEffect(function () {
+        var _a;
+        if (status !== 'ready')
+            return;
+        var renderTaxLib = window['TapAuth'].renderTaxLib;
+        var unmount = renderTaxLib({
+            open: props.open,
+            mode: props.mode,
+            scope: props.scope,
+            merchantDomain: props.domain,
+            publicKey: props.publicKey,
+            postURL: props.postURL,
+            appInfo: {
+                name: window.location.hostname || window.location.origin
+            },
+            businessCountryCode: props.country,
+            language: props.language,
+            onFlowCompleted: props.onSuccess,
+            onError: props.onError,
+            onReady: props.onReady,
+            onClose: props.onClose,
+            loaderColor: props.loaderColor,
+            verifyToken: props.verifyToken,
+            onBoardButtonClick: props.onBoardButtonClick
+        }, (_a = props.id) !== null && _a !== void 0 ? _a : 'tap-connect-tax-lib-id').unmount;
+        return function () {
+            unmount();
+        };
+    }, [status]);
+    if (status !== 'ready')
+        return null;
+    return _jsx("div", { id: 'tap-connect-tax-lib-id' });
+};
+export var TapTax = React.memo(function (props) {
+    validateBoardOtherKitsProps(props);
+    return _jsx(Tax, __assign({}, props));
+});
+var tapConnectInstance = null;
+export var renderTapTax = function (props, elementId) { return __awaiter(void 0, void 0, void 0, function () {
+    var el, root, unmount;
+    return __generator(this, function (_a) {
+        el = findOrCreateElementAndInject(elementId);
+        root = createRoot(el);
+        root.render(_jsx(TapTax, __assign({}, props)));
+        unmount = function () {
+            root.unmount();
+            tapConnectInstance = null;
+        };
+        tapConnectInstance = { unmount: unmount };
+        return [2, tapConnectInstance];
+    });
+}); };

package/build/features/Connect/index.d.ts

@@ -2,5 +2,10 @@ import { TapConnect, ConnectProps as TapConnectProps, renderTapConnect } from '.
 import { ConnectAuthProps, TapConnectAuth, renderTapConnectAuth } from './ConnectAuth';
 import { TapBoardProps, TapBoard, renderTapBoard } from './ConnectBoard';
 import { TapBrandProps, TapBrand, renderTapBrand } from './ConnectBrand';
-export type { TapConnectProps, ConnectAuthProps, TapBoardProps, TapBrandProps };
-export { TapConnect, renderTapConnect, TapConnectAuth, renderTapConnectAuth, TapBoard, renderTapBoard, TapBrand, renderTapBrand };
+import { TapBankProps, TapBank, renderTapBank } from './ConnectBank';
+import { TapEntityProps, TapEntity, renderTapEntity } from './ConnectEntity';
+import { TapIndividual, TapIndividualProps, renderTapIndividual } from './ConnectIndividual';
+import { TapPassword, TapPasswordProps, renderTapPassword } from './ConnectPassword';
+import { TapTax, TapTaxProps, renderTapTax } from './ConnectTax';
+export type { TapConnectProps, ConnectAuthProps, TapBoardProps, TapBrandProps, TapBankProps, TapEntityProps, TapIndividualProps, TapPasswordProps, TapTaxProps };
+export { TapConnect, renderTapConnect, TapConnectAuth, renderTapConnectAuth, TapBoard, renderTapBoard, TapBrand, renderTapBrand, TapBank, renderTapBank, TapEntity, renderTapEntity, TapIndividual, renderTapIndividual, TapPassword, renderTapPassword, TapTax, renderTapTax };

package/build/features/Connect/index.js

@@ -2,4 +2,9 @@ import { TapConnect, renderTapConnect } from './Connect';
 import { TapConnectAuth, renderTapConnectAuth } from './ConnectAuth';
 import { TapBoard, renderTapBoard } from './ConnectBoard';
 import { TapBrand, renderTapBrand } from './ConnectBrand';
-export { TapConnect, renderTapConnect, TapConnectAuth, renderTapConnectAuth, TapBoard, renderTapBoard, TapBrand, renderTapBrand };
+import { TapBank, renderTapBank } from './ConnectBank';
+import { TapEntity, renderTapEntity } from './ConnectEntity';
+import { TapIndividual, renderTapIndividual } from './ConnectIndividual';
+import { TapPassword, renderTapPassword } from './ConnectPassword';
+import { TapTax, renderTapTax } from './ConnectTax';
+export { TapConnect, renderTapConnect, TapConnectAuth, renderTapConnectAuth, TapBoard, renderTapBoard, TapBrand, renderTapBrand, TapBank, renderTapBank, TapEntity, renderTapEntity, TapIndividual, renderTapIndividual, TapPassword, renderTapPassword, TapTax, renderTapTax };

package/build/index.d.ts

@@ -1,4 +1,4 @@
-import { TapConnect, TapConnectProps, renderTapConnect, ConnectAuthProps, TapConnectAuth, renderTapConnectAuth, renderTapBoard, TapBoardProps, TapBoard, TapBrand, TapBrandProps, renderTapBrand } from './features/Connect';
+import { TapConnect, TapConnectProps, renderTapConnect, ConnectAuthProps, TapConnectAuth, renderTapConnectAuth, renderTapBoard, TapBoardProps, TapBoard, TapBrand, TapBrandProps, renderTapBrand, TapBank, TapBankProps, renderTapBank, TapEntity, TapEntityProps, renderTapEntity, TapIndividual, TapIndividualProps, renderTapIndividual, TapPassword, TapPasswordProps, renderTapPassword, TapTax, TapTaxProps, renderTapTax } from './features/Connect';
 import { Language } from './constants';
-export type { TapConnectProps, ConnectAuthProps, TapBoardProps, TapBrandProps };
-export { Language, TapConnect, renderTapConnect, TapConnectAuth, renderTapConnectAuth, TapBoard, renderTapBoard, TapBrand, renderTapBrand };
+export type { TapConnectProps, ConnectAuthProps, TapBoardProps, TapBrandProps, TapBankProps, TapEntityProps, TapIndividualProps, TapPasswordProps, TapTaxProps };
+export { Language, TapConnect, renderTapConnect, TapConnectAuth, renderTapConnectAuth, TapBoard, renderTapBoard, TapBrand, renderTapBrand, TapBank, renderTapBank, TapEntity, renderTapEntity, TapIndividual, renderTapIndividual, TapPassword, renderTapPassword, TapTax, renderTapTax };

package/build/index.js

@@ -1,10 +1,14 @@
-import { TapConnect, renderTapConnect, TapConnectAuth, renderTapConnectAuth, renderTapBoard, TapBoard, TapBrand, renderTapBrand } from './features/Connect';
+import { TapConnect, renderTapConnect, TapConnectAuth, renderTapConnectAuth, renderTapBoard, TapBoard, TapBrand, renderTapBrand, TapBank, renderTapBank, TapEntity, renderTapEntity, TapIndividual, renderTapIndividual, TapPassword, renderTapPassword, TapTax, renderTapTax } from './features/Connect';
 import { Language } from './constants';
-export { Language, TapConnect, renderTapConnect, TapConnectAuth, renderTapConnectAuth, TapBoard, renderTapBoard, TapBrand, renderTapBrand };
+export { Language, TapConnect, renderTapConnect, TapConnectAuth, renderTapConnectAuth, TapBoard, renderTapBoard, TapBrand, renderTapBrand, TapBank, renderTapBank, TapEntity, renderTapEntity, TapIndividual, renderTapIndividual, TapPassword, renderTapPassword, TapTax, renderTapTax };
 window['TapPayments'] = {
     renderTapConnect: renderTapConnect,
     Language: Language,
     renderTapConnectAuth: renderTapConnectAuth,
     renderTapBoard: renderTapBoard,
-    renderTapBrand: renderTapBrand
+    renderTapBrand: renderTapBrand,
+    renderTapBank: renderTapBank,
+    renderTapEntity: renderTapEntity,
+    renderTapPassword: renderTapPassword,
+    renderTapTax: renderTapTax
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tap-payments/connect",
-	"version": "2.6.80-test",
+	"version": "2.6.81-test",
 	"description": "Tap Connect",
 	"main": "build/index.js",
 	"module": "build/index.js",