@tap-payments/auth-jsconnect 2.9.1-development → 2.9.3-development

package/build/api/auth.d.ts

@@ -47,6 +47,20 @@ export type CreateNafathAuthBody = {
     board_id?: string;
     user_id?: string;
 };
+export type CreateKYCAuthBody = {
+    country: string;
+    scope: string;
+    auth_type?: number;
+    email_url?: string;
+    sign_in?: boolean;
+    is_lead?: boolean;
+    step_name?: string;
+    encryption_contract: Array<string>;
+    lang?: LanguageMode;
+    lead_id?: string;
+    board_id?: string;
+    user_id?: string;
+};
 export type VerifyAuthBody = {
     auth_token: string;
     auth_type: number;
@@ -104,7 +118,7 @@ export type getExpressTokenVerifyParams = {
 };
 export type ConfigBody = Pick<ConfigInfo, 'scope' | 'data' | 'lead' | 'board' | 'interface' | 'redirect' | 'post'>;
 declare const authService: {
-    createAuth: (data: CreateAuthBody, config?: AxiosRequestConfig) => Promise<any>;
+    createAuth: (data: CreateAuthBody | CreateKYCAuthBody, config?: AxiosRequestConfig) => Promise<any>;
     verifyAuth: (data: VerifyAuthBody | VerifyOperationAuthBody, config?: AxiosRequestConfig) => Promise<import("axios").AxiosResponse<any, any>>;
     createPassword: (data: CreatePasswordBody) => Promise<any>;
     verifyExpressAuth: (data: VerifyAuthExpressOTPBody) => Promise<any>;

package/build/api/index.d.ts

@@ -1,6 +1,6 @@
 import axiosInstance, { setAxiosGlobalHeaders, removeAxiosGlobalHeaders, getAxiosHeaders } from './axios';
 import { ValidateOperatorBody, ConfirmBody } from './operator';
-import { CreateAuthBody, VerifyAuthBody, CreatePasswordBody, VerifyOperationAuthBody, ResetPasswordVerifyAuthBody, VerifyAuthExpressOTPBody, ConfigBody, CreateNafathAuthBody } from './auth';
+import { CreateAuthBody, VerifyAuthBody, CreatePasswordBody, VerifyOperationAuthBody, ResetPasswordVerifyAuthBody, VerifyAuthExpressOTPBody, ConfigBody, CreateNafathAuthBody, CreateKYCAuthBody } from './auth';
 import { UpdateLeadBody, LeadVerifyBody, CreateLeadBody, LeadOTPVerifyBody, LeadIdentityUpdateBody, ExpressLeadVerifyBody } from './lead';
 import { CheckEmailBody, CheckBrandBody } from './availabilityServices';
 import { EntityInfoBody, EntityBankUpdateBody, BankDocumentInfo, UpdateEntityBody, UpdateEntityActivityBody, UpdateEntityCapitalBody, UpdateEntityAOAFileBody, RemoveEntityActivity, MerchantListBody, CreateEntityBody } from './entity';
@@ -30,7 +30,7 @@ declare const API: {
         getCurrency: (countryCode: string) => Promise<any>;
     };
     authService: {
-        createAuth: (data: CreateAuthBody, config?: import("axios").AxiosRequestConfig<any> | undefined) => Promise<any>;
+        createAuth: (data: CreateAuthBody | CreateKYCAuthBody, config?: import("axios").AxiosRequestConfig<any> | undefined) => Promise<any>;
         verifyAuth: (data: VerifyAuthBody | VerifyOperationAuthBody, config?: import("axios").AxiosRequestConfig<any> | undefined) => Promise<import("axios").AxiosResponse<any, any>>;
         createPassword: (data: CreatePasswordBody) => Promise<any>;
         verifyExpressAuth: (data: VerifyAuthExpressOTPBody) => Promise<any>;
@@ -164,6 +164,6 @@ declare const API: {
         getInitialData: (body: InitBody) => Promise<any>;
     };
 };
-export type { ValidateOperatorBody, CreateAuthBody, ExpressCreateAccountBody, VerifyAuthBody, CreateLeadBody, UpdateLeadBody, LeadVerifyBody, LeadOTPVerifyBody, CheckEmailBody, CheckBrandBody, LeadIdentityUpdateBody, EntityInfoBody, CreateAccountBody, EntityBankUpdateBody, CreatePasswordBody, BrandListBody, VerifyOperationAuthBody, ResetPasswordVerifyAuthBody, UpdateBoardBody, UpdateBrandBody, DataElementBody, UploadFileBody, UpdateEntityBody, DocumentUpdateBody, DocumentInfo, VerifyAuthExpressOTPBody, UpdateIndividualBody, UpdateEntityActivityBody, UpdateEntityCapitalBody, BankDocumentInfo, GetUserListBody, GetIndividualListBody, RequestEmailBody, DocumentBody, UpdateEntityAOAFileBody, InitBody, RemoveBrandActivity, RemoveEntityActivity, UpdateIndividualWithTypeBody, UpdateMultipleIndividualBody, ExpressLeadVerifyBody, ConfirmBody, ConfigBody, MerchantListBody, CreateEntityBody, CreateNafathAuthBody, GetUserListSegmentBody };
+export type { ValidateOperatorBody, CreateAuthBody, ExpressCreateAccountBody, VerifyAuthBody, CreateLeadBody, UpdateLeadBody, LeadVerifyBody, LeadOTPVerifyBody, CheckEmailBody, CheckBrandBody, LeadIdentityUpdateBody, EntityInfoBody, CreateAccountBody, EntityBankUpdateBody, CreatePasswordBody, BrandListBody, VerifyOperationAuthBody, ResetPasswordVerifyAuthBody, UpdateBoardBody, UpdateBrandBody, DataElementBody, UploadFileBody, UpdateEntityBody, DocumentUpdateBody, DocumentInfo, VerifyAuthExpressOTPBody, UpdateIndividualBody, UpdateEntityActivityBody, UpdateEntityCapitalBody, BankDocumentInfo, GetUserListBody, GetIndividualListBody, RequestEmailBody, DocumentBody, UpdateEntityAOAFileBody, InitBody, RemoveBrandActivity, RemoveEntityActivity, UpdateIndividualWithTypeBody, UpdateMultipleIndividualBody, ExpressLeadVerifyBody, ConfirmBody, ConfigBody, MerchantListBody, CreateEntityBody, CreateNafathAuthBody, GetUserListSegmentBody, CreateKYCAuthBody };
 export { setAxiosGlobalHeaders, removeAxiosGlobalHeaders, axiosInstance, getAxiosHeaders };
 export default API;

package/build/assets/locales/ar.json

@@ -372,6 +372,7 @@
     "kyc_terms_description": "يجب على الممثل المعتمد للشركة قراءة الوثائق القانونية والموافقة عليها",
     "kyc_terms_description_single_user": "يجب على الشخص المخول الذي يحمل الهوية {{id_number}} قراءة المستندات القانونية والموافقة عليها",
     "kyc_terms_title": "وثائق قانونية",
+    "kyc_token_invalid": "الرجاء مراجعة رابط المرسل اليك",
     "kyc_users_description": "يرجى اختيار رقم هوية الممثل المعتمد للموافقة عليه مع {{provider}}",
     "language": "English",
     "license_info": "معلومات الترخيص",

package/build/assets/locales/en.json

@@ -385,6 +385,7 @@
     "kyc_terms_description": "An authorized representative of the company must read and approve the legal documents",
     "kyc_terms_description_single_user": "The authorized person with the ID {{id_number}} must read and approve the legal documents",
     "kyc_terms_title": "Legal documents",
+    "kyc_token_invalid": "May you please verify link of which you are trying to open.",
     "kyc_users_description": "Please select an authorized registered ID to approve with {{provider}}",
     "kyc_verification": "Know Your Customer (KYC)",
     "language": "العربية",

package/build/constants/app.js

@@ -404,6 +404,12 @@ export var KYC_SCREENS_NAVIGATION = [
         prev: '',
         order: 1
     },
+    {
+        name: CONNECT_FLOWS.kyc.tokenError,
+        next: '',
+        prev: '',
+        order: 1
+    },
     {
         name: CONNECT_FLOWS.kyc.users,
         next: [CONNECT_FLOWS.kyc.verifyNafath, CONNECT_FLOWS.kyc.verifyPACI],

package/build/constants/flows.d.ts

@@ -1,5 +1,6 @@
 export declare enum KYC_FLOWS {
     loadingData = "KYC_LOADING_DATA_STEP",
+    tokenError = "TOKEN_ERROR_STEP",
     verify = "KYC_VERIFY_STEP",
     terms = "KYC_TERMS_STEP",
     users = "KYC_USERS_STEP",
@@ -11,6 +12,7 @@ export declare enum KYC_FLOWS {
 export declare const CONNECT_FLOWS: {
     kyc: {
         loadingData: KYC_FLOWS;
+        tokenError: KYC_FLOWS;
         verify: KYC_FLOWS;
         terms: KYC_FLOWS;
         users: KYC_FLOWS;

package/build/constants/flows.js

@@ -1,6 +1,7 @@
 export var KYC_FLOWS;
 (function (KYC_FLOWS) {
     KYC_FLOWS["loadingData"] = "KYC_LOADING_DATA_STEP";
+    KYC_FLOWS["tokenError"] = "TOKEN_ERROR_STEP";
     KYC_FLOWS["verify"] = "KYC_VERIFY_STEP";
     KYC_FLOWS["terms"] = "KYC_TERMS_STEP";
     KYC_FLOWS["users"] = "KYC_USERS_STEP";
@@ -12,6 +13,7 @@ export var KYC_FLOWS;
 export var CONNECT_FLOWS = {
     kyc: {
         loadingData: KYC_FLOWS.loadingData,
+        tokenError: KYC_FLOWS.tokenError,
         verify: KYC_FLOWS.verify,
         terms: KYC_FLOWS.terms,
         users: KYC_FLOWS.users,

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, IDENTIFICATION_TYPE, KYC_STEP_NAMES } from '../../../constants';
+import { CONNECT_FLOWS, KYC_STEP_NAMES } from '../../../constants';
 import API from '../../../api';
 import { sendCustomEventToGTM, sleep } from '../../../utils';
 export var verifyTokenApi = createAsyncThunk('kyc/verifyTokenApi', function (_a, thunkApi) {
@@ -98,65 +98,56 @@ export var verifyTokenApi = createAsyncThunk('kyc/verifyTokenApi', function (_a,
     });
 });
 export var createPaciAuth = createAsyncThunk('kyc/createPaciAuth', function (user, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, kyc, verifyTokenData, _b, id, identification, requestBody, data, nextScreen;
-    var _c, _d;
-    return __generator(this, function (_e) {
-        switch (_e.label) {
+    var _a, settings, kyc, verifyTokenData, id, requestBody, data, nextScreen;
+    var _b, _c;
+    return __generator(this, function (_d) {
+        switch (_d.label) {
             case 0:
                 _a = thunkApi.getState(), settings = _a.settings, kyc = _a.kyc;
                 verifyTokenData = (kyc.data.responseData || {}).verifyTokenData;
-                _b = user || {}, id = _b.id, identification = _b.identification;
+                id = (user || {}).id;
                 requestBody = {
                     country: settings.data.businessCountry.iso2,
                     lang: settings.data.language,
-                    user_credentail: {
-                        identification_id: identification === null || identification === void 0 ? void 0 : identification.id,
-                        country_code: 'KW'
-                    },
                     is_lead: false,
                     scope: 'auth',
                     board_id: verifyTokenData === null || verifyTokenData === void 0 ? void 0 : verifyTokenData.boardId,
                     user_id: id,
                     step_name: KYC_STEP_NAMES.KYC_CREATE_PACI,
-                    encryption_contract: ['user_credentail.identification_id']
+                    encryption_contract: []
                 };
                 return [4, API.authService.createAuth(requestBody)];
             case 1:
-                data = _e.sent();
-                (_d = (_c = settings.data.appConfig).onStepCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, settings.data.activeScreen.name, requestBody.user_credentail);
+                data = _d.sent();
+                (_c = (_b = settings.data.appConfig).onStepCompleted) === null || _c === void 0 ? void 0 : _c.call(_b, settings.data.activeScreen.name, { id: id });
                 nextScreen = CONNECT_FLOWS.kyc.verifyPACI;
                 return [2, { data: data, nextScreen: nextScreen }];
         }
     });
 }); });
 export var createNafathAuth = createAsyncThunk('kyc/createNafathAuth', function (user, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, kyc, verifyTokenData, _b, id, identification, requestBody, data, nextScreen;
-    var _c, _d;
-    return __generator(this, function (_e) {
-        switch (_e.label) {
+    var _a, settings, kyc, verifyTokenData, id, requestBody, data, nextScreen;
+    var _b, _c;
+    return __generator(this, function (_d) {
+        switch (_d.label) {
             case 0:
                 _a = thunkApi.getState(), settings = _a.settings, kyc = _a.kyc;
                 verifyTokenData = (kyc.data.responseData || {}).verifyTokenData;
-                _b = user || {}, id = _b.id, identification = _b.identification;
+                id = (user || {}).id;
                 requestBody = {
                     country: settings.data.businessCountry.iso2,
                     lang: settings.data.language,
-                    user_credentail: {
-                        identification_id: identification === null || identification === void 0 ? void 0 : identification.id,
-                        identification_id_type: IDENTIFICATION_TYPE.NAFATH,
-                        country_code: settings.data.businessCountry.iso2
-                    },
                     is_lead: false,
                     scope: 'auth',
                     board_id: verifyTokenData === null || verifyTokenData === void 0 ? void 0 : verifyTokenData.boardId,
                     user_id: id,
                     step_name: KYC_STEP_NAMES.KYC_CREATE_NAFATH,
-                    encryption_contract: ['user_credentail.country_code', 'user_credentail.identification_id', 'user_credentail.identification_id_type']
+                    encryption_contract: []
                 };
-                return [4, API.authService.createAuthKitNID(requestBody)];
+                return [4, API.authService.createAuth(requestBody)];
             case 1:
-                data = _e.sent();
-                (_d = (_c = settings.data.appConfig).onStepCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, settings.data.activeScreen.name, requestBody);
+                data = _d.sent();
+                (_c = (_b = settings.data.appConfig).onStepCompleted) === null || _c === void 0 ? void 0 : _c.call(_b, settings.data.activeScreen.name, requestBody);
                 nextScreen = CONNECT_FLOWS.kyc.verifyNafath;
                 return [2, { data: data, nextScreen: nextScreen }];
         }

package/build/features/featuresScreens.js

@@ -128,6 +128,7 @@ import BoardResetPasswordSuccessPage from './board/screens/ResetPasswordSuccess'
 import BoardDataLoadingPage from './board/screens/PrepareDataLoading';
 import BoardOperatorError from './board/screens/OperatorError';
 import KycLoadingPage from './kyc/screens/Loading';
+import KycTokenErrorPage from './kyc/screens/TokenError';
 import KycVerifyNafathPage from './kyc/screens/VerifyNafath';
 import KycVerifyPaciPage from './kyc/screens/VerifyPaci';
 import KycOperatorErrorPage from './kyc/screens/OperatorError';
@@ -645,6 +646,10 @@ export var kycFeatureScreens = [
         name: CONNECT_FLOWS.kyc.loadingData,
         element: KycLoadingPage
     },
+    {
+        name: CONNECT_FLOWS.kyc.tokenError,
+        element: KycTokenErrorPage
+    },
     {
         name: CONNECT_FLOWS.kyc.terms,
         element: KycTermsPage

package/build/features/kyc/KYC.js

@@ -56,7 +56,11 @@ var KYC = memo(function (_a) {
                 var nextScreen = _a.nextScreen;
                 dispatch(handleCurrentActiveScreen(nextScreen));
             })
-                .catch(function () { });
+                .catch(function (error) {
+                if (error.message.toLowerCase() === 'failed to decrypt verify_token') {
+                    dispatch(handleCurrentActiveScreen(CONNECT_FLOWS.kyc.tokenError));
+                }
+            });
         };
     };
     useVerifyToken({

package/build/features/kyc/screens/TokenError/TokenError.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export interface TokenErrorProps {
+}
+declare const _default: React.MemoExoticComponent<({}: TokenErrorProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { useTranslation } from 'react-i18next';
+import GenericError from '../../../shared/GenericError';
+var TokenError = function (_a) {
+    var t = useTranslation().t;
+    return _jsx(GenericError, { error: t('kyc_token_invalid'), errorTitle: t('oops') });
+};
+export default React.memo(TokenError);

package/build/features/kyc/screens/TokenError/index.d.ts

@@ -0,0 +1,2 @@
+import TokenError from './TokenError';
+export default TokenError;

package/build/features/kyc/screens/TokenError/index.js

@@ -0,0 +1,2 @@
+import TokenError from './TokenError';
+export default TokenError;

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

@@ -16,11 +16,12 @@ import { styled } from '@mui/material/styles';
 import { handleNextScreenStep, settingsSelector } from '../../../../app/settings';
 import Text from '../../../../components/Text';
 import Loader from '../../../../components/Loader';
+import Warning from '../../../../components/Warning';
 import { isSA, maskIDNumber } from '../../../../utils';
 import { CONNECT_FLOWS, ICONS_NAMES } from '../../../../constants';
 import { useAppDispatch, useAppSelector, useSanitizedTranslation } from '../../../../hooks';
 import ScreenContainer from '../../../shared/Containers/ScreenContainer';
-import { createNafathAuth, createPaciAuth, kycSelector } from '../../../app/kyc/kycStore';
+import { clearError, createNafathAuth, createPaciAuth, kycSelector } from '../../../app/kyc/kycStore';
 var BoxStyled = styled(Box, { shouldForwardProp: function (prop) { return !['loading'].includes(prop.toString()); } })(function (_a) {
     var theme = _a.theme, loading = _a.loading;
     return (__assign({ marginTop: theme.spacing(1), boxShadow: theme.shadows[3], backgroundColor: theme.palette.common.white, fontWeight: theme.typography.fontWeightMedium, fontSize: theme.spacing(1.875), padding: theme.spacing(1.5), borderRadius: theme.spacing(3.875), textAlign: 'center', cursor: 'pointer', display: 'flex', justifyContent: 'space-between' }, (loading && {
@@ -49,6 +50,8 @@ var Users = function () {
     var userList = ((_a = data.responseData) === null || _a === void 0 ? void 0 : _a.userList) || [];
     var isSACountry = React.useMemo(function () { return isSA(settingsData.businessCountry.iso2); }, [settingsData.businessCountry.iso2]);
     var onClickUser = function (user) {
+        if (error)
+            dispatch(clearError());
         setActiveUser(user);
         if (isSACountry) {
             dispatch(createNafathAuth(user))
@@ -68,6 +71,6 @@ var Users = function () {
     };
     return (_jsxs(ScreenContainer, __assign({ sx: { pl: 2, pr: 2 } }, { children: [_jsx(DescriptionStyled, { children: st('kyc_users_description', { provider: isSACountry ? 'NAFATH' : 'PACI' }) }), userList.map(function (user, index) {
                 return (_jsx(BoxStyled, __assign({ onClick: function () { return onClickUser(user); } }, { children: (activeUser === null || activeUser === void 0 ? void 0 : activeUser.id) === user.id && loading ? (_jsx(Loader, { innerColor: 'black', outerColor: 'black', size: 8, style: { height: 20, width: 20 }, toggleAnimation: !!loading })) : (_jsxs(_Fragment, { children: [_jsx(ImgStyled, { src: ICONS_NAMES.individual_filled_icon }), maskIDNumber(user.identification.id), _jsx("span", {})] })) }), index));
-            })] })));
+            }), error && (_jsx(Warning, __assign({ sx: { mt: 3, mb: 3 }, warningType: 'error' }, { children: error })))] })));
 };
 export default memo(Users);

package/package.json

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