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

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/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.2-development",
+	"version": "2.9.3-development",
 	"description": "connect library, auth",
 	"private": false,
 	"main": "build/index.js",