@tap-payments/auth-jsconnect 2.1.93-test → 2.1.95-test

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

@@ -1,87 +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;
+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

@@ -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,93 +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;
+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;