@tap-payments/auth-jsconnect 2.3.4-test → 2.3.5-test

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

@@ -1,27 +1,27 @@
-import * as yup from 'yup';
-export declare const BusinessDataSchema: (isLeadIdPassed: boolean) => yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-    brandName: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-    selectedLicense: any;
-    licenseNumber: 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, {
-    brandName: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-    selectedLicense: any;
-    licenseNumber: 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, {
-    brandName: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-    selectedLicense: any;
-    licenseNumber: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-}>>>;
-export declare const KWBusinessDataSchema: (isLeadIdPassed: boolean) => yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-    brandName: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-    selectedLicense: any;
-    licenseNumber: 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, {
-    brandName: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-    selectedLicense: any;
-    licenseNumber: 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, {
-    brandName: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-    selectedLicense: any;
-    licenseNumber: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-}>>>;
+import * as yup from 'yup';
+export declare const BusinessDataSchema: (isLeadIdPassed: boolean) => yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
+    brandName: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+    selectedLicense: any;
+    licenseNumber: 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, {
+    brandName: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+    selectedLicense: any;
+    licenseNumber: 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, {
+    brandName: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+    selectedLicense: any;
+    licenseNumber: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+}>>>;
+export declare const KWBusinessDataSchema: (isLeadIdPassed: boolean) => yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
+    brandName: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+    selectedLicense: any;
+    licenseNumber: 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, {
+    brandName: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+    selectedLicense: any;
+    licenseNumber: 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, {
+    brandName: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+    selectedLicense: any;
+    licenseNumber: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+}>>>;

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

@@ -1,155 +1,155 @@
-import * as yup from 'yup';
-import { KW_MIN_LICENSE_LENGTH, FL_MIN_LICENSE_LENGTH, CR_MIN_LICENSE_LENGTH } from '../../../../constants';
-import { BusinessType } from '../../../../@types';
-var objectElements = {
-    legal_name: yup.object().shape({
-        ar: yup.string(),
-        en: yup.string()
-    }),
-    license: yup.object().shape({
-        number: yup.string()
-    }),
-    type: yup.string()
-};
-export var BusinessDataSchema = function (isLeadIdPassed) {
-    if (!isLeadIdPassed) {
-        return yup.object().shape({
-            brandName: yup
-                .string()
-                .test({
-                test: function (value) {
-                    if ((value === null || value === void 0 ? void 0 : value.length) === 0)
-                        return true;
-                    if (value && value.length >= 3)
-                        return true;
-                    return this.createError({ message: 'enter_brand_name_english_chars_numbers_space' });
-                }
-            })
-                .required('enter_brand_name_english_chars_numbers_space'),
-            selectedLicense: yup.object().shape(objectElements).required(''),
-            licenseNumber: yup
-                .string()
-                .test({
-                test: function (value) {
-                    var selectedLicense = this.parent.selectedLicense;
-                    var isCR = (selectedLicense === null || selectedLicense === void 0 ? void 0 : selectedLicense.type) === BusinessType.CR;
-                    var length = (value === null || value === void 0 ? void 0 : value.length) || 0;
-                    if (length === 0)
-                        return true;
-                    if (isCR) {
-                        return length > CR_MIN_LICENSE_LENGTH ? true : this.createError({ message: 'cr_max_length' });
-                    }
-                    return length > FL_MIN_LICENSE_LENGTH ? true : this.createError({ message: 'fl_max_length' });
-                }
-            })
-                .required(''),
-            termAndConditionChecked: yup.boolean().isTrue('check_terms_cond').required('check_terms_cond')
-        });
-    }
-    return yup.object().shape({
-        brandName: yup
-            .string()
-            .test({
-            test: function (value) {
-                if ((value === null || value === void 0 ? void 0 : value.length) === 0)
-                    return true;
-                if (value && value.length >= 3)
-                    return true;
-                return this.createError({ message: 'enter_brand_name_english_chars_numbers_space' });
-            }
-        })
-            .required('enter_brand_name_english_chars_numbers_space'),
-        selectedLicense: yup.object().shape(objectElements).required(''),
-        licenseNumber: yup
-            .string()
-            .test({
-            test: function (value) {
-                var selectedLicense = this.parent.selectedLicense;
-                var isCR = (selectedLicense === null || selectedLicense === void 0 ? void 0 : selectedLicense.type) === BusinessType.CR;
-                var length = (value === null || value === void 0 ? void 0 : value.length) || 0;
-                if (length === 0)
-                    return true;
-                if (isCR) {
-                    return length > CR_MIN_LICENSE_LENGTH ? true : this.createError({ message: 'cr_max_length' });
-                }
-                return length > FL_MIN_LICENSE_LENGTH ? true : this.createError({ message: 'fl_max_length' });
-            }
-        })
-            .required('')
-    });
-};
-export var KWBusinessDataSchema = function (isLeadIdPassed) {
-    if (!isLeadIdPassed) {
-        return yup.object().shape({
-            brandName: yup
-                .string()
-                .test({
-                test: function (value) {
-                    if ((value === null || value === void 0 ? void 0 : value.length) === 0)
-                        return true;
-                    if (value && value.length >= 3)
-                        return true;
-                    return this.createError({ message: 'enter_brand_name_english_chars_numbers_space' });
-                }
-            })
-                .required('enter_brand_name_english_chars_numbers_space'),
-            selectedLicense: yup.object().shape(objectElements).required(''),
-            licenseNumber: yup
-                .string()
-                .when('selectedLicense', function (selectedLicense) {
-                var isCR = (selectedLicense === null || selectedLicense === void 0 ? void 0 : selectedLicense.type) === BusinessType.CR;
-                if (!isCR) {
-                    return yup.string().optional();
-                }
-                return yup
-                    .string()
-                    .required('')
-                    .test({
-                    test: function (value) {
-                        var length = (value === null || value === void 0 ? void 0 : value.length) || 0;
-                        if (length === 0)
-                            return true;
-                        return length >= KW_MIN_LICENSE_LENGTH ? true : this.createError({ message: 'cr_kw_max_length' });
-                    }
-                });
-            })
-                .required(''),
-            termAndConditionChecked: yup.boolean().isTrue('check_terms_cond').required('check_terms_cond')
-        });
-    }
-    return yup.object().shape({
-        brandName: yup
-            .string()
-            .test({
-            test: function (value) {
-                if ((value === null || value === void 0 ? void 0 : value.length) === 0)
-                    return true;
-                if (value && value.length >= 3)
-                    return true;
-                return this.createError({ message: 'enter_brand_name_english_chars_numbers_space' });
-            }
-        })
-            .required('enter_brand_name_english_chars_numbers_space'),
-        selectedLicense: yup.object().shape(objectElements).required(''),
-        licenseNumber: yup
-            .string()
-            .when('selectedLicense', function (selectedLicense) {
-            var isCR = (selectedLicense === null || selectedLicense === void 0 ? void 0 : selectedLicense.type) === BusinessType.CR;
-            if (!isCR) {
-                return yup.string().optional();
-            }
-            return yup
-                .string()
-                .required('')
-                .test({
-                test: function (value) {
-                    var length = (value === null || value === void 0 ? void 0 : value.length) || 0;
-                    if (length === 0)
-                        return true;
-                    return length >= KW_MIN_LICENSE_LENGTH ? true : this.createError({ message: 'cr_kw_max_length' });
-                }
-            });
-        })
-            .required('')
-    });
-};
+import * as yup from 'yup';
+import { KW_MIN_LICENSE_LENGTH, FL_MIN_LICENSE_LENGTH, CR_MIN_LICENSE_LENGTH } from '../../../../constants';
+import { BusinessType } from '../../../../@types';
+var objectElements = {
+    legal_name: yup.object().shape({
+        ar: yup.string(),
+        en: yup.string()
+    }),
+    license: yup.object().shape({
+        number: yup.string()
+    }),
+    type: yup.string()
+};
+export var BusinessDataSchema = function (isLeadIdPassed) {
+    if (!isLeadIdPassed) {
+        return yup.object().shape({
+            brandName: yup
+                .string()
+                .test({
+                test: function (value) {
+                    if ((value === null || value === void 0 ? void 0 : value.length) === 0)
+                        return true;
+                    if (value && value.length >= 3)
+                        return true;
+                    return this.createError({ message: 'enter_brand_name_english_chars_numbers_space' });
+                }
+            })
+                .required('enter_brand_name_english_chars_numbers_space'),
+            selectedLicense: yup.object().shape(objectElements).required(''),
+            licenseNumber: yup
+                .string()
+                .test({
+                test: function (value) {
+                    var selectedLicense = this.parent.selectedLicense;
+                    var isCR = (selectedLicense === null || selectedLicense === void 0 ? void 0 : selectedLicense.type) === BusinessType.CR;
+                    var length = (value === null || value === void 0 ? void 0 : value.length) || 0;
+                    if (length === 0)
+                        return true;
+                    if (isCR) {
+                        return length > CR_MIN_LICENSE_LENGTH ? true : this.createError({ message: 'cr_max_length' });
+                    }
+                    return length > FL_MIN_LICENSE_LENGTH ? true : this.createError({ message: 'fl_max_length' });
+                }
+            })
+                .required(''),
+            termAndConditionChecked: yup.boolean().isTrue('check_terms_cond').required('check_terms_cond')
+        });
+    }
+    return yup.object().shape({
+        brandName: yup
+            .string()
+            .test({
+            test: function (value) {
+                if ((value === null || value === void 0 ? void 0 : value.length) === 0)
+                    return true;
+                if (value && value.length >= 3)
+                    return true;
+                return this.createError({ message: 'enter_brand_name_english_chars_numbers_space' });
+            }
+        })
+            .required('enter_brand_name_english_chars_numbers_space'),
+        selectedLicense: yup.object().shape(objectElements).required(''),
+        licenseNumber: yup
+            .string()
+            .test({
+            test: function (value) {
+                var selectedLicense = this.parent.selectedLicense;
+                var isCR = (selectedLicense === null || selectedLicense === void 0 ? void 0 : selectedLicense.type) === BusinessType.CR;
+                var length = (value === null || value === void 0 ? void 0 : value.length) || 0;
+                if (length === 0)
+                    return true;
+                if (isCR) {
+                    return length > CR_MIN_LICENSE_LENGTH ? true : this.createError({ message: 'cr_max_length' });
+                }
+                return length > FL_MIN_LICENSE_LENGTH ? true : this.createError({ message: 'fl_max_length' });
+            }
+        })
+            .required('')
+    });
+};
+export var KWBusinessDataSchema = function (isLeadIdPassed) {
+    if (!isLeadIdPassed) {
+        return yup.object().shape({
+            brandName: yup
+                .string()
+                .test({
+                test: function (value) {
+                    if ((value === null || value === void 0 ? void 0 : value.length) === 0)
+                        return true;
+                    if (value && value.length >= 3)
+                        return true;
+                    return this.createError({ message: 'enter_brand_name_english_chars_numbers_space' });
+                }
+            })
+                .required('enter_brand_name_english_chars_numbers_space'),
+            selectedLicense: yup.object().shape(objectElements).required(''),
+            licenseNumber: yup
+                .string()
+                .when('selectedLicense', function (selectedLicense) {
+                var isCR = (selectedLicense === null || selectedLicense === void 0 ? void 0 : selectedLicense.type) === BusinessType.CR;
+                if (!isCR) {
+                    return yup.string().optional();
+                }
+                return yup
+                    .string()
+                    .required('')
+                    .test({
+                    test: function (value) {
+                        var length = (value === null || value === void 0 ? void 0 : value.length) || 0;
+                        if (length === 0)
+                            return true;
+                        return length >= KW_MIN_LICENSE_LENGTH ? true : this.createError({ message: 'cr_kw_max_length' });
+                    }
+                });
+            })
+                .required(''),
+            termAndConditionChecked: yup.boolean().isTrue('check_terms_cond').required('check_terms_cond')
+        });
+    }
+    return yup.object().shape({
+        brandName: yup
+            .string()
+            .test({
+            test: function (value) {
+                if ((value === null || value === void 0 ? void 0 : value.length) === 0)
+                    return true;
+                if (value && value.length >= 3)
+                    return true;
+                return this.createError({ message: 'enter_brand_name_english_chars_numbers_space' });
+            }
+        })
+            .required('enter_brand_name_english_chars_numbers_space'),
+        selectedLicense: yup.object().shape(objectElements).required(''),
+        licenseNumber: yup
+            .string()
+            .when('selectedLicense', function (selectedLicense) {
+            var isCR = (selectedLicense === null || selectedLicense === void 0 ? void 0 : selectedLicense.type) === BusinessType.CR;
+            if (!isCR) {
+                return yup.string().optional();
+            }
+            return yup
+                .string()
+                .required('')
+                .test({
+                test: function (value) {
+                    var length = (value === null || value === void 0 ? void 0 : value.length) || 0;
+                    if (length === 0)
+                        return true;
+                    return length >= KW_MIN_LICENSE_LENGTH ? true : this.createError({ message: 'cr_kw_max_length' });
+                }
+            });
+        })
+            .required('')
+    });
+};

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

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

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

@@ -1,89 +1,89 @@
-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 { useForm, FormProvider } from 'react-hook-form';
-import { yupResolver } from '@hookform/resolvers/yup';
-import { styled } from '@mui/material/styles';
-import { useAppDispatch, useAppSelector, useSetFromDefaultValues } from '../../../../hooks';
-import { AuthForType } from '../../../../@types';
-import { useLanguage } from '../../../../hooks';
-import { isKW } from '../../../../utils';
-import { countriesCode } from '../../../../constants';
-import { handlePrevScreenStep, settingsSelector } from '../../../../app/settings';
-import Form from '../../../../components/Form';
-import Collapse from '../../../../components/Collapse';
-import Button from '../../../shared/Button';
-import { ScreenContainer } from '../../../shared/Containers';
-import { clearError, connectExpressSelector, resetIndividualScreen, updateLeadIndividualAsync } from '../../../app/connectExpress/connectExpressStore';
-import MobileNumber from './MobileNumber';
-import Email from './Email';
-import Name from './Name';
-import { CollectIndividualInfoValidation } from './validation';
-var FormStyled = styled(Form)(function () { return ({
-    display: 'flex',
-    flexDirection: 'column',
-    minHeight: '240px',
-    justifyContent: 'space-between'
-}); });
-var CollectIndividualInfo = function (_a) {
-    var _b = React.useState(false), listActive = _b[0], setListActive = _b[1];
-    var _c = React.useState(false), emailChecking = _c[0], setEmailChecking = _c[1];
-    var settingsData = useAppSelector(settingsSelector).data;
-    var _d = useAppSelector(connectExpressSelector), data = _d.data, loading = _d.loading, error = _d.error;
-    var dispatch = useAppDispatch();
-    var t = useTranslation().t;
-    var isAr = useLanguage().isAr;
-    var individualData = data.individualData, otpData = data.otpData, responseData = data.responseData;
-    var startWithNID = otpData.authFor === AuthForType.NATIONAL_ID;
-    var contact = ((responseData === null || responseData === void 0 ? void 0 : responseData.leadData) || {}).contact;
-    var countryCode = individualData.countryCode;
-    var isEmailAvailable = (responseData || {}).isEmailAvailable;
-    var methods = useForm({
-        resolver: yupResolver(CollectIndividualInfoValidation),
-        defaultValues: individualData,
-        mode: 'onChange'
-    });
-    useSetFromDefaultValues(methods, individualData, true);
-    React.useEffect(function () {
-        if (countryCode.iso2 !== methods.getValues('countryCode.iso2'))
-            methods.setValue('countryCode', countryCode);
-    }, [countryCode]);
-    var onSubmit = function (formData) {
-        dispatch(updateLeadIndividualAsync(formData));
-    };
-    var onBack = function () {
-        var _a;
-        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';
-        dispatch(handlePrevScreenStep(screen));
-    };
-    React.useEffect(function () {
-        if (error)
-            dispatch(clearError());
-    }, [methods.formState.isValid]);
-    var handleMenuListClick = function () {
-        setListActive(!listActive);
-    };
-    React.useEffect(function () {
-        if (isEmailAvailable === false)
-            methods.setError('email', { message: 'tap_js_email_already_exist' });
-    }, [responseData]);
-    var isLeadEmailAvailable = (contact === null || contact === void 0 ? void 0 : contact.email) === methods.watch('email');
-    var isEmailValid = typeof isEmailAvailable === 'undefined' ? isLeadEmailAvailable : isEmailAvailable;
-    var emailErrChecks = !methods.formState.isValid || !!methods.formState.errors.email || !!error;
-    var disabled = emailErrChecks || emailChecking || !isEmailValid;
-    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(Name, { show: !listActive }), _jsx(MobileNumber, { show: true, onListOpen: function () { return handleMenuListClick(); }, onListClose: function () { return handleMenuListClick(); }, countries: countriesCode }), _jsx(Email, { show: !listActive, fetchingEmail: function (v) { return setEmailChecking(v); }, emailChecking: emailChecking }), _jsx(Collapse, __assign({ in: !listActive }, { children: _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, disabled: disabled, isAr: isAr, loading: loading, error: t(error || '') }, { children: t('next') })) }))] })) })) }));
-};
-export default React.memo(CollectIndividualInfo);
+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 { useForm, FormProvider } from 'react-hook-form';
+import { yupResolver } from '@hookform/resolvers/yup';
+import { styled } from '@mui/material/styles';
+import { useAppDispatch, useAppSelector, useSetFromDefaultValues } from '../../../../hooks';
+import { AuthForType } from '../../../../@types';
+import { useLanguage } from '../../../../hooks';
+import { isKW } from '../../../../utils';
+import { countriesCode } from '../../../../constants';
+import { handlePrevScreenStep, settingsSelector } from '../../../../app/settings';
+import Form from '../../../../components/Form';
+import Collapse from '../../../../components/Collapse';
+import Button from '../../../shared/Button';
+import { ScreenContainer } from '../../../shared/Containers';
+import { clearError, connectExpressSelector, resetIndividualScreen, updateLeadIndividualAsync } from '../../../app/connectExpress/connectExpressStore';
+import MobileNumber from './MobileNumber';
+import Email from './Email';
+import Name from './Name';
+import { CollectIndividualInfoValidation } from './validation';
+var FormStyled = styled(Form)(function () { return ({
+    display: 'flex',
+    flexDirection: 'column',
+    minHeight: '240px',
+    justifyContent: 'space-between'
+}); });
+var CollectIndividualInfo = function (_a) {
+    var _b = React.useState(false), listActive = _b[0], setListActive = _b[1];
+    var _c = React.useState(false), emailChecking = _c[0], setEmailChecking = _c[1];
+    var settingsData = useAppSelector(settingsSelector).data;
+    var _d = useAppSelector(connectExpressSelector), data = _d.data, loading = _d.loading, error = _d.error;
+    var dispatch = useAppDispatch();
+    var t = useTranslation().t;
+    var isAr = useLanguage().isAr;
+    var individualData = data.individualData, otpData = data.otpData, responseData = data.responseData;
+    var startWithNID = otpData.authFor === AuthForType.NATIONAL_ID;
+    var contact = ((responseData === null || responseData === void 0 ? void 0 : responseData.leadData) || {}).contact;
+    var countryCode = individualData.countryCode;
+    var isEmailAvailable = (responseData || {}).isEmailAvailable;
+    var methods = useForm({
+        resolver: yupResolver(CollectIndividualInfoValidation),
+        defaultValues: individualData,
+        mode: 'onChange'
+    });
+    useSetFromDefaultValues(methods, individualData, true);
+    React.useEffect(function () {
+        if (countryCode.iso2 !== methods.getValues('countryCode.iso2'))
+            methods.setValue('countryCode', countryCode);
+    }, [countryCode]);
+    var onSubmit = function (formData) {
+        dispatch(updateLeadIndividualAsync(formData));
+    };
+    var onBack = function () {
+        var _a;
+        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';
+        dispatch(handlePrevScreenStep(screen));
+    };
+    React.useEffect(function () {
+        if (error)
+            dispatch(clearError());
+    }, [methods.formState.isValid]);
+    var handleMenuListClick = function () {
+        setListActive(!listActive);
+    };
+    React.useEffect(function () {
+        if (isEmailAvailable === false)
+            methods.setError('email', { message: 'tap_js_email_already_exist' });
+    }, [responseData]);
+    var isLeadEmailAvailable = (contact === null || contact === void 0 ? void 0 : contact.email) === methods.watch('email');
+    var isEmailValid = typeof isEmailAvailable === 'undefined' ? isLeadEmailAvailable : isEmailAvailable;
+    var emailErrChecks = !methods.formState.isValid || !!methods.formState.errors.email || !!error;
+    var disabled = emailErrChecks || emailChecking || !isEmailValid;
+    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(Name, { show: !listActive }), _jsx(MobileNumber, { show: true, onListOpen: function () { return handleMenuListClick(); }, onListClose: function () { return handleMenuListClick(); }, countries: countriesCode }), _jsx(Email, { show: !listActive, fetchingEmail: function (v) { return setEmailChecking(v); }, emailChecking: emailChecking }), _jsx(Collapse, __assign({ in: !listActive }, { children: _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, disabled: disabled, isAr: isAr, loading: loading, error: t(error || '') }, { children: t('next') })) }))] })) })) }));
+};
+export default React.memo(CollectIndividualInfo);

package/build/features/connectExpress/screens/CollectIndividualInfo/Email.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
-export interface EmailProps {
-    show: boolean;
-    fetchingEmail: (flag: boolean) => void;
-    emailChecking: boolean;
-}
-declare const _default: React.MemoExoticComponent<({ show, fetchingEmail, emailChecking }: EmailProps) => JSX.Element>;
-export default _default;
+import * as React from 'react';
+export interface EmailProps {
+    show: boolean;
+    fetchingEmail: (flag: boolean) => void;
+    emailChecking: boolean;
+}
+declare const _default: React.MemoExoticComponent<({ show, fetchingEmail, emailChecking }: EmailProps) => JSX.Element>;
+export default _default;