@tap-payments/connect 2.14.0-beta → 2.14.1-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 +2 -2
- package/build/constants/index.d.ts +1 -1
- package/build/constants/index.js +1 -1
- package/build/features/Connect/ConnectTerminal.d.ts +12 -0
- package/build/features/Connect/ConnectTerminal.js +119 -0
- package/build/features/Connect/index.d.ts +3 -2
- package/build/features/Connect/index.js +2 -1
- package/build/index.d.ts +3 -3
- package/build/index.js +4 -3
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -85,7 +85,7 @@ const ConnectComponent = () => {
|
|
|
85
85
|
content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,shrink-to-fit=no"
|
|
86
86
|
/>
|
|
87
87
|
<title>Auth-JsConnect</title>
|
|
88
|
-
<script src="https://cdn.tap.company/tap-sdks/connect/build-2.14.
|
|
88
|
+
<script src="https://cdn.tap.company/tap-sdks/connect/build-2.14.1-beta/main.js"></script>
|
|
89
89
|
</head>
|
|
90
90
|
<body>
|
|
91
91
|
<div id="root"></div>
|
|
@@ -106,7 +106,7 @@ const ConnectComponent = () => {
|
|
|
106
106
|
mature: false,
|
|
107
107
|
board: true,
|
|
108
108
|
boardMaturity: false,
|
|
109
|
-
|
|
109
|
+
mode: "popup",
|
|
110
110
|
open: true,
|
|
111
111
|
postURL: 'https://api.example.com/post',
|
|
112
112
|
redirectUrl: '',
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const CDN_LIBRARY_BASE_URL = "https://cdn.tap.company/tap-sdks/auth-jsconnect/build-2.14.
|
|
1
|
+
export declare const CDN_LIBRARY_BASE_URL = "https://cdn.tap.company/tap-sdks/auth-jsconnect/build-2.14.1-beta";
|
|
2
2
|
export declare const Maturity: {
|
|
3
3
|
readonly FULL: "full";
|
|
4
4
|
readonly EXPRESS: "express";
|
package/build/constants/index.js
CHANGED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { ConnectProps as ConnectAttrs } from '../../@types';
|
|
3
|
+
type TerminalProps = Pick<ConnectAttrs, 'open' | 'mode' | 'scope' | 'domain' | 'board' | 'publicKey' | 'postURL' | 'country' | 'language' | 'onSuccess' | 'onError' | 'onReady' | 'onClose' | 'loaderColor' | 'settingData' | 'onSettingFetched' | 'features' | 'region'>;
|
|
4
|
+
export type TapTerminalProps = TerminalProps & {
|
|
5
|
+
verifyToken: string;
|
|
6
|
+
onBoardButtonClick: (data: Record<string, string>) => void;
|
|
7
|
+
};
|
|
8
|
+
export declare const TapTerminal: React.MemoExoticComponent<(props: TapTerminalProps & {
|
|
9
|
+
id?: string;
|
|
10
|
+
}) => JSX.Element>;
|
|
11
|
+
export declare const renderTapTerminal: (props: TapTerminalProps, elementId: string) => Promise<any>;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,119 @@
|
|
|
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 Terminal = 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-terminal-js is ready!');
|
|
60
|
+
if (status === 'error')
|
|
61
|
+
console.error('connect-terminal-js failed to load!');
|
|
62
|
+
}, [status]);
|
|
63
|
+
React.useEffect(function () {
|
|
64
|
+
var _a;
|
|
65
|
+
if (status !== 'ready')
|
|
66
|
+
return;
|
|
67
|
+
var renderTerminalLib = window['TapAuth'].renderTerminalLib;
|
|
68
|
+
var unmount = renderTerminalLib({
|
|
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
|
+
region: props.region
|
|
92
|
+
}, (_a = props.id) !== null && _a !== void 0 ? _a : 'tap-connect-terminal-lib-id').unmount;
|
|
93
|
+
return function () {
|
|
94
|
+
unmount();
|
|
95
|
+
};
|
|
96
|
+
}, [status]);
|
|
97
|
+
if (status !== 'ready')
|
|
98
|
+
return null;
|
|
99
|
+
return _jsx("div", { id: 'tap-connect-terminal-lib-id' });
|
|
100
|
+
};
|
|
101
|
+
export var TapTerminal = React.memo(function (props) {
|
|
102
|
+
validateBoardOtherKitsProps(props);
|
|
103
|
+
return _jsx(Terminal, __assign({}, props));
|
|
104
|
+
});
|
|
105
|
+
var tapConnectInstance = null;
|
|
106
|
+
export var renderTapTerminal = function (props, elementId) { return __awaiter(void 0, void 0, void 0, function () {
|
|
107
|
+
var el, root, unmount;
|
|
108
|
+
return __generator(this, function (_a) {
|
|
109
|
+
el = findOrCreateElementAndInject(elementId);
|
|
110
|
+
root = createRoot(el);
|
|
111
|
+
root.render(_jsx(TapTerminal, __assign({}, props)));
|
|
112
|
+
unmount = function () {
|
|
113
|
+
root.unmount();
|
|
114
|
+
tapConnectInstance = null;
|
|
115
|
+
};
|
|
116
|
+
tapConnectInstance = { unmount: unmount };
|
|
117
|
+
return [2, tapConnectInstance];
|
|
118
|
+
});
|
|
119
|
+
}); };
|
|
@@ -7,5 +7,6 @@ import { TapEntityProps, TapEntity, renderTapEntity } from './ConnectEntity';
|
|
|
7
7
|
import { TapIndividual, TapIndividualProps, renderTapIndividual } from './ConnectIndividual';
|
|
8
8
|
import { TapPassword, TapPasswordProps, renderTapPassword } from './ConnectPassword';
|
|
9
9
|
import { TapTax, TapTaxProps, renderTapTax } from './ConnectTax';
|
|
10
|
-
|
|
11
|
-
export {
|
|
10
|
+
import { TapTerminal, TapTerminalProps, renderTapTerminal } from './ConnectTerminal';
|
|
11
|
+
export type { TapConnectProps, ConnectAuthProps, TapBoardProps, TapBrandProps, TapBankProps, TapEntityProps, TapIndividualProps, TapPasswordProps, TapTaxProps, TapTerminalProps };
|
|
12
|
+
export { TapConnect, renderTapConnect, TapConnectAuth, renderTapConnectAuth, TapBoard, renderTapBoard, TapBrand, renderTapBrand, TapBank, renderTapBank, TapEntity, renderTapEntity, TapIndividual, renderTapIndividual, TapPassword, renderTapPassword, TapTax, renderTapTax, TapTerminal, renderTapTerminal };
|
|
@@ -7,4 +7,5 @@ import { TapEntity, renderTapEntity } from './ConnectEntity';
|
|
|
7
7
|
import { TapIndividual, renderTapIndividual } from './ConnectIndividual';
|
|
8
8
|
import { TapPassword, renderTapPassword } from './ConnectPassword';
|
|
9
9
|
import { TapTax, renderTapTax } from './ConnectTax';
|
|
10
|
-
|
|
10
|
+
import { TapTerminal, renderTapTerminal } from './ConnectTerminal';
|
|
11
|
+
export { TapConnect, renderTapConnect, TapConnectAuth, renderTapConnectAuth, TapBoard, renderTapBoard, TapBrand, renderTapBrand, TapBank, renderTapBank, TapEntity, renderTapEntity, TapIndividual, renderTapIndividual, TapPassword, renderTapPassword, TapTax, renderTapTax, TapTerminal, renderTapTerminal };
|
package/build/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
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';
|
|
1
|
+
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, TapTerminal, TapTerminalProps, renderTapTerminal } from './features/Connect';
|
|
2
2
|
import { Language } from './constants';
|
|
3
|
-
export type { TapConnectProps, ConnectAuthProps, TapBoardProps, TapBrandProps, TapBankProps, TapEntityProps, TapIndividualProps, TapPasswordProps, TapTaxProps };
|
|
4
|
-
export { Language, TapConnect, renderTapConnect, TapConnectAuth, renderTapConnectAuth, TapBoard, renderTapBoard, TapBrand, renderTapBrand, TapBank, renderTapBank, TapEntity, renderTapEntity, TapIndividual, renderTapIndividual, TapPassword, renderTapPassword, TapTax, renderTapTax };
|
|
3
|
+
export type { TapConnectProps, ConnectAuthProps, TapBoardProps, TapBrandProps, TapBankProps, TapEntityProps, TapIndividualProps, TapPasswordProps, TapTaxProps, TapTerminalProps };
|
|
4
|
+
export { Language, TapConnect, renderTapConnect, TapConnectAuth, renderTapConnectAuth, TapBoard, renderTapBoard, TapBrand, renderTapBrand, TapBank, renderTapBank, TapEntity, renderTapEntity, TapIndividual, renderTapIndividual, TapPassword, renderTapPassword, TapTax, renderTapTax, TapTerminal, renderTapTerminal };
|
package/build/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { TapConnect, renderTapConnect, TapConnectAuth, renderTapConnectAuth, renderTapBoard, TapBoard, TapBrand, renderTapBrand, TapBank, renderTapBank, TapEntity, renderTapEntity, TapIndividual, renderTapIndividual, TapPassword, renderTapPassword, TapTax, renderTapTax } from './features/Connect';
|
|
1
|
+
import { TapConnect, renderTapConnect, TapConnectAuth, renderTapConnectAuth, renderTapBoard, TapBoard, TapBrand, renderTapBrand, TapBank, renderTapBank, TapEntity, renderTapEntity, TapIndividual, renderTapIndividual, TapPassword, renderTapPassword, TapTax, renderTapTax, TapTerminal, renderTapTerminal } from './features/Connect';
|
|
2
2
|
import { Language } from './constants';
|
|
3
|
-
export { Language, TapConnect, renderTapConnect, TapConnectAuth, renderTapConnectAuth, TapBoard, renderTapBoard, TapBrand, renderTapBrand, TapBank, renderTapBank, TapEntity, renderTapEntity, TapIndividual, renderTapIndividual, TapPassword, renderTapPassword, TapTax, renderTapTax };
|
|
3
|
+
export { Language, TapConnect, renderTapConnect, TapConnectAuth, renderTapConnectAuth, TapBoard, renderTapBoard, TapBrand, renderTapBrand, TapBank, renderTapBank, TapEntity, renderTapEntity, TapIndividual, renderTapIndividual, TapPassword, renderTapPassword, TapTax, renderTapTax, TapTerminal, renderTapTerminal };
|
|
4
4
|
window['TapPayments'] = {
|
|
5
5
|
renderTapConnect: renderTapConnect,
|
|
6
6
|
Language: Language,
|
|
@@ -10,5 +10,6 @@ window['TapPayments'] = {
|
|
|
10
10
|
renderTapBank: renderTapBank,
|
|
11
11
|
renderTapEntity: renderTapEntity,
|
|
12
12
|
renderTapPassword: renderTapPassword,
|
|
13
|
-
renderTapTax: renderTapTax
|
|
13
|
+
renderTapTax: renderTapTax,
|
|
14
|
+
renderTapTerminal: renderTapTerminal
|
|
14
15
|
};
|