@tap-payments/auth-jsconnect 2.8.82-development → 2.8.83-development

package/build/features/app/business/businessStore.js

@@ -425,7 +425,7 @@ export var createCivilIdAuth = createAsyncThunk('createCivilIdAuth', function (p
     });
 }); });
 export var updateLeadIdentity = createAsyncThunk('updateLeadIdentity', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, business, identification_id_type, stepName, lead_id, countryIso2, requestBody, data, business_id, entity, screen;
+    var _a, settings, business, identification_id_type, stepName, lead_id, countryIso2, dob, requestBody, data, business_id, entity, screen;
     var _b, _c;
     return __generator(this, function (_d) {
         switch (_d.label) {
@@ -438,6 +438,7 @@ export var updateLeadIdentity = createAsyncThunk('updateLeadIdentity', function
                 if (isOtherThanKWOrSA(countryIso2)) {
                     identification_id_type = IDENTIFICATION_TYPE.NID;
                 }
+                dob = identification_id_type === IDENTIFICATION_TYPE.NAFATH ? undefined : dateFormat(new Date(params.dob));
                 requestBody = {
                     id: lead_id || '',
                     identification: {
@@ -445,8 +446,9 @@ export var updateLeadIdentity = createAsyncThunk('updateLeadIdentity', function
                         issued_country_code: countryIso2,
                         type: identification_id_type
                     },
+                    date_of_birth: dob,
                     step_name: stepName,
-                    encryption_contract: ['identification.issued_country_code', 'identification.id', 'identification.type']
+                    encryption_contract: ['identification.issued_country_code', 'identification.id', 'identification.type', 'date_of_birth']
                 };
                 return [4, API.leadService.updateLead(requestBody)];
             case 1:

package/build/features/app/connectExpress/connectExpressStore.js

@@ -624,13 +624,13 @@ export var createCivilIDAuthIdentityAsync = createAsyncThunk('connectExpress/cre
     });
 }); });
 export var createNIDNafathAuthIdentityAsync = createAsyncThunk('connectExpress/createNIDNafathAuthIdentityAsync', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, connectExpress, nid, nidType, countryCode, authData, requestBody, data;
+    var _a, settings, connectExpress, nid, dob, nidType, countryCode, authData, requestBody, data;
     var _b, _c, _d;
     return __generator(this, function (_e) {
         switch (_e.label) {
             case 0:
                 _a = thunkApi.getState(), settings = _a.settings, connectExpress = _a.connectExpress;
-                nid = params.nid;
+                nid = params.nid, dob = params.dob;
                 nidType = IDENTIFICATION_TYPE.NAFATH;
                 countryCode = settings.data.businessCountry.iso2;
                 if (isOtherThanKWOrSA(countryCode)) {
@@ -644,9 +644,10 @@ export var createNIDNafathAuthIdentityAsync = createAsyncThunk('connectExpress/c
                         issued_country_code: countryCode,
                         type: nidType
                     },
+                    date_of_birth: nidType === IDENTIFICATION_TYPE.NAFATH ? undefined : dob,
                     country_code: countryCode,
                     step_name: CONNECT_EXPRESS_STEP_NAMES.IDENTITY_AUTH,
-                    encryption_contract: ['identification.issued_country_code', 'identification.id', 'identification.type']
+                    encryption_contract: ['identification.issued_country_code', 'identification.id', 'identification.type', 'date_of_birth']
                 };
                 return [4, API.leadService.updateLead(requestBody)];
             case 1:

package/build/features/business/screens/IDBOD/DOB.d.ts

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

package/build/features/business/screens/IDBOD/DOB.js

@@ -0,0 +1,45 @@
+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 { useController, useFormContext } from 'react-hook-form';
+import { useAppDispatch, useAppSelector } from '../../../../hooks';
+import { styled, alpha } from '@mui/material/styles';
+import Text from '../../../../components/Text';
+import { ScreenContainer } from '../../../shared/Containers';
+import Calender from '../../../shared/Calender';
+import { businessSelector, clearError } from '../../../app/business/businessStore';
+var InputLabelStyled = styled(Text)(function (_a) {
+    var theme = _a.theme;
+    return (__assign(__assign({ color: alpha(theme.palette.text.primary, 0.6) }, theme.typography.caption), { cursor: 'pointer' }));
+});
+var BOD = 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(businessSelector).error;
+    var handleBirthDateChange = function (data) {
+        if (error)
+            dispatch(clearError());
+        dobControl.field.onChange(data);
+    };
+    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(2.5, 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 React.memo(BOD);

package/build/features/business/screens/IDBOD/IDBOD.js

@@ -21,18 +21,21 @@ import Form from '../../../../components/Form';
 import Button from '../../../shared/Button';
 import { ScreenContainer } from '../../../shared/Containers';
 import { businessSelector, clearError, updateLeadIdentity } from '../../../app/business/businessStore';
+import Collapse from '../../../../components/Collapse';
 import { deepCopy, isOtherThanKWOrSA, sendCustomEventToGTM } from '../../../../utils';
 import { NIDOtherCountryValidationSchema, NIDValidationSchema } from './validation';
 import ID from './ID';
+import DOB from './DOB';
 var FormStyled = styled(Form)(function () { return ({
     display: 'flex',
     flexDirection: 'column'
 }); });
 var IDBOD = 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 _b = useAppSelector(businessSelector), data = _b.data, loading = _b.loading, error = _b.error;
+    var _c = useAppSelector(businessSelector), data = _c.data, loading = _c.loading, error = _c.error;
     var settingsData = useAppSelector(settingsSelector).data;
     var isOtherCountry = React.useMemo(function () { return isOtherThanKWOrSA(settingsData.businessCountry.iso2); }, [settingsData.businessCountry.iso2]);
     var methods = useForm({
@@ -56,7 +59,10 @@ var IDBOD = function (_a) {
     var onSubmit = function (data) {
         dispatch(updateLeadIdentity(deepCopy(data)));
     };
+    var handleCollapseOpenClose = function (flag) {
+        setCollapse(flag);
+    };
     var disabled = !methods.formState.isValid;
-    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(ID, {}), _jsx(Button, __assign({ sx: { mt: 10 }, loading: loading, disableBack: true, isAr: isAr, disabled: disabled, error: t(error || '') }, { children: t('next') }))] })) })) }));
+    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(Collapse, __assign({ in: !collapse }, { children: _jsx(ID, {}) })), _jsx(Collapse, __assign({ in: isOtherCountry }, { children: _jsx(DOB, { onDateClicked: handleCollapseOpenClose }) })), _jsx(Collapse, __assign({ in: !collapse }, { children: _jsx(Button, __assign({ sx: !isOtherCountry ? { mt: 10 } : {}, loading: loading, disableBack: true, isAr: isAr, disabled: disabled, error: t(error || '') }, { children: t('next') })) }))] })) })) }));
 };
 export default React.memo(IDBOD);

package/build/features/business/screens/IDBOD/validation.d.ts

@@ -7,9 +7,12 @@ export declare const NIDValidationSchema: yup.ObjectSchema<import("yup/lib/objec
     nid: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
 }>>>;
 export declare const NIDOtherCountryValidationSchema: 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/business/screens/IDBOD/validation.js

@@ -7,5 +7,6 @@ export var NIDValidationSchema = yup.object().shape({
         .required('signup_invalid_national_id')
 });
 export var NIDOtherCountryValidationSchema = yup.object().shape({
+    dob: yup.string().min(5).required('enter_valid_birth_date'),
     nid: yup.string().min(3, 'signup_invalid_national_id').required('signup_invalid_national_id')
 });

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

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

package/build/features/connectExpress/screens/NIDMissed/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(2.5, 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/NIDMissed/NID.js

@@ -22,18 +22,21 @@ import { clearError, connectExpressSelector, createNIDNafathAuthIdentityAsync }
 import Form from '../../../../components/Form';
 import Button from '../../../shared/Button';
 import { ScreenContainer } from '../../../shared/Containers';
+import Collapse from '../../../../components/Collapse';
 import IDNumber from './IDNumber';
+import DOB from './DOB';
 import { deepCopy, isOtherThanKWOrSA } from '../../../../utils';
 var FormStyled = styled(Form)(function () { return ({
     display: 'flex',
     flexDirection: 'column'
 }); });
 var NID = 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 settingsData = useAppSelector(settingsSelector).data;
-    var _b = useAppSelector(connectExpressSelector), data = _b.data, loading = _b.loading, error = _b.error;
+    var _c = useAppSelector(connectExpressSelector), data = _c.data, loading = _c.loading, error = _c.error;
     var isOtherCountry = React.useMemo(function () { return isOtherThanKWOrSA(settingsData.businessCountry.iso2); }, [settingsData.businessCountry.iso2]);
     var methods = useForm({
         resolver: yupResolver(isOtherCountry ? NIDOtherCountryValidationSchema : NIDValidationSchema),
@@ -47,10 +50,13 @@ var NID = function (_a) {
     var onSubmit = function (data) {
         dispatch(createNIDNafathAuthIdentityAsync(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(IDNumber, { show: true }), _jsx(Button, __assign({ sx: { mt: 10 }, loading: loading, isAr: isAr, onBackClicked: onBack, disabled: disabled, error: t(error || '') }, { children: t('next') }))] })) })) }));
+    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(Collapse, __assign({ in: !collapse }, { children: _jsx(IDNumber, { show: !collapse }) })), _jsx(Collapse, __assign({ in: isOtherCountry }, { children: _jsx(DOB, { onDateClicked: handleCollapseOpenClose }) })), _jsx(Collapse, __assign({ in: !collapse }, { children: _jsx(Button, __assign({ sx: !isOtherCountry ? { mt: 10 } : {}, loading: loading, isAr: isAr, onBackClicked: onBack, disabled: disabled, error: t(error || '') }, { children: t('next') })) }))] })) })) }));
 };
 export default React.memo(NID);

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

@@ -7,9 +7,12 @@ export declare const NIDValidationSchema: yup.ObjectSchema<import("yup/lib/objec
     nid: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
 }>>>;
 export declare const NIDOtherCountryValidationSchema: 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/NIDMissed/validation.js

@@ -7,5 +7,6 @@ export var NIDValidationSchema = yup.object().shape({
         .required('signup_invalid_national_id')
 });
 export var NIDOtherCountryValidationSchema = yup.object().shape({
+    dob: yup.string().min(5).required('enter_valid_birth_date'),
     nid: yup.string().min(3, 'signup_invalid_national_id').required('signup_invalid_national_id')
 });

package/package.json

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