@tap-payments/auth-jsconnect 2.6.59-test → 2.6.60-test

package/build/assets/locales/ar.json

@@ -431,5 +431,6 @@
     "close_and_complete_later": "اغلق الان و اكمل لاحقا",
     "country_list_title": "الرجاء تحديد بلدك",
     "Choose_any_country": "بحث عن البلد ...",
-    "operator_is_invalid": "المشغل غير مصرح له"
+    "operator_is_invalid": "المشغل غير مصرح له",
+    "account_not_available": "Account is not available"
 }

package/build/assets/locales/en.json

@@ -461,5 +461,6 @@
     "close_and_complete_later": "Close and Complete Later",
     "country_list_title": "Please select your country",
     "choose_any_country": "Search Country...",
-    "operator_is_invalid": "Operator is invalid"
+    "operator_is_invalid": "Operator is invalid",
+    "account_not_available": "Account is not available"
 }

package/build/constants/app.d.ts

@@ -9,6 +9,7 @@ export declare const LOCAL_STORAGE_KEYS: {
     languageMode: string;
 };
 export declare const SCOPE_AUTH = "auth";
+export declare const ACCOUNT_NOT_AVAILABLE = "account_not_available";
 export declare const EXTERNAL_LINKS: {
     TOS_EN: string;
     TOS_AR: string;

package/build/constants/app.js

@@ -9,6 +9,7 @@ export var LOCAL_STORAGE_KEYS = {
     languageMode: 'languageMode'
 };
 export var SCOPE_AUTH = 'auth';
+export var ACCOUNT_NOT_AVAILABLE = 'account_not_available';
 export var EXTERNAL_LINKS = {
     TOS_EN: '/en/terms-conditions',
     TOS_AR: '/ar/terms-conditions',

package/build/features/app/auth/authStore.js

@@ -48,10 +48,10 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 var _a;
 import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
 import { AuthForType, FlowsTypes } from '../../../@types';
-import { AUTH_STEP_NAMES, IDENTIFICATION_TYPE, defaultCountry } from '../../../constants';
+import { ACCOUNT_NOT_AVAILABLE, AUTH_STEP_NAMES, IDENTIFICATION_TYPE, defaultCountry } from '../../../constants';
 import API from '../../../api';
 import { handleCurrentActiveScreen, handleNextScreenStep, handleOpen, handleSetCountryByIso2 } from '../../../app/settings';
-import { findCountryByIddPrefix, isSA, openConnect, sleep } from '../../../utils';
+import { findCountryByIddPrefix, isSA, sleep } from '../../../utils';
 export var updateBusinessCountry = createAsyncThunk('auth/updateBusinessCountry', function (countryCode, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var auth, payload, data;
     return __generator(this, function (_a) {
@@ -210,8 +210,7 @@ export var verifyMobileOtp = createAsyncThunk('auth/verifyMobileOtp', function (
                     sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep('AUTH_AUTHENTICATION_LIST_STEP')); });
                     return [2, { data: data, brandList: brandList, entityList: entityList }];
                 }
-                openConnect(settings.data.appConfig.publicKey, settings.data.businessCountry.iso2);
-                return [2, { data: data, brandList: brandList, entityList: entityList }];
+                throw new Error(ACCOUNT_NOT_AVAILABLE);
         }
     });
 }); });
@@ -340,8 +339,7 @@ export var verifyNIDOtp = createAsyncThunk('auth/verifyNIDOtp', function (params
                     sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep('AUTH_AUTHENTICATION_LIST_STEP')); });
                     return [2, { data: data, brandList: brandList, entityList: entityList }];
                 }
-                openConnect(settings.data.appConfig.publicKey, settings.data.businessCountry.iso2);
-                return [2, { data: data, brandList: brandList, entityList: entityList }];
+                throw new Error(ACCOUNT_NOT_AVAILABLE);
         }
     });
 }); });
@@ -418,8 +416,7 @@ export var verifyPACI = createAsyncThunk('auth/verifyPACI', function (params, th
                     sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep('AUTH_AUTHENTICATION_LIST_STEP')); });
                     return [2, { data: data, brandList: brandList, entityList: entityList }];
                 }
-                openConnect(settings.data.appConfig.publicKey, settings.data.businessCountry.iso2);
-                return [2, { data: data, brandList: brandList, entityList: entityList }];
+                throw new Error(ACCOUNT_NOT_AVAILABLE);
             case 6: return [4, sleep(interval * 1000)];
             case 7:
                 _d.sent();

package/build/features/auth/Auth.d.ts

@@ -1,6 +1,7 @@
 import { LibConfig } from '../../@types';
 export interface AuthLibProps extends Pick<LibConfig, 'open' | 'mode' | 'scope' | 'merchantDomain' | 'publicKey' | 'redirectUrl' | 'data' | 'postURL' | 'appInfo' | 'businessCountryCode' | 'language' | 'onFlowCompleted' | 'onError' | 'onStepCompleted' | 'onReady' | 'onClose' | 'onStepStarted'> {
     leadId?: string;
+    hideOverlay?: boolean;
 }
 export declare function AuthElement(props: AuthLibProps): import("react/jsx-runtime").JSX.Element;
 export declare function renderAuthLib(config: AuthLibProps, elementId: string): {

package/build/features/auth/Auth.js

@@ -36,7 +36,7 @@ import { FeatureContainer } from '../shared/Containers';
 import { authSelector, setMobileCountryCode, setLeadId, retrieveLeadIdentityByIdAsync } from '../app/auth/authStore';
 import { authFeatureScreens } from '../featuresScreens';
 var Auth = memo(function (_a) {
-    var leadId = _a.leadId, postURL = _a.postURL, props = __rest(_a, ["leadId", "postURL"]);
+    var leadId = _a.leadId, postURL = _a.postURL, hideOverlay = _a.hideOverlay, props = __rest(_a, ["leadId", "postURL", "hideOverlay"]);
     var theme = useAppTheme().theme;
     var dispatch = useAppDispatch();
     var _b = useAppSelector(settingsSelector), settingData = _b.data, error = _b.error, settingLoading = _b.loading;
@@ -75,7 +75,7 @@ var Auth = memo(function (_a) {
             dispatch(setMobileCountryCode(settingData.businessCountry));
         }
     }, [settingData.businessCountry]);
-    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Background, __assign({ open: open, isTapOrigin: isTapOrigin, loading: settingLoading || customLoading }, { children: _jsx(AnimationFlow, __assign({ pointerEvents: loading ? 'none' : 'auto', isTapOrigin: isTapOrigin, loading: settingLoading || customLoading, error: error, open: open, screenId: activeScreen.name, merchantInfo: merchant, isMaturityExpress: !isTapOrigin }, { children: _jsx(FeatureContainer, __assign({ isMaturityExpress: true }, { children: authFeatureScreens.map(function (_a, index) {
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Background, __assign({ hideOverlay: hideOverlay, open: open, isTapOrigin: isTapOrigin, loading: settingLoading || customLoading }, { children: _jsx(AnimationFlow, __assign({ pointerEvents: loading ? 'none' : 'auto', isTapOrigin: isTapOrigin, loading: settingLoading || customLoading, error: error, open: open, screenId: activeScreen.name, merchantInfo: merchant, isMaturityExpress: !isTapOrigin }, { children: _jsx(FeatureContainer, __assign({ isMaturityExpress: true }, { children: authFeatureScreens.map(function (_a, index) {
                         var Element = _a.element, name = _a.name;
                         var isActive = activeScreen.name === name;
                         return (_jsx(Collapse, __assign({ in: isActive, timeout: { enter: 1000, exit: 800 } }, { children: _jsx(Element, {}) }), index));

package/build/features/auth/screens/OTP/OTP.js

@@ -25,6 +25,7 @@ import { AuthForType } from '../../../../@types';
 import { yupResolver } from '@hookform/resolvers/yup';
 import Form from '../../../../components/Form';
 import { maskPhone, maskID, deepCopy } from '../../../../utils';
+import { ACCOUNT_NOT_AVAILABLE } from '../../../../constants';
 import { OTPValidation } from './validation';
 import OTPInput from './OTPInput';
 var OTPTitleContainerStyled = styled(Box)(function (_a) {
@@ -59,7 +60,7 @@ var OTP = function () {
     });
     var isNidAuth = data.otpData.authFor === AuthForType.NATIONAL_ID;
     React.useEffect(function () {
-        if (error)
+        if (error && error !== ACCOUNT_NOT_AVAILABLE)
             dispatch(clearError());
     }, [methods.formState.isValid]);
     React.useEffect(function () {
@@ -78,7 +79,7 @@ var OTP = function () {
         var screen = isNidAuth ? 'AUTH_NID_STEP' : 'AUTH_MOBILE_STEP';
         dispatch(handlePrevScreenStep(screen));
     };
-    var disabled = !methods.formState.isValid;
+    var disabled = !methods.formState.isValid || error === ACCOUNT_NOT_AVAILABLE;
     var phone = ((_a = data.mobileData.countryCode) === null || _a === void 0 ? void 0 : _a.idd_prefix) + (data.mobileData.mobile || '');
     var idNumber = data.nidData.nid;
     var title = isNidAuth ? t('opt_nid_sent_title', { provider: 'ABSHER' }) : t('ide_opt_sent_title');

package/build/features/shared/Background/Background.d.ts

@@ -7,6 +7,7 @@ interface BackgroundProps {
     sx?: SxProps<Theme>;
     open: boolean;
     isTapOrigin: boolean;
+    hideOverlay?: boolean;
 }
-declare const _default: React.MemoExoticComponent<({ children, isTapOrigin, loading, hideLogo, sx, open }: BackgroundProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ children, isTapOrigin, loading, hideLogo, sx, open, hideOverlay }: BackgroundProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/build/features/shared/Background/Background.js

@@ -17,21 +17,21 @@ import LogoBackground from './LogoBackground';
 import { BACKGROUND_ID } from '../../../constants';
 import { useScreen } from '../../../hooks';
 var BackgroundStyled = styled(Box, {
-    shouldForwardProp: function (prop) { return !['isTapOrigin', 'open', 'isSmall'].includes(prop); }
+    shouldForwardProp: function (prop) { return !['isTapOrigin', 'open', 'isSmall', 'hideOverlay'].includes(prop); }
 })(function (_a) {
-    var isTapOrigin = _a.isTapOrigin, open = _a.open, isSmall = _a.isSmall;
+    var isTapOrigin = _a.isTapOrigin, open = _a.open, isSmall = _a.isSmall, hideOverlay = _a.hideOverlay;
     return ({
         width: '100vw',
         height: '100vh',
         zIndex: isSmall ? 'auto' : 999,
         position: 'absolute',
-        background: !open ? 'inherit' : isTapOrigin ? 'linear-gradient(180deg, #98ABAF 0%, #D9D6CC 100%)' : 'rgba(0, 0, 0, 0.5)'
+        background: !open || hideOverlay ? 'inherit' : isTapOrigin ? 'linear-gradient(180deg, #98ABAF 0%, #D9D6CC 100%)' : 'rgba(0, 0, 0, 0.5)'
     });
 });
 var Background = function (_a) {
-    var children = _a.children, isTapOrigin = _a.isTapOrigin, loading = _a.loading, hideLogo = _a.hideLogo, sx = _a.sx, open = _a.open;
+    var children = _a.children, isTapOrigin = _a.isTapOrigin, loading = _a.loading, hideLogo = _a.hideLogo, sx = _a.sx, open = _a.open, hideOverlay = _a.hideOverlay;
     var showLogo = !loading && isTapOrigin;
     var small = useScreen().small;
-    return (_jsxs(BackgroundStyled, __assign({ id: BACKGROUND_ID, isSmall: small, isTapOrigin: isTapOrigin, sx: sx, open: open }, { children: [showLogo && !hideLogo && _jsx(LogoBackground, {}), children] })));
+    return (_jsxs(BackgroundStyled, __assign({ id: BACKGROUND_ID, hideOverlay: hideOverlay, isSmall: small, isTapOrigin: isTapOrigin, sx: sx, open: open }, { children: [showLogo && !hideLogo && _jsx(LogoBackground, {}), children] })));
 };
 export default memo(Background);

package/build/utils/validation.js

@@ -41,7 +41,8 @@ export var keepLettersAndSpace = function (str) {
     return str.replace(/[^a-zA-Z] /g, '');
 };
 export var isTapDomain = function (domain) {
-    return domain.includes('tap.company');
+    var regex = /^(connect(?:\..+)?\.tap\.company)$/;
+    return regex.test(domain);
 };
 export var removeArabicWords = function (str) {
     return str.replace(/[\u0600-\u06FF]/g, '').trim();

package/package.json

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