npm - @tap-payments/auth-jsconnect - Versions diffs - 2.3.7-test → 2.3.7 - Mend

@tap-payments/auth-jsconnect 2.3.7-test → 2.3.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (488) hide show

package/build/features/entity/screens/EntityName/ExpiryDate.js CHANGED Viewed

@@ -14,25 +14,25 @@ import { useController, useFormContext } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';
 import { alpha, Collapse, styled } from '@mui/material';
 import { useAppDispatch, useAppSelector } from '../../../../hooks';
+import { getFutureDate } from '../../../../utils';
 import Text from '../../../../components/Text';
 import { ScreenContainer } from '../../../shared/Containers';
 import { entitySelector, clearError } from '../../../app/entity/entityStore';
-import DatePicker from '../../../../components/DatePicker';
+import Calender from '../../../shared/Calender';
+import { MandatoryStyled } from './EntityTypeList';
 export var InputLabelStyled = styled(Text)(function (_a) {
     var theme = _a.theme;
     return (__assign({ margin: theme.spacing(0, 2.5, 1.5, 2.5), color: alpha(theme.palette.text.primary, 0.6) }, theme.typography.caption));
 });
 var ExpiryDate = function (_a) {
     var _b, _c;
-    var onDateClicked = _a.onDateClicked;
+    var onDateClicked = _a.onDateClicked, readOnly = _a.readOnly, isVerified = _a.isVerified;
     var t = useTranslation().t;
     var dispatch = useAppDispatch();
     var control = useFormContext().control;
     var _d = useAppSelector(entitySelector), data = _d.data, error = _d.error;
     var entity = (data.verify.responseBody || {}).entity;
     var expiryDate = (_b = entity === null || entity === void 0 ? void 0 : entity.license) === null || _b === void 0 ? void 0 : _b.expiry_date;
-    var disabled = false;
-    var hide = !expiryDate && disabled;
     var oDateControl = useController({ control: control, name: 'expiryDate' });
     var dateValue = (_c = oDateControl === null || oDateControl === void 0 ? void 0 : oDateControl.field) === null || _c === void 0 ? void 0 : _c.value;
     var handleExpiryDateChange = function (data) {
@@ -40,6 +40,6 @@ var ExpiryDate = function (_a) {
             dispatch(clearError());
         oDateControl.field.onChange(data);
     };
-    return (_jsx(Collapse, __assign({ in: !hide }, { children: _jsxs(ScreenContainer, __assign({ sx: { mt: 2.5 } }, { children: [_jsx(InputLabelStyled, { children: t('business_expiry_date') }), _jsx(DatePicker, { readOnly: true, disabled: disabled, 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: handleExpiryDateChange })] })) })));
+    return (_jsx(Collapse, __assign({ in: !!expiryDate }, { children: _jsxs(ScreenContainer, __assign({ sx: { mt: 2.5 } }, { children: [_jsxs(InputLabelStyled, { children: [t('business_expiry_date'), _jsx(MandatoryStyled, { children: "*" })] }), _jsx(Calender, { isVerified: isVerified, disabled: readOnly, maxDate: getFutureDate(), defaultValue: dateValue ? new Date(dateValue) : undefined, onDateClicked: onDateClicked, onDateChange: handleExpiryDateChange })] })) })));
 };
 export default ExpiryDate;

package/build/features/entity/screens/EntityName/IssuingDate.d.ts CHANGED Viewed

@@ -7,13 +7,15 @@ export declare const InputLabelStyled: import("@emotion/styled").StyledComponent
     noWrap?: boolean | undefined;
     paragraph?: boolean | undefined;
     sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-    variant?: "button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "overline" | "subtitle1" | "subtitle2" | "body1" | "body2" | undefined;
-    variantMapping?: Partial<Record<"button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "overline" | "subtitle1" | "subtitle2" | "body1" | "body2", string>> | undefined;
+    variant?: "button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "subtitle1" | "subtitle2" | "body1" | "body2" | "overline" | undefined;
+    variantMapping?: Partial<Record<"button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "subtitle1" | "subtitle2" | "body1" | "body2" | "overline", string>> | undefined;
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof React.HTMLAttributes<HTMLSpanElement>> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
 }, keyof import("@mui/material/OverridableComponent").CommonProps | ("border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform") | "children" | "sx" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export interface IssuingDateProps {
     onDateClicked?: (flag: boolean) => void;
+    readOnly?: boolean;
+    isVerified?: boolean;
 }
-declare const IssuingDate: ({ onDateClicked }: IssuingDateProps) => JSX.Element;
+declare const IssuingDate: ({ onDateClicked, readOnly, isVerified }: IssuingDateProps) => JSX.Element;
 export default IssuingDate;

package/build/features/entity/screens/EntityName/IssuingDate.js CHANGED Viewed

@@ -15,24 +15,23 @@ import { useController, useFormContext } from 'react-hook-form';
 import { alpha, Collapse, styled } from '@mui/material';
 import { useAppDispatch, useAppSelector } from '../../../../hooks';
 import Text from '../../../../components/Text';
-import DatePicker from '../../../../components/DatePicker';
+import Calender from '../../../shared/Calender';
 import { ScreenContainer } from '../../../shared/Containers';
 import { entitySelector, clearError } from '../../../app/entity/entityStore';
+import { MandatoryStyled } from './EntityTypeList';
 export var InputLabelStyled = styled(Text)(function (_a) {
     var theme = _a.theme;
     return (__assign({ margin: theme.spacing(0, 2.5, 1.5, 2.5), color: alpha(theme.palette.text.primary, 0.6) }, theme.typography.caption));
 });
 var IssuingDate = function (_a) {
     var _b, _c;
-    var onDateClicked = _a.onDateClicked;
+    var onDateClicked = _a.onDateClicked, readOnly = _a.readOnly, isVerified = _a.isVerified;
     var t = useTranslation().t;
     var dispatch = useAppDispatch();
     var control = useFormContext().control;
     var _d = useAppSelector(entitySelector), data = _d.data, error = _d.error;
     var entity = (data.verify.responseBody || {}).entity;
     var issueDate = (_b = entity === null || entity === void 0 ? void 0 : entity.license) === null || _b === void 0 ? void 0 : _b.issuing_date;
-    var disabled = false;
-    var hide = !issueDate && disabled;
     var oDateControl = useController({ control: control, name: 'issuingDate' });
     var dateValue = (_c = oDateControl === null || oDateControl === void 0 ? void 0 : oDateControl.field) === null || _c === void 0 ? void 0 : _c.value;
     var handleIssuingDateChange = function (data) {
@@ -40,6 +39,6 @@ var IssuingDate = function (_a) {
             dispatch(clearError());
         oDateControl.field.onChange(data);
     };
-    return (_jsx(Collapse, __assign({ in: !hide }, { children: _jsxs(ScreenContainer, __assign({ sx: { mt: 2.5 } }, { children: [_jsx(InputLabelStyled, { children: t('issue_date') }), _jsx(DatePicker, { readOnly: true, disabled: disabled, 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: handleIssuingDateChange })] })) })));
+    return (_jsx(Collapse, __assign({ in: !!issueDate }, { children: _jsxs(ScreenContainer, __assign({ sx: { mt: 2.5 } }, { children: [_jsxs(InputLabelStyled, { children: [t('issue_date'), _jsx(MandatoryStyled, { children: "*" })] }), _jsx(Calender, { disabled: readOnly, isVerified: isVerified, defaultValue: dateValue ? new Date(dateValue) : undefined, onDateClicked: onDateClicked, onDateChange: handleIssuingDateChange })] })) })));
 };
 export default IssuingDate;

package/build/features/entity/screens/EntityName/LegalName.d.ts CHANGED Viewed

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

package/build/features/entity/screens/EntityName/LegalName.js CHANGED Viewed

@@ -14,33 +14,36 @@ import * as React from 'react';
 import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
 import { Collapse } from '@mui/material';
-import { useAppSelector, useLanguage } from '../../../../hooks';
+import { useAppDispatch, useAppSelector, useLanguage } from '../../../../hooks';
 import { removeAllOtherThanCharsNumbersAndSpace } from '../../../../utils';
 import { ScreenContainer } from '../../../shared/Containers';
-import { entitySelector } from '../../../app/entity/entityStore';
+import { clearError, entitySelector } from '../../../app/entity/entityStore';
 import Input from '../../../shared/Input';
+import { EndAdornment } from '../../../shared/EndAdornment';
 var LegalName = function (_a) {
+    var readOnly = _a.readOnly, isVerified = _a.isVerified;
     var t = useTranslation().t;
     var isAr = useLanguage();
     var _b = useFormContext(), control = _b.control, setValue = _b.setValue;
-    var data = useAppSelector(entitySelector).data;
+    var dispatch = useAppDispatch();
+    var _c = useAppSelector(entitySelector), data = _c.data, error = _c.error;
     var responseBody = data.verify.responseBody;
     var entity = (responseBody || {}).entity;
     var legalName = entity === null || entity === void 0 ? void 0 : entity.legal_name;
     var name = isAr ? legalName === null || legalName === void 0 ? void 0 : legalName.ar : legalName === null || legalName === void 0 ? void 0 : legalName.en;
     var legalNameControl = useController({ control: control, name: 'legalName' });
     var legalNameValue = legalNameControl.field.value;
-    var disabled = false;
-    var hide = !legalName && disabled;
     React.useEffect(function () {
         if (name && !legalNameValue)
             setValue('legalName', name, { shouldValidate: true });
     }, [name]);
     var handleChange = function (_a) {
         var target = _a.target;
+        if (error)
+            dispatch(clearError());
         var value = removeAllOtherThanCharsNumbersAndSpace(target.value);
         legalNameControl.field.onChange(value);
     };
-    return (_jsx(Collapse, __assign({ in: !hide }, { children: _jsx(ScreenContainer, { children: _jsx(Input, { disabled: disabled, onChange: handleChange, value: legalNameValue, label: t('license_name_label'), placeholder: t('license_name_placeholder'), sx: { '& .MuiInputBase-input': { cursor: 'auto' } } }) }) })));
+    return (_jsx(Collapse, __assign({ in: !!legalName }, { children: _jsx(ScreenContainer, { children: _jsx(Input, { required: true, readOnly: readOnly, onChange: handleChange, value: legalNameValue, label: t('license_name_label'), placeholder: t('license_name_placeholder'), sx: { '& .MuiInputBase-input': { cursor: 'auto' } }, endAdornment: _jsx(EndAdornment, { value: legalNameValue, isVerified: isVerified }) }) }) })));
 };
 export default React.memo(LegalName);

package/build/features/entity/screens/EntityName/LicenseCertificate.d.ts CHANGED Viewed

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

package/build/features/entity/screens/EntityName/LicenseCertificate.js CHANGED Viewed

@@ -18,9 +18,9 @@ import Collapse from '../../../../components/Collapse';
 import { DocumentPurpose } from '../../../../@types';
 import { FileType } from '../../../../constants';
 import { useAppDispatch, useAppSelector } from '../../../../hooks';
-import { getFileDetailsFromDocument } from '../../../../utils';
+import { hasVerifiedValue } from '../../../../utils';
 import { ScreenContainer } from '../../../shared/Containers';
-import { entitySelector, uploadingStatus } from '../../../app/entity/entityStore';
+import { clearError, entitySelector, uploadingStatus } from '../../../app/entity/entityStore';
 import UploadMultipleFile from '../../../shared/UploadMultipleFile';
 var FeatureStyled = styled(ScreenContainer)(function (_a) {
     var theme = _a.theme;
@@ -30,20 +30,25 @@ var FeatureStyled = styled(ScreenContainer)(function (_a) {
 });
 var LicenseCertificate = 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 dispatch = useAppDispatch();
     var certificateIdControl = useController({ name: 'certificateId', control: control });
-    var _c = useAppSelector(entitySelector), loading = _c.loading, data = _c.data;
-    var documents = (((_b = data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.entity) || {}).documents;
+    var _c = useAppSelector(entitySelector), loading = _c.loading, error = _c.error, data = _c.data;
+    var data_verification = (((_b = data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.entity) || {}).data_verification;
+    var uploadedIds = certificateIdControl.field.value;
+    var isDocumentVerified = React.useMemo(function () { var _a; return !!((_a = defaultFiles === null || defaultFiles === void 0 ? void 0 : defaultFiles[0]) === null || _a === void 0 ? void 0 : _a.docId) && hasVerifiedValue(data_verification, "documents.".concat(defaultFiles[0].docId)); }, [data_verification]);
     var handleLicenseCertificateChange = function (ids) {
+        if (error)
+            dispatch(clearError());
         certificateIdControl.field.onChange(ids);
     };
     var handleReset = function (ids) {
+        if (error)
+            dispatch(clearError());
         certificateIdControl.field.onChange(ids);
     };
-    var defaultFiles = React.useMemo(function () { return getFileDetailsFromDocument(documents, DocumentPurpose.CR); }, [documents]);
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(FeatureStyled, { children: _jsx(UploadMultipleFile, { id: 'certificateId', control: control, label: t('title_license_certificate'), title: t('drag_and_drop'), subTitle: t('subtitle_drop'), dragDescription: t('desc_drag_and_drop_certificate'), uploadingTitle: t('file_uploading_title'), successTitle: t('success_upload_bank_statement'), onFileUploaded: handleLicenseCertificateChange, isSubmitting: loading, onDeleteFile: handleReset, maxLimit: 4, defaultFiles: defaultFiles, purpose: DocumentPurpose.CR, fileUploadingStatus: function (uploading) { return dispatch(uploadingStatus(uploading)); }, fileType: FileType.IMAGES }) }) })));
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(FeatureStyled, { children: _jsx(UploadMultipleFile, { readOnly: readOnly, id: 'certificateId', control: control, label: t('title_license_certificate'), title: t('drag_and_drop'), subTitle: t('subtitle_drop'), dragDescription: t('desc_drag_and_drop_certificate'), uploadingTitle: t('file_uploading_title'), successTitle: t('success_upload_bank_statement'), onFileUploaded: handleLicenseCertificateChange, isSubmitting: loading, onDeleteFile: handleReset, maxLimit: 4, defaultFiles: defaultFiles, purpose: DocumentPurpose.CR, fileUploadingStatus: function (uploading) { return dispatch(uploadingStatus(uploading)); }, fileType: FileType.IMAGES, isVerified: !(uploadedIds === null || uploadedIds === void 0 ? void 0 : uploadedIds.length) && isDocumentVerified }) }) })));
 };
 export default LicenseCertificate;

package/build/features/entity/screens/EntityName/LicenseNumber.d.ts CHANGED Viewed

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

package/build/features/entity/screens/EntityName/LicenseNumber.js CHANGED Viewed

@@ -13,30 +13,32 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
-import { useAppSelector } from '../../../../hooks';
+import { useAppDispatch, useAppSelector } from '../../../../hooks';
 import { BusinessType } from '../../../../@types';
 import { isSA, removeAllOtherThanCharsAndNumber } from '../../../../utils';
 import { settingsSelector } from '../../../../app/settings';
-import { CR_NUMBER_LENGTH, FL_NUMBER_ENTITY_LENGTH, KW_MAX_LICENSE_LENGTH, KW_MIN_LICENSE_LENGTH } from '../../../../constants';
+import { CR_MIN_LICENSE_LENGTH, CR_NUMBER_MAX_LENGTH, FL_MIN_LICENSE_LENGTH, FL_NUMBER_ENTITY_LENGTH, KW_MAX_LICENSE_LENGTH, KW_MIN_LICENSE_LENGTH } from '../../../../constants';
+import Collapse from '../../../../components/Collapse';
 import { ScreenContainer } from '../../../shared/Containers';
 import Input from '../../../shared/Input';
-import { entitySelector } from '../../../app/entity/entityStore';
-import Collapse from '../../../../components/Collapse';
+import { clearError, entitySelector } from '../../../app/entity/entityStore';
+import { EndAdornment } from '../../../shared/EndAdornment';
 var LicenseNumber = function (_a) {
     var _b, _c;
-    var show = _a.show;
+    var show = _a.show, readOnly = _a.readOnly, isVerified = _a.isVerified;
     var t = useTranslation().t;
-    var data = useAppSelector(entitySelector).data;
+    var _d = useAppSelector(entitySelector), data = _d.data, bckError = _d.error;
+    var dispatch = useAppDispatch();
     var settingsData = useAppSelector(settingsSelector).data;
     var control = useFormContext().control;
     var entity = (data.verify.responseBody || {}).entity;
     var type = data.entityNameData.licenseType;
     var number = (_b = entity === null || entity === void 0 ? void 0 : entity.license) === null || _b === void 0 ? void 0 : _b.number;
-    var disabled = false;
-    var hide = !number && disabled;
     var isSACountry = React.useMemo(function () { return isSA(settingsData.businessCountry.iso2); }, [settingsData.businessCountry.iso2]);
     var handleChange = function (_a) {
         var target = _a.target;
+        if (bckError)
+            dispatch(clearError());
         var value = removeAllOtherThanCharsAndNumber(target.value);
         licenseNumberControl.field.onChange(value);
     };
@@ -44,8 +46,8 @@ var LicenseNumber = function (_a) {
     var licenseNumberValue = licenseNumberControl.field.value;
     var error = (_c = licenseNumberControl.fieldState.error) === null || _c === void 0 ? void 0 : _c.message;
     var isCR = type === BusinessType.CR;
-    var length = !isSACountry ? KW_MAX_LICENSE_LENGTH : isCR ? CR_NUMBER_LENGTH : FL_NUMBER_ENTITY_LENGTH;
-    var minLength = !isSACountry ? KW_MIN_LICENSE_LENGTH : length;
-    return (_jsx(Collapse, __assign({ in: show && !hide }, { children: _jsx(ScreenContainer, __assign({ sx: { mt: 2.5 } }, { children: _jsx(Input, { label: t('license_number_label'), onChange: handleChange, disabled: disabled, inputProps: { maxLength: length }, value: licenseNumberValue, sx: { '& .MuiInputBase-input': { cursor: 'auto' } }, placeholder: isCR ? t('cr_number_hint') : t('fl_number_hint'), warningType: 'alert', warningMessage: error && t(error, { length: minLength }) }) })) })));
+    var length = !isSACountry ? KW_MAX_LICENSE_LENGTH : isCR ? CR_NUMBER_MAX_LENGTH : FL_NUMBER_ENTITY_LENGTH;
+    var minLength = !isSACountry ? KW_MIN_LICENSE_LENGTH : isCR ? CR_MIN_LICENSE_LENGTH : FL_MIN_LICENSE_LENGTH;
+    return (_jsx(Collapse, __assign({ in: show && !!number }, { children: _jsx(ScreenContainer, __assign({ sx: { mt: 2.5 } }, { children: _jsx(Input, { readOnly: readOnly, label: t('license_number_label'), onChange: handleChange, inputProps: { maxLength: length }, value: licenseNumberValue, sx: { '& .MuiInputBase-input': { cursor: 'auto' } }, placeholder: isCR ? t('cr_number_hint') : t('fl_number_hint'), warningType: 'alert', warningMessage: error && t(error, { length: minLength }), endAdornment: _jsx(EndAdornment, { value: licenseNumberValue, isVerified: isVerified }) }) })) })));
 };
 export default React.memo(LicenseNumber);

package/build/features/entity/screens/EntityName/UnifiedNumber.d.ts CHANGED Viewed

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

package/build/features/entity/screens/EntityName/UnifiedNumber.js CHANGED Viewed

@@ -13,30 +13,32 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
-import { useAppSelector } from '../../../../hooks';
+import { useAppDispatch, useAppSelector } from '../../../../hooks';
 import { removeAllOtherThanCharsAndNumber } from '../../../../utils';
 import Collapse from '../../../../components/Collapse';
 import { ScreenContainer } from '../../../shared/Containers';
 import Input from '../../../shared/Input';
-import { entitySelector } from '../../../app/entity/entityStore';
+import { clearError, entitySelector } from '../../../app/entity/entityStore';
+import { EndAdornment } from '../../../shared/EndAdornment';
 var UnifiedNumber = function (_a) {
     var _b, _c, _d;
-    var show = _a.show;
+    var show = _a.show, readOnly = _a.readOnly, isVerified = _a.isVerified;
     var t = useTranslation().t;
-    var data = useAppSelector(entitySelector).data;
+    var _e = useAppSelector(entitySelector), data = _e.data, bckError = _e.error;
     var control = useFormContext().control;
+    var dispatch = useAppDispatch();
     var entity = (data.verify.responseBody || {}).entity;
     var number = (_c = (_b = entity === null || entity === void 0 ? void 0 : entity.license) === null || _b === void 0 ? void 0 : _b.additional_info) === null || _c === void 0 ? void 0 : _c.unified_number;
-    var disabled = false;
-    var hide = !number && disabled;
     var handleChange = function (_a) {
         var target = _a.target;
+        if (bckError)
+            dispatch(clearError());
         var value = removeAllOtherThanCharsAndNumber(target.value);
         unifiedNumberControl.field.onChange(value);
     };
     var unifiedNumberControl = useController({ control: control, name: 'unifiedNumber' });
     var unifiedNumberValue = unifiedNumberControl.field.value;
     var error = (_d = unifiedNumberControl.fieldState.error) === null || _d === void 0 ? void 0 : _d.message;
-    return (_jsx(Collapse, __assign({ in: show && !hide }, { children: _jsx(ScreenContainer, __assign({ sx: { mt: 2.5 } }, { children: _jsx(Input, { label: t('unified_number_label'), onChange: handleChange, disabled: disabled, value: unifiedNumberValue, sx: { '& .MuiInputBase-input': { cursor: 'auto' } }, placeholder: t('unified_number_hint'), warningType: 'alert', warningMessage: error && t(error) }) })) })));
+    return (_jsx(Collapse, __assign({ in: show && !!number }, { children: _jsx(ScreenContainer, __assign({ sx: { mt: 2.5 } }, { children: _jsx(Input, { readOnly: readOnly, label: t('unified_number_label'), onChange: handleChange, value: unifiedNumberValue, sx: { '& .MuiInputBase-input': { cursor: 'auto' } }, placeholder: t('unified_number_hint'), warningType: 'alert', warningMessage: error && t(error), endAdornment: _jsx(EndAdornment, { value: unifiedNumberValue, isVerified: isVerified }) }) })) })));
 };
 export default React.memo(UnifiedNumber);

package/build/features/entity/screens/EntityName/validation.d.ts CHANGED Viewed

@@ -1,60 +1,60 @@
 import * as yup from 'yup';
-export declare const EntityNameValidationSchema: (entity: any) => yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-    legalName: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+export declare const EntityNameValidationSchema: () => yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
+    legalName: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
     licenseType: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
-    entityType: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
-    licenseNumber: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
-    unifiedNumber: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
-    issuingDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
-    expiryDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    entityType: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+    licenseNumber: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+    unifiedNumber: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+    issuingDate: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+    expiryDate: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
     certificateId: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
     articleId: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
 }>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-    legalName: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    legalName: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
     licenseType: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
-    entityType: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
-    licenseNumber: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
-    unifiedNumber: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
-    issuingDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
-    expiryDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    entityType: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+    licenseNumber: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+    unifiedNumber: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+    issuingDate: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+    expiryDate: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
     certificateId: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
     articleId: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
 }>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-    legalName: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    legalName: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
     licenseType: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
-    entityType: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
-    licenseNumber: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
-    unifiedNumber: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
-    issuingDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
-    expiryDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    entityType: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+    licenseNumber: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+    unifiedNumber: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+    issuingDate: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+    expiryDate: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
     certificateId: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
     articleId: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
 }>>>;
-export declare const EntityNameKWValidationSchema: (entity: any) => yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-    legalName: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+export declare const EntityNameKWValidationSchema: () => yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
+    legalName: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
     licenseType: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
-    entityType: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
-    licenseNumber: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
-    issuingDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
-    expiryDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    entityType: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+    licenseNumber: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+    issuingDate: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+    expiryDate: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
     certificateId: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
     articleId: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
 }>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-    legalName: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    legalName: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
     licenseType: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
-    entityType: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
-    licenseNumber: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
-    issuingDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
-    expiryDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    entityType: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+    licenseNumber: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+    issuingDate: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+    expiryDate: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
     certificateId: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
     articleId: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
 }>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-    legalName: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    legalName: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
     licenseType: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
-    entityType: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
-    licenseNumber: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
-    issuingDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
-    expiryDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    entityType: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+    licenseNumber: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+    issuingDate: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+    expiryDate: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
     certificateId: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
     articleId: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
 }>>>;