npm - @tap-payments/connect - Versions diffs - 2.6.56-test → 2.6.58-test - Mend

@tap-payments/connect 2.6.56-test → 2.6.58-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

package/README.md +1 -1
package/build/constants/index.d.ts +1 -1
package/build/constants/index.js +1 -1
package/build/features/Connect/ConnectAuth.d.ts +5 -0
package/build/features/Connect/ConnectAuth.js +113 -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/build/utils/validation.d.ts +1 -0
package/build/utils/validation.js +45 -0
package/package.json +2 -2

package/README.md CHANGED Viewed

@@ -85,7 +85,7 @@ const ConnectComponent = () => {
    content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,shrink-to-fit=no"
   />
   <title>Auth-JsConnect</title>
-  <script src="https://tap-sdks.b-cdn.net/connect/build-2.6.56-test/main.js"></script>
+  <script src="https://tap-sdks.b-cdn.net/connect/build-2.6.57-test/main.js"></script>
  </head>
  <body>
   <div id="root"></div>

package/build/constants/index.d.ts CHANGED Viewed

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

package/build/constants/index.js CHANGED Viewed

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

package/build/features/Connect/ConnectAuth.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { ConnectProps as ConnectAttrs } from '../../@types';
+export type ConnectAuthProps = Pick<ConnectAttrs, 'open' | 'domain' | 'publicKey' | 'redirectUrl' | 'data' | 'postURL' | 'lead' | 'country' | 'language' | 'onSuccess' | 'onError' | 'onReady' | 'onClose'>;
+export declare const TapConnectAuth: React.MemoExoticComponent<(props: ConnectAuthProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const renderTapConnectAuth: (props: ConnectAuthProps, elementId: string) => Promise<any>;

package/build/features/Connect/ConnectAuth.js ADDED Viewed

@@ -0,0 +1,113 @@
+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 () {
+        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
+        }, '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/index.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
 import { TapConnect, ConnectProps as TapConnectProps, renderTapConnect } from './Connect';
-export type { TapConnectProps };
-export { TapConnect, renderTapConnect };
+import { ConnectAuthProps, TapConnectAuth, renderTapConnectAuth } from './ConnectAuth';
+export type { TapConnectProps, ConnectAuthProps };
+export { TapConnect, renderTapConnect, TapConnectAuth, renderTapConnectAuth };

package/build/features/Connect/index.js CHANGED Viewed

@@ -1,2 +1,3 @@
 import { TapConnect, renderTapConnect } from './Connect';
-export { TapConnect, renderTapConnect };
+import { TapConnectAuth, renderTapConnectAuth } from './ConnectAuth';
+export { TapConnect, renderTapConnect, TapConnectAuth, renderTapConnectAuth };

package/build/index.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { TapConnect, TapConnectProps, renderTapConnect } from './features/Connect';
+import { TapConnect, TapConnectProps, renderTapConnect, ConnectAuthProps, TapConnectAuth, renderTapConnectAuth } from './features/Connect';
 import { Language } from './constants';
-export type { TapConnectProps };
-export { Language, TapConnect, renderTapConnect };
+export type { TapConnectProps, ConnectAuthProps };
+export { Language, TapConnect, renderTapConnect, TapConnectAuth, renderTapConnectAuth };

package/build/index.js CHANGED Viewed

@@ -1,7 +1,8 @@
-import { TapConnect, renderTapConnect } from './features/Connect';
+import { TapConnect, renderTapConnect, TapConnectAuth, renderTapConnectAuth } from './features/Connect';
 import { Language } from './constants';
-export { Language, TapConnect, renderTapConnect };
+export { Language, TapConnect, renderTapConnect, TapConnectAuth, renderTapConnectAuth };
 window['TapPayments'] = {
     renderTapConnect: renderTapConnect,
-    Language: Language
+    Language: Language,
+    renderTapConnectAuth: renderTapConnectAuth
 };

package/build/utils/validation.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
 import { ConnectProps } from '../@types';
 export declare const validateConnectProps: (props: ConnectProps) => void;
+export declare const validateConnectAuthProps: (props: Pick<ConnectProps, 'open' | 'domain' | 'publicKey' | 'redirectUrl' | 'data' | 'postURL' | 'lead' | 'country' | 'language' | 'onSuccess' | 'onError' | 'onReady' | 'onClose'>) => void;

package/build/utils/validation.js CHANGED Viewed

@@ -59,3 +59,48 @@ export var validateConnectProps = function (props) {
         throw new Error('onSuccess must be a function');
     }
 };
+export var validateConnectAuthProps = function (props) {
+    var publicKey = props.publicKey, country = props.country, language = props.language, open = props.open, domain = props.domain, lead = props.lead, onClose = props.onClose, onError = props.onError, onReady = props.onReady, onSuccess = props.onSuccess, postURL = props.postURL, data = props.data;
+    if (!data) {
+        throw new Error('data is required');
+    }
+    if (!Array.isArray(data)) {
+        throw new Error('data must be an array');
+    }
+    if (!publicKey) {
+        throw new Error('publicKey is required');
+    }
+    if (!country) {
+        throw new Error('country is required');
+    }
+    if (!language) {
+        throw new Error('language is required');
+    }
+    if (![Language.AR, Language.EN].includes(language)) {
+        throw new Error('you can only use AR or EN for language');
+    }
+    if (!domain) {
+        throw new Error('domain is required');
+    }
+    if (typeof open !== 'boolean') {
+        throw new Error('open is required, and must be a boolean');
+    }
+    if (typeof lead !== 'undefined' && typeof lead !== 'string') {
+        throw new Error('lead must be a string');
+    }
+    if (typeof postURL !== 'undefined' && typeof postURL !== 'string') {
+        throw new Error('postURL must be a string');
+    }
+    if (typeof onClose !== 'undefined' && typeof onClose !== 'function') {
+        throw new Error('onClose must be a function');
+    }
+    if (typeof onError !== 'undefined' && typeof onError !== 'function') {
+        throw new Error('onError must be a function');
+    }
+    if (typeof onReady !== 'undefined' && typeof onReady !== 'function') {
+        throw new Error('onReady must be a function');
+    }
+    if (typeof onSuccess !== 'undefined' && typeof onSuccess !== 'function') {
+        throw new Error('onSuccess must be a function');
+    }
+};

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
 	"name": "@tap-payments/connect",
-	"version": "2.6.56-test",
+	"version": "2.6.58-test",
 	"description": "Tap Connect",
 	"main": "build/index.js",
 	"module": "build/index.js",
@@ -10,7 +10,7 @@
 		"README.md"
 	],
 	"scripts": {
-		"husky:setup": "npx husky install",
+		"prepare": "npx husky install",
 		"prettier": "prettier --list-different \"src/**/*.{md,mdx,ts,js,tsx,jsx,json}\" *.json *.js",
 		"prettier:fix": "prettier --write \"src/**/*.{ts,tsx,js,jsx,json,md,css,json}\"  *.json *.js",
 		"lint": "eslint src --color --ext .js,.jsx,.ts,.tsx,.json",