@tap-payments/connect 2.5.2-test → 2.5.2

package/build/features/Connect/ConnectAuth.js

@@ -0,0 +1,117 @@
+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, validateConnectAuthProps } from '../../utils';
+import { useScript, useStyle } from '../../hooks';
+import { CDN_LIBRARY_BASE_URL } from '../../constants';
+var ConnectAuth = 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-auth-js is ready!');
+        if (status === 'error')
+            console.error('connect-auth-js failed to load!');
+    }, [status]);
+    React.useEffect(function () {
+        var _a;
+        if (status !== 'ready')
+            return;
+        var renderAuthLib = window['TapAuth'].renderAuthLib;
+        var unmount = renderAuthLib({
+            open: props.open,
+            mode: 'popup',
+            scope: 'auth',
+            merchantDomain: props.domain,
+            publicKey: props.publicKey,
+            redirectUrl: props.redirectUrl,
+            data: props.data,
+            postURL: props.postURL,
+            leadId: props.lead,
+            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,
+            features: props.features,
+            openAnimationDirection: props.openAnimationDirection,
+            closeAnimationDirection: props.closeAnimationDirection
+        }, (_a = props.id) !== null && _a !== void 0 ? _a : 'tap-connect-auth-lib-id').unmount;
+        return function () {
+            unmount();
+        };
+    }, [status]);
+    if (status !== 'ready')
+        return null;
+    return _jsx("div", { id: 'tap-connect-auth-lib-id' });
+};
+export var TapConnectAuth = React.memo(function (props) {
+    validateConnectAuthProps(props);
+    return _jsx(ConnectAuth, __assign({}, props));
+});
+var tapConnectInstance = null;
+export var renderTapConnectAuth = 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(TapConnectAuth, __assign({}, props)));
+        unmount = function () {
+            root.unmount();
+            tapConnectInstance = null;
+        };
+        tapConnectInstance = { unmount: unmount };
+        return [2, tapConnectInstance];
+    });
+}); };

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' | 'board' | 'publicKey' | 'postURL' | 'country' | 'language' | 'onSuccess' | 'onError' | 'onReady' | 'onClose' | 'loaderColor' | 'settingData' | 'onSettingFetched' | 'features'>;
+export type TapBankProps = BankProps & {
+    verifyToken: string;
+    onBoardButtonClick: (data: Record<string, string>) => void;
+};
+export declare const TapBank: React.MemoExoticComponent<(props: TapBankProps & {
+    id?: string;
+}) => JSX.Element>;
+export declare const renderTapBank: (props: TapBankProps, elementId: string) => Promise<any>;
+export {};

package/build/features/Connect/ConnectBank.js

@@ -0,0 +1,118 @@
+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,
+            showBoard: props.board,
+            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,
+            settingData: props.settingData,
+            onSettingFetched: props.onSettingFetched,
+            features: props.features
+        }, (_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/ConnectBoard.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { ConnectProps as ConnectAttrs } from '../../@types';
+export type BoardProps = Pick<ConnectAttrs, 'open' | 'mode' | 'scope' | 'domain' | 'publicKey' | 'postURL' | 'country' | 'language' | 'onSuccess' | 'onError' | 'onReady' | 'onClose' | 'loaderColor' | 'boardId' | 'settingData' | 'onSettingFetched' | 'features'>;
+export type TapBoardProps = BoardProps & {
+    onBoardButtonClick: (data: Record<string, string>) => void;
+};
+export declare const TapBoard: React.MemoExoticComponent<(props: TapBoardProps & {
+    id?: string;
+}) => JSX.Element>;
+export declare const renderTapBoard: (props: TapBoardProps, elementId: string) => Promise<any>;

package/build/features/Connect/ConnectBoard.js

@@ -0,0 +1,117 @@
+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, validateBoardProps } from '../../utils';
+import { useScript, useStyle } from '../../hooks';
+import { CDN_LIBRARY_BASE_URL } from '../../constants';
+var Board = 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-board-js is ready!');
+        if (status === 'error')
+            console.error('connect-board-js failed to load!');
+    }, [status]);
+    React.useEffect(function () {
+        var _a;
+        if (status !== 'ready')
+            return;
+        var renderBoardLib = window['TapAuth'].renderBoardLib;
+        var unmount = renderBoardLib({
+            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,
+            boardId: props.boardId,
+            onBoardButtonClick: props.onBoardButtonClick,
+            settingData: props.settingData,
+            onSettingFetched: props.onSettingFetched,
+            features: props.features
+        }, (_a = props.id) !== null && _a !== void 0 ? _a : 'tap-connect-board-lib-id').unmount;
+        return function () {
+            unmount();
+        };
+    }, [status]);
+    if (status !== 'ready')
+        return null;
+    return _jsx("div", { id: 'tap-connect-board-lib-id' });
+};
+export var TapBoard = React.memo(function (props) {
+    validateBoardProps(props);
+    return _jsx(Board, __assign({}, props));
+});
+var tapConnectInstance = null;
+export var renderTapBoard = 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(TapBoard, __assign({}, props)));
+        unmount = function () {
+            root.unmount();
+            tapConnectInstance = null;
+        };
+        tapConnectInstance = { unmount: unmount };
+        return [2, tapConnectInstance];
+    });
+}); };

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

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

package/build/features/Connect/ConnectBrand.js

@@ -0,0 +1,118 @@
+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 Brand = 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-brand-js is ready!');
+        if (status === 'error')
+            console.error('connect-brand-js failed to load!');
+    }, [status]);
+    React.useEffect(function () {
+        var _a;
+        if (status !== 'ready')
+            return;
+        var renderBrandLib = window['TapAuth'].renderBrandLib;
+        var unmount = renderBrandLib({
+            open: props.open,
+            mode: props.mode,
+            scope: props.scope,
+            merchantDomain: props.domain,
+            showBoard: props.board,
+            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,
+            settingData: props.settingData,
+            onSettingFetched: props.onSettingFetched,
+            features: props.features
+        }, (_a = props.id) !== null && _a !== void 0 ? _a : 'tap-connect-brand-lib-id').unmount;
+        return function () {
+            unmount();
+        };
+    }, [status]);
+    if (status !== 'ready')
+        return null;
+    return _jsx("div", { id: 'tap-connect-brand-lib-id' });
+};
+export var TapBrand = React.memo(function (props) {
+    validateBoardOtherKitsProps(props);
+    return _jsx(Brand, __assign({}, props));
+});
+var tapConnectInstance = null;
+export var renderTapBrand = 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(TapBrand, __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' | 'board' | 'publicKey' | 'postURL' | 'country' | 'language' | 'onSuccess' | 'onError' | 'onReady' | 'onClose' | 'loaderColor' | 'settingData' | 'onSettingFetched' | 'features'>;
+export type TapEntityProps = EntityProps & {
+    verifyToken: string;
+    onBoardButtonClick: (data: Record<string, string>) => void;
+};
+export declare const TapEntity: React.MemoExoticComponent<(props: TapEntityProps & {
+    id?: string;
+}) => JSX.Element>;
+export declare const renderTapEntity: (props: TapEntityProps, elementId: string) => Promise<any>;
+export {};

package/build/features/Connect/ConnectEntity.js

@@ -0,0 +1,118 @@
+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,
+            showBoard: props.board,
+            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,
+            settingData: props.settingData,
+            onSettingFetched: props.onSettingFetched,
+            features: props.features
+        }, (_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];
+    });
+}); };