@tap-payments/connect 0.0.16-test → 0.0.17-test

package/README.md

@@ -158,24 +158,25 @@ const ConnectFullComponent = () => {
 
 ## Properties
 
-| name                        | type        | description                                                                                  |
-| --------------------------- | ----------- | -------------------------------------------------------------------------------------------- |
-| publicKey `required`        | `string`    | Public key of the merchant account provided by Tap Payments                                  |
-| domain `required`           | `string`    | Domain of the merchant                                                                       |
-| language `required`         | `Languages` | language flag to control the language of the connect element and only accept [ar,en]         |
-| country `required`          | `string`    | Country ISO2 of the merchant                                                                 |
-| scope `required`            | `string`    | the scope of the merchant                                                                    |
-| lead `optional`             | `string`    | Lead Id can be passed in case of you already created a lead using our API                    |
-| mature `required`           | `boolean`   | Decide the mode of connect                                                                   |
-| board `optional`            | `string`    | Show/Hide board screens                                                                      |
-| open `required`             | `boolean`   | Open/Close the connect library                                                               |
-| boardMaturity `optional`    | `boolean`   | Decide the board maturity                                                                    |
-| postURL `optional`          | `string`    | The POST Method URL used to push te data from our server to the merchant server and          |
-|                             |             | it's required only if `mature` is `false`                                                    |
-| onReady `optional`          | `function`  | Callback function to handle the ready state of the `TapConnect`                              |
-| onCreated `optional`        | `function`  | Callback function to called the the account created successfully                             |
-|                             |             | it calls only if `mature` is `false`                                                         |
-| onSuccess `optional`        | `function`  | Callback function to handle the success response, it will run after the user finish the flow |
-| onError `optional`          | `function`  | Callback function to handle the error response, it will run if the user face any error       |
-| onClose `optional`          | `function`  | Callback function to called when `TapConnect` get close                                      |
-| onBoardCompleted `optional` | `function`  | Callback function to called when you complete all flows                                      |
+| name                        | type            | description                                                                                  |
+| --------------------------- | --------------- | -------------------------------------------------------------------------------------------- |
+| publicKey `required`        | `string`        | Public key of the merchant account provided by Tap Payments                                  |
+| domain `required`           | `string`        | Domain of the merchant                                                                       |
+| language `required`         | `Languages`     | language flag to control the language of the connect element and only accept [ar,en]         |
+| country `required`          | `string`        | Country ISO2 of the merchant                                                                 |
+| scope `required`            | `string`        | the scope of the merchant                                                                    |
+| lead `optional`             | `string`        | Lead Id can be passed in case of you already created a lead using our API                    |
+| mode `required`             | `popup or page` | Decide to show connect as a popup or page to our connect domain. Default value is `popup`    |
+| mature `required`           | `boolean`       | Decide the mode of connect                                                                   |
+| board `optional`            | `string`        | Show/Hide board screens                                                                      |
+| open `required`             | `boolean`       | Open/Close the connect library                                                               |
+| boardMaturity `optional`    | `boolean`       | Decide the board maturity                                                                    |
+| postURL `optional`          | `string`        | The POST Method URL used to push te data from our server to the merchant server and          |
+|                             |                 | it's required only if `mature` is `false`                                                    |
+| onReady `optional`          | `function`      | Callback function to handle the ready state of the `TapConnect`                              |
+| onCreated `optional`        | `function`      | Callback function to called the the account created successfully                             |
+|                             |                 | it calls only if `mature` is `false`                                                         |
+| onSuccess `optional`        | `function`      | Callback function to handle the success response, it will run after the user finish the flow |
+| onError `optional`          | `function`      | Callback function to handle the error response, it will run if the user face any error       |
+| onClose `optional`          | `function`      | Callback function to called when `TapConnect` get close                                      |
+| onBoardCompleted `optional` | `function`      | Callback function to called when you complete all flows                                      |

package/build/@types/index.d.ts

@@ -3,11 +3,12 @@ export interface ConnectProps {
     elementId: string;
     publicKey: string;
     domain: string;
-    language: (typeof Language)[keyof typeof Language];
+    language: typeof Language[keyof typeof Language];
     country: string;
     scope: string;
     lead?: string;
     mature: boolean;
+    mode: 'popup' | 'page';
     board?: boolean;
     boardMaturity?: boolean;
     open: boolean;
@@ -42,3 +43,35 @@ export interface OriginalConnectProps {
     onClose?: () => void;
     onBoardCompleted?: () => void;
 }
+export type TokenParams = {
+    board?: boolean;
+    public_key: string;
+    board_maturity?: boolean;
+    domain: string;
+    language: string;
+    country: string;
+    scope: string;
+    lead_id?: string;
+    maturity: boolean;
+    notification: {
+        email: boolean;
+        sms: boolean;
+    };
+    post?: {
+        url: string;
+    };
+};
+export interface TokenResponseParams extends TokenParams {
+    id: string;
+    contact: {
+        email: string;
+        phone: {
+            country_code: string;
+            number: string;
+        };
+    };
+    redirect: {
+        url: string;
+    };
+    token: string;
+}

package/build/api/index.d.ts

@@ -0,0 +1,2 @@
+import { TokenParams } from '../@types';
+export declare const generateConfigToken: (data: TokenParams) => Promise<any>;

package/build/api/index.js

@@ -0,0 +1,61 @@
+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 axios from 'axios';
+import { CONNECT_MW_URL } from '../constants';
+export var generateConfigToken = function (data) { return __awaiter(void 0, void 0, void 0, function () {
+    var response, error_1;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                _a.trys.push([0, 2, , 3]);
+                return [4, axios.post("".concat(CONNECT_MW_URL, "connect"), data, {
+                        headers: {
+                            'Content-Type': 'application/json',
+                            'Access-Control-Allow-Headers': true,
+                            authorization: data.public_key
+                        }
+                    })];
+            case 1:
+                response = _a.sent();
+                return [2, response.data];
+            case 2:
+                error_1 = _a.sent();
+                return [2, { error: error_1 }];
+            case 3: return [2];
+        }
+    });
+}); };

package/build/constants/index.d.ts

@@ -1,4 +1,4 @@
-export declare const CDN_LIBRARY_BASE_URL = "https://auth-jsconnect.b-cdn.net/build-2.4.39-test/";
+export declare const CDN_LIBRARY_BASE_URL = "https://auth-jsconnect.b-cdn.net/build-2.4.77-test/";
 export declare const Maturity: {
     readonly FULL: "full";
     readonly EXPRESS: "express";
@@ -7,3 +7,5 @@ export declare const Language: {
     readonly EN: "en";
     readonly AR: "ar";
 };
+export declare const CONNECT_URL = "https://connect.dev.tap.company/";
+export declare const CONNECT_MW_URL = "https://connect-mw.dev.tap.company/middleware/";

package/build/constants/index.js

@@ -1,4 +1,4 @@
-export var CDN_LIBRARY_BASE_URL = 'https://auth-jsconnect.b-cdn.net/build-2.4.39-test/';
+export var CDN_LIBRARY_BASE_URL = 'https://auth-jsconnect.b-cdn.net/build-2.4.77-test/';
 export var Maturity = {
     FULL: 'full',
     EXPRESS: 'express'
@@ -7,3 +7,5 @@ export var Language = {
     EN: 'en',
     AR: 'ar'
 };
+export var CONNECT_URL = 'https://connect.dev.tap.company/';
+export var CONNECT_MW_URL = 'https://connect-mw.dev.tap.company/middleware/';

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

@@ -2,4 +2,4 @@ import * as React from 'react';
 import { ConnectProps as ConnectAttrs } from '../../@types';
 export type ConnectProps = Omit<ConnectAttrs, 'elementId'>;
 export declare const TapConnect: React.MemoExoticComponent<(props: ConnectAttrs) => JSX.Element>;
-export declare const renderTapConnect: (props: ConnectProps, elementId: string) => any;
+export declare const renderTapConnect: (props: ConnectProps, elementId: string) => Promise<any>;

package/build/features/Connect/Connect.js

@@ -9,6 +9,42 @@ var __assign = (this && this.__assign) || function () {
     };
     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 };
+    }
+};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -25,7 +61,8 @@ import * as React from 'react';
 import { createRoot } from 'react-dom/client';
 import { findOrCreateElementAndInject, validateConnectProps } from '../../utils';
 import { useScript, useStyle } from '../../hooks';
-import { CDN_LIBRARY_BASE_URL } from '../../constants';
+import { CDN_LIBRARY_BASE_URL, CONNECT_URL } from '../../constants';
+import { generateConfigToken } from '../../api';
 import ConnectFull from './ConnectFull';
 import ConnectExpress from './ConnectExpress';
 var Connect = function (_a) {
@@ -49,17 +86,54 @@ export var TapConnect = React.memo(function (props) {
     return _jsx(Connect, __assign({}, props));
 });
 var tapConnectInstance = null;
-export var renderTapConnect = function (props, elementId) {
-    if (tapConnectInstance) {
-        return tapConnectInstance;
-    }
-    var el = findOrCreateElementAndInject(elementId);
-    var root = createRoot(el);
-    root.render(_jsx(TapConnect, __assign({}, props, { elementId: elementId })));
-    var unmount = function () {
-        root.unmount();
-        tapConnectInstance = null;
-    };
-    tapConnectInstance = { unmount: unmount };
-    return tapConnectInstance;
-};
+export var renderTapConnect = function (props, elementId) { return __awaiter(void 0, void 0, void 0, function () {
+    var mode, board, publicKey, boardMaturity, domain, language, country, scope, lead, postURL, mature, onError, payload, data, _a, token, redirect, leadId, showBoard, url_1, countryCode, url, el, root, unmount;
+    return __generator(this, function (_b) {
+        switch (_b.label) {
+            case 0:
+                mode = props.mode, board = props.board, publicKey = props.publicKey, boardMaturity = props.boardMaturity, domain = props.domain, language = props.language, country = props.country, scope = props.scope, lead = props.lead, postURL = props.postURL, mature = props.mature, onError = props.onError;
+                if (!(mode === 'page')) return [3, 2];
+                payload = __assign({ board: board, public_key: publicKey, board_maturity: boardMaturity, domain: domain, language: language, country: country, scope: scope, lead_id: lead, maturity: mature, notification: {
+                        email: true,
+                        sms: true
+                    } }, (postURL && {
+                    post: {
+                        url: postURL
+                    }
+                }));
+                return [4, generateConfigToken(payload)];
+            case 1:
+                data = _b.sent();
+                if (data === null || data === void 0 ? void 0 : data.error) {
+                    onError === null || onError === void 0 ? void 0 : onError(data.error);
+                    return [2];
+                }
+                _a = data || {}, token = _a.token, redirect = _a.redirect;
+                if (!mature) {
+                    leadId = lead;
+                    showBoard = board;
+                    url_1 = (redirect === null || redirect === void 0 ? void 0 : redirect.url) ||
+                        "".concat(CONNECT_URL, "express/?config_token=").concat(token, "leadId=").concat(leadId, "&showBoard=").concat(showBoard, "&boardMaturity=").concat(boardMaturity);
+                    window.open(url_1, '_blank');
+                    return [2];
+                }
+                countryCode = country.toLowerCase();
+                url = (redirect === null || redirect === void 0 ? void 0 : redirect.url) || "".concat(CONNECT_URL).concat(countryCode, "?config_token=").concat(token);
+                window.open(url, '_blank');
+                return [2];
+            case 2:
+                if (tapConnectInstance) {
+                    return [2, tapConnectInstance];
+                }
+                el = findOrCreateElementAndInject(elementId);
+                root = createRoot(el);
+                root.render(_jsx(TapConnect, __assign({}, props, { elementId: elementId })));
+                unmount = function () {
+                    root.unmount();
+                    tapConnectInstance = null;
+                };
+                tapConnectInstance = { unmount: unmount };
+                return [2, tapConnectInstance];
+        }
+    });
+}); };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tap-payments/connect",
-	"version": "0.0.16-test",
+	"version": "0.0.17-test",
 	"description": "Tap Connect",
 	"main": "build/index.js",
 	"module": "build/index.js",
@@ -72,6 +72,7 @@
 		"webpack-merge": "^5.8.0"
 	},
 	"dependencies": {
+		"axios": "^1.4.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0"
 	},