@tap-payments/auth-jsconnect 2.9.18-development → 2.9.20-development

package/build/constants/app.d.ts

@@ -12,6 +12,10 @@ export declare const SCOPE_AUTH = "auth";
 export declare const DEFAULT_COUNTRY_ISO2 = "KW";
 export declare const NAFATH_VERIFICATION_FAILED = "nafath_verification_failed";
 export declare const COLLECT_DOB_INFO_NAFATH = "collect_date_of_birth";
+export declare const LANGUAGE_ABBREVIATIONS: {
+    ENGLISH: string;
+    ARABIC: string;
+};
 export declare const EXTERNAL_LINKS: {
     TOS_EN: string;
     TOS_AR: string;
@@ -19,8 +23,8 @@ export declare const EXTERNAL_LINKS: {
     REFUND_AR: string;
     TRANSACTION_EN: string;
     TRANSACTION_AR: string;
-    PRIVACY_POLICY_EN: string;
-    PRIVACY_POLICY_AR: string;
+    PRIVACY_POLICY: string;
+    TERMS_CONDITIONS: string;
 };
 export declare const DIALOG_ID = "auth-js-connect-dialog";
 export declare const BACKGROUND_ID = "auth-js-connect-background";

package/build/constants/app.js

@@ -13,6 +13,10 @@ export var SCOPE_AUTH = 'auth';
 export var DEFAULT_COUNTRY_ISO2 = 'KW';
 export var NAFATH_VERIFICATION_FAILED = 'nafath_verification_failed';
 export var COLLECT_DOB_INFO_NAFATH = 'collect_date_of_birth';
+export var LANGUAGE_ABBREVIATIONS = {
+    ENGLISH: 'en',
+    ARABIC: 'ar'
+};
 export var EXTERNAL_LINKS = {
     TOS_EN: '/en/terms-conditions',
     TOS_AR: '/ar/terms-conditions',
@@ -20,8 +24,8 @@ export var EXTERNAL_LINKS = {
     REFUND_AR: '/ar/terms-conditions',
     TRANSACTION_EN: '/en/terms-conditions',
     TRANSACTION_AR: '/ar/terms-conditions',
-    PRIVACY_POLICY_EN: '/en/privacy',
-    PRIVACY_POLICY_AR: '/ar/privacy'
+    PRIVACY_POLICY: '/privacy',
+    TERMS_CONDITIONS: '/terms-and-conditions'
 };
 export var DIALOG_ID = 'auth-js-connect-dialog';
 export var BACKGROUND_ID = 'auth-js-connect-background';

package/build/features/app/board/boardStore.d.ts

@@ -1,6 +1,10 @@
 import { RootState } from '../../../app/store';
 import { FlowsTypes, OTPFormValues, ResponseData, SharedState } from '../../../@types';
-export declare const createVerifyTokenBy: import("@reduxjs/toolkit").AsyncThunk<any, string, {}>;
+interface CreateVerifyTokenByProps {
+    boardId: string;
+    isInternally?: boolean;
+}
+export declare const createVerifyTokenBy: import("@reduxjs/toolkit").AsyncThunk<any, CreateVerifyTokenByProps, {}>;
 export declare const resendOTP: import("@reduxjs/toolkit").AsyncThunk<{
     data: any;
 }, void, {}>;

package/build/features/app/board/boardStore.js

@@ -52,44 +52,49 @@ import { FlowsTypes } from '../../../@types';
 import { handleCurrentActiveScreen, handleNextScreenStep, handlePublicKey, handleSetCountryByIso2 } from '../../../app/settings';
 import { BOARD_STEP_STEPS } from '../../../constants';
 import { retrieveIndividualData, sleep } from '../../../utils';
-export var createVerifyTokenBy = createAsyncThunk('board/createVerifyTokenByBoardId', function (boardId, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var settings, isModeContent, payload, data, _a, country_code, config, publicKey, step_name, boardData;
-    var _b, _c, _d;
-    return __generator(this, function (_e) {
-        switch (_e.label) {
-            case 0:
-                settings = thunkApi.getState().settings;
-                isModeContent = settings.data.appConfig.mode === 'content';
-                payload = __assign({ service_name: 'tap_email', board_id: boardId }, (isModeContent && {
-                    notification: {
-                        sms: false
+export var createVerifyTokenBy = createAsyncThunk('board/createVerifyTokenByBoardId', function (_a, thunkApi) {
+    var boardId = _a.boardId, isInternally = _a.isInternally;
+    return __awaiter(void 0, void 0, void 0, function () {
+        var settings, isModeContent, payload, data, _b, country_code, config, publicKey, step_name, boardData;
+        var _c, _d, _e;
+        return __generator(this, function (_f) {
+            switch (_f.label) {
+                case 0:
+                    settings = thunkApi.getState().settings;
+                    isModeContent = settings.data.appConfig.mode === 'content';
+                    payload = __assign({ service_name: 'tap_email', board_id: boardId }, ((isModeContent || isInternally) && {
+                        notification: {
+                            sms: false
+                        }
+                    }));
+                    return [4, API.leadService.createVerifyTokenByBoardId(payload)];
+                case 1:
+                    data = _f.sent();
+                    _b = data || {}, country_code = _b.country_code, config = _b.config;
+                    publicKey = config === null || config === void 0 ? void 0 : config.public_key;
+                    if (country_code)
+                        thunkApi.dispatch(handleSetCountryByIso2(country_code));
+                    if (publicKey)
+                        thunkApi.dispatch(handlePublicKey(publicKey));
+                    if (isInternally)
+                        data.step_name = BOARD_STEP_STEPS.BOARD_INFO;
+                    step_name = data.step_name;
+                    if (step_name == BOARD_STEP_STEPS.PHONE_AUTH) {
+                        sleep(0).then(function () { return thunkApi.dispatch(handleCurrentActiveScreen('BOARD_VERIFY_STEP')); });
+                        return [2, __assign(__assign({}, data), { board_id: boardId })];
                     }
-                }));
-                return [4, API.leadService.createVerifyTokenByBoardId(payload)];
-            case 1:
-                data = _e.sent();
-                _a = data || {}, country_code = _a.country_code, config = _a.config;
-                publicKey = config === null || config === void 0 ? void 0 : config.public_key;
-                if (country_code)
-                    thunkApi.dispatch(handleSetCountryByIso2(country_code));
-                if (publicKey)
-                    thunkApi.dispatch(handlePublicKey(publicKey));
-                step_name = data.step_name;
-                if (step_name == BOARD_STEP_STEPS.PHONE_AUTH) {
-                    sleep(0).then(function () { return thunkApi.dispatch(handleCurrentActiveScreen('BOARD_VERIFY_STEP')); });
+                    return [4, thunkApi.dispatch(retrieveBoardDetails({ boardId: data.id, boardInfoId: data.board_info_id })).unwrap()];
+                case 2:
+                    boardData = (_f.sent()).data;
+                    if (!country_code && ((_c = boardData === null || boardData === void 0 ? void 0 : boardData.entity) === null || _c === void 0 ? void 0 : _c.country))
+                        thunkApi.dispatch(handleSetCountryByIso2(boardData.entity.country));
+                    (_e = (_d = settings.data.appConfig).onFlowCompleted) === null || _e === void 0 ? void 0 : _e.call(_d, { boardId: data.id, boardInfoId: data.board_info_id });
+                    sleep(100).then(function () { return thunkApi.dispatch(handleCurrentActiveScreen('BOARD_SUCCESS_FLOWS_BUTTONS_STEP')); });
                     return [2, __assign(__assign({}, data), { board_id: boardId })];
-                }
-                return [4, thunkApi.dispatch(retrieveBoardDetails({ boardId: data.id, boardInfoId: data.board_info_id })).unwrap()];
-            case 2:
-                boardData = (_e.sent()).data;
-                if (!country_code && ((_b = boardData === null || boardData === void 0 ? void 0 : boardData.entity) === null || _b === void 0 ? void 0 : _b.country))
-                    thunkApi.dispatch(handleSetCountryByIso2(boardData.entity.country));
-                (_d = (_c = settings.data.appConfig).onFlowCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, { boardId: data.id, boardInfoId: data.board_info_id });
-                sleep(100).then(function () { return thunkApi.dispatch(handleCurrentActiveScreen('BOARD_SUCCESS_FLOWS_BUTTONS_STEP')); });
-                return [2, __assign(__assign({}, data), { board_id: boardId })];
-        }
+            }
+        });
     });
-}); });
+});
 export var resendOTP = createAsyncThunk('board/resendOTP', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var board, boardId, payload, data;
     var _a, _b;

package/build/features/app/kyc/kycStore.js

@@ -49,7 +49,7 @@ var _a;
 import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
 import { handlePublicKey, handleSetCountryByIso2 } from '../../../app/settings';
 import { FlowsTypes } from '../../../@types';
-import { CONNECT_FLOWS, KYC_STEP_NAMES } from '../../../constants';
+import { CONNECT_FLOWS, KYC_STEP_NAMES, NAFATH_VERIFICATION_FAILED } from '../../../constants';
 import API from '../../../api';
 import { sendCustomEventToGTM, sleep } from '../../../utils';
 export var verifyTokenApi = createAsyncThunk('kyc/verifyTokenApi', function (_a, thunkApi) {
@@ -194,7 +194,7 @@ export var verifyNafath = createAsyncThunk('kyc/verifyNafath', function (params,
             case 6:
                 count++;
                 return [3, 1];
-            case 7: throw new Error('nafath_verification_failed');
+            case 7: throw new Error(NAFATH_VERIFICATION_FAILED);
         }
     });
 }); });

package/build/features/board/Board.js

@@ -64,7 +64,7 @@ var Board = memo(function (_a) {
             dispatch(handleCurrentActiveScreen('BOARD_OPERATOR_ERROR_STEP'));
             return;
         }
-        dispatch(createVerifyTokenBy(boardId));
+        dispatch(createVerifyTokenBy({ boardId: boardId, isInternally: disableSettingFetching }));
         if (props.mode === 'content')
             dispatch(handleCurrentActiveScreen('BOARD_SUCCESS_FLOWS_BUTTONS_STEP'));
     }, [data.isValidOperator, settingLoading]);

package/build/features/kyc/screens/Success/Success.js

@@ -1,18 +1,31 @@
+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);
+};
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { useTranslation } from 'react-i18next';
 import SuccessScreen from '../../../shared/SuccessScreen';
-import { useAppSelector } from '../../../../hooks';
+import { useAppDispatch, useAppSelector } from '../../../../hooks';
 import { kycSelector } from '../../../app/kyc/kycStore';
+import { handleSetAppConfig, settingsSelector } from '../../../../app/settings';
 var Success = function (_a) {
     var t = useTranslation().t;
+    var dispatch = useAppDispatch();
     var _b = useAppSelector(kycSelector), error = _b.error, loading = _b.loading, data = _b.data;
+    var settingsData = useAppSelector(settingsSelector).data;
     var redirectToBoard = function () {
-        var _a, _b;
-        var baseUrl = window.location.origin;
+        var _a, _b, _c, _d;
         var boardId = ((_b = (_a = data.responseData) === null || _a === void 0 ? void 0 : _a.verifyTokenData) === null || _b === void 0 ? void 0 : _b.boardId) || '';
-        var boardUrl = "".concat(baseUrl, "/board?board_id=").concat(boardId);
-        window.open(boardUrl, '_self');
+        dispatch(handleSetAppConfig(__assign(__assign({}, settingsData.appConfig), { scope: 'merchant' })));
+        (_d = (_c = settingsData.appConfig).onSwitchToBoard) === null || _d === void 0 ? void 0 : _d.call(_c, boardId || '', '');
     };
     return (_jsx(SuccessScreen, { title: t('kyc_success_title'), onSuccess: redirectToBoard, successTitle: t('kyc_success_button'), loading: loading, error: error || '' }));
 };

package/build/features/kyc/screens/Terms/Terms.js

@@ -16,8 +16,8 @@ import Box from '@mui/material/Box';
 import { Link } from '@mui/material';
 import { styled } from '@mui/material/styles';
 import { useAppDispatch, useAppSelector, useLanguage, useSanitizedTranslation } from '../../../../hooks';
-import { isSA, maskIDNumber } from '../../../../utils';
-import { CONNECT_FLOWS, EXTERNAL_LINKS, TAP_WEBSITE } from '../../../../constants';
+import { getWebsiteLink, isSA, maskIDNumber } from '../../../../utils';
+import { CONNECT_FLOWS, EXTERNAL_LINKS } from '../../../../constants';
 import Button from '../../../shared/Button';
 import ScreenContainer from '../../../shared/Containers/ScreenContainer';
 import { createNafathAuth, createPaciAuth, kycSelector } from '../../../app/kyc/kycStore';
@@ -60,8 +60,8 @@ export var Terms = function () {
     var user = hasOneUserOnly ? (_c = data.responseData) === null || _c === void 0 ? void 0 : _c.userList[0] : undefined;
     var idNumber = user ? maskIDNumber(user.identification.id) : '';
     var countryCode = settingsData.businessCountry.iso2.toLowerCase();
-    var termsAndConditionsLink = isAr ? TAP_WEBSITE + countryCode + EXTERNAL_LINKS.TOS_AR : TAP_WEBSITE + countryCode + EXTERNAL_LINKS.TOS_EN;
-    var privacyPolicyLink = isAr ? TAP_WEBSITE + EXTERNAL_LINKS.PRIVACY_POLICY_AR : TAP_WEBSITE + EXTERNAL_LINKS.PRIVACY_POLICY_EN;
+    var termsAndConditionsLink = getWebsiteLink(isAr, countryCode, EXTERNAL_LINKS.TERMS_CONDITIONS);
+    var privacyPolicyLink = getWebsiteLink(isAr, countryCode, EXTERNAL_LINKS.PRIVACY_POLICY);
     var isSACountry = React.useMemo(function () { return isSA(settingsData.businessCountry.iso2); }, [settingsData.businessCountry.iso2]);
     var onNext = function () {
         if (hasOneUserOnly) {

package/build/utils/string.d.ts

@@ -77,3 +77,4 @@ export declare const isOtherLicense: (item?: License) => boolean;
 export declare const formatNumberAsCurrency: (number: string) => string;
 export declare const getCurrencyByCountryIso2: (countryCode: string) => string;
 export declare const getMobileNumberLen: (initialLen: number, number: string) => number;
+export declare const getWebsiteLink: (isAr: boolean, countryCode: string, path: string) => string;

package/build/utils/string.js

@@ -1,7 +1,7 @@
 import { FlowsTypes } from '../@types';
 import { concatenateObjectValues, encryptString } from '.';
 import { removeAxiosGlobalHeaders } from '../api';
-import { COUNTRY_TO_CURRENCY, ENDPOINT_PATHS, ICONS_FULL_PATH } from '../constants';
+import { COUNTRY_TO_CURRENCY, ENDPOINT_PATHS, ICONS_FULL_PATH, LANGUAGE_ABBREVIATIONS, TAP_WEBSITE } from '../constants';
 import moment from 'moment';
 export var maskPhone = function (str) {
     if (str === void 0) { str = ''; }
@@ -340,3 +340,7 @@ export var getMobileNumberLen = function (initialLen, number) {
     var isStartsWith0 = number.startsWith('0');
     return isStartsWith0 ? initialLen + 1 : initialLen;
 };
+export var getWebsiteLink = function (isAr, countryCode, path) {
+    var language = isAr ? LANGUAGE_ABBREVIATIONS.ARABIC : LANGUAGE_ABBREVIATIONS.ENGLISH;
+    return TAP_WEBSITE + language + '-' + countryCode + path;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tap-payments/auth-jsconnect",
-	"version": "2.9.18-development",
+	"version": "2.9.20-development",
 	"description": "connect library, auth",
 	"private": false,
 	"main": "build/index.js",