@tap-payments/auth-jsconnect 2.10.5-beta → 2.10.5

package/build/features/entity/screens/EntityName/Article.js

@@ -1,53 +1,53 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { 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 { FileRemoveType } from '../../../../constants';
-import Collapse from '../../../../components/Collapse';
-import { ScreenContainer } from '../../../shared/Containers';
-import { UploadWrapper } from '../../../shared/UploadFile';
-import { entitySelector, uploadingArticleStatus, clearAOAFile, clearError } from '../../../app/entity/entityStore';
-var FeatureStyled = styled(ScreenContainer)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        marginBlockStart: theme.spacing(3)
-    });
-});
-var Article = function (_a) {
-    var _b;
-    var show = _a.show, readOnly = _a.readOnly, defaultFile = _a.defaultFile, isVerified = _a.isVerified;
-    var t = useTranslation().t;
-    var control = useFormContext().control;
-    var articleIdControl = useController({ name: 'articleId', control: control });
-    var dispatch = useAppDispatch();
-    var _c = useAppSelector(entitySelector), data = _c.data, error = _c.error, loading = _c.loading;
-    var AOA_file = (((_b = data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.entity) || {}).AOA_file;
-    var id = articleIdControl.field.value;
-    var handleArticleChange = function (id) {
-        if (error)
-            dispatch(clearError());
-        articleIdControl.field.onChange(id);
-    };
-    var handleReset = function () {
-        if (error)
-            dispatch(clearError());
-        if (AOA_file)
-            dispatch(clearAOAFile());
-        articleIdControl.field.onChange(undefined);
-    };
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(FeatureStyled, { children: _jsx(UploadWrapper, { readOnly: readOnly, id: 'articleId', fileRemoveType: FileRemoveType.AOA_FILE_ID, control: control, label: t('title_article'), title: t('drag_and_drop'), subTitle: t('subtitle_drop'), dragDescription: t('article_of_association'), uploadingTitle: t('file_uploading_title'), successTitle: t('success_upload_bank_statement'), onFileUploaded: handleArticleChange, isSubmitting: loading, onDeleteFile: handleReset, defaultFile: defaultFile, purpose: DocumentPurpose.ARTICLE_ASSOCIATION, isVerified: isVerified && !id, fileUploadingStatus: function (uploading) { return dispatch(uploadingArticleStatus(uploading)); } }) }) })));
-};
-export default Article;
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { 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 { FileRemoveType } from '../../../../constants';
+import Collapse from '../../../../components/Collapse';
+import { ScreenContainer } from '../../../shared/Containers';
+import { UploadWrapper } from '../../../shared/UploadFile';
+import { entitySelector, uploadingArticleStatus, clearAOAFile, clearError } from '../../../app/entity/entityStore';
+var FeatureStyled = styled(ScreenContainer)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        marginBlockStart: theme.spacing(3)
+    });
+});
+var Article = function (_a) {
+    var _b;
+    var show = _a.show, readOnly = _a.readOnly, defaultFile = _a.defaultFile, isVerified = _a.isVerified;
+    var t = useTranslation().t;
+    var control = useFormContext().control;
+    var articleIdControl = useController({ name: 'articleId', control: control });
+    var dispatch = useAppDispatch();
+    var _c = useAppSelector(entitySelector), data = _c.data, error = _c.error, loading = _c.loading;
+    var AOA_file = (((_b = data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.entity) || {}).AOA_file;
+    var id = articleIdControl.field.value;
+    var handleArticleChange = function (id) {
+        if (error)
+            dispatch(clearError());
+        articleIdControl.field.onChange(id);
+    };
+    var handleReset = function () {
+        if (error)
+            dispatch(clearError());
+        if (AOA_file)
+            dispatch(clearAOAFile());
+        articleIdControl.field.onChange(undefined);
+    };
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(FeatureStyled, { children: _jsx(UploadWrapper, { readOnly: readOnly, id: 'articleId', fileRemoveType: FileRemoveType.AOA_FILE_ID, control: control, label: t('title_article'), title: t('drag_and_drop'), subTitle: t('subtitle_drop'), dragDescription: t('article_of_association'), uploadingTitle: t('file_uploading_title'), successTitle: t('success_upload_bank_statement'), onFileUploaded: handleArticleChange, isSubmitting: loading, onDeleteFile: handleReset, defaultFile: defaultFile, purpose: DocumentPurpose.ARTICLE_ASSOCIATION, isVerified: isVerified && !id, fileUploadingStatus: function (uploading) { return dispatch(uploadingArticleStatus(uploading)); } }) }) })));
+};
+export default Article;

package/build/features/entity/screens/EntityName/EntityName.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-export interface EntityProps {
-}
-declare const EntityName: ({}: EntityProps) => JSX.Element;
-export default EntityName;
+/// <reference types="react" />
+export interface EntityProps {
+}
+declare const EntityName: ({}: EntityProps) => JSX.Element;
+export default EntityName;

package/build/features/entity/screens/EntityName/EntityName.js

@@ -1,162 +1,163 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { FormProvider, useForm } from 'react-hook-form';
-import { useTranslation } from 'react-i18next';
-import { yupResolver } from '@hookform/resolvers/yup';
-import { styled } from '@mui/material/styles';
-import { useAppDispatch, useAppSelector, useDataNoneEditable, useFormReadOnly, useLanguage, useSetFromDefaultValues, useFormErrorAndUpdateReadOnly, useExcludeReadOnlyFelids, useDataVerified, useFormDirtyCheck } from '../../../../hooks';
-import { handlePrevScreenStep, settingsSelector } from '../../../../app/settings';
-import { convertToEnglishDateFormat, deepCopy, getFileDetailsFromDocument, isKW, isSA, sendCustomEventToGTM } from '../../../../utils';
-import { BusinessType, DocumentPurpose } from '../../../../@types';
-import Form from '../../../../components/Form';
-import Collapse from '../../../../components/Collapse';
-import { clearError, entitySelector, retrieveBoardStatus, updateEntityName } from '../../../app/entity/entityStore';
-import { ScreenContainer } from '../../../shared/Containers';
-import Button from '../../../shared/Button';
-import { EntityNameValidationSchema, EntityNameKWValidationSchema, EntityNameOtherCountryValidationSchema } from './validation';
-import LegalName from './LegalName';
-import LicenseNumber from './LicenseNumber';
-import IssuingDate from './IssuingDate';
-import ExpiryDate from './ExpiryDate';
-import EntityTypeList from './EntityTypeList';
-import UnifiedNumber from './UnifiedNumber';
-import LicenseCertificate from './LicenseCertificate';
-import Article from './Article';
-var FormStyled = styled(Form)(function () { return ({
-    display: 'flex',
-    flexDirection: 'column'
-}); });
-var EntityName = function (_a) {
-    var _b, _c;
-    var _d = React.useState(false), issueAnchorEl = _d[0], setIssueAnchorEl = _d[1];
-    var _e = React.useState(false), expiryAnchorEl = _e[0], setExpiryAnchorEl = _e[1];
-    var _f = React.useState(false), entityTypeAnchorEl = _f[0], setEntityTypeAnchorEl = _f[1];
-    var _g = useAppSelector(entitySelector), data = _g.data, loading = _g.loading, error = _g.error, uploading = _g.uploading, uploadingArticle = _g.uploadingArticle;
-    var settingsData = useAppSelector(settingsSelector).data;
-    var isAr = useLanguage().isAr;
-    var t = useTranslation().t;
-    var dispatch = useAppDispatch();
-    var _h = data.entityNameData, legalName = _h.legalName, licenseNumber = _h.licenseNumber, licenseType = _h.licenseType, entityType = _h.entityType, issuingDate = _h.issuingDate, expiryDate = _h.expiryDate, unifiedNumber = _h.unifiedNumber, certificateId = _h.certificateId, articleId = _h.articleId;
-    var country_code = settingsData.businessCountry.iso2;
-    var isSACountry = React.useMemo(function () { return isSA(country_code); }, [country_code]);
-    var isKWCountry = React.useMemo(function () { return isKW(country_code); }, [country_code]);
-    var isCR = licenseType === BusinessType.CR;
-    var _j = data.verify.responseBody || {}, entity = _j.entity, flows = _j.flows, entityTypes = _j.entityTypes;
-    var _k = entity || {}, AOA_file = _k.AOA_file, id = _k.id, documents = _k.documents, data_status = _k.data_status, data_verification = _k.data_verification, legal_name = _k.legal_name, type = _k.type, license = _k.license;
-    var getSchema = function () {
-        if (isSACountry)
-            return EntityNameValidationSchema();
-        if (isKWCountry)
-            return EntityNameKWValidationSchema();
-        return EntityNameOtherCountryValidationSchema();
-    };
-    var methods = useForm({
-        resolver: yupResolver(getSchema()),
-        defaultValues: {
-            legalName: legalName,
-            licenseNumber: licenseNumber,
-            licenseType: licenseType,
-            entityType: entityType,
-            issuingDate: issuingDate,
-            expiryDate: expiryDate,
-            unifiedNumber: unifiedNumber,
-            certificateId: certificateId,
-            articleId: articleId
-        },
-        mode: 'onChange'
-    });
-    var watch = methods.watch;
-    useSetFromDefaultValues(methods, data.entityNameData, true);
-    var defaultCertificateFiles = React.useMemo(function () { return getFileDetailsFromDocument(documents, DocumentPurpose.CR); }, [documents]);
-    var defaultArticleFile = React.useMemo(function () { return AOA_file && __assign(__assign({}, AOA_file), { docId: id }); }, [AOA_file]);
-    var issueDateRes = (license === null || license === void 0 ? void 0 : license.issuing_date) && convertToEnglishDateFormat(new Date(license.issuing_date));
-    var expDateRes = (license === null || license === void 0 ? void 0 : license.expiry_date) && convertToEnglishDateFormat(new Date(license.expiry_date));
-    var isDirty = useFormDirtyCheck(methods, {
-        legalName: (legal_name === null || legal_name === void 0 ? void 0 : legal_name.en) || (legal_name === null || legal_name === void 0 ? void 0 : legal_name.ar),
-        licenseNumber: license === null || license === void 0 ? void 0 : license.number,
-        licenseType: (license === null || license === void 0 ? void 0 : license.type) === 'freelance' ? BusinessType.FL : BusinessType.CR,
-        entityType: type || (entityTypes === null || entityTypes === void 0 ? void 0 : entityTypes[0]),
-        issuingDate: issueDateRes,
-        expiryDate: expDateRes,
-        unifiedNumber: (_b = license === null || license === void 0 ? void 0 : license.additional_info) === null || _b === void 0 ? void 0 : _b.unified_number,
-        articleId: defaultArticleFile === null || defaultArticleFile === void 0 ? void 0 : defaultArticleFile.id
-    }).isDirty;
-    var originalReadOnly = useFormReadOnly(methods, { certificateId: defaultCertificateFiles, articleId: defaultArticleFile });
-    var noneEditable = useDataNoneEditable(data_status, [
-        'legal_name.en',
-        'legal_name.ar',
-        'type',
-        'license.number',
-        'license.additional_info',
-        'license.issuing_date',
-        'license.expiry_date',
-        'documents',
-        'AOA_file_id'
-    ]);
-    var readOnly = useFormErrorAndUpdateReadOnly(methods, originalReadOnly, noneEditable);
-    var getFelids = useExcludeReadOnlyFelids(methods, readOnly).getFelids;
-    var dataVerified = useDataVerified(data_verification, [
-        'legal_name.en',
-        'legal_name.ar',
-        'type',
-        'license.number',
-        'license.additional_info',
-        'license.issuing_date',
-        'license.expiry_date',
-        'AOA_file_id'
-    ]);
-    var isLegalNameVerified = dataVerified['legal_name.en'] && dataVerified['legal_name.ar'] && ((legal_name === null || legal_name === void 0 ? void 0 : legal_name.en) === watch('legalName') || (legal_name === null || legal_name === void 0 ? void 0 : legal_name.ar) === watch('legalName'));
-    var isEntityTypeVerified = dataVerified['type'] && type === watch('entityType');
-    var isLicenseNumberVerified = dataVerified['license.number'] && (license === null || license === void 0 ? void 0 : license.number) === watch('licenseNumber');
-    var isUnifiedNumberVerified = dataVerified['license.additional_info'] && ((_c = license === null || license === void 0 ? void 0 : license.additional_info) === null || _c === void 0 ? void 0 : _c.unified_number) === watch('unifiedNumber');
-    var isIssuingDateVerified = dataVerified['license.issuing_date'] && issueDateRes === watch('issuingDate');
-    var isExpiryDateVerified = dataVerified['license.expiry_date'] && expDateRes === watch('expiryDate');
-    var isArticleIdVerified = dataVerified['AOA_file_id'];
-    var onSubmit = function (data) {
-        var formData = __assign(__assign({}, deepCopy(getFelids(data))), { isDirty: isDirty });
-        dispatch(updateEntityName(formData));
-    };
-    var handleIssueDateOpenClose = function (flag) {
-        setIssueAnchorEl(flag);
-    };
-    var handleExpiryDateOpenClose = function (flag) {
-        setExpiryAnchorEl(flag);
-    };
-    var handleEntityOpenClose = function (flag) {
-        setEntityTypeAnchorEl(flag);
-    };
-    var onBack = function () {
-        sendCustomEventToGTM({
-            event: 'Send Event',
-            event_category: 'Board Flows - Entity',
-            event_action: 'Entity Details Back button',
-            event_label: settingsData.businessCountry.iso2
-        });
-        if ((flows === null || flows === void 0 ? void 0 : flows.length) > 0) {
-            dispatch(handlePrevScreenStep());
-            return;
-        }
-        dispatch(retrieveBoardStatus());
-    };
-    React.useEffect(function () {
-        if (error)
-            dispatch(clearError());
-    }, [methods.formState.isValid]);
-    var disabled = !methods.formState.isValid || uploading || uploadingArticle;
-    var showLicenseNumber = isKWCountry ? isCR : true;
-    var showUnifiedNumber = isSACountry ? isCR : false;
-    var disableBack = settingsData.appConfig.mode === 'content';
-    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(Collapse, __assign({ in: !expiryAnchorEl && !issueAnchorEl && !entityTypeAnchorEl }, { children: _jsx(LegalName, { readOnly: readOnly['legalName'] || (noneEditable['legal_name.en'] && noneEditable['legal_name.ar']), isVerified: isLegalNameVerified }) })), _jsx(Collapse, __assign({ in: !expiryAnchorEl && !issueAnchorEl }, { children: _jsx(EntityTypeList, { readOnly: readOnly['entityType'] || noneEditable['type'], onListOpen: function () { return handleEntityOpenClose(true); }, onListClose: function () { return handleEntityOpenClose(false); }, isVerified: isEntityTypeVerified }) })), _jsxs(Collapse, __assign({ in: !expiryAnchorEl && !issueAnchorEl && !entityTypeAnchorEl }, { children: [_jsx(LicenseNumber, { show: showLicenseNumber, readOnly: readOnly['licenseNumber'] || noneEditable['license.number'], isVerified: isLicenseNumberVerified }), _jsx(UnifiedNumber, { show: showUnifiedNumber, readOnly: readOnly['unifiedNumber'] || noneEditable['license.additional_info'], isVerified: isUnifiedNumberVerified })] })), _jsx(Collapse, __assign({ in: !expiryAnchorEl && !entityTypeAnchorEl }, { children: _jsx(IssuingDate, { onDateClicked: handleIssueDateOpenClose, readOnly: readOnly['issuingDate'] || noneEditable['license.issuing_date'], isVerified: isIssuingDateVerified }) })), _jsx(Collapse, __assign({ in: !issueAnchorEl && !entityTypeAnchorEl }, { children: _jsx(ExpiryDate, { onDateClicked: handleExpiryDateOpenClose, readOnly: readOnly['expiryDate'] || noneEditable['license.expiry_date'], isVerified: isExpiryDateVerified }) })), _jsxs(Collapse, __assign({ in: !expiryAnchorEl && !issueAnchorEl && !entityTypeAnchorEl }, { children: [_jsx(LicenseCertificate, { defaultFiles: defaultCertificateFiles, show: isSACountry ? false : !isKWCountry || isCR, readOnly: readOnly['certificateId'] || noneEditable['documents'] }), _jsx(Article, { defaultFile: defaultArticleFile, show: !isSACountry, readOnly: readOnly['articleId'] || noneEditable['AOA_file_id'], isVerified: isArticleIdVerified })] })), _jsx(Collapse, __assign({ in: !expiryAnchorEl && !issueAnchorEl && !entityTypeAnchorEl }, { children: _jsx(Button, __assign({ disableBack: disableBack, onBackClicked: function () { return onBack(); }, disabled: disabled, isAr: isAr, loading: loading, error: t(error || '') }, { children: t('next') })) }))] })) })) }));
-};
-export default EntityName;
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { FormProvider, useForm } from 'react-hook-form';
+import { useTranslation } from 'react-i18next';
+import { yupResolver } from '@hookform/resolvers/yup';
+import { styled } from '@mui/material/styles';
+import { useAppDispatch, useAppSelector, useDataNoneEditable, useFormReadOnly, useLanguage, useSetFromDefaultValues, useFormErrorAndUpdateReadOnly, useExcludeReadOnlyFelids, useDataVerified, useFormDirtyCheck } from '../../../../hooks';
+import { handlePrevScreenStep, settingsSelector } from '../../../../app/settings';
+import { convertToEnglishDateFormat, deepCopy, getFileDetailsFromDocument, isKW, isSA, sendCustomEventToGTM } from '../../../../utils';
+import { BusinessType, DocumentPurpose } from '../../../../@types';
+import Form from '../../../../components/Form';
+import Collapse from '../../../../components/Collapse';
+import { clearError, entitySelector, retrieveBoardStatus, updateEntityName } from '../../../app/entity/entityStore';
+import { ScreenContainer } from '../../../shared/Containers';
+import Button from '../../../shared/Button';
+import { EntityNameValidationSchema, EntityNameKWValidationSchema, EntityNameOtherCountryValidationSchema } from './validation';
+import LegalName from './LegalName';
+import LicenseNumber from './LicenseNumber';
+import IssuingDate from './IssuingDate';
+import ExpiryDate from './ExpiryDate';
+import EntityTypeList from './EntityTypeList';
+import UnifiedNumber from './UnifiedNumber';
+import LicenseCertificate from './LicenseCertificate';
+import Article from './Article';
+var FormStyled = styled(Form)(function () { return ({
+    display: 'flex',
+    flexDirection: 'column'
+}); });
+var EntityName = function (_a) {
+    var _b, _c;
+    var _d = React.useState(false), issueAnchorEl = _d[0], setIssueAnchorEl = _d[1];
+    var _e = React.useState(false), expiryAnchorEl = _e[0], setExpiryAnchorEl = _e[1];
+    var _f = React.useState(false), entityTypeAnchorEl = _f[0], setEntityTypeAnchorEl = _f[1];
+    var _g = useAppSelector(entitySelector), data = _g.data, loading = _g.loading, error = _g.error, uploading = _g.uploading, uploadingArticle = _g.uploadingArticle;
+    var settingsData = useAppSelector(settingsSelector).data;
+    var isAr = useLanguage().isAr;
+    var t = useTranslation().t;
+    var dispatch = useAppDispatch();
+    var _h = data.entityNameData, legalName = _h.legalName, licenseNumber = _h.licenseNumber, licenseType = _h.licenseType, entityType = _h.entityType, issuingDate = _h.issuingDate, expiryDate = _h.expiryDate, unifiedNumber = _h.unifiedNumber, certificateId = _h.certificateId, articleId = _h.articleId;
+    var country_code = settingsData.businessCountry.iso2;
+    var isSACountry = React.useMemo(function () { return isSA(country_code); }, [country_code]);
+    var isKWCountry = React.useMemo(function () { return isKW(country_code); }, [country_code]);
+    var isCR = licenseType === BusinessType.CR;
+    var _j = data.verify.responseBody || {}, entity = _j.entity, flows = _j.flows, entityTypes = _j.entityTypes;
+    var _k = entity || {}, AOA_file = _k.AOA_file, id = _k.id, documents = _k.documents, data_status = _k.data_status, data_verification = _k.data_verification, legal_name = _k.legal_name, type = _k.type, license = _k.license;
+    var noneEditable = useDataNoneEditable(data_status, [
+        'legal_name.en',
+        'legal_name.ar',
+        'type',
+        'license.number',
+        'license.additional_info',
+        'license.issuing_date',
+        'license.expiry_date',
+        'documents',
+        'AOA_file_id'
+    ]);
+    var getSchema = function () {
+        if (isSACountry)
+            return EntityNameValidationSchema(noneEditable);
+        if (isKWCountry)
+            return EntityNameKWValidationSchema(noneEditable);
+        return EntityNameOtherCountryValidationSchema(noneEditable);
+    };
+    var methods = useForm({
+        resolver: yupResolver(getSchema()),
+        defaultValues: {
+            legalName: legalName,
+            licenseNumber: licenseNumber,
+            licenseType: licenseType,
+            entityType: entityType,
+            issuingDate: issuingDate,
+            expiryDate: expiryDate,
+            unifiedNumber: unifiedNumber,
+            certificateId: certificateId,
+            articleId: articleId
+        },
+        mode: 'onChange'
+    });
+    var watch = methods.watch;
+    useSetFromDefaultValues(methods, data.entityNameData, true);
+    var defaultCertificateFiles = React.useMemo(function () { return getFileDetailsFromDocument(documents, DocumentPurpose.CR); }, [documents]);
+    var defaultArticleFile = React.useMemo(function () { return AOA_file && __assign(__assign({}, AOA_file), { docId: id }); }, [AOA_file]);
+    var issueDateRes = (license === null || license === void 0 ? void 0 : license.issuing_date) && convertToEnglishDateFormat(new Date(license.issuing_date));
+    var expDateRes = (license === null || license === void 0 ? void 0 : license.expiry_date) && convertToEnglishDateFormat(new Date(license.expiry_date));
+    var isDirty = useFormDirtyCheck(methods, {
+        legalName: (legal_name === null || legal_name === void 0 ? void 0 : legal_name.en) || (legal_name === null || legal_name === void 0 ? void 0 : legal_name.ar),
+        licenseNumber: license === null || license === void 0 ? void 0 : license.number,
+        licenseType: (license === null || license === void 0 ? void 0 : license.type) === 'freelance' ? BusinessType.FL : BusinessType.CR,
+        entityType: type || (entityTypes === null || entityTypes === void 0 ? void 0 : entityTypes[0]),
+        issuingDate: issueDateRes,
+        expiryDate: expDateRes,
+        unifiedNumber: (_b = license === null || license === void 0 ? void 0 : license.additional_info) === null || _b === void 0 ? void 0 : _b.unified_number,
+        articleId: defaultArticleFile === null || defaultArticleFile === void 0 ? void 0 : defaultArticleFile.id
+    }).isDirty;
+    var originalReadOnly = useFormReadOnly(methods, { certificateId: defaultCertificateFiles, articleId: defaultArticleFile });
+    var readOnly = useFormErrorAndUpdateReadOnly(methods, originalReadOnly, noneEditable);
+    var getFelids = useExcludeReadOnlyFelids(methods, readOnly).getFelids;
+    var dataVerified = useDataVerified(data_verification, [
+        'legal_name.en',
+        'legal_name.ar',
+        'type',
+        'license.number',
+        'license.additional_info',
+        'license.issuing_date',
+        'license.expiry_date',
+        'AOA_file_id'
+    ]);
+    var isLegalNameVerified = dataVerified['legal_name.en'] && dataVerified['legal_name.ar'] && ((legal_name === null || legal_name === void 0 ? void 0 : legal_name.en) === watch('legalName') || (legal_name === null || legal_name === void 0 ? void 0 : legal_name.ar) === watch('legalName'));
+    var isEntityTypeVerified = dataVerified['type'] && type === watch('entityType');
+    var isLicenseNumberVerified = dataVerified['license.number'] && (license === null || license === void 0 ? void 0 : license.number) === watch('licenseNumber');
+    var isUnifiedNumberVerified = dataVerified['license.additional_info'] && ((_c = license === null || license === void 0 ? void 0 : license.additional_info) === null || _c === void 0 ? void 0 : _c.unified_number) === watch('unifiedNumber');
+    var isIssuingDateVerified = dataVerified['license.issuing_date'] && issueDateRes === watch('issuingDate');
+    var isExpiryDateVerified = dataVerified['license.expiry_date'] && expDateRes === watch('expiryDate');
+    var isArticleIdVerified = dataVerified['AOA_file_id'];
+    var onSubmit = function (data) {
+        var formData = __assign(__assign({}, deepCopy(getFelids(data))), { isDirty: isDirty });
+        dispatch(updateEntityName(formData));
+    };
+    var handleIssueDateOpenClose = function (flag) {
+        setIssueAnchorEl(flag);
+    };
+    var handleExpiryDateOpenClose = function (flag) {
+        setExpiryAnchorEl(flag);
+    };
+    var handleEntityOpenClose = function (flag) {
+        setEntityTypeAnchorEl(flag);
+    };
+    var onBack = function () {
+        sendCustomEventToGTM({
+            event: 'Send Event',
+            event_category: 'Board Flows - Entity',
+            event_action: 'Entity Details Back button',
+            event_label: settingsData.businessCountry.iso2
+        });
+        if ((flows === null || flows === void 0 ? void 0 : flows.length) > 0) {
+            dispatch(handlePrevScreenStep());
+            return;
+        }
+        dispatch(retrieveBoardStatus());
+    };
+    React.useEffect(function () {
+        if (error)
+            dispatch(clearError());
+    }, [methods.formState.isValid]);
+    var disabled = !methods.formState.isValid || uploading || uploadingArticle;
+    var showLicenseNumber = isKWCountry ? isCR : true;
+    var showExpiryDate = isSACountry ? !isCR : true;
+    var showUnifiedNumber = isSACountry ? isCR : false;
+    var disableBack = settingsData.appConfig.mode === 'content';
+    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(Collapse, __assign({ in: !expiryAnchorEl && !issueAnchorEl && !entityTypeAnchorEl }, { children: _jsx(LegalName, { readOnly: readOnly['legalName'] || (noneEditable['legal_name.en'] && noneEditable['legal_name.ar']), isVerified: isLegalNameVerified }) })), _jsx(Collapse, __assign({ in: !expiryAnchorEl && !issueAnchorEl }, { children: _jsx(EntityTypeList, { readOnly: readOnly['entityType'] || noneEditable['type'], onListOpen: function () { return handleEntityOpenClose(true); }, onListClose: function () { return handleEntityOpenClose(false); }, isVerified: isEntityTypeVerified }) })), _jsxs(Collapse, __assign({ in: !expiryAnchorEl && !issueAnchorEl && !entityTypeAnchorEl }, { children: [_jsx(UnifiedNumber, { show: showUnifiedNumber, readOnly: readOnly['unifiedNumber'] || noneEditable['license.additional_info'], isVerified: isUnifiedNumberVerified }), _jsx(LicenseNumber, { show: showLicenseNumber, readOnly: readOnly['licenseNumber'] || noneEditable['license.number'], isVerified: isLicenseNumberVerified })] })), _jsx(Collapse, __assign({ in: !expiryAnchorEl && !entityTypeAnchorEl }, { children: _jsx(IssuingDate, { onDateClicked: handleIssueDateOpenClose, readOnly: readOnly['issuingDate'] || noneEditable['license.issuing_date'], isVerified: isIssuingDateVerified }) })), _jsx(Collapse, __assign({ in: !issueAnchorEl && !entityTypeAnchorEl && showExpiryDate }, { children: _jsx(ExpiryDate, { onDateClicked: handleExpiryDateOpenClose, readOnly: readOnly['expiryDate'] || noneEditable['license.expiry_date'], isVerified: isExpiryDateVerified }) })), _jsxs(Collapse, __assign({ in: !expiryAnchorEl && !issueAnchorEl && !entityTypeAnchorEl }, { children: [_jsx(LicenseCertificate, { defaultFiles: defaultCertificateFiles, show: isSACountry ? false : !isKWCountry || isCR, readOnly: readOnly['certificateId'] || noneEditable['documents'] }), _jsx(Article, { defaultFile: defaultArticleFile, show: !isSACountry, readOnly: readOnly['articleId'] || noneEditable['AOA_file_id'], isVerified: isArticleIdVerified })] })), _jsx(Collapse, __assign({ in: !expiryAnchorEl && !issueAnchorEl && !entityTypeAnchorEl }, { children: _jsx(Button, __assign({ disableBack: disableBack, onBackClicked: function () { return onBack(); }, disabled: disabled, isAr: isAr, loading: loading, error: t(error || '') }, { children: t('next') })) }))] })) })) }));
+};
+export default EntityName;