@tap-payments/auth-jsconnect 2.8.65-development → 2.8.68-development

package/build/features/connectExpress/screens/NID/validation.d.ts

@@ -1,11 +1,8 @@
 import * as yup from 'yup';
 export declare const NIDValidationSchema: (isLeadIdPassed: boolean) => yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-    dob: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
     nid: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
 }>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-    dob: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
     nid: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
 }>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-    dob: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
     nid: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
 }>>>;

package/build/features/connectExpress/screens/NID/validation.js

@@ -2,7 +2,6 @@ import * as yup from 'yup';
 export var NIDValidationSchema = function (isLeadIdPassed) {
     if (isLeadIdPassed) {
         return yup.object().shape({
-            dob: yup.string().min(5).required('enter_valid_birth_date'),
             termAndConditionChecked: yup.boolean().isTrue('check_terms_cond').required('check_terms_cond'),
             nid: yup
                 .string()
@@ -12,7 +11,6 @@ export var NIDValidationSchema = function (isLeadIdPassed) {
         });
     }
     return yup.object().shape({
-        dob: yup.string().min(5).required('enter_valid_birth_date'),
         nid: yup
             .string()
             .matches(/^(1|2)([0-9]{1,})$/g, 'signup_invalid_national_id_format')

package/build/features/connectExpress/screens/NIDMissed/NID.js

@@ -18,7 +18,7 @@ import { yupResolver } from '@hookform/resolvers/yup';
 import { NIDOtherCountryValidationSchema, NIDValidationSchema } from './validation';
 import { useAppDispatch, useLanguage, useAppSelector } from '../../../../hooks';
 import { handlePrevScreenStep, settingsSelector } from '../../../../app/settings';
-import { clearError, connectExpressSelector, createNIDAuthIdentityAsync } from '../../../app/connectExpress/connectExpressStore';
+import { clearError, connectExpressSelector, createNIDNafathAuthIdentityAsync } from '../../../app/connectExpress/connectExpressStore';
 import Form from '../../../../components/Form';
 import Button from '../../../shared/Button';
 import { ScreenContainer } from '../../../shared/Containers';
@@ -48,7 +48,7 @@ var NID = function (_a) {
             dispatch(clearError());
     }, [methods.formState.isValid]);
     var onSubmit = function (data) {
-        dispatch(createNIDAuthIdentityAsync(deepCopy(data)));
+        dispatch(createNIDNafathAuthIdentityAsync(deepCopy(data)));
     };
     var handleCollapseOpenClose = function (flag) {
         setCollapse(flag);

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

@@ -15,17 +15,16 @@ import { styled } from '@mui/material/styles';
 import * as React from 'react';
 import { useTranslation } from 'react-i18next';
 import Text from '../../../../components/Text';
-import { clearError, connectExpressSelector, verifyMobileOtpAsync, verifyNIDOtpAsync, resetOTPValue } from '../../../app/connectExpress/connectExpressStore';
+import { clearError, connectExpressSelector, verifyMobileOtpAsync, resetOTPValue } from '../../../app/connectExpress/connectExpressStore';
 import Button from '../../../shared/Button';
 import { ScreenContainer } from '../../../shared/Containers';
 import { useAppDispatch, useAppSelector } from '../../../../hooks';
 import { handlePrevScreenStep } from '../../../../app/settings';
 import { useLanguage } from '../../../../hooks';
-import { AuthForType } from '../../../../@types';
 import { useForm, FormProvider } from 'react-hook-form';
 import { yupResolver } from '@hookform/resolvers/yup';
 import Form from '../../../../components/Form';
-import { maskPhone, maskID, deepCopy, sendCustomEventToGTM } from '../../../../utils';
+import { maskPhone, deepCopy, sendCustomEventToGTM } from '../../../../utils';
 import { OTPValidation } from './validation';
 import OTPInput from './OTPInput';
 var OTPTitleContainerStyled = styled(Box)(function (_a) {
@@ -58,7 +57,6 @@ var OTP = function () {
         defaultValues: data.otpData,
         mode: 'onChange'
     });
-    var isNidAuth = data.otpData.authFor === AuthForType.NATIONAL_ID;
     React.useEffect(function () {
         if (error)
             dispatch(clearError());
@@ -74,20 +72,14 @@ var OTP = function () {
         };
     }, []);
     var onSubmit = function (formData) {
-        if (isNidAuth) {
-            dispatch(verifyNIDOtpAsync(deepCopy(formData)));
-            return;
-        }
         dispatch(verifyMobileOtpAsync(deepCopy(formData)));
     };
     var onBack = function () {
-        var screen = isNidAuth ? 'CONNECT_EXPRESS_NID_STEP' : 'CONNECT_EXPRESS_MOBILE_STEP';
-        dispatch(handlePrevScreenStep(screen));
+        dispatch(handlePrevScreenStep());
     };
     var disabled = !methods.formState.isValid;
     var phone = data.mobileData.mobile ? ((_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');
-    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(OTPTitleContainerStyled, { children: _jsxs(OTPTitleStyled, { children: [loading ? t('ide_otp_waiting_title') : title, !loading && _jsx("span", __assign({ dir: 'ltr' }, { children: isNidAuth ? maskID(idNumber) : maskPhone(phone) }))] }) }), _jsx(OTPInput, {}), _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, disabled: disabled, isAr: isAr, loading: loading, error: t(error || '') }, { children: t('next') }))] })) })) }));
+    var title = t('ide_opt_sent_title');
+    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(OTPTitleContainerStyled, { children: _jsxs(OTPTitleStyled, { children: [loading ? t('ide_otp_waiting_title') : title, !loading && _jsx("span", __assign({ dir: 'ltr' }, { children: maskPhone(phone) }))] }) }), _jsx(OTPInput, {}), _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, disabled: disabled, isAr: isAr, loading: loading, error: t(error || '') }, { children: t('next') }))] })) })) }));
 };
 export default React.memo(OTP);

package/build/features/connectExpress/screens/OTP/OTPInput.js

@@ -17,8 +17,7 @@ import Box from '@mui/material/Box/Box';
 import { styled } from '@mui/material/styles';
 import OTPField from '../../../shared/OTP';
 import { DEFAULT_TIMER_VALUE } from '../../../../constants';
-import { AuthForType } from '../../../../@types';
-import { resendMobileAuthOTP, resendNIDAuthOTP, connectExpressSelector, clearError } from '../../../app/connectExpress/connectExpressStore';
+import { resendMobileAuthOTP, connectExpressSelector, clearError } from '../../../app/connectExpress/connectExpressStore';
 import { useAppDispatch, useAppSelector } from '../../../../hooks';
 import { sendCustomEventToGTM } from '../../../../utils';
 var BoxStyled = styled(Box)(function (_a) {
@@ -35,8 +34,7 @@ var OTPInput = function (_a) {
     var dispatch = useAppDispatch();
     var otpControl = useController({ name: 'otp', control: control });
     var _c = useAppSelector(connectExpressSelector), data = _c.data, error = _c.error;
-    var mobileData = data.mobileData, nidData = data.nidData;
-    var isNidAuth = data.otpData.authFor === AuthForType.NATIONAL_ID;
+    var mobileData = data.mobileData;
     var sendEventAskAnotherOTP = function () {
         sendCustomEventToGTM({
             event: 'Send Event',
@@ -55,13 +53,7 @@ var OTPInput = function (_a) {
         sendEventAskAnotherOTP();
         dispatch(resendMobileAuthOTP(mobileData));
     };
-    var handleOnResendAbsherOTP = function () {
-        if (otpControl.field.value)
-            setValue('otp', '', { shouldValidate: true });
-        sendEventAskAnotherOTP();
-        dispatch(resendNIDAuthOTP(nidData));
-    };
     var otpValue = otpControl.field.value;
-    return (_jsx(BoxStyled, __assign({ dir: 'ltr' }, { children: _jsx(OTPField, { timeEndLabel: t('ide_otp_resend_label'), timerInSeconds: DEFAULT_TIMER_VALUE, onResetClick: isNidAuth ? handleOnResendAbsherOTP : handleOnResendOTP, value: otpValue, onChange: function (number) { return handleOnOTPChange(number.toString()); } }) })));
+    return (_jsx(BoxStyled, __assign({ dir: 'ltr' }, { children: _jsx(OTPField, { timeEndLabel: t('ide_otp_resend_label'), timerInSeconds: DEFAULT_TIMER_VALUE, onResetClick: handleOnResendOTP, value: otpValue, onChange: function (number) { return handleOnOTPChange(number.toString()); } }) })));
 };
 export default React.memo(OTPInput);

package/build/features/connectExpress/screens/VerifyNafath/VerifyNafath.d.ts

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

package/build/features/connectExpress/screens/VerifyNafath/VerifyNafath.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { connectExpressSelector, verifyNafathAsync } from '../../../app/connectExpress/connectExpressStore';
+import NafathVerification from '../../../shared/NafathVerification';
+import { handlePrevScreenStep } from '../../../../app/settings';
+import { useAppDispatch, useAppSelector } from '../../../../hooks';
+var VerifyNafath = function () {
+    var _a = React.useState(false), success = _a[0], setSuccess = _a[1];
+    var _b = React.useState(false), isReady = _b[0], setIsReady = _b[1];
+    var dispatch = useAppDispatch();
+    var data = useAppSelector(connectExpressSelector).data;
+    var authData = (data.responseData || {}).authData;
+    var _c = authData || {}, expiry = _c.expiry, app_url_android = _c.app_url_android, app_url_ios = _c.app_url_ios, random = _c.random;
+    React.useEffect(function () {
+        if (authData && !isReady) {
+            setIsReady(true);
+        }
+    }, [authData]);
+    React.useEffect(function () {
+        if (!isReady)
+            return;
+        var promise = dispatch(verifyNafathAsync({ onSuccess: function () { return setSuccess(true); } }));
+        return function () {
+            promise === null || promise === void 0 ? void 0 : promise.abort();
+        };
+    }, [isReady]);
+    var onBack = React.useCallback(function () {
+        dispatch(handlePrevScreenStep());
+    }, []);
+    if (!isReady)
+        return null;
+    return (_jsx(NafathVerification, { randomNumber: random, expiryInSeconds: expiry, success: success, urls: { android: app_url_android, ios: app_url_ios }, onFinish: function () { return onBack(); } }));
+};
+export default React.memo(VerifyNafath);

package/build/features/connectExpress/screens/VerifyNafath/index.d.ts

@@ -0,0 +1,3 @@
+import VerifyNafath, { VerifyNafathProps } from './VerifyNafath';
+export type { VerifyNafathProps };
+export default VerifyNafath;

package/build/features/connectExpress/screens/VerifyNafath/index.js

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

package/build/features/featuresScreens.js

@@ -3,6 +3,7 @@ import MobileScreen from './connect/screens/Mobile';
 import NIDScreen from './connect/screens/NID';
 import ConnectCivilIDScreen from '../features/connect/screens/CivilID';
 import ConnectVerifyPACIScreen from './connect/screens/VerifyPACI';
+import ConnectVerifyNafathScreen from './connect/screens/VerifyNafath';
 import IndividualScreen from './connect/screens/Individual';
 import MerchantInfoScreen from './connect/screens/Merchant';
 import BrandSegmentInfoScreen from './connect/screens/BrandSegment';
@@ -12,13 +13,14 @@ import OperatorError from './connect/screens/OperatorError';
 import ConnectExpressBusinessCountry from './connectExpress/screens/BusinessCountry/BusinessCountry';
 import ConnectExpressMobileScreen from './connectExpress/screens/Mobile';
 import ConnectExpressNIDScreen from './connectExpress/screens/NID';
+import ConnectExpressVerifyNafathScreen from './connectExpress/screens/VerifyNafath';
 import ConnectExpressCivilIDScreen from './connectExpress/screens/CivilID';
 import ConnectExpressVerifyPACIScreen from './connectExpress/screens/VerifyPACI';
 import ConnectExpressOTPScreen from './connectExpress/screens/OTP';
 import ConnectExpressNIDMissedScreen from './connectExpress/screens/NIDMissed';
 import ConnectExpressCivilIDMissedScreen from './connectExpress/screens/CivilIDMissed';
 import ConnectExpressIdentityVerifyPACIScreen from './connectExpress/screens/IdentityVerifyPACI';
-import ConnectExpressIdentityVerifyOTPScreen from './connectExpress/screens/IdentityOTP';
+import ConnectExpressIdentityVerifyNafathScreen from './connectExpress/screens/IdentityVerifyNafath';
 import ConnectExpressCollectIndividualScreen from './connectExpress/screens/CollectIndividualInfo';
 import ConnectExpressCollectBusinessScreen from './connectExpress/screens/CollectBusinessInfo';
 import ConnectExpressCreateAccountLoaderScreen from './connectExpress/screens/CreateAccountLoader';
@@ -36,6 +38,7 @@ import AuthNIDScreen from './auth/screens/NID';
 import AuthEmailScreen from './auth/screens/Email';
 import AuthCivilIDScreen from './auth/screens/CivilID';
 import AuthVerifyPACIScreen from './auth/screens/VerifyPACI';
+import AuthVerifyNafathScreen from './auth/screens/VerifyNafath';
 import AuthOTPScreen from './auth/screens/OTP';
 import AuthPasswordScreen from './auth/screens/Password';
 import AuthResetPasswordMessageScreen from './auth/screens/ResetPasswordMessage';
@@ -50,7 +53,7 @@ import AuthOperatorError from './auth/screens/OperatorError';
 import CustomersPage from './business/screens/Customers';
 import IDBODPage from './business/screens/IDBOD';
 import BusinessVerifyPage from './business/screens/Verify';
-import BusinessOTPPage from './business/screens/OTP';
+import BusinessVerifyNafathPage from './business/screens/VerifyNafath';
 import BusinessTypePage from './business/screens/BusinessType';
 import ActivitiesPage from './business/screens/Activities';
 import SuccessPage from './business/screens/Success';
@@ -143,6 +146,10 @@ export var connectFeatureScreens = [
         name: 'CONNECT_VERIFY_PACI_STEP',
         element: ConnectVerifyPACIScreen
     },
+    {
+        name: 'CONNECT_VERIFY_NAFATH_STEP',
+        element: ConnectVerifyNafathScreen
+    },
     {
         name: 'CONNECT_INDIVIDUAL_STEP',
         element: IndividualScreen
@@ -185,6 +192,10 @@ export var connectExpressFeatureScreens = [
         name: 'CONNECT_EXPRESS_OTP_STEP',
         element: ConnectExpressOTPScreen
     },
+    {
+        name: 'CONNECT_EXPRESS_VERIFY_NAFATH_STEP',
+        element: ConnectExpressVerifyNafathScreen
+    },
     {
         name: 'CONNECT_EXPRESS_VERIFY_PACI_STEP',
         element: ConnectExpressVerifyPACIScreen
@@ -202,8 +213,8 @@ export var connectExpressFeatureScreens = [
         element: ConnectExpressIdentityVerifyPACIScreen
     },
     {
-        name: 'CONNECT_EXPRESS_OTP_IDENTITY_STEP',
-        element: ConnectExpressIdentityVerifyOTPScreen
+        name: 'CONNECT_EXPRESS_IDENTITY_VERIFY_NAFATH_STEP',
+        element: ConnectExpressIdentityVerifyNafathScreen
     },
     {
         name: 'CONNECT_EXPRESS_WAITING_FOR_CREATING_ACCOUNT_STEP',
@@ -287,6 +298,10 @@ export var authFeatureScreens = [
         name: 'AUTH_VERIFY_PACI_STEP',
         element: AuthVerifyPACIScreen
     },
+    {
+        name: 'AUTH_NAFATH_VERIFY_STEP',
+        element: AuthVerifyNafathScreen
+    },
     {
         name: 'AUTH_ACCOUNT_NOT_FOUND_STEP',
         element: AccountNotFoundScreen
@@ -338,8 +353,8 @@ export var businessFeatureScreens = [
         element: BusVerifyPACIScreen
     },
     {
-        name: 'BUSINESS_OTP_STEP',
-        element: BusinessOTPPage
+        name: 'BUSINESS_VERIFY_NAFATH_STEP',
+        element: BusinessVerifyNafathPage
     },
     {
         name: 'BUSINESS_BUSINESS_TYPE_STEP',

package/build/features/shared/Button/NafathButton.d.ts

@@ -0,0 +1,7 @@
+import { ButtonProps } from '../../../components/Button';
+interface NafathButtonProps extends ButtonProps {
+    loading?: boolean;
+    hideIcon?: boolean;
+}
+export default function NafathButton({ children, hideIcon, disabled, ...props }: NafathButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/build/features/shared/Button/{AbsherButton.js → NafathButton.js}

@@ -28,7 +28,7 @@ import Box from '@mui/material/Box';
 import { ICONS_NAMES } from '../../../constants';
 var IconStyled = styled(Icon, { shouldForwardProp: function (prop) { return prop !== 'disabled'; } })(function (_a) {
     var theme = _a.theme, disabled = _a.disabled;
-    return (__assign({ width: theme.spacing(3), height: theme.spacing(3), marginInlineStart: theme.spacing(0.75) }, (disabled && {
+    return (__assign({ width: theme.spacing(3), height: theme.spacing(3) }, (disabled && {
         opacity: 0.3
     })));
 });
@@ -38,9 +38,19 @@ var ButtonBoxStyled = styled(Box)(function (_a) {
         margin: theme.spacing(0, 2.5, 2.5, 2.5)
     });
 });
-export default function AbsherButton(_a) {
+var ButtonStyled = styled(Button)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        paddingInlineStart: theme.spacing(1.75),
+        fontWeight: theme.typography.fontWeightRegular,
+        '& .MuiButton-startIcon': {
+            margin: theme.spacing(0)
+        }
+    });
+});
+export default function NafathButton(_a) {
     var children = _a.children, hideIcon = _a.hideIcon, disabled = _a.disabled, props = __rest(_a, ["children", "hideIcon", "disabled"]);
     var theme = useTheme();
     var btnColor = theme.palette.primary.light;
-    return (_jsx(ButtonBoxStyled, { children: _jsx(Button, __assign({ outLineColor: btnColor, variant: 'outlined', disabled: disabled, type: 'button', startIcon: !hideIcon && _jsx(IconStyled, { disabled: disabled, src: ICONS_NAMES.ABSHER_LOGO }) }, props, { children: children })) }));
+    return (_jsx(ButtonBoxStyled, { children: _jsx(ButtonStyled, __assign({ outLineColor: btnColor, variant: 'outlined', disabled: disabled, type: 'button', startIcon: !hideIcon && _jsx(IconStyled, { disabled: disabled, src: ICONS_NAMES.NAFATH_LOGO }) }, props, { children: children })) }));
 }

package/build/features/shared/Button/index.d.ts

@@ -1,9 +1,9 @@
 import Button from './Button';
-import AbsherButton from './AbsherButton';
+import NafathButton from './NafathButton';
 import MobileButton from './MobileButton';
 import EmailProvidersButton from './EmailProvidersButtons';
 import FlowsButtons from './FlowsButtons';
 import SuccessButton from './SuccessButton';
 import ListButton from './IndividualActionButtons';
-export { AbsherButton, MobileButton, EmailProvidersButton, FlowsButtons, SuccessButton, Button, ListButton };
+export { NafathButton, MobileButton, EmailProvidersButton, FlowsButtons, SuccessButton, Button, ListButton };
 export default Button;

package/build/features/shared/Button/index.js

@@ -1,9 +1,9 @@
 import Button from './Button';
-import AbsherButton from './AbsherButton';
+import NafathButton from './NafathButton';
 import MobileButton from './MobileButton';
 import EmailProvidersButton from './EmailProvidersButtons';
 import FlowsButtons from './FlowsButtons';
 import SuccessButton from './SuccessButton';
 import ListButton from './IndividualActionButtons';
-export { AbsherButton, MobileButton, EmailProvidersButton, FlowsButtons, SuccessButton, Button, ListButton };
+export { NafathButton, MobileButton, EmailProvidersButton, FlowsButtons, SuccessButton, Button, ListButton };
 export default Button;

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

@@ -0,0 +1,13 @@
+import * as React from 'react';
+export interface VerifyNafathProps {
+    randomNumber: string;
+    success: boolean;
+    expiryInSeconds: number;
+    urls?: {
+        android: string;
+        ios: string;
+    };
+    onFinish?: () => void;
+}
+declare const _default: React.MemoExoticComponent<({ randomNumber, success, expiryInSeconds, urls, onFinish }: VerifyNafathProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/build/features/shared/NafathVerification/NafathVerification.js

@@ -0,0 +1,92 @@
+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, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import Box from '@mui/material/Box/Box';
+import { styled } from '@mui/material/styles';
+import { useTranslation } from 'react-i18next';
+import Text from '../../../components/Text';
+import { ScreenContainer } from '../../shared/Containers';
+import { MobileButton } from '../../shared/Button';
+import { mobileOS } from '../../../utils';
+import { useCountUp } from '../../../hooks';
+import VerifyNafathLoading from './VerifyNafathLoading';
+import VerifyNafathSuccess from './VerifyNafathSuccess';
+var VerifyNafathTitleContainerStyled = styled(Box)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        direction: theme.direction,
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+        marginBottom: theme.spacing(2.5)
+    });
+});
+var VerifyNafathTitleStyled = styled(Text)(function (_a) {
+    var theme = _a.theme;
+    return (__assign(__assign({}, theme.typography.body1), { color: theme.palette.text.primary, fontWeight: theme.typography.fontWeightBold, marginBottom: theme.spacing(2.4), lineHeight: '19.2px' }));
+});
+var VerifyNafathSubTitleStyled = styled(Text)(function (_a) {
+    var theme = _a.theme;
+    return (__assign(__assign({}, theme.typography.body2), { color: theme.palette.text.primary, fontWeight: theme.typography.fontWeightMedium, lineHeight: '16.8px', textAlign: 'center', marginLeft: theme.spacing(3), marginRight: theme.spacing(3) }));
+});
+var Container = styled(Box)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        position: 'relative',
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        maxHeight: '300px',
+        marginBottom: theme.spacing(3.25)
+    });
+});
+var VerifyNafath = function (_a) {
+    var randomNumber = _a.randomNumber, success = _a.success, expiryInSeconds = _a.expiryInSeconds, urls = _a.urls, onFinish = _a.onFinish;
+    var t = useTranslation().t;
+    var count = useCountUp({ start: 0, end: expiryInSeconds, sleepMS: 1000 }).count;
+    var errorWaitingTime = 3;
+    var phases = 2;
+    var remainingTime = expiryInSeconds - errorWaitingTime;
+    var phaseNumber = Math.floor((count / remainingTime) * phases) + 1;
+    var isEnded = count === expiryInSeconds;
+    var endPhaseStarted = count >= remainingTime;
+    console.log('VerifyNafath', VerifyNafath);
+    React.useEffect(function () {
+        if (isEnded && onFinish)
+            onFinish();
+    }, [isEnded]);
+    var onRedirect = React.useCallback(function () {
+        if (os === 'Android') {
+            window.open(urls === null || urls === void 0 ? void 0 : urls.android, '_blank');
+        }
+        if (os === 'iOS') {
+            window.open(urls === null || urls === void 0 ? void 0 : urls.ios, '_blank');
+        }
+    }, [urls]);
+    var os = React.useMemo(function () { return mobileOS(); }, []);
+    var isAndroid = React.useMemo(function () { return os === 'Android' && (urls === null || urls === void 0 ? void 0 : urls.android); }, [os, urls]);
+    var isIOS = React.useMemo(function () { return os === 'iOS' && (urls === null || urls === void 0 ? void 0 : urls.ios); }, [os, urls]);
+    var title = React.useMemo(function () {
+        if (phaseNumber === 1)
+            return 'nafath_verification_title_wait';
+        return 'nafath_verification_title_check';
+    }, [phaseNumber]);
+    var description = React.useMemo(function () {
+        if (phaseNumber === 1)
+            return 'nafath_verification_description_wait';
+        return 'nafath_verification_description_check';
+    }, [phaseNumber]);
+    var isErrorPhase = endPhaseStarted && !success;
+    return (_jsxs(ScreenContainer, __assign({ sx: { mb: 2.5 } }, { children: [_jsxs(VerifyNafathTitleContainerStyled, { children: [_jsx(Container, { children: success ? _jsx(VerifyNafathSuccess, {}) : _jsx(VerifyNafathLoading, { randomNumber: randomNumber, type: isErrorPhase ? 3 : phaseNumber }) }), isErrorPhase ? (_jsxs(_Fragment, { children: [_jsx(VerifyNafathTitleStyled, { children: t('nafath_verification_title_error') }), _jsx(VerifyNafathSubTitleStyled, __assign({ sx: { pb: 1 } }, { children: t('nafath_verification_description_error') })), _jsx(VerifyNafathSubTitleStyled, { children: t('nafath_verification_redirection_message') })] })) : (_jsxs(_Fragment, { children: [_jsx(VerifyNafathTitleStyled, { children: t(title) }), _jsx(VerifyNafathSubTitleStyled, { children: t(description) })] }))] }), (isAndroid || isIOS) && (_jsx(MobileButton, __assign({ onClick: onRedirect, hideIcon: true }, { children: t('open_nafath_app') })))] })));
+};
+export default React.memo(VerifyNafath);

package/build/features/shared/NafathVerification/VerifyNafathLoading.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface VerifyNafathLoadingProps {
+    loop?: boolean;
+    type: number;
+    randomNumber: string;
+}
+declare const _default: React.NamedExoticComponent<VerifyNafathLoadingProps>;
+export default _default;

package/build/features/shared/NafathVerification/VerifyNafathLoading.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import { styled } from '@mui/material/styles';
+import LottieFile, { LottieAnimationFiles } from '../../../components/Lottie';
+import Icon from '../../../components/Icon';
+import { ICONS_NAMES } from '../../../constants';
+import Text from '../../../components/Text';
+import Box from '@mui/material/Box';
+var IconStyled = styled(Icon)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        position: 'absolute',
+        top: '50%',
+        left: '50%',
+        transform: 'translate(-50%, -50%)',
+        width: theme.spacing(10),
+        height: theme.spacing(10)
+    });
+});
+var NumberBoxStyled = styled(Box)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        position: 'absolute',
+        top: '92%',
+        left: '50%',
+        transform: 'translate(-59%, -59%)',
+        width: 59,
+        height: 59,
+        background: theme.palette.primary.contrastText,
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        borderRadius: '100%'
+    });
+});
+var NumberStyled = styled(Text)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        fontWeight: theme.typography.fontWeightMedium,
+        fontSize: '26.47px',
+        lineHeight: '31.77px'
+    });
+});
+var VerifyNafathLoading = function (_a) {
+    var _b = _a.loop, loop = _b === void 0 ? true : _b, type = _a.type, randomNumber = _a.randomNumber;
+    if (type === 1)
+        return (_jsxs(_Fragment, { children: [_jsx(LottieFile, { file: LottieAnimationFiles.pulsating_circle_waves, loop: loop, width: '90%' }), _jsx(IconStyled, { src: ICONS_NAMES.NAFATH_VERIFY_ICON }), _jsx(NumberBoxStyled, { children: _jsx(NumberStyled, { children: randomNumber }) })] }));
+    if (type === 2)
+        return (_jsxs(_Fragment, { children: [_jsx(LottieFile, { file: LottieAnimationFiles.pulsating_circle_waves, loop: loop, width: '90%' }), _jsx(IconStyled, { src: ICONS_NAMES.NAFATH_VERIFY_ICON }), _jsx(NumberBoxStyled, { children: _jsx(NumberStyled, { children: randomNumber }) })] }));
+    return (_jsx(_Fragment, { children: _jsx(LottieFile, { file: LottieAnimationFiles.error, loop: false, width: '60%' }) }));
+};
+VerifyNafathLoading.defaultProps = {};
+export default memo(VerifyNafathLoading);

package/build/features/shared/NafathVerification/VerifyNafathSuccess.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+interface VerifyPACISuccessProps {
+}
+declare const _default: React.NamedExoticComponent<VerifyPACISuccessProps>;
+export default _default;

package/build/features/shared/NafathVerification/VerifyNafathSuccess.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { memo } from 'react';
+import LottieFile, { LottieAnimationFiles } from '../../../components/Lottie';
+var VerifyPACISuccess = function () {
+    return (_jsx(_Fragment, { children: _jsx(LottieFile, { loop: false, file: LottieAnimationFiles.success, width: '90%' }) }));
+};
+VerifyPACISuccess.defaultProps = {};
+export default memo(VerifyPACISuccess);

package/build/features/shared/NafathVerification/index.d.ts

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

package/build/features/shared/NafathVerification/index.js

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

package/build/hooks/useAppTheme.js

@@ -1,7 +1,7 @@
 import { useEffect, useState } from 'react';
 import { LanguageMode, DirectionMode } from '../@types';
 import { settingsSelector } from '../app/settings';
-import { isMobile } from 'react-device-detect';
+import { isMobile, isTablet } from 'react-device-detect';
 import { useAppSelector } from './useAppSelector';
 import { appTheme } from '../theme';
 export var useAppTheme = function () {
@@ -9,7 +9,8 @@ export var useAppTheme = function () {
     var data = useAppSelector(settingsSelector).data;
     useEffect(function () {
         var dir = data.language === LanguageMode.AR ? DirectionMode.RTL : DirectionMode.LTR;
-        setTheme(appTheme(data.skin, isMobile, dir));
-    }, [data.skin, data.language, isMobile]);
+        var isSmallScreen = isMobile && !isTablet;
+        setTheme(appTheme(data.skin, dir, isSmallScreen));
+    }, [data.skin, data.language, isMobile, isTablet]);
     return { theme: theme };
 };

package/build/theme/palette.js

@@ -4,7 +4,8 @@ export var lightPalette = {
     primary: {
         main: '#007aff',
         dark: '#9CA0A94D',
-        light: '#0E9346'
+        light: '#0A9A8F',
+        contrastText: '#e2e0f8'
     },
     success: {
         light: '#2CCE01',

package/build/theme/theme.d.ts

@@ -1,2 +1,2 @@
 import { DirectionMode, ThemeMode } from '../@types';
-export declare const appTheme: (mode: ThemeMode, isMobile: boolean, dir: DirectionMode) => import("@mui/material/styles").Theme;
+export declare const appTheme: (mode: ThemeMode, dir: DirectionMode, isSmallScreen: boolean) => import("@mui/material/styles").Theme;

package/build/theme/theme.js

@@ -3,7 +3,7 @@ import { typography } from './typography';
 import { darkPalette, lightPalette } from './palette';
 import { components } from './components';
 import { shadows } from './shadows';
-export var appTheme = function (mode, isMobile, dir) {
+export var appTheme = function (mode, dir, isSmallScreen) {
     return createTheme({
         palette: mode === 'dark' ? darkPalette : lightPalette,
         direction: dir,
@@ -11,7 +11,7 @@ export var appTheme = function (mode, isMobile, dir) {
         breakpoints: {
             values: {
                 xs: 0,
-                sm: isMobile ? 1536 : 600,
+                sm: isSmallScreen ? 1536 : 600,
                 md: 900,
                 lg: 1200,
                 xl: 1536

package/package.json

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

package/build/features/auth/screens/NID/DOB.d.ts

@@ -1,6 +0,0 @@
-interface DOBProps {
-    onDateClicked?: (flag: boolean) => void;
-    readOnly?: boolean;
-}
-declare const DOB: ({ onDateClicked, readOnly }: DOBProps) => import("react/jsx-runtime").JSX.Element;
-export default DOB;