@tap-payments/auth-jsconnect 2.8.93-development → 2.8.97-development

package/build/features/connect/screens/DOB/DOBForm.js

@@ -0,0 +1,59 @@
+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, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { useTranslation } from 'react-i18next';
+import { styled } from '@mui/material/styles';
+import { useForm, FormProvider } from 'react-hook-form';
+import { yupResolver } from '@hookform/resolvers/yup';
+import { DOBValidationSchema } from './validation';
+import { useAppDispatch, useLanguage, useAppSelector } from '../../../../hooks';
+import { handlePrevScreenStep } from '../../../../app/settings';
+import { clearError, connectSelector, updateLeadDOB } from '../../../app/connect/connectStore';
+import Form from '../../../../components/Form';
+import Button from '../../../shared/Button';
+import { ScreenContainer } from '../../../shared/Containers';
+import Collapse from '../../../../components/Collapse';
+import DOB from './DOB';
+import { deepCopy } from '../../../../utils';
+var FormStyled = styled(Form)(function () { return ({
+    display: 'flex',
+    flexDirection: 'column'
+}); });
+var DOBForm = function (_a) {
+    var _b = React.useState(false), collapse = _b[0], setCollapse = _b[1];
+    var isAr = useLanguage().isAr;
+    var dispatch = useAppDispatch();
+    var t = useTranslation().t;
+    var _c = useAppSelector(connectSelector), data = _c.data, loading = _c.loading, error = _c.error;
+    var methods = useForm({
+        resolver: yupResolver(DOBValidationSchema),
+        defaultValues: data.dobData,
+        mode: 'onChange'
+    });
+    React.useEffect(function () {
+        if (error)
+            dispatch(clearError());
+    }, [methods.formState.isValid]);
+    var onSubmit = function (data) {
+        dispatch(updateLeadDOB(deepCopy(data)));
+    };
+    var handleCollapseOpenClose = function (flag) {
+        setCollapse(flag);
+    };
+    var onBack = function () {
+        dispatch(handlePrevScreenStep());
+    };
+    var disabled = !methods.formState.isValid;
+    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(DOB, { onDateClicked: handleCollapseOpenClose }), _jsx(Collapse, __assign({ in: !collapse }, { children: _jsx(Button, __assign({ sx: { mt: 10 }, loading: loading, isAr: isAr, onBackClicked: onBack, disabled: disabled, error: t(error || '') }, { children: t('next') })) }))] })) })) }));
+};
+export default React.memo(DOBForm);

package/build/features/connect/screens/DOB/index.d.ts

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

package/build/features/connect/screens/DOB/index.js

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

package/build/features/connect/screens/DOB/validation.d.ts

@@ -0,0 +1,8 @@
+import * as yup from 'yup';
+export declare const DOBValidationSchema: 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>;
+}>, 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>;
+}>>, 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>;
+}>>>;

package/build/features/connect/screens/DOB/validation.js

@@ -0,0 +1,4 @@
+import * as yup from 'yup';
+export var DOBValidationSchema = yup.object().shape({
+    dob: yup.string().min(5).required('enter_valid_birth_date')
+});

package/build/features/connect/screens/Individual/Individual.js

@@ -54,7 +54,7 @@ var Individual = function (_a) {
     var dispatch = useAppDispatch();
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
-    var individualData = data.individualData, otpData = data.otpData, mobileData = data.mobileData;
+    var individualData = data.individualData, otpData = data.otpData, mobileData = data.mobileData, dobData = data.dobData;
     var startWithNID = otpData.authFor === AuthForType.NATIONAL_ID;
     var isMobile = mobileData.mobile;
     var contact = (otpData.responseBody || {}).contact;
@@ -82,9 +82,16 @@ var Individual = function (_a) {
     };
     var onBack = function () {
         var _a;
-        dispatch(resetIndividualScreen());
+        if (!individualData.isPrevDob) {
+            dispatch(resetIndividualScreen());
+        }
         var code = (_a = settingsData.businessCountry) === null || _a === void 0 ? void 0 : _a.iso2;
-        var screen = startWithNID ? (isKW(code) ? 'CONNECT_CIVIL_ID_STEP' : 'CONNECT_NID_STEP') : 'CONNECT_MOBILE_STEP';
+        var screen = 'CONNECT_MOBILE_STEP';
+        if (startWithNID) {
+            screen = individualData.isPrevDob ? 'CONNECT_DOB_STEP' : 'CONNECT_NID_STEP';
+            if (isKW(code))
+                screen = 'CONNECT_CIVIL_ID_STEP';
+        }
         dispatch(handlePrevScreenStep(screen));
     };
     React.useEffect(function () {

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

@@ -48,7 +48,7 @@ var CollectIndividualInfo = function (_a) {
     var startWithNID = otpData.authFor === AuthForType.NATIONAL_ID;
     var startWithNIDMissed = otpData.authFor === AuthForType.NATIONAL_ID_MISSED;
     var contact = ((responseData === null || responseData === void 0 ? void 0 : responseData.leadData) || {}).contact;
-    var countryCode = individualData.countryCode;
+    var countryCode = individualData.countryCode, isPrevDob = individualData.isPrevDob;
     var isEmailAvailable = (responseData || {}).isEmailAvailable;
     var methods = useForm({
         resolver: yupResolver(CollectIndividualInfoValidation),
@@ -75,11 +75,28 @@ var CollectIndividualInfo = function (_a) {
     };
     var onBack = function () {
         var _a;
-        dispatch(resetIndividualScreen());
+        if (!individualData.isPrevDob) {
+            dispatch(resetIndividualScreen());
+        }
         var code = (_a = settingsData.businessCountry) === null || _a === void 0 ? void 0 : _a.iso2;
-        var screen = startWithNID ? (isKW(code) ? 'CONNECT_EXPRESS_CIVIL_ID_STEP' : 'CONNECT_EXPRESS_NID_STEP') : 'CONNECT_EXPRESS_MOBILE_STEP';
+        var screen = 'CONNECT_EXPRESS_MOBILE_STEP';
+        if (startWithNID) {
+            if (isKW(code))
+                screen = 'CONNECT_EXPRESS_CIVIL_ID_STEP';
+            else {
+                screen = 'CONNECT_EXPRESS_NID_STEP';
+                if (isPrevDob)
+                    screen = 'CONNECT_EXPRESS_COLLECT_DOB_INFO_STEP';
+            }
+        }
         if (startWithNIDMissed) {
-            screen = isKW(code) ? 'CONNECT_EXPRESS_CIVIL_ID_MISSED_STEP' : 'CONNECT_EXPRESS_NID_MISSED_STEP';
+            if (isKW(code))
+                screen = 'CONNECT_EXPRESS_CIVIL_ID_MISSED_STEP';
+            else {
+                screen = 'CONNECT_EXPRESS_NID_MISSED_STEP';
+                if (isPrevDob)
+                    screen = 'CONNECT_EXPRESS_COLLECT_DOB_INFO_STEP';
+            }
         }
         dispatch(handlePrevScreenStep(screen));
     };

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

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

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

@@ -0,0 +1,47 @@
+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, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from 'react-i18next';
+import { useController, useFormContext } from 'react-hook-form';
+import { useAppDispatch, useAppSelector } from '../../../../hooks';
+import { ScreenContainer } from '../../../shared/Containers';
+import { alpha, styled } from '@mui/material/styles';
+import { clearError, connectExpressSelector } from '../../../app/connectExpress/connectExpressStore';
+import Text from '../../../../components/Text';
+import Calender from '../../../shared/Calender';
+var InputLabelStyled = styled(Text)(function (_a) {
+    var theme = _a.theme;
+    return (__assign(__assign({ color: alpha(theme.palette.text.primary, 0.6), fontWeight: theme.typography.fontWeightMedium }, theme.typography.caption), { lineHeight: theme.spacing(2.5) }));
+});
+var DOB = function (_a) {
+    var _b;
+    var onDateClicked = _a.onDateClicked;
+    var t = useTranslation().t;
+    var control = useFormContext().control;
+    var dispatch = useAppDispatch();
+    var dobControl = useController({ control: control, name: 'dob' });
+    var error = useAppSelector(connectExpressSelector).error;
+    var handleBirthDateChange = function (data) {
+        dobControl.field.onChange(data);
+        handleClearError();
+    };
+    var handleClearError = function () {
+        if (error)
+            dispatch(clearError());
+    };
+    var dateValue = (_b = dobControl === null || dobControl === void 0 ? void 0 : dobControl.field) === null || _b === void 0 ? void 0 : _b.value;
+    return (_jsxs(ScreenContainer, { children: [_jsx(InputLabelStyled, __assign({ sx: { p: function (_a) {
+                        var spacing = _a.spacing;
+                        return spacing(0, 2.5, 1.5, 2.5);
+                    } } }, { children: t('enter_birth_date') })), _jsx(Calender, { isDob: true, defaultValue: dateValue ? new Date(dateValue) : undefined, onDateClicked: onDateClicked, onDateChange: handleBirthDateChange })] }));
+};
+export default DOB;

package/build/features/connectExpress/screens/DOB/DOBForm.d.ts

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

package/build/features/connectExpress/screens/DOB/DOBForm.js

@@ -0,0 +1,63 @@
+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, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { useTranslation } from 'react-i18next';
+import { styled } from '@mui/material/styles';
+import { useForm, FormProvider } from 'react-hook-form';
+import { yupResolver } from '@hookform/resolvers/yup';
+import { DOBValidationSchema } from './validation';
+import { useAppDispatch, useLanguage, useAppSelector } from '../../../../hooks';
+import { handlePrevScreenStep } from '../../../../app/settings';
+import { clearError, connectExpressSelector, updateLeadDOBAsync } from '../../../app/connectExpress/connectExpressStore';
+import Form from '../../../../components/Form';
+import Button from '../../../shared/Button';
+import { ScreenContainer } from '../../../shared/Containers';
+import { AuthForType } from '../../../../@types';
+import Collapse from '../../../../components/Collapse';
+import DOB from './DOB';
+import { deepCopy } from '../../../../utils';
+var FormStyled = styled(Form)(function () { return ({
+    display: 'flex',
+    flexDirection: 'column'
+}); });
+var DOBForm = function (_a) {
+    var _b = React.useState(false), collapse = _b[0], setCollapse = _b[1];
+    var isAr = useLanguage().isAr;
+    var dispatch = useAppDispatch();
+    var t = useTranslation().t;
+    var _c = useAppSelector(connectExpressSelector), data = _c.data, loading = _c.loading, error = _c.error;
+    var dobData = data.dobData, otpData = data.otpData;
+    var startWithNIDMissed = otpData.authFor === AuthForType.NATIONAL_ID_MISSED;
+    var methods = useForm({
+        resolver: yupResolver(DOBValidationSchema),
+        defaultValues: dobData,
+        mode: 'onChange'
+    });
+    React.useEffect(function () {
+        if (error)
+            dispatch(clearError());
+    }, [methods.formState.isValid]);
+    var onSubmit = function (data) {
+        dispatch(updateLeadDOBAsync(deepCopy(data)));
+    };
+    var handleCollapseOpenClose = function (flag) {
+        setCollapse(flag);
+    };
+    var onBack = function () {
+        var screen = startWithNIDMissed ? 'CONNECT_EXPRESS_NID_MISSED_STEP' : 'CONNECT_EXPRESS_NID_STEP';
+        dispatch(handlePrevScreenStep(screen));
+    };
+    var disabled = !methods.formState.isValid;
+    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(DOB, { onDateClicked: handleCollapseOpenClose }), _jsx(Collapse, __assign({ in: !collapse }, { children: _jsx(Button, __assign({ sx: { mt: 10 }, loading: loading, isAr: isAr, onBackClicked: onBack, disabled: disabled, error: t(error || '') }, { children: t('next') })) }))] })) })) }));
+};
+export default React.memo(DOBForm);

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

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

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

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

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

@@ -0,0 +1,8 @@
+import * as yup from 'yup';
+export declare const DOBValidationSchema: 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>;
+}>, 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>;
+}>>, 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>;
+}>>>;

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

@@ -0,0 +1,4 @@
+import * as yup from 'yup';
+export var DOBValidationSchema = yup.object().shape({
+    dob: yup.string().min(5).required('enter_valid_birth_date')
+});

package/build/features/entity/screens/EntityName/ExpiryDate.js

@@ -29,15 +29,22 @@ var ExpiryDate = function (_a) {
     var onDateClicked = _a.onDateClicked, readOnly = _a.readOnly, isVerified = _a.isVerified;
     var t = useTranslation().t;
     var dispatch = useAppDispatch();
-    var control = useFormContext().control;
+    var _c = useFormContext(), control = _c.control, watch = _c.watch, setValue = _c.setValue;
     var error = useAppSelector(entitySelector).error;
     var oDateControl = useController({ control: control, name: 'expiryDate' });
+    var issueDateValue = watch('issuingDate');
     var dateValue = (_b = oDateControl === null || oDateControl === void 0 ? void 0 : oDateControl.field) === null || _b === void 0 ? void 0 : _b.value;
+    var getMinDate = function () {
+        if (!issueDateValue)
+            return;
+        var issueDate = new Date(issueDateValue);
+        return new Date(issueDate.setDate(issueDate.getDate() + 1));
+    };
     var handleExpiryDateChange = function (data) {
         if (error)
             dispatch(clearError());
         oDateControl.field.onChange(data);
     };
-    return (_jsxs(ScreenContainer, __assign({ sx: { mt: 2.5 } }, { children: [_jsxs(InputLabelStyled, { children: [t('business_expiry_date'), _jsx(MandatoryStyled, { children: "*" })] }), _jsx(Calender, { isVerified: isVerified, disabled: readOnly, maxDate: getFutureDate(), defaultValue: dateValue ? new Date(dateValue) : undefined, onDateClicked: onDateClicked, onDateChange: handleExpiryDateChange })] })));
+    return (_jsxs(ScreenContainer, __assign({ sx: { mt: 2.5 } }, { children: [_jsxs(InputLabelStyled, { children: [t('business_expiry_date'), _jsx(MandatoryStyled, { children: "*" })] }), _jsx(Calender, { isVerified: isVerified, disabled: !issueDateValue ? true : readOnly, minDate: getMinDate(), maxDate: getFutureDate(), defaultValue: dateValue ? new Date(dateValue) : undefined, onDateClicked: onDateClicked, onDateChange: handleExpiryDateChange })] })));
 };
 export default ExpiryDate;

package/build/features/entity/screens/EntityName/IssuingDate.js

@@ -28,14 +28,23 @@ var IssuingDate = function (_a) {
     var onDateClicked = _a.onDateClicked, readOnly = _a.readOnly, isVerified = _a.isVerified;
     var t = useTranslation().t;
     var dispatch = useAppDispatch();
-    var control = useFormContext().control;
+    var _c = useFormContext(), control = _c.control, getValues = _c.getValues, setValue = _c.setValue;
     var error = useAppSelector(entitySelector).error;
     var oDateControl = useController({ control: control, name: 'issuingDate' });
     var dateValue = (_b = oDateControl === null || oDateControl === void 0 ? void 0 : oDateControl.field) === null || _b === void 0 ? void 0 : _b.value;
+    var isValidDate = function (date) { return date instanceof Date && !isNaN(date.getTime()); };
     var handleIssuingDateChange = function (data) {
         if (error)
             dispatch(clearError());
         oDateControl.field.onChange(data);
+        var expiryDateValue = getValues('expiryDate');
+        if (!expiryDateValue)
+            return;
+        var issueDate = new Date(data);
+        var expiryDate = new Date(expiryDateValue);
+        if (isValidDate(issueDate) && isValidDate(expiryDate) && expiryDate <= issueDate) {
+            setValue('expiryDate', '', { shouldValidate: true });
+        }
     };
     return (_jsxs(ScreenContainer, __assign({ sx: { mt: 2.5 } }, { children: [_jsxs(InputLabelStyled, { children: [t('issue_date'), _jsx(MandatoryStyled, { children: "*" })] }), _jsx(Calender, { disabled: readOnly, isVerified: isVerified, defaultValue: dateValue ? new Date(dateValue) : undefined, onDateClicked: onDateClicked, onDateChange: handleIssuingDateChange })] })));
 };

package/build/features/featuresScreens.js

@@ -4,6 +4,7 @@ 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 DobScreen from './connect/screens/DOB';
 import IndividualScreen from './connect/screens/Individual';
 import MerchantInfoScreen from './connect/screens/Merchant';
 import BrandSegmentInfoScreen from './connect/screens/BrandSegment';
@@ -22,6 +23,7 @@ import ConnectExpressCivilIDMissedScreen from './connectExpress/screens/CivilIDM
 import ConnectExpressIdentityVerifyPACIScreen from './connectExpress/screens/IdentityVerifyPACI';
 import ConnectExpressIdentityVerifyNafathScreen from './connectExpress/screens/IdentityVerifyNafath';
 import ConnectExpressCollectIndividualScreen from './connectExpress/screens/CollectIndividualInfo';
+import ConnectExpressCollectDobScreen from './connectExpress/screens/DOB';
 import ConnectExpressCollectBusinessScreen from './connectExpress/screens/CollectBusinessInfo';
 import ConnectExpressCreateAccountLoaderScreen from './connectExpress/screens/CreateAccountLoader';
 import ConnectExpressPreparingDataLoaderScreen from './connectExpress/screens/PrepareDataLoading';
@@ -39,6 +41,7 @@ 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 AuthDOBPage from './auth/screens/DOB';
 import AuthOTPScreen from './auth/screens/OTP';
 import AuthPasswordScreen from './auth/screens/Password';
 import AuthResetPasswordMessageScreen from './auth/screens/ResetPasswordMessage';
@@ -54,6 +57,7 @@ import CustomersPage from './business/screens/Customers';
 import IDBODPage from './business/screens/IDBOD';
 import BusinessVerifyPage from './business/screens/Verify';
 import BusinessVerifyNafathPage from './business/screens/VerifyNafath';
+import DOBPage from './business/screens/DOB';
 import BusinessTypePage from './business/screens/BusinessType';
 import ActivitiesPage from './business/screens/Activities';
 import SuccessPage from './business/screens/Success';
@@ -151,6 +155,10 @@ export var connectFeatureScreens = [
         name: 'CONNECT_VERIFY_NAFATH_STEP',
         element: ConnectVerifyNafathScreen
     },
+    {
+        name: 'CONNECT_DOB_STEP',
+        element: DobScreen
+    },
     {
         name: 'CONNECT_INDIVIDUAL_STEP',
         element: IndividualScreen
@@ -229,6 +237,10 @@ export var connectExpressFeatureScreens = [
         name: 'CONNECT_EXPRESS_COLLECT_INDIVIDUAL_INFO_STEP',
         element: ConnectExpressCollectIndividualScreen
     },
+    {
+        name: 'CONNECT_EXPRESS_COLLECT_DOB_INFO_STEP',
+        element: ConnectExpressCollectDobScreen
+    },
     {
         name: 'CONNECT_EXPRESS_COLLECT_BUSINESS_INFO_STEP',
         element: ConnectExpressCollectBusinessScreen
@@ -303,6 +315,10 @@ export var authFeatureScreens = [
         name: 'AUTH_NAFATH_VERIFY_STEP',
         element: AuthVerifyNafathScreen
     },
+    {
+        name: 'AUTH_DOB_STEP',
+        element: AuthDOBPage
+    },
     {
         name: 'AUTH_ACCOUNT_NOT_FOUND_STEP',
         element: AccountNotFoundScreen
@@ -357,6 +373,10 @@ export var businessFeatureScreens = [
         name: 'BUSINESS_VERIFY_NAFATH_STEP',
         element: BusinessVerifyNafathPage
     },
+    {
+        name: 'BUSINESS_DOB_STEP',
+        element: DOBPage
+    },
     {
         name: 'BUSINESS_BUSINESS_TYPE_STEP',
         element: BusinessTypePage

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

@@ -8,6 +8,7 @@ interface CustomCalenderProps extends CalendarProps {
     disabled?: boolean;
     isVerified?: boolean;
     maxDate?: Date;
+    minDate?: Date;
 }
-declare const CustomCalender: ({ onDateClicked, onDateChange, defaultValue, isDob, disabled, isVerified, maxDate }: CustomCalenderProps) => JSX.Element;
+declare const CustomCalender: ({ onDateClicked, onDateChange, defaultValue, isDob, disabled, isVerified, maxDate, minDate }: CustomCalenderProps) => JSX.Element;
 export default CustomCalender;

package/build/features/shared/Calender/Calender.js

@@ -29,7 +29,7 @@ var SwitchBoxStyled = styled(Box)(function (_a) {
         } }));
 });
 var CustomCalender = function (_a) {
-    var onDateClicked = _a.onDateClicked, onDateChange = _a.onDateChange, defaultValue = _a.defaultValue, isDob = _a.isDob, disabled = _a.disabled, isVerified = _a.isVerified, maxDate = _a.maxDate;
+    var onDateClicked = _a.onDateClicked, onDateChange = _a.onDateChange, defaultValue = _a.defaultValue, isDob = _a.isDob, disabled = _a.disabled, isVerified = _a.isVerified, maxDate = _a.maxDate, minDate = _a.minDate;
     var t = useTranslation().t;
     var theme = useTheme();
     var data = useAppSelector(settingsSelector).data;
@@ -39,13 +39,13 @@ var CustomCalender = function (_a) {
     var onSwitchCalender = function () {
         dispatch(handleSwitchCalender(!isHijriCalender));
     };
-    return (_jsxs(ScreenContainer, { children: [_jsx(Collapse, __assign({ in: !isHijriCalender }, { children: _jsx(DatePicker, { open: open, defaultValue: defaultValue, readOnly: true, disabled: disabled, isVerified: isVerified, dir: 'ltr', locale: 'en', isDob: isDob, maxDate: maxDate, onDateChange: onDateChange, onClick: function () {
+    return (_jsxs(ScreenContainer, { children: [_jsx(Collapse, __assign({ in: !isHijriCalender }, { children: _jsx(DatePicker, { open: open, defaultValue: defaultValue, readOnly: true, disabled: disabled, isVerified: isVerified, dir: 'ltr', locale: 'en', isDob: isDob, maxDate: maxDate, minDate: minDate, onDateChange: onDateChange, onClick: function () {
                         onDateClicked === null || onDateClicked === void 0 ? void 0 : onDateClicked(true);
                         setOpen(true);
                     }, onDatePicked: function () {
                         onDateClicked === null || onDateClicked === void 0 ? void 0 : onDateClicked(false);
                         setOpen(false);
-                    } }) })), _jsx(Collapse, __assign({ in: isHijriCalender }, { children: _jsx(ArabicDatePicker, { open: open, readOnly: true, disabled: disabled, isVerified: isVerified, dir: theme.direction, isDob: isDob, maxDate: maxDate, onClick: function () {
+                    } }) })), _jsx(Collapse, __assign({ in: isHijriCalender }, { children: _jsx(ArabicDatePicker, { open: open, readOnly: true, disabled: disabled, isVerified: isVerified, dir: theme.direction, isDob: isDob, maxDate: maxDate, minDate: minDate, onClick: function () {
                         onDateClicked === null || onDateClicked === void 0 ? void 0 : onDateClicked(true);
                         setOpen(true);
                     }, onDatePicked: function () {

package/package.json

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