@tap-payments/connect 2.10.5-beta → 2.10.7-beta
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +171 -171
- package/build/@types/config.d.ts +63 -63
- package/build/@types/config.js +1 -1
- package/build/@types/index.d.ts +74 -74
- package/build/@types/index.js +1 -1
- package/build/api/index.d.ts +12 -12
- package/build/api/index.js +95 -95
- package/build/constants/index.d.ts +17 -17
- package/build/constants/index.js +17 -17
- package/build/features/Connect/Connect.d.ts +5 -5
- package/build/features/Connect/Connect.js +150 -150
- package/build/features/Connect/ConnectAuth.d.ts +7 -7
- package/build/features/Connect/ConnectAuth.js +115 -115
- package/build/features/Connect/ConnectBank.d.ts +12 -12
- package/build/features/Connect/ConnectBank.js +118 -118
- package/build/features/Connect/ConnectBoard.d.ts +10 -10
- package/build/features/Connect/ConnectBoard.js +117 -117
- package/build/features/Connect/ConnectBrand.d.ts +12 -12
- package/build/features/Connect/ConnectBrand.js +118 -118
- package/build/features/Connect/ConnectEntity.d.ts +12 -12
- package/build/features/Connect/ConnectEntity.js +118 -118
- package/build/features/Connect/ConnectExpress.d.ts +4 -4
- package/build/features/Connect/ConnectExpress.js +78 -78
- package/build/features/Connect/ConnectFull.d.ts +4 -4
- package/build/features/Connect/ConnectFull.js +13 -13
- package/build/features/Connect/ConnectIndividual.d.ts +12 -12
- package/build/features/Connect/ConnectIndividual.js +118 -118
- package/build/features/Connect/ConnectPassword.d.ts +12 -12
- package/build/features/Connect/ConnectPassword.js +118 -118
- package/build/features/Connect/ConnectTax.d.ts +12 -12
- package/build/features/Connect/ConnectTax.js +118 -118
- package/build/features/Connect/index.d.ts +11 -11
- package/build/features/Connect/index.js +10 -10
- package/build/hooks/index.d.ts +2 -2
- package/build/hooks/index.js +2 -2
- package/build/hooks/useScript.d.ts +1 -1
- package/build/hooks/useScript.js +39 -39
- package/build/hooks/useStyle.d.ts +1 -1
- package/build/hooks/useStyle.js +13 -13
- package/build/index.d.ts +4 -4
- package/build/index.js +14 -14
- package/build/utils/common.d.ts +2 -2
- package/build/utils/common.js +16 -16
- package/build/utils/config.d.ts +7 -7
- package/build/utils/config.js +47 -47
- package/build/utils/html.d.ts +1 -1
- package/build/utils/html.js +9 -9
- package/build/utils/index.d.ts +4 -4
- package/build/utils/index.js +4 -4
- package/build/utils/validation.d.ts +8 -8
- package/build/utils/validation.js +190 -190
- package/package.json +106 -108
|
@@ -1,78 +1,78 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
import * as React from 'react';
|
|
13
|
-
import { wrapLibConfig } from '../../utils';
|
|
14
|
-
var ConnectExpress = function (props) {
|
|
15
|
-
var _a = React.useState(''), token = _a[0], setToken = _a[1];
|
|
16
|
-
var _b = React.useState('express'), name = _b[0], setName = _b[1];
|
|
17
|
-
var onButtonClick = function (_a) {
|
|
18
|
-
var name = _a.name, token = _a.token;
|
|
19
|
-
setToken(token);
|
|
20
|
-
setName(name);
|
|
21
|
-
};
|
|
22
|
-
var _c = window['TapAuth'], renderConnectExpressLib = _c.renderConnectExpressLib, renderIndividualLib = _c.renderIndividualLib, renderBankLib = _c.renderBankLib, renderTaxLib = _c.renderTaxLib, renderEntityLib = _c.renderEntityLib, renderBrandLib = _c.renderBrandLib;
|
|
23
|
-
var elementId = props.elementId;
|
|
24
|
-
var unmountComponent = function () { };
|
|
25
|
-
React.useEffect(function () {
|
|
26
|
-
console.log('rendering: ', name);
|
|
27
|
-
var config = wrapLibConfig(__assign(__assign({}, props), { verifyToken: token, onBoardButtonClick: onButtonClick }));
|
|
28
|
-
switch (name) {
|
|
29
|
-
case 'brand':
|
|
30
|
-
unmountComponent();
|
|
31
|
-
var unmountBrand = renderBrandLib(config, elementId).unmount;
|
|
32
|
-
unmountComponent = unmountBrand;
|
|
33
|
-
break;
|
|
34
|
-
case 'tax':
|
|
35
|
-
unmountComponent();
|
|
36
|
-
var unmountTax = renderTaxLib(config, elementId).unmount;
|
|
37
|
-
unmountComponent = unmountTax;
|
|
38
|
-
break;
|
|
39
|
-
case 'bank':
|
|
40
|
-
unmountComponent();
|
|
41
|
-
var unmountBank = renderBankLib(config, elementId).unmount;
|
|
42
|
-
unmountComponent = unmountBank;
|
|
43
|
-
break;
|
|
44
|
-
case 'individual':
|
|
45
|
-
unmountComponent();
|
|
46
|
-
var unmountIndiv = renderIndividualLib(config, elementId).unmount;
|
|
47
|
-
unmountComponent = unmountIndiv;
|
|
48
|
-
break;
|
|
49
|
-
case 'entity':
|
|
50
|
-
unmountComponent();
|
|
51
|
-
var unmountEntity = renderEntityLib(config, elementId).unmount;
|
|
52
|
-
unmountComponent = unmountEntity;
|
|
53
|
-
break;
|
|
54
|
-
default:
|
|
55
|
-
unmountComponent();
|
|
56
|
-
var configAttrs = wrapLibConfig(__assign(__assign({}, props), { verifyToken: token, onBoardButtonClick: onButtonClick }));
|
|
57
|
-
var unmountExpress = renderConnectExpressLib(configAttrs, elementId).unmount;
|
|
58
|
-
unmountComponent = unmountExpress;
|
|
59
|
-
break;
|
|
60
|
-
}
|
|
61
|
-
return function () { return unmountComponent(); };
|
|
62
|
-
}, [
|
|
63
|
-
name,
|
|
64
|
-
token,
|
|
65
|
-
renderConnectExpressLib,
|
|
66
|
-
renderIndividualLib,
|
|
67
|
-
renderBankLib,
|
|
68
|
-
renderTaxLib,
|
|
69
|
-
renderEntityLib,
|
|
70
|
-
renderBrandLib,
|
|
71
|
-
props,
|
|
72
|
-
elementId,
|
|
73
|
-
onButtonClick,
|
|
74
|
-
wrapLibConfig
|
|
75
|
-
]);
|
|
76
|
-
return null;
|
|
77
|
-
};
|
|
78
|
-
export default React.memo(ConnectExpress);
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
import * as React from 'react';
|
|
13
|
+
import { wrapLibConfig } from '../../utils';
|
|
14
|
+
var ConnectExpress = function (props) {
|
|
15
|
+
var _a = React.useState(''), token = _a[0], setToken = _a[1];
|
|
16
|
+
var _b = React.useState('express'), name = _b[0], setName = _b[1];
|
|
17
|
+
var onButtonClick = function (_a) {
|
|
18
|
+
var name = _a.name, token = _a.token;
|
|
19
|
+
setToken(token);
|
|
20
|
+
setName(name);
|
|
21
|
+
};
|
|
22
|
+
var _c = window['TapAuth'], renderConnectExpressLib = _c.renderConnectExpressLib, renderIndividualLib = _c.renderIndividualLib, renderBankLib = _c.renderBankLib, renderTaxLib = _c.renderTaxLib, renderEntityLib = _c.renderEntityLib, renderBrandLib = _c.renderBrandLib;
|
|
23
|
+
var elementId = props.elementId;
|
|
24
|
+
var unmountComponent = function () { };
|
|
25
|
+
React.useEffect(function () {
|
|
26
|
+
console.log('rendering: ', name);
|
|
27
|
+
var config = wrapLibConfig(__assign(__assign({}, props), { verifyToken: token, onBoardButtonClick: onButtonClick }));
|
|
28
|
+
switch (name) {
|
|
29
|
+
case 'brand':
|
|
30
|
+
unmountComponent();
|
|
31
|
+
var unmountBrand = renderBrandLib(config, elementId).unmount;
|
|
32
|
+
unmountComponent = unmountBrand;
|
|
33
|
+
break;
|
|
34
|
+
case 'tax':
|
|
35
|
+
unmountComponent();
|
|
36
|
+
var unmountTax = renderTaxLib(config, elementId).unmount;
|
|
37
|
+
unmountComponent = unmountTax;
|
|
38
|
+
break;
|
|
39
|
+
case 'bank':
|
|
40
|
+
unmountComponent();
|
|
41
|
+
var unmountBank = renderBankLib(config, elementId).unmount;
|
|
42
|
+
unmountComponent = unmountBank;
|
|
43
|
+
break;
|
|
44
|
+
case 'individual':
|
|
45
|
+
unmountComponent();
|
|
46
|
+
var unmountIndiv = renderIndividualLib(config, elementId).unmount;
|
|
47
|
+
unmountComponent = unmountIndiv;
|
|
48
|
+
break;
|
|
49
|
+
case 'entity':
|
|
50
|
+
unmountComponent();
|
|
51
|
+
var unmountEntity = renderEntityLib(config, elementId).unmount;
|
|
52
|
+
unmountComponent = unmountEntity;
|
|
53
|
+
break;
|
|
54
|
+
default:
|
|
55
|
+
unmountComponent();
|
|
56
|
+
var configAttrs = wrapLibConfig(__assign(__assign({}, props), { verifyToken: token, onBoardButtonClick: onButtonClick }));
|
|
57
|
+
var unmountExpress = renderConnectExpressLib(configAttrs, elementId).unmount;
|
|
58
|
+
unmountComponent = unmountExpress;
|
|
59
|
+
break;
|
|
60
|
+
}
|
|
61
|
+
return function () { return unmountComponent(); };
|
|
62
|
+
}, [
|
|
63
|
+
name,
|
|
64
|
+
token,
|
|
65
|
+
renderConnectExpressLib,
|
|
66
|
+
renderIndividualLib,
|
|
67
|
+
renderBankLib,
|
|
68
|
+
renderTaxLib,
|
|
69
|
+
renderEntityLib,
|
|
70
|
+
renderBrandLib,
|
|
71
|
+
props,
|
|
72
|
+
elementId,
|
|
73
|
+
onButtonClick,
|
|
74
|
+
wrapLibConfig
|
|
75
|
+
]);
|
|
76
|
+
return null;
|
|
77
|
+
};
|
|
78
|
+
export default React.memo(ConnectExpress);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { ConnectProps } from '../../@types';
|
|
3
|
-
declare const _default: React.MemoExoticComponent<(props: ConnectProps) => null>;
|
|
4
|
-
export default _default;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { ConnectProps } from '../../@types';
|
|
3
|
+
declare const _default: React.MemoExoticComponent<(props: ConnectProps) => null>;
|
|
4
|
+
export default _default;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { wrapLibConfig } from '../../utils';
|
|
3
|
-
var ConnectFull = function (props) {
|
|
4
|
-
var renderConnectLib = window['TapAuth'].renderConnectLib;
|
|
5
|
-
var id = props.elementId;
|
|
6
|
-
React.useEffect(function () {
|
|
7
|
-
var config = wrapLibConfig(props);
|
|
8
|
-
var unmount = renderConnectLib(config, id).unmount;
|
|
9
|
-
return function () { return unmount(); };
|
|
10
|
-
}, [renderConnectLib, props]);
|
|
11
|
-
return null;
|
|
12
|
-
};
|
|
13
|
-
export default React.memo(ConnectFull);
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { wrapLibConfig } from '../../utils';
|
|
3
|
+
var ConnectFull = function (props) {
|
|
4
|
+
var renderConnectLib = window['TapAuth'].renderConnectLib;
|
|
5
|
+
var id = props.elementId;
|
|
6
|
+
React.useEffect(function () {
|
|
7
|
+
var config = wrapLibConfig(props);
|
|
8
|
+
var unmount = renderConnectLib(config, id).unmount;
|
|
9
|
+
return function () { return unmount(); };
|
|
10
|
+
}, [renderConnectLib, props]);
|
|
11
|
+
return null;
|
|
12
|
+
};
|
|
13
|
+
export default React.memo(ConnectFull);
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { ConnectProps as ConnectAttrs } from '../../@types';
|
|
3
|
-
type IndividualProps = Pick<ConnectAttrs, 'open' | 'mode' | 'scope' | 'domain' | 'board' | 'publicKey' | 'postURL' | 'country' | 'language' | 'onSuccess' | 'onError' | 'onReady' | 'onClose' | 'loaderColor' | 'settingData' | 'onSettingFetched' | 'features'>;
|
|
4
|
-
export type TapIndividualProps = IndividualProps & {
|
|
5
|
-
verifyToken: string;
|
|
6
|
-
onBoardButtonClick: (data: Record<string, string>) => void;
|
|
7
|
-
};
|
|
8
|
-
export declare const TapIndividual: React.MemoExoticComponent<(props: TapIndividualProps & {
|
|
9
|
-
id?: string;
|
|
10
|
-
}) => import("react/jsx-runtime").JSX.Element>;
|
|
11
|
-
export declare const renderTapIndividual: (props: TapIndividualProps, elementId: string) => Promise<any>;
|
|
12
|
-
export {};
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { ConnectProps as ConnectAttrs } from '../../@types';
|
|
3
|
+
type IndividualProps = Pick<ConnectAttrs, 'open' | 'mode' | 'scope' | 'domain' | 'board' | 'publicKey' | 'postURL' | 'country' | 'language' | 'onSuccess' | 'onError' | 'onReady' | 'onClose' | 'loaderColor' | 'settingData' | 'onSettingFetched' | 'features'>;
|
|
4
|
+
export type TapIndividualProps = IndividualProps & {
|
|
5
|
+
verifyToken: string;
|
|
6
|
+
onBoardButtonClick: (data: Record<string, string>) => void;
|
|
7
|
+
};
|
|
8
|
+
export declare const TapIndividual: React.MemoExoticComponent<(props: TapIndividualProps & {
|
|
9
|
+
id?: string;
|
|
10
|
+
}) => import("react/jsx-runtime").JSX.Element>;
|
|
11
|
+
export declare const renderTapIndividual: (props: TapIndividualProps, elementId: string) => Promise<any>;
|
|
12
|
+
export {};
|
|
@@ -1,118 +1,118 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
13
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
14
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
15
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
16
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
17
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
18
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
19
|
-
});
|
|
20
|
-
};
|
|
21
|
-
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
22
|
-
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
23
|
-
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
24
|
-
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
25
|
-
function step(op) {
|
|
26
|
-
if (f) throw new TypeError("Generator is already executing.");
|
|
27
|
-
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
|
28
|
-
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;
|
|
29
|
-
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
30
|
-
switch (op[0]) {
|
|
31
|
-
case 0: case 1: t = op; break;
|
|
32
|
-
case 4: _.label++; return { value: op[1], done: false };
|
|
33
|
-
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
34
|
-
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
35
|
-
default:
|
|
36
|
-
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
37
|
-
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
38
|
-
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
39
|
-
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
40
|
-
if (t[2]) _.ops.pop();
|
|
41
|
-
_.trys.pop(); continue;
|
|
42
|
-
}
|
|
43
|
-
op = body.call(thisArg, _);
|
|
44
|
-
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
45
|
-
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
46
|
-
}
|
|
47
|
-
};
|
|
48
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
49
|
-
import * as React from 'react';
|
|
50
|
-
import { createRoot } from 'react-dom/client';
|
|
51
|
-
import { findOrCreateElementAndInject, validateBoardOtherKitsProps } from '../../utils';
|
|
52
|
-
import { useScript, useStyle } from '../../hooks';
|
|
53
|
-
import { CDN_LIBRARY_BASE_URL } from '../../constants';
|
|
54
|
-
var Individual = function (props) {
|
|
55
|
-
useStyle("".concat(CDN_LIBRARY_BASE_URL, "/main.css"));
|
|
56
|
-
var status = useScript("".concat(CDN_LIBRARY_BASE_URL, "/main.js"));
|
|
57
|
-
React.useEffect(function () {
|
|
58
|
-
if (status === 'ready')
|
|
59
|
-
console.info('connect-individual-js is ready!');
|
|
60
|
-
if (status === 'error')
|
|
61
|
-
console.error('connect-individual-js failed to load!');
|
|
62
|
-
}, [status]);
|
|
63
|
-
React.useEffect(function () {
|
|
64
|
-
var _a;
|
|
65
|
-
if (status !== 'ready')
|
|
66
|
-
return;
|
|
67
|
-
var renderIndividualLib = window['TapAuth'].renderIndividualLib;
|
|
68
|
-
var unmount = renderIndividualLib({
|
|
69
|
-
open: props.open,
|
|
70
|
-
mode: props.mode,
|
|
71
|
-
scope: props.scope,
|
|
72
|
-
merchantDomain: props.domain,
|
|
73
|
-
showBoard: props.board,
|
|
74
|
-
publicKey: props.publicKey,
|
|
75
|
-
postURL: props.postURL,
|
|
76
|
-
appInfo: {
|
|
77
|
-
name: window.location.hostname || window.location.origin
|
|
78
|
-
},
|
|
79
|
-
businessCountryCode: props.country,
|
|
80
|
-
language: props.language,
|
|
81
|
-
onFlowCompleted: props.onSuccess,
|
|
82
|
-
onError: props.onError,
|
|
83
|
-
onReady: props.onReady,
|
|
84
|
-
onClose: props.onClose,
|
|
85
|
-
loaderColor: props.loaderColor,
|
|
86
|
-
verifyToken: props.verifyToken,
|
|
87
|
-
onBoardButtonClick: props.onBoardButtonClick,
|
|
88
|
-
settingData: props.settingData,
|
|
89
|
-
onSettingFetched: props.onSettingFetched,
|
|
90
|
-
features: props.features
|
|
91
|
-
}, (_a = props.id) !== null && _a !== void 0 ? _a : 'tap-connect-individual-lib-id').unmount;
|
|
92
|
-
return function () {
|
|
93
|
-
unmount();
|
|
94
|
-
};
|
|
95
|
-
}, [status]);
|
|
96
|
-
if (status !== 'ready')
|
|
97
|
-
return null;
|
|
98
|
-
return _jsx("div", { id: 'tap-connect-individual-lib-id' });
|
|
99
|
-
};
|
|
100
|
-
export var TapIndividual = React.memo(function (props) {
|
|
101
|
-
validateBoardOtherKitsProps(props);
|
|
102
|
-
return _jsx(Individual, __assign({}, props));
|
|
103
|
-
});
|
|
104
|
-
var tapConnectInstance = null;
|
|
105
|
-
export var renderTapIndividual = function (props, elementId) { return __awaiter(void 0, void 0, void 0, function () {
|
|
106
|
-
var el, root, unmount;
|
|
107
|
-
return __generator(this, function (_a) {
|
|
108
|
-
el = findOrCreateElementAndInject(elementId);
|
|
109
|
-
root = createRoot(el);
|
|
110
|
-
root.render(_jsx(TapIndividual, __assign({}, props)));
|
|
111
|
-
unmount = function () {
|
|
112
|
-
root.unmount();
|
|
113
|
-
tapConnectInstance = null;
|
|
114
|
-
};
|
|
115
|
-
tapConnectInstance = { unmount: unmount };
|
|
116
|
-
return [2, tapConnectInstance];
|
|
117
|
-
});
|
|
118
|
-
}); };
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
13
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
14
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
15
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
16
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
17
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
18
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
19
|
+
});
|
|
20
|
+
};
|
|
21
|
+
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
22
|
+
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
23
|
+
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
24
|
+
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
25
|
+
function step(op) {
|
|
26
|
+
if (f) throw new TypeError("Generator is already executing.");
|
|
27
|
+
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
|
28
|
+
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;
|
|
29
|
+
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
30
|
+
switch (op[0]) {
|
|
31
|
+
case 0: case 1: t = op; break;
|
|
32
|
+
case 4: _.label++; return { value: op[1], done: false };
|
|
33
|
+
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
34
|
+
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
35
|
+
default:
|
|
36
|
+
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
37
|
+
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
38
|
+
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
39
|
+
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
40
|
+
if (t[2]) _.ops.pop();
|
|
41
|
+
_.trys.pop(); continue;
|
|
42
|
+
}
|
|
43
|
+
op = body.call(thisArg, _);
|
|
44
|
+
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
45
|
+
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
46
|
+
}
|
|
47
|
+
};
|
|
48
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
49
|
+
import * as React from 'react';
|
|
50
|
+
import { createRoot } from 'react-dom/client';
|
|
51
|
+
import { findOrCreateElementAndInject, validateBoardOtherKitsProps } from '../../utils';
|
|
52
|
+
import { useScript, useStyle } from '../../hooks';
|
|
53
|
+
import { CDN_LIBRARY_BASE_URL } from '../../constants';
|
|
54
|
+
var Individual = function (props) {
|
|
55
|
+
useStyle("".concat(CDN_LIBRARY_BASE_URL, "/main.css"));
|
|
56
|
+
var status = useScript("".concat(CDN_LIBRARY_BASE_URL, "/main.js"));
|
|
57
|
+
React.useEffect(function () {
|
|
58
|
+
if (status === 'ready')
|
|
59
|
+
console.info('connect-individual-js is ready!');
|
|
60
|
+
if (status === 'error')
|
|
61
|
+
console.error('connect-individual-js failed to load!');
|
|
62
|
+
}, [status]);
|
|
63
|
+
React.useEffect(function () {
|
|
64
|
+
var _a;
|
|
65
|
+
if (status !== 'ready')
|
|
66
|
+
return;
|
|
67
|
+
var renderIndividualLib = window['TapAuth'].renderIndividualLib;
|
|
68
|
+
var unmount = renderIndividualLib({
|
|
69
|
+
open: props.open,
|
|
70
|
+
mode: props.mode,
|
|
71
|
+
scope: props.scope,
|
|
72
|
+
merchantDomain: props.domain,
|
|
73
|
+
showBoard: props.board,
|
|
74
|
+
publicKey: props.publicKey,
|
|
75
|
+
postURL: props.postURL,
|
|
76
|
+
appInfo: {
|
|
77
|
+
name: window.location.hostname || window.location.origin
|
|
78
|
+
},
|
|
79
|
+
businessCountryCode: props.country,
|
|
80
|
+
language: props.language,
|
|
81
|
+
onFlowCompleted: props.onSuccess,
|
|
82
|
+
onError: props.onError,
|
|
83
|
+
onReady: props.onReady,
|
|
84
|
+
onClose: props.onClose,
|
|
85
|
+
loaderColor: props.loaderColor,
|
|
86
|
+
verifyToken: props.verifyToken,
|
|
87
|
+
onBoardButtonClick: props.onBoardButtonClick,
|
|
88
|
+
settingData: props.settingData,
|
|
89
|
+
onSettingFetched: props.onSettingFetched,
|
|
90
|
+
features: props.features
|
|
91
|
+
}, (_a = props.id) !== null && _a !== void 0 ? _a : 'tap-connect-individual-lib-id').unmount;
|
|
92
|
+
return function () {
|
|
93
|
+
unmount();
|
|
94
|
+
};
|
|
95
|
+
}, [status]);
|
|
96
|
+
if (status !== 'ready')
|
|
97
|
+
return null;
|
|
98
|
+
return _jsx("div", { id: 'tap-connect-individual-lib-id' });
|
|
99
|
+
};
|
|
100
|
+
export var TapIndividual = React.memo(function (props) {
|
|
101
|
+
validateBoardOtherKitsProps(props);
|
|
102
|
+
return _jsx(Individual, __assign({}, props));
|
|
103
|
+
});
|
|
104
|
+
var tapConnectInstance = null;
|
|
105
|
+
export var renderTapIndividual = function (props, elementId) { return __awaiter(void 0, void 0, void 0, function () {
|
|
106
|
+
var el, root, unmount;
|
|
107
|
+
return __generator(this, function (_a) {
|
|
108
|
+
el = findOrCreateElementAndInject(elementId);
|
|
109
|
+
root = createRoot(el);
|
|
110
|
+
root.render(_jsx(TapIndividual, __assign({}, props)));
|
|
111
|
+
unmount = function () {
|
|
112
|
+
root.unmount();
|
|
113
|
+
tapConnectInstance = null;
|
|
114
|
+
};
|
|
115
|
+
tapConnectInstance = { unmount: unmount };
|
|
116
|
+
return [2, tapConnectInstance];
|
|
117
|
+
});
|
|
118
|
+
}); };
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { ConnectProps as ConnectAttrs } from '../../@types';
|
|
3
|
-
type PasswordProps = Pick<ConnectAttrs, 'open' | 'mode' | 'scope' | 'domain' | 'board' | 'publicKey' | 'postURL' | 'country' | 'language' | 'onSuccess' | 'onError' | 'onReady' | 'onClose' | 'loaderColor' | 'settingData' | 'onSettingFetched' | 'features'>;
|
|
4
|
-
export type TapPasswordProps = PasswordProps & {
|
|
5
|
-
verifyToken: string;
|
|
6
|
-
onBoardButtonClick: (data: Record<string, string>) => void;
|
|
7
|
-
};
|
|
8
|
-
export declare const TapPassword: React.MemoExoticComponent<(props: TapPasswordProps & {
|
|
9
|
-
id?: string;
|
|
10
|
-
}) => import("react/jsx-runtime").JSX.Element>;
|
|
11
|
-
export declare const renderTapPassword: (props: TapPasswordProps, elementId: string) => Promise<any>;
|
|
12
|
-
export {};
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { ConnectProps as ConnectAttrs } from '../../@types';
|
|
3
|
+
type PasswordProps = Pick<ConnectAttrs, 'open' | 'mode' | 'scope' | 'domain' | 'board' | 'publicKey' | 'postURL' | 'country' | 'language' | 'onSuccess' | 'onError' | 'onReady' | 'onClose' | 'loaderColor' | 'settingData' | 'onSettingFetched' | 'features'>;
|
|
4
|
+
export type TapPasswordProps = PasswordProps & {
|
|
5
|
+
verifyToken: string;
|
|
6
|
+
onBoardButtonClick: (data: Record<string, string>) => void;
|
|
7
|
+
};
|
|
8
|
+
export declare const TapPassword: React.MemoExoticComponent<(props: TapPasswordProps & {
|
|
9
|
+
id?: string;
|
|
10
|
+
}) => import("react/jsx-runtime").JSX.Element>;
|
|
11
|
+
export declare const renderTapPassword: (props: TapPasswordProps, elementId: string) => Promise<any>;
|
|
12
|
+
export {};
|