@tap-payments/connect 0.0.11-test → 0.0.12-test

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.
Files changed (12) hide show
  1. package/README.md +1 -1
  2. package/build/@types/index.d.ts +2 -1
  3. package/build/constants/index.d.ts +1 -1
  4. package/build/constants/index.js +1 -1
  5. package/build/features/Connect/Connect.d.ts +4 -6
  6. package/build/features/Connect/Connect.js +28 -8
  7. package/build/features/Connect/ConnectExpress.js +21 -7
  8. package/build/features/Connect/ConnectFull.js +3 -2
  9. package/build/utils/config.js +1 -1
  10. package/build/utils/html.d.ts +1 -1
  11. package/build/utils/html.js +4 -1
  12. package/package.json +103 -103
package/README.md CHANGED
@@ -106,7 +106,7 @@ const ConnectFullComponent = () => {
106
106
  content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,shrink-to-fit=no"
107
107
  />
108
108
  <title>Auth-JsConnect</title>
109
- <script src="https://connect-auth.b-cdn.net/build-0.0.11-test/main.js"></script>
109
+ <script src="https://connect-auth.b-cdn.net/build-0.0.12-test/main.js"></script>
110
110
  </head>
111
111
  <body>
112
112
  <div id="root"></div>
package/build/@types/index.d.ts CHANGED
@@ -1,8 +1,9 @@
1
1
  import { Language } from '../constants';
2
2
  export interface ConnectProps {
3
+ elementId: string;
3
4
  publicKey: string;
4
5
  domain: string;
5
- language: typeof Language[keyof typeof Language];
6
+ language: (typeof Language)[keyof typeof Language];
6
7
  country: string;
7
8
  scope: string;
8
9
  lead?: string;
package/build/constants/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export declare const CDN_LIBRARY_BASE_URL = "https://auth-jsconnect.b-cdn.net/build-2.1.74-test";
1
+ export declare const CDN_LIBRARY_BASE_URL = "https://auth-jsconnect.b-cdn.net/build-2.1.93-test";
2
2
  export declare const Maturity: {
3
3
  readonly FULL: "full";
4
4
  readonly EXPRESS: "express";
package/build/constants/index.js CHANGED
@@ -1,4 +1,4 @@
1
- export var CDN_LIBRARY_BASE_URL = 'https://auth-jsconnect.b-cdn.net/build-2.1.74-test';
1
+ export var CDN_LIBRARY_BASE_URL = 'https://auth-jsconnect.b-cdn.net/build-2.1.93-test';
2
2
  export var Maturity = {
3
3
  FULL: 'full',
4
4
  EXPRESS: 'express'
package/build/features/Connect/Connect.d.ts CHANGED
@@ -1,7 +1,5 @@
1
1
  import * as React from 'react';
2
- import { ConnectProps } from '../../@types';
3
- export type { ConnectProps };
4
- export declare const TapConnect: React.MemoExoticComponent<(props: ConnectProps) => JSX.Element>;
5
- export declare const renderTapConnect: (props: ConnectProps, elementId: string) => {
6
- unmount: () => void;
7
- };
2
+ import { ConnectProps as ConnectAttrs } from '../../@types';
3
+ export type ConnectProps = Omit<ConnectAttrs, 'elementId'>;
4
+ export declare const TapConnect: React.MemoExoticComponent<(props: ConnectAttrs) => JSX.Element>;
5
+ export declare const renderTapConnect: (props: ConnectProps, elementId: string) => any;
package/build/features/Connect/Connect.js CHANGED
@@ -9,15 +9,27 @@ var __assign = (this && this.__assign) || function () {
9
9
  };
10
10
  return __assign.apply(this, arguments);
11
11
  };
12
+ var __rest = (this && this.__rest) || function (s, e) {
13
+ var t = {};
14
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
+ t[p] = s[p];
16
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
+ t[p[i]] = s[p[i]];
20
+ }
21
+ return t;
22
+ };
12
23
  import { jsx as _jsx } from "react/jsx-runtime";
13
24
  import * as React from 'react';
14
25
  import { createRoot } from 'react-dom/client';
15
- import { createElementAndInject, validateConnectProps } from '../../utils';
26
+ import { findOrCreateElementAndInject, validateConnectProps } from '../../utils';
16
27
  import { useScript, useStyle } from '../../hooks';
17
28
  import { CDN_LIBRARY_BASE_URL } from '../../constants';
18
29
  import ConnectFull from './ConnectFull';
19
30
  import ConnectExpress from './ConnectExpress';
20
- var Connect = function (props) {
31
+ var Connect = function (_a) {
32
+ var elementId = _a.elementId, props = __rest(_a, ["elementId"]);
21
33
  useStyle("".concat(CDN_LIBRARY_BASE_URL, "/main.css"));
22
34
  var status = useScript("".concat(CDN_LIBRARY_BASE_URL, "/main.js"));
23
35
  React.useEffect(function () {
@@ -29,17 +41,25 @@ var Connect = function (props) {
29
41
  if (status !== 'ready')
30
42
  return null;
31
43
  if (!props.mature)
32
- return _jsx(ConnectExpress, __assign({}, props));
33
- return _jsx(ConnectFull, __assign({}, props));
44
+ return _jsx(ConnectExpress, __assign({}, props, { elementId: elementId }));
45
+ return _jsx(ConnectFull, __assign({}, props, { elementId: elementId }));
34
46
  };
35
47
  export var TapConnect = React.memo(function (props) {
36
48
  validateConnectProps(props);
37
49
  return _jsx(Connect, __assign({}, props));
38
50
  });
51
+ var tapConnectInstance = null;
39
52
  export var renderTapConnect = function (props, elementId) {
40
- var el = createElementAndInject(elementId);
53
+ if (tapConnectInstance) {
54
+ return tapConnectInstance;
55
+ }
56
+ var el = findOrCreateElementAndInject(elementId);
41
57
  var root = createRoot(el);
42
- root.render(_jsx(TapConnect, __assign({}, props)));
43
- var unmount = function () { return root.unmount(); };
44
- return { unmount: unmount };
58
+ root.render(_jsx(TapConnect, __assign({}, props, { elementId: elementId })));
59
+ var unmount = function () {
60
+ root.unmount();
61
+ tapConnectInstance = null;
62
+ };
63
+ tapConnectInstance = { unmount: unmount };
64
+ return tapConnectInstance;
45
65
  };
package/build/features/Connect/ConnectExpress.js CHANGED
@@ -31,32 +31,46 @@ var ConnectExpress = function (props) {
31
31
  setName(name);
32
32
  };
33
33
  var _c = window['TapAuth'], renderConnectExpressLib = _c.renderConnectExpressLib, renderIndividualLib = _c.renderIndividualLib, renderBankLib = _c.renderBankLib, renderTaxLib = _c.renderTaxLib, renderEntityLib = _c.renderEntityLib, renderBrandLib = _c.renderBrandLib;
34
- var elementId = 'tap-connect-sdk-lib';
34
+ var elementId = props.elementId;
35
+ var unmountComponent = function () { };
35
36
  React.useEffect(function () {
36
37
  console.log('rendering: ', name);
37
38
  var config = wrapLibConfig(__assign(__assign({}, props), { verifyToken: token, onBoardButtonClick: onButtonClick }));
38
39
  switch (name) {
39
40
  case 'brand':
40
- renderBrandLib(config, elementId);
41
+ unmountComponent();
42
+ var unmountBrand = renderBrandLib(config, elementId).unmount;
43
+ unmountComponent = unmountBrand;
41
44
  break;
42
45
  case 'tax':
43
- renderTaxLib(config, elementId);
46
+ unmountComponent();
47
+ var unmountTax = renderTaxLib(config, elementId).unmount;
48
+ unmountComponent = unmountTax;
44
49
  break;
45
50
  case 'bank':
46
- renderBankLib(config, elementId);
51
+ unmountComponent();
52
+ var unmountBank = renderBankLib(config, elementId).unmount;
53
+ unmountComponent = unmountBank;
47
54
  break;
48
55
  case 'individual':
49
- renderIndividualLib(config, elementId);
56
+ unmountComponent();
57
+ var unmountIndiv = renderIndividualLib(config, elementId).unmount;
58
+ unmountComponent = unmountIndiv;
50
59
  break;
51
60
  case 'entity':
52
- renderEntityLib(config, elementId);
61
+ unmountComponent();
62
+ var unmountEntity = renderEntityLib(config, elementId).unmount;
63
+ unmountComponent = unmountEntity;
53
64
  break;
54
65
  default:
66
+ unmountComponent();
55
67
  var onSuccess = props.onSuccess, rest = __rest(props, ["onSuccess"]);
56
68
  var configAttrs = wrapLibConfig(__assign(__assign({}, rest), { verifyToken: token, onBoardButtonClick: onButtonClick }));
57
- renderConnectExpressLib(configAttrs, elementId);
69
+ var unmountExpress = renderConnectExpressLib(configAttrs, elementId).unmount;
70
+ unmountComponent = unmountExpress;
58
71
  break;
59
72
  }
73
+ return function () { return unmountComponent(); };
60
74
  }, [
61
75
  name,
62
76
  token,
package/build/features/Connect/ConnectFull.js CHANGED
@@ -2,10 +2,11 @@ import * as React from 'react';
2
2
  import { wrapLibConfig } from '../../utils';
3
3
  var ConnectFull = function (props) {
4
4
  var renderConnectLib = window['TapAuth'].renderConnectLib;
5
- var id = 'tap-connect-sdk-lib';
5
+ var id = props.elementId;
6
6
  React.useEffect(function () {
7
7
  var config = wrapLibConfig(props);
8
- renderConnectLib(config, id);
8
+ var unmount = renderConnectLib(config, id).unmount;
9
+ return function () { return unmount(); };
9
10
  }, [renderConnectLib, props]);
10
11
  return null;
11
12
  };
package/build/utils/config.js CHANGED
@@ -2,7 +2,7 @@ export var wrapLibConfig = function (_a) {
2
2
  var publicKey = _a.publicKey, open = _a.open, language = _a.language, country = _a.country, scope = _a.scope, lead = _a.lead, postURL = _a.postURL, onError = _a.onError, onReady = _a.onReady, onSuccess = _a.onSuccess, board = _a.board, verifyToken = _a.verifyToken, domain = _a.domain, onBoardButtonClick = _a.onBoardButtonClick, onClose = _a.onClose, onCreated = _a.onCreated;
3
3
  return {
4
4
  appInfo: {
5
- name: window.location.hostname
5
+ name: window.location.hostname || window.location.origin
6
6
  },
7
7
  businessCountryCode: country,
8
8
  language: language,
package/build/utils/html.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const createElementAndInject: (id: string) => HTMLDivElement;
1
+ export declare const findOrCreateElementAndInject: (id: string) => HTMLElement;
package/build/utils/html.js CHANGED
@@ -1,4 +1,7 @@
1
- export var createElementAndInject = function (id) {
1
+ export var findOrCreateElementAndInject = function (id) {
2
+ var elementExist = document.getElementById(id);
3
+ if (elementExist)
4
+ return elementExist;
2
5
  var element = document.createElement('div');
3
6
  element.setAttribute('id', id || 'tap-connect-sdk-lib');
4
7
  document.body.prepend(element);
package/package.json CHANGED
@@ -1,103 +1,103 @@
1
- {
2
- "name": "@tap-payments/connect",
3
- "version": "0.0.11-test",
4
- "description": "Tap Connect",
5
- "main": "build/index.js",
6
- "module": "build/index.js",
7
- "types": "build/index.d.ts",
8
- "files": [
9
- "build",
10
- "README.md"
11
- ],
12
- "scripts": {
13
- "husky:setup": "npx husky install",
14
- "prettier": "prettier --list-different \"src/**/*.{md,mdx,ts,js,tsx,jsx,json}\" *.json *.js",
15
- "prettier:fix": "prettier --write \"src/**/*.{ts,tsx,js,jsx,json,md,css,json}\" *.json *.js",
16
- "lint": "eslint src --color --ext .js,.jsx,.ts,.tsx,.json",
17
- "lint:fix": "eslint src --ext .js,.jsx,.ts,.tsx --fix",
18
- "start": "cross-env NODE_ENV=development webpack serve",
19
- "build": "cross-env NODE_ENV=production webpack",
20
- "copy:files": "copyfiles -u 1 src/**/*.css build/",
21
- "tsc:alias": "tsc-alias -p tsconfig.json",
22
- "ts:build": "rm -rf build && tsc && yarn tsc:alias && yarn copy:files",
23
- "push": "npm publish --access public"
24
- },
25
- "keywords": [],
26
- "author": {
27
- "name": "Ahmed Elsharkawy",
28
- "email": "a.elsharkawy@tap.company"
29
- },
30
- "license": "ISC",
31
- "devDependencies": {
32
- "@babel/core": "^7.18.6",
33
- "@babel/preset-env": "^7.18.6",
34
- "@babel/preset-react": "^7.18.6",
35
- "@babel/preset-typescript": "^7.18.6",
36
- "@types/crypto-js": "^4.1.1",
37
- "@types/react": "^18.0.15",
38
- "@types/react-dom": "^18.0.6",
39
- "@typescript-eslint/eslint-plugin": "^5.30.5",
40
- "@typescript-eslint/parser": "^5.30.5",
41
- "babel-loader": "^8.2.5",
42
- "copyfiles": "^2.4.1",
43
- "cross-env": "^7.0.3",
44
- "css-loader": "^6.7.1",
45
- "css-minimizer-webpack-plugin": "^4.0.0",
46
- "eslint": "^8.19.0",
47
- "eslint-config-airbnb": "^19.0.4",
48
- "eslint-config-prettier": "^8.5.0",
49
- "eslint-plugin-import": "^2.26.0",
50
- "eslint-plugin-jsx-a11y": "^6.6.0",
51
- "eslint-plugin-node": "^11.1.0",
52
- "eslint-plugin-prettier": "^4.2.1",
53
- "eslint-plugin-react": "^7.30.1",
54
- "eslint-plugin-react-hooks": "^4.6.0",
55
- "file-loader": "^6.2.0",
56
- "fork-ts-checker-webpack-plugin": "^7.2.12",
57
- "html-loader": "^3.1.2",
58
- "html-webpack-plugin": "^5.5.0",
59
- "husky": "^8.0.1",
60
- "lint-staged": "^13.0.3",
61
- "mini-css-extract-plugin": "^2.6.1",
62
- "prettier": "^2.7.1",
63
- "sass": "^1.53.0",
64
- "sass-loader": "^13.0.2",
65
- "style-loader": "^3.3.1",
66
- "terser-webpack-plugin": "^5.3.3",
67
- "tsc-alias": "^1.6.11",
68
- "typescript": "^4.7.4",
69
- "webpack": "^5.73.0",
70
- "webpack-cli": "^4.10.0",
71
- "webpack-dev-server": "^4.9.3",
72
- "webpack-merge": "^5.8.0"
73
- },
74
- "dependencies": {
75
- "react": "^18.2.0",
76
- "react-dom": "^18.2.0"
77
- },
78
- "peerDependencies": {
79
- "@types/react": ">=18.0.15",
80
- "@types/react-dom": ">=18.0.6",
81
- "react": ">=18.2.0",
82
- "react-dom": ">=18.2.0"
83
- },
84
- "lint-staged": {
85
- "src/**/*.{ts,tsx,json,js,jsx}": [
86
- "yarn run prettier:fix",
87
- "yarn run lint",
88
- "git add ."
89
- ]
90
- },
91
- "browserslist": {
92
- "production": [
93
- ">0.2%",
94
- "not dead",
95
- "not op_mini all"
96
- ],
97
- "development": [
98
- "last 1 chrome version",
99
- "last 1 firefox version",
100
- "last 1 safari version"
101
- ]
102
- }
103
- }
1
+ {
2
+ "name": "@tap-payments/connect",
3
+ "version": "0.0.12-test",
4
+ "description": "Tap Connect",
5
+ "main": "build/index.js",
6
+ "module": "build/index.js",
7
+ "types": "build/index.d.ts",
8
+ "files": [
9
+ "build",
10
+ "README.md"
11
+ ],
12
+ "scripts": {
13
+ "husky:setup": "npx husky install",
14
+ "prettier": "prettier --list-different \"src/**/*.{md,mdx,ts,js,tsx,jsx,json}\" *.json *.js",
15
+ "prettier:fix": "prettier --write \"src/**/*.{ts,tsx,js,jsx,json,md,css,json}\" *.json *.js",
16
+ "lint": "eslint src --color --ext .js,.jsx,.ts,.tsx,.json",
17
+ "lint:fix": "eslint src --ext .js,.jsx,.ts,.tsx --fix",
18
+ "start": "cross-env NODE_ENV=development webpack serve",
19
+ "build": "cross-env NODE_ENV=production webpack",
20
+ "copy:files": "copyfiles -u 1 src/**/*.css build/",
21
+ "tsc:alias": "tsc-alias -p tsconfig.json",
22
+ "ts:build": "rm -rf build && tsc && yarn tsc:alias && yarn copy:files",
23
+ "push": "npm publish --access public"
24
+ },
25
+ "keywords": [],
26
+ "author": {
27
+ "name": "Ahmed Elsharkawy",
28
+ "email": "a.elsharkawy@tap.company"
29
+ },
30
+ "license": "ISC",
31
+ "devDependencies": {
32
+ "@babel/core": "^7.18.6",
33
+ "@babel/preset-env": "^7.18.6",
34
+ "@babel/preset-react": "^7.18.6",
35
+ "@babel/preset-typescript": "^7.18.6",
36
+ "@types/crypto-js": "^4.1.1",
37
+ "@types/react": "^18.0.15",
38
+ "@types/react-dom": "^18.0.6",
39
+ "@typescript-eslint/eslint-plugin": "^5.30.5",
40
+ "@typescript-eslint/parser": "^5.30.5",
41
+ "babel-loader": "^8.2.5",
42
+ "copyfiles": "^2.4.1",
43
+ "cross-env": "^7.0.3",
44
+ "css-loader": "^6.7.1",
45
+ "css-minimizer-webpack-plugin": "^4.0.0",
46
+ "eslint": "^8.19.0",
47
+ "eslint-config-airbnb": "^19.0.4",
48
+ "eslint-config-prettier": "^8.5.0",
49
+ "eslint-plugin-import": "^2.26.0",
50
+ "eslint-plugin-jsx-a11y": "^6.6.0",
51
+ "eslint-plugin-node": "^11.1.0",
52
+ "eslint-plugin-prettier": "^4.2.1",
53
+ "eslint-plugin-react": "^7.30.1",
54
+ "eslint-plugin-react-hooks": "^4.6.0",
55
+ "file-loader": "^6.2.0",
56
+ "fork-ts-checker-webpack-plugin": "^7.2.12",
57
+ "html-loader": "^3.1.2",
58
+ "html-webpack-plugin": "^5.5.0",
59
+ "husky": "^8.0.1",
60
+ "lint-staged": "^13.0.3",
61
+ "mini-css-extract-plugin": "^2.6.1",
62
+ "prettier": "^2.7.1",
63
+ "sass": "^1.53.0",
64
+ "sass-loader": "^13.0.2",
65
+ "style-loader": "^3.3.1",
66
+ "terser-webpack-plugin": "^5.3.3",
67
+ "tsc-alias": "^1.6.11",
68
+ "typescript": "^4.7.4",
69
+ "webpack": "^5.73.0",
70
+ "webpack-cli": "^4.10.0",
71
+ "webpack-dev-server": "^4.9.3",
72
+ "webpack-merge": "^5.8.0"
73
+ },
74
+ "dependencies": {
75
+ "react": "^18.2.0",
76
+ "react-dom": "^18.2.0"
77
+ },
78
+ "peerDependencies": {
79
+ "@types/react": ">=18.0.15",
80
+ "@types/react-dom": ">=18.0.6",
81
+ "react": ">=18.2.0",
82
+ "react-dom": ">=18.2.0"
83
+ },
84
+ "lint-staged": {
85
+ "src/**/*.{ts,tsx,json,js,jsx}": [
86
+ "yarn run prettier:fix",
87
+ "yarn run lint",
88
+ "git add ."
89
+ ]
90
+ },
91
+ "browserslist": {
92
+ "production": [
93
+ ">0.2%",
94
+ "not dead",
95
+ "not op_mini all"
96
+ ],
97
+ "development": [
98
+ "last 1 chrome version",
99
+ "last 1 firefox version",
100
+ "last 1 safari version"
101
+ ]
102
+ }
103
+ }