@tap-payments/auth-jsconnect 2.3.26-test → 2.3.27-test

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

@@ -18,7 +18,7 @@ import { handleCurrentActiveScreen, settingsSelector } from '../../../../app/set
 import Box from '@mui/material/Box';
 import { alpha, styled } from '@mui/material/styles';
 import { useAppDispatch, useAppSelector, useSetFromDefaultValues, useLanguage } from '../../../../hooks';
-import { IndividualType } from '../../../../@types';
+import { DocumentPurpose, IndividualType } from '../../../../@types';
 import { isSA } from '../../../../utils';
 import Form from '../../../../components/Form';
 import Collapse from '../../../../components/Collapse';
@@ -36,6 +36,7 @@ import CivilIDFile from './CivilIDFile';
 import SignatureFile from './SignatureFile';
 import ShareCount from './ShareCount';
 import ShareValue from './ShareValue';
+import { getFileDetailsFromDocument } from '../../../../utils';
 var TextBoxStyled = styled(Box)(function (_a) {
     var theme = _a.theme;
     return (__assign(__assign({ display: 'flex', justifyContent: 'center', flexDirection: 'row', padding: theme.spacing(1.8, 2.5, 1.8, 2.5) }, theme.typography.body1), { lineHeight: theme.spacing(2.5), color: theme.palette.text.primary, fontWeight: theme.typography.fontWeightMedium }));
@@ -54,6 +55,7 @@ var AdditionalIndividualInfo = function (_a) {
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
     var dispatch = useAppDispatch();
+    var settingData = useAppSelector(settingsSelector).data;
     var _b = useAppSelector(individualSelector), data = _b.data, loading = _b.loading, error = _b.error;
     var settingsData = useAppSelector(settingsSelector).data;
     var verify = data.verify;
@@ -106,6 +108,7 @@ var AdditionalIndividualInfo = function (_a) {
             return t('type_board_member');
         return t('type_user');
     };
+    var defaultUserFiles = React.useMemo(function () { return getFileDetailsFromDocument(user === null || user === void 0 ? void 0 : user.documents, DocumentPurpose.IDENTITY_DOCUMENT); }, [user === null || user === void 0 ? void 0 : user.documents]);
     var showSignatureFile = (user === null || user === void 0 ? void 0 : user.type) === IndividualType.USER || (user === null || user === void 0 ? void 0 : user.type) === IndividualType.BUYER;
     var showOccupationFile = (user === null || user === void 0 ? void 0 : user.type) === IndividualType.USER || (user === null || user === void 0 ? void 0 : user.type) === IndividualType.BUYER;
     var showSourceOfIncome = (user === null || user === void 0 ? void 0 : user.type) === IndividualType.USER || (user === null || user === void 0 ? void 0 : user.type) === IndividualType.BUYER;
@@ -116,7 +119,7 @@ var AdditionalIndividualInfo = function (_a) {
     var isMonthlyIncomeListActive = listActive === ListType.MonthlyIncomeList;
     var isOccupationListActive = listActive === ListType.OccupationList;
     var disabled = !methods.formState.isValid || civilIDUploading || signatureFileUploading;
-    return (_jsxs(ScreenContainer, { children: [_jsx(Collapse, __assign({ in: !listActive && !!(user === null || user === void 0 ? void 0 : user.is_authorized), timeout: 500 }, { children: _jsxs(TextBoxStyled, { children: [getUserName() || '', _jsx(RoleTextStyled, { children: getUserRole() || '' })] }) })), _jsx(FormProvider, __assign({}, methods, { children: _jsxs(Form, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsxs(Box, { children: [_jsx(Occupation, { onListOpen: function () { return handleMenuClick(ListType.OccupationList); }, onListClose: function () { return handleMenuClick(); }, show: showOccupationFile && !isMonthlyIncomeListActive && !isSourceOfIncomeListActive }), _jsx(SourceOfIncome, { onListOpen: function () { return handleMenuClick(ListType.SourceOfIncomeList); }, onListClose: function () { return handleMenuClick(); }, show: showSourceOfIncome && !isMonthlyIncomeListActive && !isOccupationListActive }), _jsx(MonthlyIncome, { show: showSourceOfIncome && !isSourceOfIncomeListActive && !isOccupationListActive, onListOpen: function () { return handleMenuClick(ListType.MonthlyIncomeList); }, onListClose: function () { return handleMenuClick(); } }), _jsx(ShareCount, { show: !listActive && showShares }), _jsx(ShareValue, { show: !listActive && showShares }), _jsxs(Collapse, __assign({ in: !listActive, timeout: 500 }, { children: [_jsx(CivilIDFile, { show: !isSACountry }), _jsx(SignatureFile, { show: (user === null || user === void 0 ? void 0 : user.is_authorized) && showSignatureFile })] })), _jsx(PEPSwitch, { show: showIsPEP && !listActive }), _jsx(InfluencerSwitch, { show: showIsInfluencer && !listActive })] }), _jsx(Collapse, __assign({ in: !listActive, timeout: 500 }, { children: _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, isAr: isAr, disabled: disabled, loading: loading, error: t(error || '') }, { children: t('next') })) }))] })) }))] }));
+    return (_jsxs(ScreenContainer, { children: [_jsx(Collapse, __assign({ in: !listActive && !!(user === null || user === void 0 ? void 0 : user.is_authorized), timeout: 500 }, { children: _jsxs(TextBoxStyled, { children: [getUserName() || '', _jsx(RoleTextStyled, { children: getUserRole() || '' })] }) })), _jsx(FormProvider, __assign({}, methods, { children: _jsxs(Form, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsxs(Box, { children: [_jsx(Occupation, { readOnly: !settingData.boardMaturity && !!(occupation === null || occupation === void 0 ? void 0 : occupation.id), onListOpen: function () { return handleMenuClick(ListType.OccupationList); }, onListClose: function () { return handleMenuClick(); }, show: showOccupationFile && !isMonthlyIncomeListActive && !isSourceOfIncomeListActive }), _jsx(SourceOfIncome, { readOnly: !settingData.boardMaturity && !!(sourceIncome === null || sourceIncome === void 0 ? void 0 : sourceIncome.id), onListOpen: function () { return handleMenuClick(ListType.SourceOfIncomeList); }, onListClose: function () { return handleMenuClick(); }, show: showSourceOfIncome && !isMonthlyIncomeListActive && !isOccupationListActive }), _jsx(MonthlyIncome, { readOnly: !settingData.boardMaturity && !!(monthlyIncome === null || monthlyIncome === void 0 ? void 0 : monthlyIncome.id), show: showSourceOfIncome && !isSourceOfIncomeListActive && !isOccupationListActive, onListOpen: function () { return handleMenuClick(ListType.MonthlyIncomeList); }, onListClose: function () { return handleMenuClick(); } }), _jsx(ShareCount, { show: !listActive && showShares, readOnly: !settingData.boardMaturity && !!shareCount }), _jsx(ShareValue, { show: !listActive && showShares, readOnly: !settingData.boardMaturity && !!shareValue }), _jsxs(Collapse, __assign({ in: !listActive, timeout: 500 }, { children: [_jsx(CivilIDFile, { show: !isSACountry, readOnly: !settingData.boardMaturity && !!defaultUserFiles.length, defaultFiles: defaultUserFiles }), _jsx(SignatureFile, { show: (user === null || user === void 0 ? void 0 : user.is_authorized) && showSignatureFile, readOnly: !settingData.boardMaturity && !!defaultUserFiles.length, defaultFiles: defaultUserFiles })] })), _jsx(PEPSwitch, { show: showIsPEP && !listActive, readOnly: !settingData.boardMaturity && typeof isPEP === 'boolean' }), _jsx(InfluencerSwitch, { show: showIsInfluencer && !listActive, readOnly: !settingData.boardMaturity && typeof isInfluencer === 'boolean' })] }), _jsx(Collapse, __assign({ in: !listActive, timeout: 500 }, { children: _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, isAr: isAr, disabled: disabled, loading: loading, error: t(error || '') }, { children: t('next') })) }))] })) }))] }));
 };
 export default React.memo(AdditionalIndividualInfo);
 AdditionalIndividualInfo.defaultProps = {};

package/build/features/individual/screens/AdditionalIndividualInfo/CivilIDFile.d.ts

@@ -1,6 +1,9 @@
 /// <reference types="react" />
-interface CivilIDFileProps {
+import { FileDetails } from '../../../../@types';
+declare type CivilIDFileProps = {
+    defaultFiles?: Array<FileDetails>;
+    readOnly?: boolean;
     show: boolean;
-}
-declare const CivilIDFile: ({ show }: CivilIDFileProps) => JSX.Element;
+};
+declare const CivilIDFile: ({ defaultFiles, readOnly, show }: CivilIDFileProps) => JSX.Element;
 export default CivilIDFile;

package/build/features/individual/screens/AdditionalIndividualInfo/CivilIDFile.js

@@ -10,7 +10,6 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
 import { ScreenContainer } from '../../../../features/shared/Containers';
 import { styled } from '@mui/material/styles';
 import { useTranslation } from 'react-i18next';
@@ -19,7 +18,6 @@ import { useAppDispatch, useAppSelector } from '../../../../hooks';
 import { DocumentPurpose } from '../../../../@types';
 import { FileType } from '../../../../constants';
 import Collapse from '../../../../components/Collapse';
-import { getFileDetailsFromDocument } from '../../../../utils';
 import { civilIDUploadingStatus, clearError, individualSelector } from '../../../app/individual/individualStore';
 import UploadMultipleFile from '../../../shared/UploadMultipleFile';
 var FeatureStyled = styled(ScreenContainer)(function (_a) {
@@ -29,14 +27,12 @@ var FeatureStyled = styled(ScreenContainer)(function (_a) {
     });
 });
 var CivilIDFile = function (_a) {
-    var _b;
-    var show = _a.show;
+    var defaultFiles = _a.defaultFiles, readOnly = _a.readOnly, show = _a.show;
     var t = useTranslation().t;
     var dispatch = useAppDispatch();
     var control = useFormContext().control;
     var civilIDFileIdControl = useController({ name: 'civilID', control: control });
-    var _c = useAppSelector(individualSelector), loading = _c.loading, data = _c.data, error = _c.error;
-    var documents = (((_b = data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.user) || {}).documents;
+    var _b = useAppSelector(individualSelector), loading = _b.loading, error = _b.error;
     var handleCivilIDChange = function (ids) {
         if (error)
             dispatch(clearError());
@@ -47,7 +43,6 @@ var CivilIDFile = function (_a) {
             dispatch(clearError());
         civilIDFileIdControl.field.onChange(ids);
     };
-    var defaultFiles = React.useMemo(function () { return getFileDetailsFromDocument(documents, DocumentPurpose.IDENTITY_DOCUMENT); }, [documents]);
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(FeatureStyled, { children: _jsx(UploadMultipleFile, { id: 'civilID', control: control, label: t('title_civil_id'), title: t('drag_and_drop'), subTitle: t('subtitle_drop'), dragDescription: t('desc_drag_and_drop_civilID'), uploadingTitle: t('file_uploading_title'), successTitle: t('success_upload_civil_id'), onFileUploaded: handleCivilIDChange, isSubmitting: loading, onDeleteFile: handleReset, maxLimit: 4, defaultFiles: defaultFiles, purpose: DocumentPurpose.IDENTITY_DOCUMENT, fileUploadingStatus: function (uploading) { return dispatch(civilIDUploadingStatus(uploading)); }, fileType: FileType.IMAGES }) }) })));
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(FeatureStyled, { children: _jsx(UploadMultipleFile, { readOnly: readOnly, id: 'civilID', control: control, label: t('title_civil_id'), title: t('drag_and_drop'), subTitle: t('subtitle_drop'), dragDescription: t('desc_drag_and_drop_civilID'), uploadingTitle: t('file_uploading_title'), successTitle: t('success_upload_civil_id'), onFileUploaded: handleCivilIDChange, isSubmitting: loading, onDeleteFile: handleReset, maxLimit: 4, defaultFiles: defaultFiles, purpose: DocumentPurpose.IDENTITY_DOCUMENT, fileUploadingStatus: function (uploading) { return dispatch(civilIDUploadingStatus(uploading)); }, fileType: FileType.IMAGES }) }) })));
 };
 export default CivilIDFile;

package/build/features/individual/screens/AdditionalIndividualInfo/InfluencerSwitch.d.ts

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

package/build/features/individual/screens/AdditionalIndividualInfo/InfluencerSwitch.js

@@ -36,14 +36,13 @@ var RadioGroupStyled = styled(RadioGroup)(function (_a) {
     });
 });
 var InfluencerSwitch = function (_a) {
-    var show = _a.show;
+    var show = _a.show, readOnly = _a.readOnly;
     var _b = React.useState(false), isHovered = _b[0], setIsHovered = _b[1];
     var control = useFormContext().control;
     var t = useTranslation().t;
     var dispatch = useAppDispatch();
     var influencerControl = useController({ name: 'isInfluencer', control: control });
-    var _c = useAppSelector(individualSelector), data = _c.data, error = _c.error;
-    var user = (data.verify.responseBody || {}).user;
+    var error = useAppSelector(individualSelector).error;
     var disabled = false;
     var handleOnChange = function (_a) {
         var target = _a.target;
@@ -52,6 +51,6 @@ var InfluencerSwitch = function (_a) {
         influencerControl.field.onChange(target.value === 'yes');
     };
     var influencerValue = influencerControl.field.value;
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, __assign({ sx: { pt: 2.5, pl: 2.5, pr: 2.5 } }, { children: [_jsxs(Box, __assign({ style: { display: 'flex', justifyContent: 'space-between' } }, { children: [_jsxs(LabelTextStyled, { children: [t('tap_js_are_you_an_influencer'), _jsx(Mandatory, {})] }), _jsx(Tooltip, __assign({ title: t('influencer_name_hint'), onMouseOver: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, onTouchStartCapture: function () { return setIsHovered(true); } }, { children: isHovered ? _jsx(InfoIconStyled, {}) : _jsx(InfoOutlinedIconStyled, {}) }))] })), _jsxs(RadioGroupStyled, __assign({ value: influencerValue != null ? (influencerValue ? 'yes' : 'no') : false, onChange: disabled ? undefined : handleOnChange }, { children: [_jsx(RadioLabel, { value: 'yes', label: t('yes') }), _jsx(RadioLabel, { value: 'no', label: t('no') })] }))] })) })));
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, __assign({ sx: { pt: 2.5, pl: 2.5, pr: 2.5 } }, { children: [_jsxs(Box, __assign({ style: { display: 'flex', justifyContent: 'space-between' } }, { children: [_jsxs(LabelTextStyled, { children: [t('tap_js_are_you_an_influencer'), _jsx(Mandatory, {})] }), _jsx(Tooltip, __assign({ title: t('influencer_name_hint'), onMouseOver: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, onTouchStartCapture: function () { return setIsHovered(true); } }, { children: isHovered ? _jsx(InfoIconStyled, {}) : _jsx(InfoOutlinedIconStyled, {}) }))] })), _jsxs(RadioGroupStyled, __assign({ value: influencerValue != null ? (influencerValue ? 'yes' : 'no') : false, onChange: disabled || readOnly ? undefined : handleOnChange }, { children: [_jsx(RadioLabel, { value: 'yes', label: t('yes') }), _jsx(RadioLabel, { value: 'no', label: t('no') })] }))] })) })));
 };
 export default React.memo(InfluencerSwitch);

package/build/features/individual/screens/AdditionalIndividualInfo/MonthlyIncome.d.ts

@@ -5,6 +5,7 @@ interface MonthlyIncomeProps {
     onSelectSource?: (country: MonthlyIncomeType) => void;
     onListOpen?: () => void;
     onListClose?: () => void;
+    readOnly?: boolean;
 }
-declare const _default: React.MemoExoticComponent<({ ...rest }: MonthlyIncomeProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<(props: MonthlyIncomeProps) => JSX.Element>;
 export default _default;

package/build/features/individual/screens/AdditionalIndividualInfo/MonthlyIncome.js

@@ -9,17 +9,6 @@ var __assign = (this && this.__assign) || function () {
     };
     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 { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { useTranslation } from 'react-i18next';
@@ -52,21 +41,19 @@ var CheckIconStyled = styled(CheckIcon)(function (_a) {
         alignItems: 'flex-end'
     });
 });
-var MonthlyIncome = function (_a) {
-    var _b;
-    var rest = __rest(_a, []);
-    var _c = React.useState([]), incomeList = _c[0], setIncomeList = _c[1];
-    var _d = React.useState(null), anchorEl = _d[0], setAnchorEl = _d[1];
+var MonthlyIncome = function (props) {
+    var _a;
+    var _b = React.useState([]), incomeList = _b[0], setIncomeList = _b[1];
+    var _c = React.useState(null), anchorEl = _c[0], setAnchorEl = _c[1];
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
     var dispatch = useAppDispatch();
-    var _e = useAppSelector(individualSelector), data = _e.data, bckError = _e.error;
+    var _d = useAppSelector(individualSelector), data = _d.data, bckError = _d.error;
     var control = useFormContext().control;
     var settingsData = useAppSelector(settingsSelector).data;
     var monthlyIncomeList = (data.individualData.responseBody || {}).monthlyIncomeList;
     var monthlyIncomeControl = useController({ control: control, name: 'monthlyIncome' });
     var countryCode = settingsData.businessCountry;
-    var user = (data.verify.responseBody || {}).user;
     var disabled = false;
     React.useEffect(function () {
         if ((monthlyIncomeList === null || monthlyIncomeList === void 0 ? void 0 : monthlyIncomeList.length) > 0) {
@@ -75,13 +62,15 @@ var MonthlyIncome = function (_a) {
     }, [monthlyIncomeList]);
     var onOpenList = function (event) {
         var _a;
+        if (props.readOnly)
+            return;
         setAnchorEl(event.currentTarget);
-        (_a = rest.onListOpen) === null || _a === void 0 ? void 0 : _a.call(rest);
+        (_a = props.onListOpen) === null || _a === void 0 ? void 0 : _a.call(props);
     };
     var onCloseList = function () {
         var _a;
         setAnchorEl(null);
-        (_a = rest.onListClose) === null || _a === void 0 ? void 0 : _a.call(rest);
+        (_a = props.onListClose) === null || _a === void 0 ? void 0 : _a.call(props);
         if ((monthlyIncomeList === null || monthlyIncomeList === void 0 ? void 0 : monthlyIncomeList.length) > 0) {
             setIncomeList(monthlyIncomeList);
         }
@@ -93,8 +82,8 @@ var MonthlyIncome = function (_a) {
         monthlyIncomeControl.field.onChange(source);
     };
     var income = monthlyIncomeControl.field.value;
-    var error = (_b = monthlyIncomeControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
-    return (_jsx(Collapse, __assign({ in: rest.show }, { children: _jsxs(ScreenContainer, __assign({ sx: { pb: 0 } }, { children: [_jsx(Input, { label: t('please_enter_actual_income', {
+    var error = (_a = monthlyIncomeControl.fieldState.error) === null || _a === void 0 ? void 0 : _a.message;
+    return (_jsx(Collapse, __assign({ in: props.show }, { children: _jsxs(ScreenContainer, __assign({ sx: { pb: 0 } }, { children: [_jsx(Input, { label: t('please_enter_actual_income', {
                         currency: t(findCurrencyByIso2(countryCode.iso2))
                     }), disabled: disabled, readOnly: true, onClick: disabled ? undefined : !!anchorEl ? function () { return onCloseList(); } : onOpenList, endAdornment: disabled ? _jsx(_Fragment, {}) : _jsx(ExpandIcon, { anchorEl: !!anchorEl }), placeholder: t('choose_any_source_of_income'), value: (isAr ? income === null || income === void 0 ? void 0 : income.range.ar : income === null || income === void 0 ? void 0 : income.range.en) || '', warningMessage: error && t(error) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { searchKeyPath: 'range.en', searchValuePath: ['range.en', 'range.ar'], list: incomeList, onSelectItem: onSelectItem, renderItem: function (item) {
                             return (_jsxs(_Fragment, { children: [_jsx(Container, { children: _jsx(IncomeText, __assign({ isSelected: item.id === (income === null || income === void 0 ? void 0 : income.id) }, { children: isAr ? item.range.ar : item === null || item === void 0 ? void 0 : item.range.en })) }), item.id === (income === null || income === void 0 ? void 0 : income.id) && _jsx(CheckIconStyled, {})] }));

package/build/features/individual/screens/AdditionalIndividualInfo/Occupation.d.ts

@@ -5,6 +5,7 @@ interface OccupationProps {
     onSelectOccupation?: (occupation: OccupationType) => void;
     onListOpen?: () => void;
     onListClose?: () => void;
+    readOnly?: boolean;
 }
-declare const Occupation: ({ ...rest }: OccupationProps) => JSX.Element;
+declare const Occupation: (props: OccupationProps) => JSX.Element;
 export default Occupation;

package/build/features/individual/screens/AdditionalIndividualInfo/Occupation.js

@@ -9,17 +9,6 @@ var __assign = (this && this.__assign) || function () {
     };
     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 { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import Box from '@mui/material/Box';
@@ -50,19 +39,17 @@ var CheckIconStyled = styled(CheckIcon)(function (_a) {
         alignItems: 'flex-end'
     });
 });
-var Occupation = function (_a) {
-    var _b, _c;
-    var rest = __rest(_a, []);
-    var _d = React.useState([]), occupationList = _d[0], setOccupationList = _d[1];
-    var _e = React.useState(null), anchorEl = _e[0], setAnchorEl = _e[1];
+var Occupation = function (props) {
+    var _a, _b;
+    var _c = React.useState([]), occupationList = _c[0], setOccupationList = _c[1];
+    var _d = React.useState(null), anchorEl = _d[0], setAnchorEl = _d[1];
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
     var dispatch = useAppDispatch();
-    var _f = useAppSelector(individualSelector), data = _f.data, bckError = _f.error;
+    var _e = useAppSelector(individualSelector), data = _e.data, bckError = _e.error;
     var control = useFormContext().control;
-    var occupationsList = ((_b = data.individualData.responseBody) === null || _b === void 0 ? void 0 : _b.occupationList) || [];
+    var occupationsList = ((_a = data.individualData.responseBody) === null || _a === void 0 ? void 0 : _a.occupationList) || [];
     var occupationControl = useController({ control: control, name: 'occupation' });
-    var user = (data.verify.responseBody || {}).user;
     var disabled = false;
     React.useEffect(function () {
         if ((occupationsList === null || occupationsList === void 0 ? void 0 : occupationsList.length) > 0) {
@@ -71,13 +58,15 @@ var Occupation = function (_a) {
     }, [occupationsList === null || occupationsList === void 0 ? void 0 : occupationsList.occupation]);
     var onOpenList = function (event) {
         var _a;
+        if (props.readOnly)
+            return;
         setAnchorEl(event.currentTarget);
-        (_a = rest.onListOpen) === null || _a === void 0 ? void 0 : _a.call(rest);
+        (_a = props.onListOpen) === null || _a === void 0 ? void 0 : _a.call(props);
     };
     var onCloseList = function () {
         var _a;
         setAnchorEl(null);
-        (_a = rest.onListClose) === null || _a === void 0 ? void 0 : _a.call(rest);
+        (_a = props.onListClose) === null || _a === void 0 ? void 0 : _a.call(props);
     };
     var onSelectItem = function (occupation) {
         if (bckError)
@@ -86,8 +75,8 @@ var Occupation = function (_a) {
         occupationControl.field.onChange(occupation);
     };
     var occupation = occupationControl.field.value;
-    var error = (_c = occupationControl.fieldState.error) === null || _c === void 0 ? void 0 : _c.message;
-    return (_jsx(Collapse, __assign({ in: rest.show }, { children: _jsxs(ScreenContainer, __assign({ sx: { pb: 2.5 } }, { children: [_jsx(Input, { required: true, disabled: disabled, label: t('occupation_title'), readOnly: true, onClick: disabled ? undefined : !!anchorEl ? function () { return onCloseList(); } : onOpenList, endAdornment: disabled ? _jsx(_Fragment, {}) : _jsx(ExpandIcon, { anchorEl: !!anchorEl }), placeholder: t('choose_any_occupation'), value: (isAr ? occupation === null || occupation === void 0 ? void 0 : occupation.name.ar : occupation === null || occupation === void 0 ? void 0 : occupation.name.en) || '', warningMessage: error && t(error) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { searchKeyPath: 'name.en', searchValuePath: ['name.en', 'name.ar'], list: occupationList, onSelectItem: onSelectItem, renderItem: function (item) {
+    var error = (_b = occupationControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
+    return (_jsx(Collapse, __assign({ in: props.show }, { children: _jsxs(ScreenContainer, __assign({ sx: { pb: 2.5 } }, { children: [_jsx(Input, { required: true, disabled: disabled, label: t('occupation_title'), readOnly: true, onClick: disabled ? undefined : !!anchorEl ? function () { return onCloseList(); } : onOpenList, endAdornment: disabled ? _jsx(_Fragment, {}) : _jsx(ExpandIcon, { anchorEl: !!anchorEl }), placeholder: t('choose_any_occupation'), value: (isAr ? occupation === null || occupation === void 0 ? void 0 : occupation.name.ar : occupation === null || occupation === void 0 ? void 0 : occupation.name.en) || '', warningMessage: error && t(error) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { searchKeyPath: 'name.en', searchValuePath: ['name.en', 'name.ar'], list: occupationList, onSelectItem: onSelectItem, renderItem: function (item) {
                             var _a, _b;
                             return (_jsxs(_Fragment, { children: [_jsx(Container, { children: _jsx(IncomeText, __assign({ isSelected: item.id === (occupation === null || occupation === void 0 ? void 0 : occupation.id) }, { children: isAr ? (_a = item === null || item === void 0 ? void 0 : item.name) === null || _a === void 0 ? void 0 : _a.ar : (_b = item === null || item === void 0 ? void 0 : item.name) === null || _b === void 0 ? void 0 : _b.en })) }), item.id === (occupation === null || occupation === void 0 ? void 0 : occupation.id) && _jsx(CheckIconStyled, {})] }));
                         } }) }))] })) })));

package/build/features/individual/screens/AdditionalIndividualInfo/PEPSwitch.d.ts

@@ -29,6 +29,7 @@ export declare const InfoOutlinedIconStyled: import("@emotion/styled").StyledCom
 }, keyof import("@mui/material/OverridableComponent").CommonProps | "color" | "fontSize" | "shapeRendering" | "children" | "sx" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
 export interface PEPSwitchProps {
     show: boolean;
+    readOnly?: boolean;
 }
-declare const _default: React.MemoExoticComponent<({ show }: PEPSwitchProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ show, readOnly }: PEPSwitchProps) => JSX.Element>;
 export default _default;

package/build/features/individual/screens/AdditionalIndividualInfo/PEPSwitch.js

@@ -55,14 +55,13 @@ export var InfoOutlinedIconStyled = styled(InfoOutlinedIcon)(function (_a) {
     });
 });
 var PEPSwitch = function (_a) {
-    var show = _a.show;
+    var show = _a.show, readOnly = _a.readOnly;
     var _b = React.useState(false), isHovered = _b[0], setIsHovered = _b[1];
     var control = useFormContext().control;
     var t = useTranslation().t;
     var pepControl = useController({ name: 'isPEP', control: control });
-    var _c = useAppSelector(individualSelector), data = _c.data, error = _c.error;
+    var error = useAppSelector(individualSelector).error;
     var dispatch = useAppDispatch();
-    var user = (data.verify.responseBody || {}).user;
     var disabled = false;
     var handleOnChange = function (_a) {
         var target = _a.target;
@@ -71,6 +70,6 @@ var PEPSwitch = function (_a) {
         pepControl.field.onChange(target.value === 'yes');
     };
     var pepValue = pepControl.field.value;
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, __assign({ sx: { pt: 2.5, pl: 2.5, pr: 2.5 } }, { children: [_jsxs(Box, __assign({ style: { display: 'flex', justifyContent: 'space-between' } }, { children: [_jsxs(LabelTextStyled, { children: [t('tap_js_is_close_relative_in_pep'), _jsx(Mandatory, {})] }), _jsx(Tooltip, __assign({ title: t('pep_name_hint'), onMouseOver: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, onTouchStartCapture: function () { return setIsHovered(true); } }, { children: isHovered ? _jsx(InfoIconStyled, {}) : _jsx(InfoOutlinedIconStyled, {}) }))] })), _jsxs(RadioGroupStyled, __assign({ value: pepValue != null ? (pepValue ? 'yes' : 'no') : false, onChange: disabled ? undefined : handleOnChange }, { children: [_jsx(RadioLabel, { value: 'yes', label: t('yes') }), _jsx(RadioLabel, { value: 'no', label: t('no') })] }))] })) })));
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, __assign({ sx: { pt: 2.5, pl: 2.5, pr: 2.5 } }, { children: [_jsxs(Box, __assign({ style: { display: 'flex', justifyContent: 'space-between' } }, { children: [_jsxs(LabelTextStyled, { children: [t('tap_js_is_close_relative_in_pep'), _jsx(Mandatory, {})] }), _jsx(Tooltip, __assign({ title: t('pep_name_hint'), onMouseOver: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, onTouchStartCapture: function () { return setIsHovered(true); } }, { children: isHovered ? _jsx(InfoIconStyled, {}) : _jsx(InfoOutlinedIconStyled, {}) }))] })), _jsxs(RadioGroupStyled, __assign({ value: pepValue != null ? (pepValue ? 'yes' : 'no') : false, onChange: disabled || readOnly ? undefined : handleOnChange }, { children: [_jsx(RadioLabel, { value: 'yes', label: t('yes') }), _jsx(RadioLabel, { value: 'no', label: t('no') })] }))] })) })));
 };
 export default React.memo(PEPSwitch);

package/build/features/individual/screens/AdditionalIndividualInfo/ShareCount.d.ts

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

package/build/features/individual/screens/AdditionalIndividualInfo/ShareCount.js

@@ -21,7 +21,7 @@ import Input from '../../../shared/Input';
 import { individualSelector, clearError } from '../../../app/individual/individualStore';
 var ShareCount = function (_a) {
     var _b;
-    var show = _a.show;
+    var show = _a.show, readOnly = _a.readOnly;
     var t = useTranslation().t;
     var control = useFormContext().control;
     var dispatch = useAppDispatch();
@@ -36,6 +36,6 @@ var ShareCount = function (_a) {
     var shareCountControl = useController({ control: control, name: 'shareCount' });
     var shareCountValue = shareCountControl.field.value;
     var error = (_b = shareCountControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(ScreenContainer, __assign({ sx: { mt: 2.5 } }, { children: _jsx(Input, { label: t('share_count_label'), onChange: handleChange, value: shareCountValue, sx: { '& .MuiInputBase-input': { cursor: 'auto' } }, placeholder: t('share_count_hint'), warningType: 'alert', warningMessage: error && t(error) }) })) })));
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(ScreenContainer, __assign({ sx: { mt: 2.5 } }, { children: _jsx(Input, { readOnly: readOnly, label: t('share_count_label'), onChange: handleChange, value: shareCountValue, sx: { '& .MuiInputBase-input': { cursor: 'auto' } }, placeholder: t('share_count_hint'), warningType: 'alert', warningMessage: error && t(error) }) })) })));
 };
 export default React.memo(ShareCount);

package/build/features/individual/screens/AdditionalIndividualInfo/ShareValue.d.ts

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

package/build/features/individual/screens/AdditionalIndividualInfo/ShareValue.js

@@ -22,7 +22,7 @@ import Input from '../../../shared/Input';
 import { individualSelector, clearError } from '../../../app/individual/individualStore';
 var ShareValue = function (_a) {
     var _b;
-    var show = _a.show;
+    var show = _a.show, readOnly = _a.readOnly;
     var t = useTranslation().t;
     var settingsData = useAppSelector(settingsSelector).data;
     var control = useFormContext().control;
@@ -39,7 +39,7 @@ var ShareValue = function (_a) {
     var shareValueControl = useController({ control: control, name: 'shareValue' });
     var shareValueValue = shareValueControl.field.value;
     var error = (_b = shareValueControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(ScreenContainer, __assign({ sx: { mt: 2.5 } }, { children: _jsx(Input, { label: t('share_value_label', {
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(ScreenContainer, __assign({ sx: { mt: 2.5 } }, { children: _jsx(Input, { readOnly: readOnly, label: t('share_value_label', {
                     currency: t(findCurrencyByIso2(countryCode))
                 }), onChange: handleChange, value: shareValueValue, sx: { '& .MuiInputBase-input': { cursor: 'auto' } }, placeholder: t('share_value_hint'), warningType: 'alert', warningMessage: error && t(error) }) })) })));
 };

package/build/features/individual/screens/AdditionalIndividualInfo/SignatureFile.d.ts

@@ -1,6 +1,9 @@
 /// <reference types="react" />
+import { FileDetails } from '../../../../@types';
 interface SignatureFileProps {
     show: boolean;
+    readOnly?: boolean;
+    defaultFiles?: Array<FileDetails>;
 }
-declare const SignatureFile: ({ show }: SignatureFileProps) => JSX.Element;
+declare const SignatureFile: ({ show, readOnly, defaultFiles }: SignatureFileProps) => JSX.Element;
 export default SignatureFile;

package/build/features/individual/screens/AdditionalIndividualInfo/SignatureFile.js

@@ -10,14 +10,12 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
 import { styled } from '@mui/material/styles';
 import { useAppDispatch, useAppSelector } from '../../../../hooks';
 import { DocumentPurpose } from '../../../../@types';
 import { FileType } from '../../../../constants';
-import { getFileDetailsFromDocument } from '../../../../utils';
 import UploadMultipleFile from '../../../shared/UploadMultipleFile';
 import { ScreenContainer } from '../../../shared/Containers';
 import { individualSelector, signatureFileUploadingStatus, clearError } from '../../../app/individual/individualStore';
@@ -29,13 +27,11 @@ var FeatureStyled = styled(ScreenContainer)(function (_a) {
     });
 });
 var SignatureFile = function (_a) {
-    var _b;
-    var show = _a.show;
+    var show = _a.show, readOnly = _a.readOnly, defaultFiles = _a.defaultFiles;
     var t = useTranslation().t;
     var control = useFormContext().control;
     var signatureFileIdControl = useController({ name: 'signatureFileId', control: control });
-    var _c = useAppSelector(individualSelector), loading = _c.loading, data = _c.data, error = _c.error;
-    var documents = (((_b = data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.user) || {}).documents;
+    var _b = useAppSelector(individualSelector), loading = _b.loading, error = _b.error;
     var dispatch = useAppDispatch();
     var handleSignatureChange = function (ids) {
         if (error)
@@ -47,7 +43,6 @@ var SignatureFile = function (_a) {
             dispatch(clearError());
         signatureFileIdControl.field.onChange(ids);
     };
-    var defaultFiles = React.useMemo(function () { return getFileDetailsFromDocument(documents, DocumentPurpose.CUSTOMER_SIGNATURE); }, [documents]);
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(FeatureStyled, { children: _jsx(UploadMultipleFile, { id: 'signatureFileId', control: control, label: t('title_signature_file'), title: t('drag_and_drop'), subTitle: t('subtitle_drop'), dragDescription: t('desc_drag_and_drop_signature'), uploadingTitle: t('file_uploading_title'), successTitle: t('success_upload_signature_file'), onFileUploaded: handleSignatureChange, isSubmitting: loading, onDeleteFile: handleReset, maxLimit: 4, defaultFiles: defaultFiles, purpose: DocumentPurpose.CUSTOMER_SIGNATURE, fileUploadingStatus: function (uploading) { return dispatch(signatureFileUploadingStatus(uploading)); }, fileType: FileType.IMAGES }) }) })));
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(FeatureStyled, { children: _jsx(UploadMultipleFile, { readOnly: readOnly, id: 'signatureFileId', control: control, label: t('title_signature_file'), title: t('drag_and_drop'), subTitle: t('subtitle_drop'), dragDescription: t('desc_drag_and_drop_signature'), uploadingTitle: t('file_uploading_title'), successTitle: t('success_upload_signature_file'), onFileUploaded: handleSignatureChange, isSubmitting: loading, onDeleteFile: handleReset, maxLimit: 4, defaultFiles: defaultFiles, purpose: DocumentPurpose.CUSTOMER_SIGNATURE, fileUploadingStatus: function (uploading) { return dispatch(signatureFileUploadingStatus(uploading)); }, fileType: FileType.IMAGES }) }) })));
 };
 export default SignatureFile;

package/build/features/individual/screens/AdditionalIndividualInfo/SourceOfIncome.d.ts

@@ -5,6 +5,7 @@ interface SourceOfIncomeProps {
     onSelectSource?: (source: SourceOfIncomeType) => void;
     onListOpen?: () => void;
     onListClose?: () => void;
+    readOnly?: boolean;
 }
-declare const _default: React.MemoExoticComponent<({ ...rest }: SourceOfIncomeProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<(props: SourceOfIncomeProps) => JSX.Element>;
 export default _default;

package/build/features/individual/screens/AdditionalIndividualInfo/SourceOfIncome.js

@@ -9,17 +9,6 @@ var __assign = (this && this.__assign) || function () {
     };
     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 { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import Box from '@mui/material/Box';
@@ -50,19 +39,17 @@ var CheckIconStyled = styled(CheckIcon)(function (_a) {
         alignItems: 'flex-end'
     });
 });
-var SourceOfIncome = function (_a) {
-    var _b, _c;
-    var rest = __rest(_a, []);
-    var _d = React.useState([]), sourceList = _d[0], setSourceList = _d[1];
-    var _e = React.useState(null), anchorEl = _e[0], setAnchorEl = _e[1];
+var SourceOfIncome = function (props) {
+    var _a, _b;
+    var _c = React.useState([]), sourceList = _c[0], setSourceList = _c[1];
+    var _d = React.useState(null), anchorEl = _d[0], setAnchorEl = _d[1];
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
-    var _f = useAppSelector(individualSelector), data = _f.data, bckError = _f.error;
+    var _e = useAppSelector(individualSelector), data = _e.data, bckError = _e.error;
     var dispatch = useAppDispatch();
     var control = useFormContext().control;
-    var sourceIncomeList = ((_b = data.individualData.responseBody) === null || _b === void 0 ? void 0 : _b.sourceIncomeList) || [];
+    var sourceIncomeList = ((_a = data.individualData.responseBody) === null || _a === void 0 ? void 0 : _a.sourceIncomeList) || [];
     var sourceIncomeControl = useController({ control: control, name: 'sourceIncome' });
-    var user = (data.verify.responseBody || {}).user;
     var disabled = false;
     React.useEffect(function () {
         if ((sourceIncomeList === null || sourceIncomeList === void 0 ? void 0 : sourceIncomeList.length) > 0) {
@@ -71,13 +58,15 @@ var SourceOfIncome = function (_a) {
     }, [sourceIncomeList === null || sourceIncomeList === void 0 ? void 0 : sourceIncomeList.sourceIncome]);
     var onOpenList = function (event) {
         var _a;
+        if (props.readOnly)
+            return;
         setAnchorEl(event.currentTarget);
-        (_a = rest.onListOpen) === null || _a === void 0 ? void 0 : _a.call(rest);
+        (_a = props.onListOpen) === null || _a === void 0 ? void 0 : _a.call(props);
     };
     var onCloseList = function () {
         var _a;
         setAnchorEl(null);
-        (_a = rest.onListClose) === null || _a === void 0 ? void 0 : _a.call(rest);
+        (_a = props.onListClose) === null || _a === void 0 ? void 0 : _a.call(props);
     };
     var onSelectItem = function (source) {
         if (bckError)
@@ -86,8 +75,8 @@ var SourceOfIncome = function (_a) {
         sourceIncomeControl.field.onChange(source);
     };
     var source = sourceIncomeControl.field.value;
-    var error = (_c = sourceIncomeControl.fieldState.error) === null || _c === void 0 ? void 0 : _c.message;
-    return (_jsx(Collapse, __assign({ in: rest.show }, { children: _jsxs(ScreenContainer, __assign({ sx: { pb: 2.5 } }, { children: [_jsx(Input, { required: true, disabled: disabled, label: t('tap_js_source_of_income'), readOnly: true, onClick: disabled ? undefined : !!anchorEl ? function () { return onCloseList(); } : onOpenList, endAdornment: disabled ? _jsx(_Fragment, {}) : _jsx(ExpandIcon, { anchorEl: !!anchorEl }), placeholder: t('choose_any_source_of_income'), value: (isAr ? source === null || source === void 0 ? void 0 : source.name.ar : source === null || source === void 0 ? void 0 : source.name.en) || '', warningMessage: error && t(error) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { searchKeyPath: 'name.en', list: sourceList, onSelectItem: onSelectItem, renderItem: function (item) {
+    var error = (_b = sourceIncomeControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
+    return (_jsx(Collapse, __assign({ in: props.show }, { children: _jsxs(ScreenContainer, __assign({ sx: { pb: 2.5 } }, { children: [_jsx(Input, { required: true, disabled: disabled, label: t('tap_js_source_of_income'), readOnly: true, onClick: disabled ? undefined : !!anchorEl ? function () { return onCloseList(); } : onOpenList, endAdornment: disabled ? _jsx(_Fragment, {}) : _jsx(ExpandIcon, { anchorEl: !!anchorEl }), placeholder: t('choose_any_source_of_income'), value: (isAr ? source === null || source === void 0 ? void 0 : source.name.ar : source === null || source === void 0 ? void 0 : source.name.en) || '', warningMessage: error && t(error) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { searchKeyPath: 'name.en', list: sourceList, onSelectItem: onSelectItem, renderItem: function (item) {
                             return (_jsxs(_Fragment, { children: [_jsx(Container, { children: _jsx(IncomeText, __assign({ isSelected: item.id === (source === null || source === void 0 ? void 0 : source.id) }, { children: isAr ? item.name.ar : item === null || item === void 0 ? void 0 : item.name.en })) }), item.id === (source === null || source === void 0 ? void 0 : source.id) && _jsx(CheckIconStyled, {})] }));
                         } }) }))] })) })));
 };

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

@@ -98,7 +98,6 @@ var MobileNumber = React.forwardRef(function (_a, ref) {
     var isStartsWith5 = mobileValue.startsWith('5');
     var requiredLen = isSA && isStartsWith5 ? mobileLen - 1 : mobileLen;
     var verify = data.verify;
-    var user = (verify.responseBody || {}).user;
     React.useEffect(function () {
         if (mobileValue)
             setValue('mobile', mobileValue, { shouldValidate: true });

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

@@ -3,6 +3,7 @@ interface BirthCityProps {
     show: boolean;
     onListOpen?: () => void;
     onListClose?: () => void;
+    readOnly?: boolean;
 }
 declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<BirthCityProps & React.RefAttributes<unknown>>>;
 export default _default;

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

@@ -51,7 +51,7 @@ var CheckIconStyled = styled(CheckIcon)(function (_a) {
 });
 var BirthCity = React.forwardRef(function (_a, ref) {
     var _b;
-    var show = _a.show, onListOpen = _a.onListOpen, onListClose = _a.onListClose;
+    var show = _a.show, onListOpen = _a.onListOpen, onListClose = _a.onListClose, readOnly = _a.readOnly;
     var _c = React.useState([]), locationCities = _c[0], setCities = _c[1];
     var _d = React.useState(null), anchorEl = _d[0], setAnchorEl = _d[1];
     var t = useTranslation().t;
@@ -86,6 +86,8 @@ var BirthCity = React.forwardRef(function (_a, ref) {
         }
     }, [birthCountry]);
     var onOpenCitySelect = function (event) {
+        if (readOnly)
+            return;
         setAnchorEl(event.currentTarget);
         onListOpen === null || onListOpen === void 0 ? void 0 : onListOpen();
     };

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

@@ -5,6 +5,7 @@ interface BirthCountryProps {
     show: boolean;
     onListOpen?: () => void;
     onListClose?: () => void;
+    readOnly?: boolean;
 }
 declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<BirthCountryProps & React.RefAttributes<unknown>>>;
 export default _default;