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

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/AdditionalIndividualInfo/validation.d.ts

@@ -1,6 +1,6 @@
 import * as yup from 'yup';
-import { User } from '../../../../@types';
-export declare const IndividualInfoValidationSchema: (isAuthorizedUser: boolean, user: User) => yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
+import { IndividualType } from '../../../../@types';
+export declare const IndividualInfoValidationSchema: (type: IndividualType) => yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
     occupation: import("yup/lib/object").OptionalObjectSchema<import("yup/lib/object").ObjectShape, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").ObjectShape>>;
     sourceIncome: import("yup/lib/object").OptionalObjectSchema<import("yup/lib/object").ObjectShape, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").ObjectShape>>;
     monthlyIncome: import("yup/lib/object").OptionalObjectSchema<import("yup/lib/object").ObjectShape, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").ObjectShape>>;

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

@@ -1,19 +1,14 @@
 import * as yup from 'yup';
-import { IndividualType, FieldType } from '../../../../@types';
-export var IndividualInfoValidationSchema = function (isAuthorizedUser, user) {
-    var _a = user || {}, type = _a.type, data_status = _a.data_status, occupation = _a.occupation, source_income = _a.source_income, is_relative_PEP = _a.is_relative_PEP, is_influencer = _a.is_influencer;
-    var isOccupationOptional = !occupation && (data_status === null || data_status === void 0 ? void 0 : data_status.occupation) === FieldType.NON_EDITABLE;
-    var isSourceIncomeOptional = !source_income && (data_status === null || data_status === void 0 ? void 0 : data_status.source_of_income) === FieldType.NON_EDITABLE;
-    var isPEPOptional = is_relative_PEP === undefined && (data_status === null || data_status === void 0 ? void 0 : data_status.is_relative_PEP) === FieldType.NON_EDITABLE;
-    var isInfluencerOptional = is_influencer === undefined && (data_status === null || data_status === void 0 ? void 0 : data_status.is_influencer) === FieldType.NON_EDITABLE;
+import { IndividualType } from '../../../../@types';
+export var IndividualInfoValidationSchema = function (type) {
     return yup.object().shape({
-        occupation: type === IndividualType.USER && !isOccupationOptional ? yup.object().required('alert_choose_occupation') : yup.object().optional(),
-        sourceIncome: type === IndividualType.USER && !isSourceIncomeOptional ? yup.object().required('choose_any_source_of_income') : yup.object().optional(),
+        occupation: type === IndividualType.USER ? yup.object().required('alert_choose_occupation') : yup.object().optional(),
+        sourceIncome: type === IndividualType.USER ? yup.object().required('choose_any_source_of_income') : yup.object().optional(),
         monthlyIncome: yup.object().optional(),
         civilID: yup.array().optional(),
         signatureFileId: yup.array().optional(),
-        isPEP: type === IndividualType.USER && !isPEPOptional ? yup.boolean().required('please_choose_relative_pep') : yup.boolean().optional(),
-        isInfluencer: type === IndividualType.USER && !isInfluencerOptional ? yup.boolean().required('please_choose_are_you_influncer') : yup.boolean().optional(),
+        isPEP: type === IndividualType.USER ? yup.boolean().required('please_choose_relative_pep') : yup.boolean().optional(),
+        isInfluencer: type === IndividualType.USER ? yup.boolean().required('please_choose_are_you_influncer') : yup.boolean().optional(),
         shareCount: yup.string().optional(),
         shareValue: yup.string().optional()
     });

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;

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

@@ -51,7 +51,7 @@ var CheckIconStyled = styled(CheckIcon)(function (_a) {
 });
 var BirthCountry = React.forwardRef(function (_a, ref) {
     var _b, _c, _d;
-    var countries = _a.countries, rest = __rest(_a, ["countries"]);
+    var countries = _a.countries, readOnly = _a.readOnly, rest = __rest(_a, ["countries", "readOnly"]);
     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;
@@ -60,6 +60,8 @@ var BirthCountry = React.forwardRef(function (_a, ref) {
     var placeOfBirthCountryControl = useController({ control: control, name: 'placeOfBirthCountry' });
     var onOpenCountrySelect = function (event) {
         var _a;
+        if (readOnly)
+            return;
         setAnchorEl(event.currentTarget);
         (_a = rest.onListOpen) === null || _a === void 0 ? void 0 : _a.call(rest);
     };

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

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

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

@@ -26,7 +26,7 @@ var InputLabelStyled = styled(Text)(function (_a) {
 });
 var BOD = function (_a) {
     var _b;
-    var onDateClicked = _a.onDateClicked, show = _a.show;
+    var onDateClicked = _a.onDateClicked, show = _a.show, readOnly = _a.readOnly;
     var t = useTranslation().t;
     var control = useFormContext().control;
     var dispatch = useAppDispatch();
@@ -41,6 +41,6 @@ var BOD = function (_a) {
     return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, { children: [_jsx(InputLabelStyled, __assign({ sx: { p: function (_a) {
                             var spacing = _a.spacing;
                             return spacing(2.5, 2.5, 2.5, 2.5);
-                        } } }, { children: t('enter_birth_date') })), _jsx(DatePicker, { readOnly: true, defaultValue: dateValue ? new Date(dateValue) : undefined, dir: 'ltr', locale: 'en', onClick: function () { return onDateClicked === null || onDateClicked === void 0 ? void 0 : onDateClicked(true); }, onDatePicked: function () { return onDateClicked === null || onDateClicked === void 0 ? void 0 : onDateClicked(false); }, onDateChange: handleBirthDateChange })] }) })));
+                        } } }, { children: t('enter_birth_date') })), _jsx(DatePicker, { readOnly: true, disabled: readOnly, defaultValue: dateValue ? new Date(dateValue) : new Date(), dir: 'ltr', locale: 'en', onClick: function () { return onDateClicked === null || onDateClicked === void 0 ? void 0 : onDateClicked(true); }, onDatePicked: function () { return onDateClicked === null || onDateClicked === void 0 ? void 0 : onDateClicked(false); }, onDateChange: handleBirthDateChange })] }) })));
 };
 export default React.memo(BOD);

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

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

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

@@ -28,15 +28,13 @@ var InputStyled = styled(Input)(function () { return ({
 }); });
 var Email = function (_a) {
     var _b;
-    var show = _a.show;
+    var show = _a.show, readOnly = _a.readOnly;
     var t = useTranslation().t;
     var control = useFormContext().control;
     var emailControl = useController({ name: 'email', control: control });
     var data = useAppSelector(individualSelector).data;
     var emailValue = emailControl.field.value;
     var error = (_b = emailControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
-    var verify = data.verify;
-    var user = (verify.responseBody || {}).user;
     var handleEmailChange = function (event) {
         emailControl.field.onChange(event.target.value);
     };
@@ -44,6 +42,6 @@ var Email = function (_a) {
         emailControl.field.onChange('');
     };
     var disabled = false;
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(ScreenContainer, { children: _jsx(InputStyled, { label: t('signup_email_lable'), value: emailValue, onChange: handleEmailChange, type: 'email', disabled: disabled, placeholder: t('signup_email_placeholder'), warningType: 'alert', warningMessage: error && t(error), endAdornment: !error && emailValue ? _jsx(CheckIcon, {}) : emailValue && _jsx(ClearIcon, { onClick: clearNumber }) }) }) })));
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(ScreenContainer, { children: _jsx(InputStyled, { readOnly: readOnly, label: t('signup_email_lable'), value: emailValue, onChange: handleEmailChange, type: 'email', disabled: disabled, placeholder: t('signup_email_placeholder'), warningType: 'alert', warningMessage: error && t(error), endAdornment: !error && emailValue ? _jsx(CheckIcon, {}) : emailValue && _jsx(ClearIcon, { onClick: clearNumber }) }) }) })));
 };
 export default React.memo(Email);

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

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

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

@@ -27,13 +27,12 @@ var InputLabelStyled = styled(Text)(function (_a) {
 });
 var ExpiryDate = function (_a) {
     var _b;
-    var onDateClicked = _a.onDateClicked, show = _a.show;
+    var onDateClicked = _a.onDateClicked, show = _a.show, readOnly = _a.readOnly;
     var t = useTranslation().t;
     var control = useFormContext().control;
     var dispatch = useAppDispatch();
     var dobControl = useController({ control: control, name: 'expiryDate' });
-    var _c = useAppSelector(individualSelector), error = _c.error, data = _c.data;
-    var user = (data.verify.responseBody || {}).user;
+    var error = useAppSelector(individualSelector).error;
     var handleBirthDateChange = function (data) {
         if (error)
             dispatch(clearError());
@@ -44,6 +43,6 @@ var ExpiryDate = function (_a) {
     return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, { children: [_jsx(InputLabelStyled, __assign({ sx: { p: function (_a) {
                             var spacing = _a.spacing;
                             return spacing(2.5, 2.5, 2.5, 2.5);
-                        } } }, { children: t('enter_expiry_date') })), _jsx(DatePicker, { readOnly: true, disabled: disabled, defaultValue: dateValue ? new Date(dateValue) : new Date(), dir: 'ltr', locale: 'en', maxDate: getFutureDate(), onClick: disabled ? undefined : function () { return onDateClicked === null || onDateClicked === void 0 ? void 0 : onDateClicked(true); }, onDatePicked: function () { return onDateClicked === null || onDateClicked === void 0 ? void 0 : onDateClicked(false); }, onDateChange: handleBirthDateChange })] }) })));
+                        } } }, { children: t('enter_expiry_date') })), _jsx(DatePicker, { readOnly: true, disabled: disabled || readOnly, defaultValue: dateValue ? new Date(dateValue) : new Date(), dir: 'ltr', locale: 'en', maxDate: getFutureDate(), onClick: disabled ? undefined : function () { return onDateClicked === null || onDateClicked === void 0 ? void 0 : onDateClicked(true); }, onDatePicked: function () { return onDateClicked === null || onDateClicked === void 0 ? void 0 : onDateClicked(false); }, onDateChange: handleBirthDateChange })] }) })));
 };
 export default React.memo(ExpiryDate);

package/build/features/individual/screens/IndividualPersonalInfo/Gender.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>, {}, {}>;
 declare type GenderProps = {
     show: boolean;
+    readOnly?: boolean;
 };
-declare const Gender: ({ show }: GenderProps) => JSX.Element;
+declare const Gender: ({ show, readOnly }: GenderProps) => JSX.Element;
 export default Gender;

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

@@ -67,12 +67,14 @@ export var InfoOutlinedIconStyled = styled(InfoOutlinedIcon)(function (_a) {
     });
 });
 var Gender = function (_a) {
-    var show = _a.show;
+    var show = _a.show, readOnly = _a.readOnly;
     var t = useTranslation().t;
     var control = useFormContext().control;
     var genderControl = useController({ control: control, name: 'gender' });
     var handleOnChange = function (_a) {
         var target = _a.target;
+        if (readOnly)
+            return;
         genderControl.field.onChange(target.value);
     };
     var genderValue = genderControl.field.value;

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

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

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

@@ -14,22 +14,17 @@ import * as React from 'react';
 import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
 import { removeAllCharsFromNumber } from '../../../../utils';
-import { useAppSelector } from '../../../../hooks';
 import { ID_NUMBER_LENGTH } from '../../../../constants';
 import Collapse from '../../../../components/Collapse';
 import { ScreenContainer } from '../../../shared/Containers';
 import Input from '../../../shared/Input';
 import ClearIcon from '../../../shared/ClearIcon';
 import CheckIcon from '../../../shared/CheckIcon';
-import { individualSelector } from '../../../app/individual/individualStore';
 var IDNumber = function (_a) {
     var _b;
-    var show = _a.show;
+    var show = _a.show, readOnly = _a.readOnly;
     var t = useTranslation().t;
     var control = useFormContext().control;
-    var data = useAppSelector(individualSelector).data;
-    var verify = data.verify;
-    var user = (verify.responseBody || {}).user;
     var nidControl = useController({ control: control, name: 'nid' });
     var handleIdChange = function (_a) {
         var target = _a.target;
@@ -42,6 +37,6 @@ var IDNumber = function (_a) {
     var nidValue = nidControl.field.value;
     var error = (_b = nidControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
     var disabled = false;
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(ScreenContainer, { children: _jsx(Input, { label: t('enter_national_id'), disabled: disabled, inputProps: { maxLength: ID_NUMBER_LENGTH }, onChange: handleIdChange, value: nidValue, endAdornment: !error && nidValue ? _jsx(CheckIcon, {}) : nidValue && _jsx(ClearIcon, { onClick: clearIdNumber }), placeholder: '0000000000', warningType: 'alert', warningMessage: error && t(error, { number: '1' }) }) }) })));
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(ScreenContainer, { children: _jsx(Input, { readOnly: readOnly, label: t('enter_national_id'), disabled: disabled, inputProps: { maxLength: ID_NUMBER_LENGTH }, onChange: handleIdChange, value: nidValue, endAdornment: !error && nidValue ? _jsx(CheckIcon, {}) : nidValue && _jsx(ClearIcon, { onClick: clearIdNumber }), placeholder: '0000000000', warningType: 'alert', warningMessage: error && t(error, { number: '1' }) }) }) })));
 };
 export default React.memo(IDNumber);