@tap-payments/auth-jsconnect 2.11.14-development → 2.11.15-development

package/build/features/individual/screens/IndividualPersonalInfo/IndividualPersonalInfo.js

@@ -1,240 +0,0 @@
-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 { yupResolver } from '@hookform/resolvers/yup';
-import { useForm, FormProvider } from 'react-hook-form';
-import { useTranslation } from 'react-i18next';
-import { handleCurrentActiveScreen, handlePrevScreenStep, settingsSelector } from '../../../../app/settings';
-import Box from '@mui/material/Box';
-import { alpha, styled } from '@mui/material/styles';
-import { useAppDispatch, useAppSelector, useSetFromDefaultValues, useLanguage, useFormReadOnly, useDataNoneEditable, useFormErrorAndUpdateReadOnly, useExcludeReadOnlyFelids, useDataVerified, useFormDirtyCheck } from '../../../../hooks';
-import { convertToEnglishDateFormat, deepCopy, findCountryByIddPrefix, findCountryByIso2, getUserName, isKWOrSA, isOtherThanKWOrSA, sendCustomEventToGTM } from '../../../../utils';
-import Form from '../../../../components/Form';
-import Collapse from '../../../../components/Collapse';
-import Text from '../../../../components/Text';
-import { clearError, individualSelector, retrieveBoardStatus, updateIndividualPersonalInfo } from '../../../app/individual/individualStore';
-import Button from '../../../shared/Button';
-import ScreenContainer from '../../../shared/Containers/ScreenContainer';
-import { IndividualInfoValidationSchema } from './validation';
-import Name from './Name';
-import MobileNumber from './MobileNumber';
-import Email from './Email';
-import Gender from './Gender';
-import ID from './ID';
-import DOB from './DOB';
-import IssuedCountry from './IssuedCountry';
-import ExpiryDate from './ExpiryDate';
-import BirthCountry from './BirthCountry';
-import Nationality from './Nationality';
-import BirthCity from './BirthCity';
-export var RoleTextStyled = styled(Text)(function (_a) {
-    var theme = _a.theme;
-    return (__assign(__assign({}, theme.typography.body1), { display: 'inline', paddingInlineStart: theme.spacing(1.5), color: alpha(theme.palette.text.primary, 0.6), fontWeight: theme.typography.fontWeightMedium }));
-});
-var ListType;
-(function (ListType) {
-    ListType["MobileCountryList"] = "MobileCountryList";
-    ListType["IssuedCountryList"] = "IssuedCountryList";
-    ListType["BirthCountryList"] = "BirthCountryList";
-    ListType["BirthCityList"] = "BirthCityList";
-    ListType["NationalityList"] = "NationalityList";
-})(ListType || (ListType = {}));
-var IndividualPersonalInfo = function (_a) {
-    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
-    var t = useTranslation().t;
-    var isAr = useLanguage().isAr;
-    var dispatch = useAppDispatch();
-    var _p = useAppSelector(individualSelector), data = _p.data, loading = _p.loading, error = _p.error, cityLoading = _p.cityLoading;
-    var settingsData = useAppSelector(settingsSelector).data;
-    var countries = settingsData.countries;
-    var verify = data.verify, individualPersonalData = data.individualPersonalData;
-    var _q = verify.responseBody || {}, user = _q.user, flows = _q.flows;
-    var name = individualPersonalData.name, email = individualPersonalData.email, mobile = individualPersonalData.mobile, countryCode = individualPersonalData.countryCode, gender = individualPersonalData.gender, nid = individualPersonalData.nid, issuedCountry = individualPersonalData.issuedCountry, expiryDate = individualPersonalData.expiryDate, dob = individualPersonalData.dob, placeOfBirthCountry = individualPersonalData.placeOfBirthCountry, placeOfBirthCity = individualPersonalData.placeOfBirthCity, nationality = individualPersonalData.nationality;
-    var _r = user || {}, data_status = _r.data_status, is_authorized = _r.is_authorized, data_verification = _r.data_verification, contact = _r.contact, genderRes = _r.gender, identification = _r.identification, birth = _r.birth, nationalityRes = _r.nationality;
-    var isOtherCountry = React.useMemo(function () { return isOtherThanKWOrSA(settingsData.businessCountry.iso2); }, [settingsData.businessCountry.iso2]);
-    var methods = useForm({
-        resolver: yupResolver(IndividualInfoValidationSchema(isOtherCountry)),
-        defaultValues: {
-            name: name,
-            email: email,
-            mobile: mobile,
-            countryCode: countryCode,
-            gender: gender,
-            nid: nid,
-            issuedCountry: issuedCountry,
-            expiryDate: expiryDate,
-            dob: dob,
-            placeOfBirthCountry: placeOfBirthCountry,
-            placeOfBirthCity: placeOfBirthCity,
-            nationality: nationality
-        },
-        mode: 'onChange'
-    });
-    var watch = methods.watch;
-    useSetFromDefaultValues(methods, data.individualPersonalData);
-    var _s = React.useState(), listActive = _s[0], setListActive = _s[1];
-    var _t = React.useState(false), dobActive = _t[0], setDobActive = _t[1];
-    var _u = React.useState(false), expiryDateActive = _u[0], setExpiryDateActive = _u[1];
-    var expDateRes = (identification === null || identification === void 0 ? void 0 : identification.expiry) && convertToEnglishDateFormat(new Date(identification === null || identification === void 0 ? void 0 : identification.expiry));
-    var dobDateRes = (birth === null || birth === void 0 ? void 0 : birth.date) && convertToEnglishDateFormat(new Date(birth === null || birth === void 0 ? void 0 : birth.date));
-    var resCountryCode = React.useMemo(function () {
-        var _a;
-        if (!((_a = contact === null || contact === void 0 ? void 0 : contact.phone) === null || _a === void 0 ? void 0 : _a.country_code))
-            return {};
-        return findCountryByIddPrefix(countries, contact.phone.country_code) || {};
-    }, [(_b = contact === null || contact === void 0 ? void 0 : contact.phone) === null || _b === void 0 ? void 0 : _b.country_code]);
-    var resIssuedCountry = React.useMemo(function () {
-        if (!(identification === null || identification === void 0 ? void 0 : identification.issued_country_code))
-            return;
-        return findCountryByIso2(countries, identification.issued_country_code);
-    }, [identification === null || identification === void 0 ? void 0 : identification.issued_country_code]);
-    var resPlaceOfBirthCountry = React.useMemo(function () {
-        if (!(birth === null || birth === void 0 ? void 0 : birth.country))
-            return;
-        return findCountryByIso2(countries, birth.country);
-    }, [birth === null || birth === void 0 ? void 0 : birth.country]);
-    var resNationality = React.useMemo(function () {
-        if (!nationalityRes)
-            return;
-        return findCountryByIso2(countries, nationalityRes);
-    }, [nationalityRes]);
-    var isDirty = useFormDirtyCheck(methods, {
-        name: getUserName(user, false),
-        email: contact === null || contact === void 0 ? void 0 : contact.email,
-        mobile: (_c = contact === null || contact === void 0 ? void 0 : contact.phone) === null || _c === void 0 ? void 0 : _c.number,
-        countryCode: resCountryCode,
-        gender: genderRes === null || genderRes === void 0 ? void 0 : genderRes.toLowerCase(),
-        nid: identification === null || identification === void 0 ? void 0 : identification.id,
-        issuedCountry: resIssuedCountry,
-        expiryDate: expDateRes,
-        dob: dobDateRes,
-        placeOfBirthCountry: resPlaceOfBirthCountry,
-        placeOfBirthCity: ((_d = birth === null || birth === void 0 ? void 0 : birth.city) === null || _d === void 0 ? void 0 : _d.cityId) && { id: birth.city.cityId },
-        nationality: resNationality
-    }, [
-        {
-            name: 'placeOfBirthCity',
-            keys: ['id']
-        }
-    ]).isDirty;
-    var originalReadOnly = useFormReadOnly(methods);
-    var noneEditable = useDataNoneEditable(data_status, [
-        'name.en',
-        'name.ar',
-        'contact.phone.number',
-        'contact.phone.country_code',
-        'contact.email',
-        'identification.id',
-        'identification.type',
-        'identification.issuer_country',
-        'identification.expiry',
-        'birth.date',
-        'birth.country',
-        'birth.city',
-        'nationality',
-        'gender'
-    ]);
-    var readOnly = useFormErrorAndUpdateReadOnly(methods, originalReadOnly, noneEditable);
-    var getFelids = useExcludeReadOnlyFelids(methods, readOnly).getFelids;
-    var dataVerified = useDataVerified(data_verification, [
-        'name.en',
-        'name.ar',
-        'contact.phone.number',
-        'contact.phone.country_code',
-        'contact.email',
-        'identification.id',
-        'identification.type',
-        'identification.issuer_country',
-        'identification.expiry',
-        'birth.date',
-        'birth.country',
-        'birth.city',
-        'nationality',
-        'gender'
-    ]);
-    var isNameVerified = dataVerified['name.en'] && dataVerified['name.ar'] && getUserName(user, isAr) === watch('name');
-    var isPhoneNumberVerified = dataVerified['contact.phone.number'] &&
-        dataVerified['contact.phone.country_code'] &&
-        ((_e = contact === null || contact === void 0 ? void 0 : contact.phone) === null || _e === void 0 ? void 0 : _e.number) === watch('mobile') &&
-        ((_f = contact === null || contact === void 0 ? void 0 : contact.phone) === null || _f === void 0 ? void 0 : _f.country_code) === ((_h = (_g = watch('countryCode')) === null || _g === void 0 ? void 0 : _g.idd_prefix) === null || _h === void 0 ? void 0 : _h.toString());
-    var isEmailVerified = dataVerified['contact.email'] && (contact === null || contact === void 0 ? void 0 : contact.email) === watch('email');
-    var isGenderVerified = dataVerified['gender'] && genderRes === watch('gender');
-    var isIDVerified = dataVerified['identification.id'] && (identification === null || identification === void 0 ? void 0 : identification.id) === watch('nid');
-    var isIssuedCountryVerified = dataVerified['identification.issuer_country'] && (identification === null || identification === void 0 ? void 0 : identification.issued_country_code) === ((_j = watch('issuedCountry')) === null || _j === void 0 ? void 0 : _j.iso2);
-    var isExpiryDateVerified = dataVerified['identification.expiry'] && expDateRes === watch('expiryDate');
-    var isDOBVerified = dataVerified['birth.date'] && dobDateRes === watch('dob');
-    var isBirthCountryVerified = dataVerified['birth.country'] && (birth === null || birth === void 0 ? void 0 : birth.country) === ((_k = watch('placeOfBirthCountry')) === null || _k === void 0 ? void 0 : _k.iso2);
-    var isBirthCityVerified = dataVerified['birth.city'] && ((_l = birth === null || birth === void 0 ? void 0 : birth.city) === null || _l === void 0 ? void 0 : _l.cityId) === ((_m = watch('placeOfBirthCity')) === null || _m === void 0 ? void 0 : _m.id);
-    var isNationalityVerified = dataVerified['nationality'] && nationalityRes === ((_o = watch('nationality')) === null || _o === void 0 ? void 0 : _o.iso2);
-    var isKWOrSaCountry = React.useMemo(function () { return isKWOrSA(settingsData.businessCountry.iso2); }, [settingsData.businessCountry.iso2]);
-    var onSubmit = function (data) {
-        var formData = __assign(__assign({}, deepCopy(getFelids(data))), { isDirty: isDirty });
-        dispatch(updateIndividualPersonalInfo(formData));
-    };
-    React.useEffect(function () {
-        if (error)
-            dispatch(clearError());
-    }, [methods.formState.isValid]);
-    React.useEffect(function () {
-        sendCustomEventToGTM({
-            event: 'Send Event',
-            event_category: 'Board Flows - Individual',
-            event_action: 'Update Personal Data Page',
-            event_label: settingsData.businessCountry.iso2
-        });
-    }, []);
-    var onBack = function () {
-        if (error)
-            dispatch(clearError());
-        if (is_authorized || !isKWOrSaCountry) {
-            dispatch(handleCurrentActiveScreen('INDIVIDUAL_LIST_STEP'));
-            return;
-        }
-        sendCustomEventToGTM({
-            event: 'Send Event',
-            event_category: 'Board Flows - Individual',
-            event_action: 'Individual Details Back Button',
-            event_label: settingsData.businessCountry.iso2
-        });
-        if ((flows === null || flows === void 0 ? void 0 : flows.length) > 0) {
-            dispatch(handlePrevScreenStep('INDIVIDUAL_SUCCESS_FOUR_FLOWS_BUTTONS_STEP'));
-            return;
-        }
-        dispatch(retrieveBoardStatus());
-    };
-    var handleMenuClick = function (flag) {
-        setListActive(flag);
-    };
-    var handleDobActive = function (flag) {
-        setDobActive(flag);
-    };
-    var handleExpiryDateActive = function (flag) {
-        setExpiryDateActive(flag);
-    };
-    var disabled = !methods.formState.isValid || cityLoading;
-    var isDateFieldActive = dobActive || expiryDateActive;
-    var showField = !listActive && !isDateFieldActive;
-    var isMobileCountryListActive = listActive === ListType.MobileCountryList;
-    var isIssuedCountryListActive = listActive === ListType.IssuedCountryList;
-    var isBirthCountryListActive = listActive === ListType.BirthCountryList;
-    var isBirthCityListActive = listActive === ListType.BirthCityList;
-    var isNationalityListActive = listActive === ListType.NationalityList;
-    var disableBack = settingsData.appConfig.mode === 'content' && !(is_authorized || !isKWOrSaCountry);
-    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(Form, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsxs(Box, { children: [_jsx(Name, { show: showField, readOnly: readOnly['name'] || (noneEditable['name.en'] && noneEditable['name.ar']), isVerified: isNameVerified }), _jsx(MobileNumber, { readOnly: readOnly['mobile'] || noneEditable['contact.phone.number'] || noneEditable['contact.phone.country_code'], show: !isDateFieldActive && !isBirthCountryListActive && !isBirthCityListActive && !isNationalityListActive && !isIssuedCountryListActive, countries: countries, onListOpen: function () { return handleMenuClick(ListType.MobileCountryList); }, onListClose: function () { return handleMenuClick(); }, isVerified: isPhoneNumberVerified }), _jsx(Email, { show: showField, readOnly: readOnly['email'] || noneEditable['contact.email'], isVerified: isEmailVerified }), _jsx(Gender, { show: showField, readOnly: readOnly['gender'] || noneEditable['gender'], isVerified: isGenderVerified }), _jsx(ID, { show: showField, readOnly: readOnly['nid'] || noneEditable['identification.id'], isVerified: isIDVerified }), _jsx(IssuedCountry, { readOnly: readOnly['issuedCountry'] || noneEditable['identification.issuer_country'], show: !isMobileCountryListActive && !isDateFieldActive && !isBirthCountryListActive && !isBirthCityListActive && !isNationalityListActive, countries: countries, onListOpen: function () { return handleMenuClick(ListType.IssuedCountryList); }, onListClose: function () { return handleMenuClick(); }, isVerified: isIssuedCountryVerified }), _jsx(ExpiryDate, { show: !listActive && !dobActive, onDateClicked: handleExpiryDateActive, readOnly: readOnly['expiryDate'] || noneEditable['identification.expiry'], isVerified: isExpiryDateVerified }), _jsx(DOB, { show: !listActive && !expiryDateActive, onDateClicked: handleDobActive, readOnly: readOnly['dob'] || noneEditable['birth.date'], isVerified: isDOBVerified }), _jsx(BirthCountry, { readOnly: readOnly['placeOfBirthCountry'] || noneEditable['birth.country'], show: !isMobileCountryListActive && !isDateFieldActive && !isIssuedCountryListActive && !isBirthCityListActive && !isNationalityListActive, countries: countries, onListOpen: function () { return handleMenuClick(ListType.BirthCountryList); }, onListClose: function () { return handleMenuClick(); }, isVerified: isBirthCountryVerified }), _jsx(BirthCity, { readOnly: readOnly['placeOfBirthCity'] || noneEditable['birth.city'], show: !isMobileCountryListActive &&
-                                    !isDateFieldActive &&
-                                    !isIssuedCountryListActive &&
-                                    !isBirthCountryListActive &&
-                                    !isNationalityListActive, onListOpen: function () { return handleMenuClick(ListType.BirthCityList); }, onListClose: function () { return handleMenuClick(); }, isVerified: isBirthCityVerified }), _jsx(Nationality, { readOnly: readOnly['nationality'] || noneEditable['nationality'], show: !isMobileCountryListActive && !isDateFieldActive && !isIssuedCountryListActive && !isBirthCityListActive && !isBirthCountryListActive, countries: countries, onListOpen: function () { return handleMenuClick(ListType.NationalityList); }, onListClose: function () { return handleMenuClick(); }, isVerified: isNationalityVerified })] }), _jsx(Collapse, __assign({ in: showField, timeout: 500 }, { children: _jsx(Button, __assign({ disableBack: disableBack, onBackClicked: function () { return onBack(); }, isAr: isAr, disabled: disabled, loading: loading, error: t(error || '') }, { children: t('next') })) }))] })) })) }));
-};
-IndividualPersonalInfo.defaultProps = {};
-export default React.memo(IndividualPersonalInfo);

package/build/features/individual/screens/IndividualPersonalInfo/IssuedCountry.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { CountryCode } from '../../../../@types';
-interface IssuedCountryProps {
-    countries: Array<CountryCode>;
-    show: boolean;
-    onListOpen?: () => void;
-    onListClose?: () => void;
-    readOnly?: boolean;
-    isVerified?: boolean;
-}
-declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<IssuedCountryProps & React.RefAttributes<unknown>>>;
-export default _default;

package/build/features/individual/screens/IndividualPersonalInfo/IssuedCountry.js

@@ -1,76 +0,0 @@
-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);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-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';
-import { useTranslation } from 'react-i18next';
-import { useController, useFormContext } from 'react-hook-form';
-import { styled } from '@mui/material/styles';
-import { useLanguage } from '../../../../hooks';
-import Collapse from '../../../../components/Collapse';
-import Text from '../../../../components/Text';
-import SimpleList from '../../../../components/SimpleList';
-import ScreenContainer from '../../../shared/Containers/ScreenContainer';
-import InputSelect from '../../../shared/InputSelect';
-import { EndAdornmentExpanded } from '../../../shared/EndAdornment';
-import CheckIcon from '../../../shared/CheckIcon';
-var CountryItemContainer = styled(Box)(function () { return ({
-    display: 'flex'
-}); });
-var CountryNameText = styled(Text, { shouldForwardProp: function (prop) { return prop !== 'isSelected'; } })(function (_a) {
-    var theme = _a.theme, isSelected = _a.isSelected;
-    return (__assign(__assign({ color: theme.palette.text.primary }, theme.typography.body2), { fontWeight: isSelected ? theme.typography.fontWeightMedium : theme.typography.fontWeightLight, paddingInlineStart: theme.spacing(1.25) }));
-});
-var IssuedCountry = React.forwardRef(function (_a, ref) {
-    var _b, _c, _d;
-    var countries = _a.countries, readOnly = _a.readOnly, isVerified = _a.isVerified, rest = __rest(_a, ["countries", "readOnly", "isVerified"]);
-    var _e = React.useState(countries), locationCountries = _e[0], setCountries = _e[1];
-    var _f = React.useState(null), anchorEl = _f[0], setAnchorEl = _f[1];
-    var t = useTranslation().t;
-    var isAr = useLanguage().isAr;
-    var control = useFormContext().control;
-    var issuedCountryControl = useController({ control: control, name: 'issuedCountry' });
-    var onOpenCountrySelect = function (event) {
-        var _a;
-        if (readOnly)
-            return;
-        setAnchorEl(event.currentTarget);
-        (_a = rest.onListOpen) === null || _a === void 0 ? void 0 : _a.call(rest);
-    };
-    var onCloseCountrySelect = function () {
-        var _a;
-        setAnchorEl(null);
-        (_a = rest.onListClose) === null || _a === void 0 ? void 0 : _a.call(rest);
-        setCountries(countries);
-    };
-    var onSelectItem = function (country) {
-        onCloseCountrySelect();
-        issuedCountryControl.field.onChange(country);
-    };
-    var location = issuedCountryControl.field.value;
-    var error = (_b = issuedCountryControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
-    return (_jsx(Collapse, __assign({ in: rest.show }, { children: _jsxs(ScreenContainer, __assign({ ref: ref, sx: { pt: 2.5 } }, { children: [_jsx(InputSelect, { label: t('issued_country_label'), readOnly: readOnly, onClick: !!anchorEl ? function () { return onCloseCountrySelect(); } : onOpenCountrySelect, endAdornment: _jsx(EndAdornmentExpanded, { anchorEl: anchorEl, isVerified: isVerified }), placeholder: t('choose_issued_country'), value: (isAr ? (_c = location === null || location === void 0 ? void 0 : location.name) === null || _c === void 0 ? void 0 : _c.arabic : (_d = location === null || location === void 0 ? void 0 : location.name) === null || _d === void 0 ? void 0 : _d.english) || '', warningMessage: error && t(error) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { searchKeyPath: 'name.english', searchValuePath: ['name.arabic', 'name.english'], list: locationCountries, onSelectItem: onSelectItem, renderItem: function (item) {
-                            return (_jsxs(_Fragment, { children: [_jsx(CountryItemContainer, { children: _jsx(CountryNameText, __assign({ isSelected: (item === null || item === void 0 ? void 0 : item.idd_prefix) === (location === null || location === void 0 ? void 0 : location.idd_prefix) }, { children: isAr ? item.name.arabic : item.name.english })) }), item.idd_prefix === (location === null || location === void 0 ? void 0 : location.idd_prefix) && _jsx(CheckIcon, { isVerified: isVerified })] }));
-                        } }) }))] })) })));
-});
-export default React.memo(IssuedCountry);

package/build/features/individual/screens/IndividualPersonalInfo/MobileNumber.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { CountryCode } from '../../../../@types';
-interface MobileNumberProps {
-    countries: Array<CountryCode>;
-    show: boolean;
-    onListOpen?: () => void;
-    onListClose?: () => void;
-    readOnly?: boolean;
-    isVerified?: boolean;
-}
-declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<MobileNumberProps & React.RefAttributes<unknown>>>;
-export default _default;

package/build/features/individual/screens/IndividualPersonalInfo/MobileNumber.js

@@ -1,143 +0,0 @@
-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);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import * as React from 'react';
-import { useTranslation } from 'react-i18next';
-import { useController, useFormContext } from 'react-hook-form';
-import Box from '@mui/material/Box';
-import { styled, alpha } from '@mui/material/styles';
-import { getMobileNumberLen, removeAllCharsFromNumber } from '../../../../utils';
-import { useLanguage } from '../../../../hooks';
-import Text from '../../../../components/Text';
-import Collapse from '../../../../components/Collapse';
-import ExpandIcon from '../../../../components/ExpandIcon';
-import SimpleList from '../../../../components/SimpleList';
-import CheckIcon from '../../../shared/CheckIcon';
-import ScreenContainer from '../../../shared/Containers/ScreenContainer';
-import Input from '../../../shared/Input';
-import { EndAdornment } from '../../../shared/EndAdornment';
-var LabelContainerStyled = styled(Box)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        display: 'flex',
-        justifyContent: 'space-between',
-        padding: theme.spacing(0, 2.5, 1.25, 2.5)
-    });
-});
-var CountryItemContainer = styled(Box)(function () { return ({
-    display: 'flex'
-}); });
-var CountryCodeText = styled(Text, {
-    shouldForwardProp: function (prop) { return prop !== 'isSelected'; }
-})(function (_a) {
-    var theme = _a.theme, isSelected = _a.isSelected;
-    return (__assign(__assign({ color: theme.palette.text.primary }, theme.typography.body2), { width: theme.spacing(10), textAlign: 'start', fontWeight: isSelected ? theme.typography.fontWeightMedium : theme.typography.fontWeightLight }));
-});
-var CountryNameText = styled(Text, { shouldForwardProp: function (prop) { return prop !== 'isSelected'; } })(function (_a) {
-    var theme = _a.theme, isSelected = _a.isSelected;
-    return (__assign(__assign({ color: theme.palette.text.primary }, theme.typography.body2), { fontWeight: isSelected ? theme.typography.fontWeightMedium : theme.typography.fontWeightLight, paddingInlineStart: theme.spacing(1.25) }));
-});
-var CountryCodeStyled = styled(Text)(function (_a) {
-    var theme = _a.theme;
-    return (__assign(__assign({ cursor: 'pointer' }, theme.typography.body2), { fontWeight: theme.typography.fontWeightRegular, display: 'flex', alignItems: 'center', minWidth: theme.spacing(8.75) }));
-});
-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 ExpandIconStyled = styled(ExpandIcon)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        marginInlineStart: theme.spacing(1)
-    });
-});
-var InputStyled = styled(Input)(function (_a) {
-    var readOnly = _a.readOnly;
-    return ({
-        direction: 'ltr',
-        '& .MuiInputBase-input': {
-            cursor: readOnly ? 'default' : 'pointer'
-        }
-    });
-});
-var MobileNumber = React.forwardRef(function (_a, ref) {
-    var _b, _c, _d;
-    var countries = _a.countries, readOnly = _a.readOnly, isVerified = _a.isVerified, rest = __rest(_a, ["countries", "readOnly", "isVerified"]);
-    var _e = React.useState(countries || []), countriesCode = _e[0], setCountries = _e[1];
-    var _f = React.useState(null), anchorEl = _f[0], setAnchorEl = _f[1];
-    var t = useTranslation().t;
-    var isAr = useLanguage().isAr;
-    var _g = useFormContext(), control = _g.control, setValue = _g.setValue;
-    var phoneControl = useController({ name: 'mobile', control: control });
-    var countryCodeControl = useController({ name: 'countryCode', control: control });
-    var countryCodeValue = countryCodeControl.field.value;
-    var mobileValue = phoneControl.field.value || '';
-    var countryName = (isAr ? (_b = countryCodeValue === null || countryCodeValue === void 0 ? void 0 : countryCodeValue.name) === null || _b === void 0 ? void 0 : _b.arabic : (_c = countryCodeValue === null || countryCodeValue === void 0 ? void 0 : countryCodeValue.name) === null || _c === void 0 ? void 0 : _c.english) || '';
-    var error = !!mobileValue ? (_d = phoneControl.fieldState.error) === null || _d === void 0 ? void 0 : _d.message : '';
-    var isSA = (countryCodeValue === null || countryCodeValue === void 0 ? void 0 : countryCodeValue.iso2) === 'SA';
-    var mobileMaxLen = countryCodeValue === null || countryCodeValue === void 0 ? void 0 : countryCodeValue.max_digits;
-    var mobileMinLen = countryCodeValue === null || countryCodeValue === void 0 ? void 0 : countryCodeValue.min_digits;
-    var requiredMaxLen = getMobileNumberLen(mobileMaxLen, mobileValue);
-    var requiredMinLen = getMobileNumberLen(mobileMinLen, mobileValue);
-    React.useEffect(function () {
-        if (mobileValue)
-            setValue('mobile', mobileValue, { shouldValidate: true });
-    }, []);
-    var onPhoneNumberChange = function (_a) {
-        var target = _a.target;
-        var value = removeAllCharsFromNumber(target.value);
-        phoneControl.field.onChange(value);
-    };
-    var clearMobileNumber = function () {
-        phoneControl.field.onChange('');
-    };
-    var onCloseCountryList = function () {
-        var _a;
-        if (anchorEl) {
-            setAnchorEl(null);
-            (_a = rest.onListClose) === null || _a === void 0 ? void 0 : _a.call(rest);
-        }
-        setCountries(countries);
-    };
-    var toggleCountryList = function () {
-        var _a, _b;
-        if (anchorEl) {
-            setAnchorEl(null);
-            (_a = rest.onListClose) === null || _a === void 0 ? void 0 : _a.call(rest);
-            setCountries(countries);
-        }
-        else {
-            (_b = rest.onListOpen) === null || _b === void 0 ? void 0 : _b.call(rest);
-            setAnchorEl(true);
-        }
-    };
-    var onSelectItem = function (country) {
-        onCloseCountryList();
-        setValue('mobile', '');
-        countryCodeControl.field.onChange(country);
-    };
-    return (_jsx(Collapse, __assign({ in: rest.show }, { children: _jsxs(ScreenContainer, __assign({ ref: ref, sx: { mb: 3 } }, { children: [_jsx(LabelContainerStyled, { children: _jsx(InputLabelStyled, { children: t('signup_enter_mobile') }) }), _jsx(InputStyled, { readOnly: readOnly, inputProps: { maxLength: requiredMaxLen }, type: 'tel', disabled: !!anchorEl, onClick: onCloseCountryList, onChange: onPhoneNumberChange, value: !!anchorEl ? countryName : mobileValue, startAdornment: _jsxs(CountryCodeStyled, __assign({ onClick: readOnly ? undefined : function () { return toggleCountryList(); } }, { children: ["+".concat(countryCodeValue === null || countryCodeValue === void 0 ? void 0 : countryCodeValue.idd_prefix), !anchorEl && _jsx(ExpandIconStyled, { anchorEl: !!anchorEl })] })), endAdornment: !!anchorEl ? (_jsx(ExpandIconStyled, { onClick: function () { return toggleCountryList(); }, anchorEl: !!anchorEl })) : (_jsx(EndAdornment, { value: mobileValue, isVerified: isVerified, onClear: clearMobileNumber, error: error })), placeholder: "".concat(isSA ? '5' : '0', "00000000"), warningType: 'alert', warningMessage: error && t(error, { minLength: requiredMinLen, length: requiredMaxLen, number: '05|5' }) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { searchKeyPath: 'name.english', searchValuePath: ['name.arabic', 'name.english'], list: countriesCode, onSelectItem: onSelectItem, renderItem: function (item) {
-                            return (_jsxs(_Fragment, { children: [_jsxs(CountryItemContainer, { children: [_jsxs(CountryCodeText, __assign({ isSelected: (item === null || item === void 0 ? void 0 : item.idd_prefix) === (countryCodeValue === null || countryCodeValue === void 0 ? void 0 : countryCodeValue.idd_prefix) }, { children: ["+", item.idd_prefix] })), _jsx(CountryNameText, __assign({ isSelected: (item === null || item === void 0 ? void 0 : item.idd_prefix) === (countryCodeValue === null || countryCodeValue === void 0 ? void 0 : countryCodeValue.idd_prefix) }, { children: isAr ? item.name.arabic : item.name.english }))] }), item.idd_prefix === (countryCodeValue === null || countryCodeValue === void 0 ? void 0 : countryCodeValue.idd_prefix) && _jsx(CheckIcon, { isVerified: isVerified })] }));
-                        } }) }))] })) })));
-});
-export default React.memo(MobileNumber);

package/build/features/individual/screens/IndividualPersonalInfo/Name.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-export interface NameProps {
-    show: boolean;
-    readOnly?: boolean;
-    isVerified?: boolean;
-}
-declare const _default: React.MemoExoticComponent<({ show, readOnly, isVerified }: NameProps) => JSX.Element>;
-export default _default;

package/build/features/individual/screens/IndividualPersonalInfo/Name.js

@@ -1,44 +0,0 @@
-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 } from "react/jsx-runtime";
-import * as React from 'react';
-import { useController, useFormContext } from 'react-hook-form';
-import { useTranslation } from 'react-i18next';
-import { styled } from '@mui/material/styles';
-import { removeAllOtherThanAlphabetAndSpace } from '../../../../utils';
-import Collapse from '../../../../components/Collapse';
-import { ScreenContainer } from '../../../shared/Containers';
-import Input from '../../../shared/Input';
-import { EndAdornment } from '../../../shared/EndAdornment';
-var InputStyled = styled(Input)(function () { return ({
-    input: {
-        textTransform: 'capitalize'
-    }
-}); });
-var Name = function (_a) {
-    var _b;
-    var show = _a.show, readOnly = _a.readOnly, isVerified = _a.isVerified;
-    var t = useTranslation().t;
-    var control = useFormContext().control;
-    var nameControl = useController({ name: 'name', control: control });
-    var handleNameChange = function (event) {
-        var value = removeAllOtherThanAlphabetAndSpace(event.target.value);
-        nameControl.field.onChange(value);
-    };
-    var nameValue = nameControl.field.value;
-    var error = (_b = nameControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
-    var clearNumber = function () {
-        nameControl.field.onChange('');
-    };
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(ScreenContainer, __assign({ sx: { mb: 3, mt: 2.5 } }, { children: _jsx(InputStyled, { readOnly: readOnly, label: t('signup_merchant_name_label'), value: nameValue, onChange: handleNameChange, placeholder: t('signup_merchant_name_label'), warningType: 'alert', warningMessage: error && t(error), endAdornment: _jsx(EndAdornment, { value: nameValue, isVerified: isVerified, onClear: clearNumber, error: error }) }) })) })));
-};
-export default React.memo(Name);

package/build/features/individual/screens/IndividualPersonalInfo/Nationality.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { CountryCode } from '../../../../@types';
-interface NationalityProps {
-    countries: Array<CountryCode>;
-    show: boolean;
-    onListOpen?: () => void;
-    onListClose?: () => void;
-    readOnly?: boolean;
-    isVerified?: boolean;
-}
-declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<NationalityProps & React.RefAttributes<unknown>>>;
-export default _default;

package/build/features/individual/screens/IndividualPersonalInfo/Nationality.js

@@ -1,76 +0,0 @@
-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);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-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';
-import { useTranslation } from 'react-i18next';
-import { useController, useFormContext } from 'react-hook-form';
-import { styled } from '@mui/material/styles';
-import { useLanguage } from '../../../../hooks';
-import Collapse from '../../../../components/Collapse';
-import Text from '../../../../components/Text';
-import SimpleList from '../../../../components/SimpleList';
-import ScreenContainer from '../../../shared/Containers/ScreenContainer';
-import InputSelect from '../../../shared/InputSelect';
-import { EndAdornmentExpanded } from '../../../shared/EndAdornment';
-import CheckIcon from '../../../shared/CheckIcon';
-var CountryItemContainer = styled(Box)(function () { return ({
-    display: 'flex'
-}); });
-var CountryNameText = styled(Text, { shouldForwardProp: function (prop) { return prop !== 'isSelected'; } })(function (_a) {
-    var theme = _a.theme, isSelected = _a.isSelected;
-    return (__assign(__assign({ color: theme.palette.text.primary }, theme.typography.body2), { fontWeight: isSelected ? theme.typography.fontWeightMedium : theme.typography.fontWeightLight, paddingInlineStart: theme.spacing(1.25) }));
-});
-var Nationality = React.forwardRef(function (_a, ref) {
-    var _b, _c, _d;
-    var countries = _a.countries, readOnly = _a.readOnly, isVerified = _a.isVerified, rest = __rest(_a, ["countries", "readOnly", "isVerified"]);
-    var _e = React.useState(countries), locationCountries = _e[0], setCountries = _e[1];
-    var _f = React.useState(null), anchorEl = _f[0], setAnchorEl = _f[1];
-    var t = useTranslation().t;
-    var isAr = useLanguage().isAr;
-    var control = useFormContext().control;
-    var nationalityControl = useController({ control: control, name: 'nationality' });
-    var onOpenCountrySelect = function (event) {
-        var _a;
-        if (readOnly)
-            return;
-        setAnchorEl(event.currentTarget);
-        (_a = rest.onListOpen) === null || _a === void 0 ? void 0 : _a.call(rest);
-    };
-    var onCloseCountrySelect = function () {
-        var _a;
-        setAnchorEl(null);
-        (_a = rest.onListClose) === null || _a === void 0 ? void 0 : _a.call(rest);
-        setCountries(countries);
-    };
-    var onSelectItem = function (country) {
-        onCloseCountrySelect();
-        nationalityControl.field.onChange(country);
-    };
-    var location = nationalityControl.field.value;
-    var error = (_b = nationalityControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
-    return (_jsx(Collapse, __assign({ in: rest.show }, { children: _jsxs(ScreenContainer, __assign({ ref: ref, sx: { pt: 2.5 } }, { children: [_jsx(InputSelect, { label: t('nationality_label'), readOnly: readOnly, onClick: !!anchorEl ? function () { return onCloseCountrySelect(); } : onOpenCountrySelect, endAdornment: _jsx(EndAdornmentExpanded, { anchorEl: anchorEl, isVerified: isVerified }), placeholder: t('choose_nationality'), value: (isAr ? (_c = location === null || location === void 0 ? void 0 : location.name) === null || _c === void 0 ? void 0 : _c.arabic : (_d = location === null || location === void 0 ? void 0 : location.name) === null || _d === void 0 ? void 0 : _d.english) || '', warningMessage: error && t(error) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { searchKeyPath: 'name.english', searchValuePath: ['name.arabic', 'name.english'], list: locationCountries, onSelectItem: onSelectItem, renderItem: function (item) {
-                            return (_jsxs(_Fragment, { children: [_jsx(CountryItemContainer, { children: _jsx(CountryNameText, __assign({ isSelected: (item === null || item === void 0 ? void 0 : item.idd_prefix) === (location === null || location === void 0 ? void 0 : location.idd_prefix) }, { children: isAr ? item.name.arabic : item.name.english })) }), item.idd_prefix === (location === null || location === void 0 ? void 0 : location.idd_prefix) && _jsx(CheckIcon, { isVerified: isVerified })] }));
-                        } }) }))] })) })));
-});
-export default React.memo(Nationality);

package/build/features/individual/screens/IndividualPersonalInfo/index.d.ts

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