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

package/build/features/entity/screens/EntityCapital/CapitalPaid.js

@@ -0,0 +1,47 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { useTranslation } from 'react-i18next';
+import { useController, useFormContext } from 'react-hook-form';
+import Collapse from '@mui/material/Collapse';
+import { useAppSelector } from '../../../../hooks';
+import { FieldType } from '../../../../@types';
+import { settingsSelector } from '../../../../app/settings';
+import { findCurrencyByIso2, removeAllCharsFromNumber } from '../../../../utils';
+import { ScreenContainer } from '../../../shared/Containers';
+import Input from '../../../shared/Input';
+import { entitySelector } from '../../../app/entity/entityStore';
+var CapitalPaid = function (_a) {
+    var _b, _c, _d, _e;
+    var t = useTranslation().t;
+    var data = useAppSelector(entitySelector).data;
+    var settingsData = useAppSelector(settingsSelector).data;
+    var control = useFormContext().control;
+    var entity = (data.verify.responseBody || {}).entity;
+    var paid = (_b = entity === null || entity === void 0 ? void 0 : entity.capital) === null || _b === void 0 ? void 0 : _b.paid;
+    var countryCode = settingsData.businessCountry.iso2;
+    var disabled = ((_d = (_c = entity === null || entity === void 0 ? void 0 : entity.data_status) === null || _c === void 0 ? void 0 : _c.capital) === null || _d === void 0 ? void 0 : _d.paid) === FieldType.NON_EDITABLE;
+    var handleChange = function (_a) {
+        var target = _a.target;
+        var value = removeAllCharsFromNumber(target.value);
+        capitalPaidControl.field.onChange(value);
+    };
+    var capitalPaidControl = useController({ control: control, name: 'capitalPaid' });
+    var capitalPaidValue = capitalPaidControl.field.value;
+    var error = (_e = capitalPaidControl.fieldState.error) === null || _e === void 0 ? void 0 : _e.message;
+    var hide = !paid && disabled;
+    return (_jsx(Collapse, __assign({ in: !hide }, { children: _jsx(ScreenContainer, __assign({ sx: { mt: 2.5 } }, { children: _jsx(Input, { label: t('capital_paid_label', {
+                    currency: t(findCurrencyByIso2(countryCode))
+                }), onChange: handleChange, disabled: disabled, value: capitalPaidValue, sx: { '& .MuiInputBase-input': { cursor: 'auto' } }, placeholder: t('capital_paid_hint'), warningType: 'alert', warningMessage: error && t(error) }) })) })));
+};
+export default React.memo(CapitalPaid);

package/build/features/entity/screens/EntityCapital/CapitalShareCount.d.ts

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

package/build/features/entity/screens/EntityCapital/CapitalShareCount.js

@@ -0,0 +1,42 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { useTranslation } from 'react-i18next';
+import { useController, useFormContext } from 'react-hook-form';
+import Collapse from '@mui/material/Collapse';
+import { useAppSelector } from '../../../../hooks';
+import { removeAllCharsFromNumber } from '../../../../utils';
+import { FieldType } from '../../../../@types';
+import { ScreenContainer } from '../../../shared/Containers';
+import Input from '../../../shared/Input';
+import { entitySelector } from '../../../app/entity/entityStore';
+var CapitalShareCount = function (_a) {
+    var _b, _c, _d, _e, _f;
+    var t = useTranslation().t;
+    var data = useAppSelector(entitySelector).data;
+    var control = useFormContext().control;
+    var entity = (data.verify.responseBody || {}).entity;
+    var shareCount = (_c = (_b = entity === null || entity === void 0 ? void 0 : entity.capital) === null || _b === void 0 ? void 0 : _b.shares) === null || _c === void 0 ? void 0 : _c.count;
+    var disabled = ((_e = (_d = entity === null || entity === void 0 ? void 0 : entity.data_status) === null || _d === void 0 ? void 0 : _d.capital) === null || _e === void 0 ? void 0 : _e.shares) === FieldType.NON_EDITABLE;
+    var hide = !shareCount && disabled;
+    var handleChange = function (_a) {
+        var target = _a.target;
+        var value = removeAllCharsFromNumber(target.value);
+        capitalShareCountControl.field.onChange(value);
+    };
+    var capitalShareCountControl = useController({ control: control, name: 'capitalShareCount' });
+    var capitalShareCountValue = capitalShareCountControl.field.value;
+    var error = (_f = capitalShareCountControl.fieldState.error) === null || _f === void 0 ? void 0 : _f.message;
+    return (_jsx(Collapse, __assign({ in: !hide }, { children: _jsx(ScreenContainer, __assign({ sx: { mt: 2.5 } }, { children: _jsx(Input, { label: t('capital_share_count_label'), onChange: handleChange, disabled: disabled, value: capitalShareCountValue, sx: { '& .MuiInputBase-input': { cursor: 'auto' } }, placeholder: t('capital_share_count_hint'), warningType: 'alert', warningMessage: error && t(error) }) })) })));
+};
+export default React.memo(CapitalShareCount);

package/build/features/entity/screens/EntityCapital/CapitalShareValue.d.ts

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

package/build/features/entity/screens/EntityCapital/CapitalShareValue.js

@@ -0,0 +1,47 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { useTranslation } from 'react-i18next';
+import { useController, useFormContext } from 'react-hook-form';
+import Collapse from '@mui/material/Collapse';
+import { ScreenContainer } from '../../../shared/Containers';
+import Input from '../../../shared/Input';
+import { useAppSelector } from '../../../../hooks';
+import { entitySelector } from '../../../app/entity/entityStore';
+import { findCurrencyByIso2, removeAllCharsFromNumber } from '../../../../utils';
+import { settingsSelector } from '../../../../app/settings';
+import { FieldType } from '../../../../@types';
+var CapitalShareValue = function (_a) {
+    var _b, _c, _d, _e, _f;
+    var t = useTranslation().t;
+    var data = useAppSelector(entitySelector).data;
+    var settingsData = useAppSelector(settingsSelector).data;
+    var control = useFormContext().control;
+    var entity = (data.verify.responseBody || {}).entity;
+    var shareValue = (_c = (_b = entity === null || entity === void 0 ? void 0 : entity.capital) === null || _b === void 0 ? void 0 : _b.shares) === null || _c === void 0 ? void 0 : _c.value;
+    var countryCode = settingsData.businessCountry.iso2;
+    var disabled = ((_e = (_d = entity === null || entity === void 0 ? void 0 : entity.data_status) === null || _d === void 0 ? void 0 : _d.capital) === null || _e === void 0 ? void 0 : _e.shares) === FieldType.NON_EDITABLE;
+    var hide = !shareValue && disabled;
+    var handleChange = function (_a) {
+        var target = _a.target;
+        var value = removeAllCharsFromNumber(target.value);
+        capitalShareValueControl.field.onChange(value);
+    };
+    var capitalShareValueControl = useController({ control: control, name: 'capitalShareValue' });
+    var capitalShareValueValue = capitalShareValueControl.field.value;
+    var error = (_f = capitalShareValueControl.fieldState.error) === null || _f === void 0 ? void 0 : _f.message;
+    return (_jsx(Collapse, __assign({ in: !hide }, { children: _jsx(ScreenContainer, __assign({ sx: { mt: 2.5 } }, { children: _jsx(Input, { label: t('capital_share_value_label', {
+                    currency: t(findCurrencyByIso2(countryCode))
+                }), onChange: handleChange, disabled: disabled, value: capitalShareValueValue, sx: { '& .MuiInputBase-input': { cursor: 'auto' } }, placeholder: t('capital_share_value_hint'), warningType: 'alert', warningMessage: error && t(error) }) })) })));
+};
+export default React.memo(CapitalShareValue);

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

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

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

@@ -0,0 +1,75 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { FormProvider, useForm } from 'react-hook-form';
+import { useTranslation } from 'react-i18next';
+import { styled } from '@mui/material/styles';
+import Collapse from '@mui/material/Collapse';
+import { useAppDispatch, useAppSelector, useLanguage, useSetFromDefaultValues } from '../../../../hooks';
+import { clearError, entitySelector, updateEntityCapital } from '../../../app/entity/entityStore';
+import { yupResolver } from '@hookform/resolvers/yup';
+import { handlePrevScreenStep } from '../../../../app/settings';
+import { ScreenContainer } from '../../../shared/Containers';
+import Form from '../../../../components/Form';
+import Button from '../../../shared/Button';
+import { EntityCapitalValidationSchema } from './validation';
+import CapitalPaid from './CapitalPaid';
+import CapitalShareCount from './CapitalShareCount';
+import CapitalShareValue from './CapitalShareValue';
+import ActivityList from './ActivityList';
+var FormStyled = styled(Form)(function () { return ({
+    display: 'flex',
+    flexDirection: 'column'
+}); });
+var EntityCapital = function (_a) {
+    var _b = React.useState(false), anchorEl = _b[0], setAnchorEl = _b[1];
+    var _c = useAppSelector(entitySelector), data = _c.data, loading = _c.loading, error = _c.error, uploading = _c.uploading;
+    var isAr = useLanguage().isAr;
+    var t = useTranslation().t;
+    var dispatch = useAppDispatch();
+    var _d = data.entityCapitalData, responseBody = _d.responseBody, defaultValues = __rest(_d, ["responseBody"]);
+    var entity = (data.verify.responseBody || {}).entity;
+    var methods = useForm({
+        resolver: yupResolver(EntityCapitalValidationSchema(entity)),
+        defaultValues: defaultValues,
+        mode: 'onChange'
+    });
+    useSetFromDefaultValues(methods, defaultValues);
+    var onSubmit = function (data) {
+        dispatch(updateEntityCapital(data));
+    };
+    var onBack = function () {
+        dispatch(handlePrevScreenStep());
+    };
+    React.useEffect(function () {
+        if (error)
+            dispatch(clearError());
+    }, [methods.formState.isValid]);
+    var handleActivitiesOpenClose = function (flag) {
+        setAnchorEl(flag);
+    };
+    var disabled = !methods.formState.isValid || !!error || uploading;
+    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(ActivityList, { onListOpen: function () { return handleActivitiesOpenClose(true); }, onListClose: function () { return handleActivitiesOpenClose(false); } }), _jsxs(Collapse, __assign({ in: !anchorEl }, { children: [_jsx(CapitalPaid, {}), _jsx(CapitalShareCount, {}), _jsx(CapitalShareValue, {}), _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, disabled: disabled, isAr: isAr, loading: loading, error: t(error || '') }, { children: t('next') }))] }))] })) })) }));
+};
+export default EntityCapital;

package/build/features/entity/screens/EntityCapital/index.d.ts

@@ -0,0 +1,2 @@
+import EntityCapital from './EntityCapital';
+export default EntityCapital;

package/build/features/entity/screens/EntityCapital/index.js

@@ -0,0 +1,2 @@
+import EntityCapital from './EntityCapital';
+export default EntityCapital;

package/build/features/entity/screens/EntityCapital/validation.d.ts

@@ -0,0 +1,62 @@
+import * as yup from 'yup';
+export declare const EntityCapitalValidationSchema: (entity: any) => yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
+    activities: yup.ArraySchema<yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
+        ar: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+        en: 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, {
+        ar: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+        en: 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, {
+        ar: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+        en: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    }>>>, import("yup/lib/types").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
+        ar: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+        en: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    }>>[] | undefined, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
+        ar: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+        en: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    }>>[] | undefined>;
+    capitalPaid: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    capitalShareCount: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    capitalShareValue: 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, {
+    activities: yup.ArraySchema<yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
+        ar: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+        en: 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, {
+        ar: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+        en: 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, {
+        ar: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+        en: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    }>>>, import("yup/lib/types").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
+        ar: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+        en: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    }>>[] | undefined, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
+        ar: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+        en: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    }>>[] | undefined>;
+    capitalPaid: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    capitalShareCount: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    capitalShareValue: 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, {
+    activities: yup.ArraySchema<yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
+        ar: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+        en: 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, {
+        ar: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+        en: 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, {
+        ar: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+        en: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    }>>>, import("yup/lib/types").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
+        ar: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+        en: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    }>>[] | undefined, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
+        ar: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+        en: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    }>>[] | undefined>;
+    capitalPaid: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    capitalShareCount: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    capitalShareValue: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+}>>>;

package/build/features/entity/screens/EntityCapital/validation.js

@@ -0,0 +1,21 @@
+import * as yup from 'yup';
+import { FieldType } from '../../../../@types';
+export var EntityCapitalValidationSchema = function (entity) {
+    var _a, _b, _c, _d, _e;
+    var _f = entity || {}, capital = _f.capital, data_status = _f.data_status;
+    var isCapitalPaidOptional = !(capital === null || capital === void 0 ? void 0 : capital.paid) && ((_a = data_status === null || data_status === void 0 ? void 0 : data_status.capital) === null || _a === void 0 ? void 0 : _a.paid) === FieldType.NON_EDITABLE;
+    var isCapitalShareCountOptional = !((_b = capital === null || capital === void 0 ? void 0 : capital.shares) === null || _b === void 0 ? void 0 : _b.count) && ((_c = data_status === null || data_status === void 0 ? void 0 : data_status.capital) === null || _c === void 0 ? void 0 : _c.shares) === FieldType.NON_EDITABLE;
+    var isCapitalShareValueOptional = !((_d = capital === null || capital === void 0 ? void 0 : capital.shares) === null || _d === void 0 ? void 0 : _d.value) && ((_e = data_status === null || data_status === void 0 ? void 0 : data_status.capital) === null || _e === void 0 ? void 0 : _e.shares) === FieldType.NON_EDITABLE;
+    return yup.object().shape({
+        activities: yup
+            .array()
+            .min(1, 'activities_list_alert')
+            .of(yup.object().shape({
+            ar: yup.string(),
+            en: yup.string()
+        })),
+        capitalPaid: isCapitalPaidOptional ? yup.string().optional() : yup.string().required('capital_paid_required'),
+        capitalShareCount: isCapitalShareCountOptional ? yup.string().optional() : yup.string().required('capital_share_count_required'),
+        capitalShareValue: isCapitalShareValueOptional ? yup.string().optional() : yup.string().required('capital_share_value_required')
+    });
+};

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare type ArticleProps = {
+    show: boolean;
+};
+declare const Article: ({ show }: ArticleProps) => JSX.Element;
+export default Article;

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

@@ -0,0 +1,87 @@
+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 React from 'react';
+import { useTranslation } from 'react-i18next';
+import { useController, useFormContext } from 'react-hook-form';
+import { styled } from '@mui/material/styles';
+import { MAX_FILE_SIZE, VALID_FILE_FORMATS } from '../../../../constants';
+import { maskFileName } from '../../../../utils';
+import { useAppDispatch, useAppSelector } from '../../../../hooks';
+import Collapse from '../../../../components/Collapse';
+import { ScreenContainer } from '../../../shared/Containers';
+import { entitySelector, clearArticleId, uploadArticle } from '../../../app/entity/entityStore';
+import UploadFile from '../../../shared/UploadFile';
+var FeatureStyled = styled(ScreenContainer)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        marginBlockStart: theme.spacing(3)
+    });
+});
+var Article = function (_a) {
+    var show = _a.show;
+    var _b = React.useState(), error = _b[0], setError = _b[1];
+    var _c = React.useState(0), progress = _c[0], setProgress = _c[1];
+    var t = useTranslation().t;
+    var _d = useFormContext(), control = _d.control, setValue = _d.setValue;
+    var articleFileControl = useController({ name: 'articleFile', control: control });
+    var articleIdControl = useController({ name: 'articleId', control: control });
+    var _e = useAppSelector(entitySelector), loading = _e.loading, uploadingArticle = _e.uploadingArticle, sysError = _e.uploadingArticleError, data = _e.data;
+    var dispatch = useAppDispatch();
+    var articleValue = articleFileControl.field.value;
+    var entityNameData = data.entityNameData;
+    var articleFile = entityNameData.articleFile, articleId = entityNameData.articleId;
+    React.useEffect(function () {
+        if (!articleValue) {
+            setValue('articleFile', articleFile);
+            setValue('articleId', articleId);
+        }
+    }, [articleFile, articleId]);
+    var handleArticleChange = function (files) {
+        setError('');
+        var file = files === null || files === void 0 ? void 0 : files[0];
+        if (!file)
+            return;
+        if (!VALID_FILE_FORMATS.includes(file === null || file === void 0 ? void 0 : file.type)) {
+            setError('file_not_supported_alert');
+            return;
+        }
+        if ((file === null || file === void 0 ? void 0 : file.size) > MAX_FILE_SIZE) {
+            setError('file_size_alert');
+            return;
+        }
+        articleFileControl.field.onChange(file);
+        dispatch(uploadArticle({
+            file: file,
+            onProgress: function (value) {
+                setProgress(value);
+            }
+        }));
+    };
+    var handleReset = function () {
+        articleFileControl.field.onChange(undefined);
+        articleIdControl.field.onChange('');
+        dispatch(clearArticleId());
+        setProgress(0);
+    };
+    React.useEffect(function () {
+        if (sysError === 'file_upload_error') {
+            setError(sysError);
+            articleFileControl.field.onChange(undefined);
+            setProgress(0);
+        }
+    }, [sysError]);
+    var fileName = articleValue ? maskFileName(articleValue === null || articleValue === void 0 ? void 0 : articleValue.name) : '';
+    var errorValue = error || sysError || '';
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(FeatureStyled, { children: _jsx(UploadFile, { 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, isFileUploaded: !uploadingArticle && !!articleValue, isSubmitting: loading, isUploading: uploadingArticle, progress: progress, onReset: handleReset, error: errorValue && t(errorValue), initialFileName: fileName }) }) })));
+};
+export default Article;

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

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

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

@@ -0,0 +1,93 @@
+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, useLanguage, useSetFromDefaultValues } from '../../../../hooks';
+import { settingsSelector } from '../../../../app/settings';
+import { isKW, isSA } from '../../../../utils';
+import { BusinessType } from '../../../../@types';
+import Form from '../../../../components/Form';
+import Collapse from '../../../../components/Collapse';
+import { clearError, entitySelector, updateEntityName } from '../../../app/entity/entityStore';
+import { ScreenContainer } from '../../../shared/Containers';
+import Button from '../../../shared/Button';
+import { EntityNameValidationSchema, EntityNameKWValidationSchema } 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 = React.useState(false), issueAnchorEl = _b[0], setIssueAnchorEl = _b[1];
+    var _c = React.useState(false), expiryAnchorEl = _c[0], setExpiryAnchorEl = _c[1];
+    var _d = React.useState(false), entityTypeAnchorEl = _d[0], setEntityTypeAnchorEl = _d[1];
+    var _e = useAppSelector(entitySelector), data = _e.data, loading = _e.loading, error = _e.error, uploading = _e.uploading, uploadingArticle = _e.uploadingArticle;
+    var settingsData = useAppSelector(settingsSelector).data;
+    var isAr = useLanguage().isAr;
+    var t = useTranslation().t;
+    var dispatch = useAppDispatch();
+    var _f = data.entityNameData, legalName = _f.legalName, licenseNumber = _f.licenseNumber, licenseType = _f.licenseType, entityType = _f.entityType, issuingDate = _f.issuingDate, expiryDate = _f.expiryDate, unifiedNumber = _f.unifiedNumber, certificateId = _f.certificateId, articleId = _f.articleId, articleFile = _f.articleFile;
+    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 entity = (data.verify.responseBody || {}).entity;
+    var methods = useForm({
+        resolver: yupResolver(isSACountry ? EntityNameValidationSchema(entity) : EntityNameKWValidationSchema(entity)),
+        defaultValues: {
+            legalName: legalName,
+            licenseNumber: licenseNumber,
+            licenseType: licenseType,
+            entityType: entityType,
+            issuingDate: issuingDate,
+            expiryDate: expiryDate,
+            unifiedNumber: unifiedNumber,
+            certificateId: certificateId,
+            articleId: articleId,
+            articleFile: articleFile
+        },
+        mode: 'onChange'
+    });
+    useSetFromDefaultValues(methods, data.entityNameData, true);
+    var onSubmit = function (data) {
+        dispatch(updateEntityName(data));
+    };
+    var handleIssueDateOpenClose = function (flag) {
+        setIssueAnchorEl(flag);
+    };
+    var handleExpiryDateOpenClose = function (flag) {
+        setExpiryAnchorEl(flag);
+    };
+    var handleEntityOpenClose = function (flag) {
+        setEntityTypeAnchorEl(flag);
+    };
+    React.useEffect(function () {
+        if (error)
+            dispatch(clearError());
+    }, [methods.formState.isValid]);
+    var disabled = !methods.formState.isValid || !!error || uploading || uploadingArticle;
+    var showLicenseNumber = !isSACountry ? isCR : true;
+    var showUnifiedNumber = isSACountry ? isCR : false;
+    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, {}) })), _jsx(Collapse, __assign({ in: !expiryAnchorEl && !issueAnchorEl }, { children: _jsx(EntityTypeList, { onListOpen: function () { return handleEntityOpenClose(true); }, onListClose: function () { return handleEntityOpenClose(false); } }) })), _jsxs(Collapse, __assign({ in: !expiryAnchorEl && !issueAnchorEl && !entityTypeAnchorEl }, { children: [_jsx(LicenseNumber, { show: showLicenseNumber }), _jsx(UnifiedNumber, { show: showUnifiedNumber })] })), _jsx(Collapse, __assign({ in: !expiryAnchorEl && !entityTypeAnchorEl }, { children: _jsx(IssuingDate, { onDateClicked: handleIssueDateOpenClose }) })), _jsx(Collapse, __assign({ in: !issueAnchorEl && !entityTypeAnchorEl }, { children: _jsx(ExpiryDate, { onDateClicked: handleExpiryDateOpenClose }) })), _jsxs(Collapse, __assign({ in: !expiryAnchorEl && !issueAnchorEl && !entityTypeAnchorEl }, { children: [_jsx(LicenseCertificate, { show: !(isKWCountry && !isCR) }), _jsx(Article, { show: true })] })), _jsx(Collapse, __assign({ in: !expiryAnchorEl && !issueAnchorEl && !entityTypeAnchorEl }, { children: _jsx(Button, __assign({ disableBack: true, disabled: disabled, isAr: isAr, loading: loading, error: t(error || '') }, { children: t('next') })) }))] })) })) }));
+};
+export default EntityName;