@tap-payments/auth-jsconnect 2.1.96-test → 2.1.97-test

package/build/@types/app.d.ts

@@ -324,4 +324,21 @@ export declare enum IndividualType {
     CUSTOMER = "customer",
     BUYER = "buyer"
 }
+export declare enum DocumentPurpose {
+    CR = "commercial_registration",
+    ARTICLE_ASSOCIATION = "article_of_association",
+    BANK_STATEMENT = "bank_statement",
+    IDENTITY_DOCUMENT = "identity_document",
+    CUSTOMER_SIGNATURE = "customer_signature",
+    TAX_DOCUMENT = "tax_document_user_upload"
+}
+export declare type FileDetails = {
+    created: string;
+    id: string;
+    object: string;
+    purpose: string;
+    size: string;
+    title: string;
+    type: string;
+};
 export {};

package/build/@types/app.js

@@ -59,3 +59,12 @@ export var IndividualType;
     IndividualType["CUSTOMER"] = "customer";
     IndividualType["BUYER"] = "buyer";
 })(IndividualType || (IndividualType = {}));
+export var DocumentPurpose;
+(function (DocumentPurpose) {
+    DocumentPurpose["CR"] = "commercial_registration";
+    DocumentPurpose["ARTICLE_ASSOCIATION"] = "article_of_association";
+    DocumentPurpose["BANK_STATEMENT"] = "bank_statement";
+    DocumentPurpose["IDENTITY_DOCUMENT"] = "identity_document";
+    DocumentPurpose["CUSTOMER_SIGNATURE"] = "customer_signature";
+    DocumentPurpose["TAX_DOCUMENT"] = "tax_document_user_upload";
+})(DocumentPurpose || (DocumentPurpose = {}));

package/build/features/app/business/businessStore.js

@@ -57,7 +57,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 var _a;
 import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
 import API from '../../../api';
-import { BusinessType, FlowsTypes } from '../../../@types';
+import { BusinessType, FlowsTypes, DocumentPurpose } from '../../../@types';
 import { BUSINESS_STEP_NAMES, IDENTIFICATION_TYPE, OTHER_CR_LICENSE, OTHER_FL_LICENSE } from '../../../constants';
 import { convertNumbers2English, getEighteenYearsAgo, hasKey, sleep, isKW, isSA, dateFormat } from '../../../utils';
 import { handleNextScreenStep, handleSetCountryByIso2 } from '../../../app/settings';
@@ -528,7 +528,7 @@ export var uploadArticle = createAsyncThunk('businessUploadArticle', function (_
                     uploadPayload = {
                         file_link_create: true,
                         title: file === null || file === void 0 ? void 0 : file.name,
-                        purpose: 'article_of_association',
+                        purpose: DocumentPurpose.ARTICLE_ASSOCIATION,
                         type: type,
                         file: file
                     };

package/build/features/app/entity/entityStore.js

@@ -59,7 +59,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 var _a;
 import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
 import API from '../../../api';
-import { BusinessType, FieldType, FlowsTypes } from '../../../@types';
+import { BusinessType, DocumentPurpose, FieldType, FlowsTypes } from '../../../@types';
 import { handleNextScreenStep, handleSetCountryByIso2 } from '../../../app/settings';
 import { ENTITY_STEP_NAMES } from '../../../constants';
 import moment from 'moment';
@@ -331,7 +331,7 @@ export var uploadArticle = createAsyncThunk('entityUploadArticle', function (_a)
                     uploadPayload = {
                         file_link_create: true,
                         title: file === null || file === void 0 ? void 0 : file.name,
-                        purpose: 'article_of_association',
+                        purpose: DocumentPurpose.ARTICLE_ASSOCIATION,
                         type: type,
                         file: file
                     };

package/build/features/bank/screens/BankDetails/BankStatement.js

@@ -1,9 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import { styled } from '@mui/material/styles';
 import { ScreenContainer } from '../../../shared/Containers';
 import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
 import { useAppDispatch, useAppSelector } from '../../../../hooks';
+import { DocumentPurpose } from '../../../../@types';
+import { getRecentDocumentFiles } from '../../../../utils';
 import { bankSelector, bankStatementUploadingStatus } from '../../../app/bank/bankStore';
 import UploadMultipleFile from '../../../shared/UploadMultipleFile';
 var FeatureStyled = styled(ScreenContainer)(function (_a) {
@@ -13,18 +16,21 @@ var FeatureStyled = styled(ScreenContainer)(function (_a) {
     });
 });
 var BankStatement = function (_a) {
+    var _b;
     var required = _a.required;
     var t = useTranslation().t;
     var control = useFormContext().control;
     var bankStatementIdControl = useController({ name: 'bankStatementId', control: control });
-    var loading = useAppSelector(bankSelector).loading;
+    var _c = useAppSelector(bankSelector), loading = _c.loading, data = _c.data;
     var dispatch = useAppDispatch();
+    var document = (((_b = data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.bank_account) || {}).document;
     var handleBankStatementChange = function (ids) {
         bankStatementIdControl.field.onChange(ids);
     };
     var handleReset = function (ids) {
         bankStatementIdControl.field.onChange(ids);
     };
-    return (_jsx(FeatureStyled, { children: _jsx(UploadMultipleFile, { id: 'bankStatementId', control: control, label: t('title_bank_statement'), title: t('drag_and_drop'), subTitle: t('subtitle_drop'), dragDescription: t('desc_drag_and_drop'), uploadingTitle: t('file_uploading_title'), successTitle: t('success_upload_bank_statement'), onFileUploaded: handleBankStatementChange, isSubmitting: loading, required: required, onDeleteFile: handleReset, purpose: 'bank_statement', maxLimit: 4, fileUploadingStatus: function (uploading) { return dispatch(bankStatementUploadingStatus(uploading)); } }) }));
+    var defaultFiles = React.useMemo(function () { return getRecentDocumentFiles(document ? [document] : [], DocumentPurpose.BANK_STATEMENT); }, [document]);
+    return (_jsx(FeatureStyled, { children: _jsx(UploadMultipleFile, { id: 'bankStatementId', control: control, label: t('title_bank_statement'), title: t('drag_and_drop'), subTitle: t('subtitle_drop'), dragDescription: t('desc_drag_and_drop'), uploadingTitle: t('file_uploading_title'), successTitle: t('success_upload_bank_statement'), onFileUploaded: handleBankStatementChange, isSubmitting: loading, required: required, onDeleteFile: handleReset, purpose: DocumentPurpose.BANK_STATEMENT, defaultFiles: defaultFiles, maxLimit: 4, fileUploadingStatus: function (uploading) { return dispatch(bankStatementUploadingStatus(uploading)); } }) }));
 };
 export default BankStatement;

package/build/features/business/screens/BusinessType/LicenseCertificate.js

@@ -13,6 +13,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
 import { useAppDispatch, useAppSelector } from '../../../../hooks';
+import { DocumentPurpose } from '../../../../@types';
 import { styled } from '@mui/material/styles';
 import Collapse from '../../../../components/Collapse';
 import { ScreenContainer } from '../../../shared/Containers';
@@ -37,6 +38,6 @@ var LicenseCertificate = function (_a) {
     var handleReset = function (ids) {
         certificateIdControl.field.onChange(ids);
     };
-    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, purpose: 'commercial_registration', fileUploadingStatus: function (uploading) { return dispatch(uploadingStatus(uploading)); } }) }) })));
+    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, purpose: DocumentPurpose.CR, fileUploadingStatus: function (uploading) { return dispatch(uploadingStatus(uploading)); } }) }) })));
 };
 export default LicenseCertificate;

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

@@ -10,11 +10,14 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
-import { useAppDispatch, useAppSelector } from '../../../../hooks';
 import { styled } from '@mui/material/styles';
 import Collapse from '../../../../components/Collapse';
+import { DocumentPurpose } from '../../../../@types';
+import { useAppDispatch, useAppSelector } from '../../../../hooks';
+import { getRecentDocumentFiles } from '../../../../utils';
 import { ScreenContainer } from '../../../shared/Containers';
 import { entitySelector, uploadingStatus } from '../../../app/entity/entityStore';
 import UploadMultipleFile from '../../../shared/UploadMultipleFile';
@@ -25,18 +28,21 @@ var FeatureStyled = styled(ScreenContainer)(function (_a) {
     });
 });
 var LicenseCertificate = function (_a) {
+    var _b;
     var show = _a.show;
     var t = useTranslation().t;
     var control = useFormContext().control;
     var dispatch = useAppDispatch();
     var certificateIdControl = useController({ name: 'certificateId', control: control });
-    var loading = useAppSelector(entitySelector).loading;
+    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 handleLicenseCertificateChange = function (ids) {
         certificateIdControl.field.onChange(ids);
     };
     var handleReset = function (ids) {
         certificateIdControl.field.onChange(ids);
     };
-    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, purpose: 'commercial_registration', fileUploadingStatus: function (uploading) { return dispatch(uploadingStatus(uploading)); } }) }) })));
+    var defaultFiles = React.useMemo(function () { return getRecentDocumentFiles(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)); } }) }) })));
 };
 export default LicenseCertificate;

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

@@ -1,9 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import { ScreenContainer } from '../../../../features/shared/Containers';
 import { styled } from '@mui/material/styles';
 import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
 import { useAppDispatch, useAppSelector } from '../../../../hooks';
+import { DocumentPurpose } from '../../../../@types';
+import { getRecentDocumentFiles } from '../../../../utils';
 import { civilIDUploadingStatus, individualSelector } from '../../../app/individual/individualStore';
 import UploadMultipleFile from '../../../shared/UploadMultipleFile';
 var FeatureStyled = styled(ScreenContainer)(function (_a) {
@@ -13,17 +16,20 @@ var FeatureStyled = styled(ScreenContainer)(function (_a) {
     });
 });
 var CivilIDFile = function () {
+    var _a;
     var t = useTranslation().t;
     var dispatch = useAppDispatch();
     var control = useFormContext().control;
     var civilIDFileIdControl = useController({ name: 'civilID', control: control });
-    var loading = useAppSelector(individualSelector).loading;
+    var _b = useAppSelector(individualSelector), loading = _b.loading, data = _b.data;
+    var documents = (((_a = data.verify.responseBody) === null || _a === void 0 ? void 0 : _a.user) || {}).documents;
     var handleCivilIDChange = function (ids) {
         civilIDFileIdControl.field.onChange(ids);
     };
     var handleReset = function (ids) {
         civilIDFileIdControl.field.onChange(ids);
     };
-    return (_jsx(FeatureStyled, { children: _jsx(UploadMultipleFile, { id: 'civilID', control: control, label: t('title_civil_id'), title: t('drag_and_drop'), subTitle: t('subtitle_drop'), dragDescription: t('desc_drag_and_drop_civilID'), uploadingTitle: t('file_uploading_title'), successTitle: t('success_upload_civil_id'), onFileUploaded: handleCivilIDChange, isSubmitting: loading, onDeleteFile: handleReset, maxLimit: 4, purpose: 'identity_document', fileUploadingStatus: function (uploading) { return dispatch(civilIDUploadingStatus(uploading)); } }) }));
+    var defaultFiles = React.useMemo(function () { return getRecentDocumentFiles(documents, DocumentPurpose.IDENTITY_DOCUMENT); }, [documents]);
+    return (_jsx(FeatureStyled, { children: _jsx(UploadMultipleFile, { id: 'civilID', control: control, label: t('title_civil_id'), title: t('drag_and_drop'), subTitle: t('subtitle_drop'), dragDescription: t('desc_drag_and_drop_civilID'), uploadingTitle: t('file_uploading_title'), successTitle: t('success_upload_civil_id'), onFileUploaded: handleCivilIDChange, isSubmitting: loading, onDeleteFile: handleReset, maxLimit: 4, defaultFiles: defaultFiles, purpose: DocumentPurpose.IDENTITY_DOCUMENT, fileUploadingStatus: function (uploading) { return dispatch(civilIDUploadingStatus(uploading)); } }) }));
 };
 export default CivilIDFile;

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

@@ -10,10 +10,13 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
 import { styled } from '@mui/material/styles';
 import { useAppDispatch, useAppSelector } from '../../../../hooks';
+import { DocumentPurpose } from '../../../../@types';
+import { getRecentDocumentFiles } from '../../../../utils';
 import UploadMultipleFile from '../../../shared/UploadMultipleFile';
 import { ScreenContainer } from '../../../shared/Containers';
 import { individualSelector, signatureFileUploadingStatus } from '../../../app/individual/individualStore';
@@ -25,11 +28,13 @@ var FeatureStyled = styled(ScreenContainer)(function (_a) {
     });
 });
 var SignatureFile = function (_a) {
+    var _b;
     var show = _a.show;
     var t = useTranslation().t;
     var control = useFormContext().control;
     var signatureFileIdControl = useController({ name: 'signatureFileId', control: control });
-    var loading = useAppSelector(individualSelector).loading;
+    var _c = useAppSelector(individualSelector), loading = _c.loading, data = _c.data;
+    var documents = (((_b = data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.user) || {}).documents;
     var dispatch = useAppDispatch();
     var handleSignatureChange = function (ids) {
         signatureFileIdControl.field.onChange(ids);
@@ -37,6 +42,7 @@ var SignatureFile = function (_a) {
     var handleReset = function (ids) {
         signatureFileIdControl.field.onChange(ids);
     };
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(FeatureStyled, { children: _jsx(UploadMultipleFile, { id: 'signatureFileId', control: control, label: t('title_signature_file'), title: t('drag_and_drop'), subTitle: t('subtitle_drop'), dragDescription: t('desc_drag_and_drop_signature'), uploadingTitle: t('file_uploading_title'), successTitle: t('success_upload_signature_file'), onFileUploaded: handleSignatureChange, isSubmitting: loading, onDeleteFile: handleReset, maxLimit: 4, purpose: 'customer_signature', fileUploadingStatus: function (uploading) { return dispatch(signatureFileUploadingStatus(uploading)); } }) }) })));
+    var defaultFiles = React.useMemo(function () { return getRecentDocumentFiles(documents, DocumentPurpose.CUSTOMER_SIGNATURE); }, [documents]);
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(FeatureStyled, { children: _jsx(UploadMultipleFile, { id: 'signatureFileId', control: control, label: t('title_signature_file'), title: t('drag_and_drop'), subTitle: t('subtitle_drop'), dragDescription: t('desc_drag_and_drop_signature'), uploadingTitle: t('file_uploading_title'), successTitle: t('success_upload_signature_file'), onFileUploaded: handleSignatureChange, isSubmitting: loading, onDeleteFile: handleReset, maxLimit: 4, defaultFiles: defaultFiles, purpose: DocumentPurpose.CUSTOMER_SIGNATURE, fileUploadingStatus: function (uploading) { return dispatch(signatureFileUploadingStatus(uploading)); } }) }) })));
 };
 export default SignatureFile;

package/build/features/shared/UploadMultipleFile/UploadMultipleFile.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { FileInfo } from './UploadFile';
+import { FileDetails } from '../../../@types';
 import { Control, FieldValues } from 'react-hook-form';
 export declare const InputContainerStyled: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material/styles").Theme> & {
     children?: React.ReactNode;
@@ -26,8 +26,7 @@ interface UploadMultipleFileProps {
     fileUploadingStatus?: (uploading: boolean) => void;
     onDeleteFile: (fileIds: Array<string>) => void;
     maxLimit?: number;
-    initialFiles?: Array<File>;
-    initialFileInfoArray?: Array<FileInfo>;
+    defaultFiles?: Array<FileDetails>;
 }
-declare const UploadMultipleFile: ({ id, label, control, required, title, subTitle, dragDescription, uploadingTitle, successTitle, isSubmitting, onFileUploaded, fileUploadingStatus, onDeleteFile, maxLimit, purpose, fileTitle }: UploadMultipleFileProps) => JSX.Element;
+declare const UploadMultipleFile: ({ id, label, control, required, title, subTitle, dragDescription, uploadingTitle, successTitle, isSubmitting, onFileUploaded, fileUploadingStatus, onDeleteFile, maxLimit, purpose, fileTitle, defaultFiles }: UploadMultipleFileProps) => JSX.Element;
 export default UploadMultipleFile;

package/build/features/shared/UploadMultipleFile/UploadMultipleFile.js

@@ -30,6 +30,7 @@ import { ScreenContainer } from '../../shared/Containers';
 import Mandatory from '../../shared/Mandatory';
 import UploadFile, { FileStatus } from './UploadFile';
 import { useController } from 'react-hook-form';
+import { getFileType } from '../../../utils';
 var FeatureStyled = styled(ScreenContainer)(function (_a) {
     var theme = _a.theme;
     return ({
@@ -60,7 +61,7 @@ var UploadCountBox = styled(Box)(function (_a) {
     });
 });
 var UploadMultipleFile = function (_a) {
-    var id = _a.id, label = _a.label, control = _a.control, required = _a.required, title = _a.title, subTitle = _a.subTitle, dragDescription = _a.dragDescription, uploadingTitle = _a.uploadingTitle, successTitle = _a.successTitle, isSubmitting = _a.isSubmitting, onFileUploaded = _a.onFileUploaded, fileUploadingStatus = _a.fileUploadingStatus, onDeleteFile = _a.onDeleteFile, maxLimit = _a.maxLimit, purpose = _a.purpose, fileTitle = _a.fileTitle;
+    var id = _a.id, label = _a.label, control = _a.control, required = _a.required, title = _a.title, subTitle = _a.subTitle, dragDescription = _a.dragDescription, uploadingTitle = _a.uploadingTitle, successTitle = _a.successTitle, isSubmitting = _a.isSubmitting, onFileUploaded = _a.onFileUploaded, fileUploadingStatus = _a.fileUploadingStatus, onDeleteFile = _a.onDeleteFile, maxLimit = _a.maxLimit, purpose = _a.purpose, fileTitle = _a.fileTitle, defaultFiles = _a.defaultFiles;
     var t = useTranslation().t;
     var theme = useTheme();
     var _b = React.useState(''), error = _b[0], setError = _b[1];
@@ -68,6 +69,23 @@ var UploadMultipleFile = function (_a) {
     var fileInfoControl = useController({ name: "".concat(id, "FileInfo"), control: control });
     var fileArray = fileControl.field.value || [];
     var fileInfoArray = fileInfoControl.field.value || [];
+    React.useEffect(function () {
+        var files = defaultFiles || [];
+        if (fileArray.length === 0 && files.length > 0) {
+            files.forEach(function (file) {
+                fileArray.push({ name: file.title, size: file.size, type: getFileType(file.type) });
+                fileInfoArray.push({
+                    fileId: file.id,
+                    status: FileStatus.SUCCESS,
+                    progress: 100,
+                    error: '',
+                    name: file.title || ''
+                });
+            });
+            fileControl.field.onChange(__spreadArray([], fileArray, true));
+            fileInfoControl.field.onChange(__spreadArray([], fileInfoArray, true));
+        }
+    }, [defaultFiles]);
     var uploadedFileCount = React.useMemo(function () { return (fileInfoArray || []).filter(function (file) { return file.fileId; }).length; }, [fileInfoArray]);
     var handleFileChange = function (files) {
         if (!isSubmitting) {
@@ -124,7 +142,8 @@ var UploadMultipleFile = function (_a) {
             fileInfoArray[index] = file;
             fileInfoControl.field.onChange(__spreadArray([], fileInfoArray, true));
             var fileIds = fileInfoArray.filter(function (f) { return f.fileId; }).map(function (f) { return f.fileId; });
-            onFileUploaded(fileIds);
+            var filteredFromDefaultFiles = fileIds.filter(function (id) { return !(defaultFiles || []).some(function (file) { return file.id === id; }); });
+            onFileUploaded(filteredFromDefaultFiles);
             fileUploadingStatus === null || fileUploadingStatus === void 0 ? void 0 : fileUploadingStatus(false);
         }
     };

package/build/features/tax/screens/TaxDetails/TaxDocument.js

@@ -10,11 +10,14 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
 import { useAppDispatch, useAppSelector } from '../../../../hooks';
+import { DocumentPurpose } from '../../../../@types';
 import { styled } from '@mui/material/styles';
 import Collapse from '../../../../components/Collapse';
+import { getRecentDocumentFiles } from '../../../../utils';
 import { ScreenContainer } from '../../../shared/Containers';
 import { taxSelector, uploadingStatus } from '../../../app/tax/taxStore';
 import UploadMultipleFile from '../../../shared/UploadMultipleFile';
@@ -25,18 +28,21 @@ var FeatureStyled = styled(ScreenContainer)(function (_a) {
     });
 });
 var TaxDocument = function (_a) {
+    var _b;
     var show = _a.show;
     var t = useTranslation().t;
     var control = useFormContext().control;
     var dispatch = useAppDispatch();
     var documentIdControl = useController({ name: 'documentId', control: control });
-    var loading = useAppSelector(taxSelector).loading;
+    var _c = useAppSelector(taxSelector), loading = _c.loading, data = _c.data;
+    var documents = (((_b = data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.entity) || {}).documents;
     var handleTaxDocumentChange = function (ids) {
         documentIdControl.field.onChange(ids);
     };
     var handleReset = function (ids) {
         documentIdControl.field.onChange(ids);
     };
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(FeatureStyled, __assign({ sx: { mb: 2.5 } }, { children: _jsx(UploadMultipleFile, { id: 'documentId', control: control, label: t('title_tax_document'), title: t('drag_and_drop'), subTitle: t('subtitle_drop'), dragDescription: t('desc_drag_and_drop_tax_document'), uploadingTitle: t('file_uploading_title'), successTitle: t('success_upload_bank_statement'), onFileUploaded: handleTaxDocumentChange, isSubmitting: loading, onDeleteFile: handleReset, maxLimit: 4, purpose: 'tax_document_user_upload', fileUploadingStatus: function (uploading) { return dispatch(uploadingStatus(uploading)); } }) })) })));
+    var defaultFiles = React.useMemo(function () { return getRecentDocumentFiles(documents, DocumentPurpose.TAX_DOCUMENT); }, [documents]);
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(FeatureStyled, __assign({ sx: { mb: 2.5 } }, { children: _jsx(UploadMultipleFile, { id: 'documentId', control: control, label: t('title_tax_document'), title: t('drag_and_drop'), subTitle: t('subtitle_drop'), dragDescription: t('desc_drag_and_drop_tax_document'), uploadingTitle: t('file_uploading_title'), successTitle: t('success_upload_bank_statement'), onFileUploaded: handleTaxDocumentChange, isSubmitting: loading, onDeleteFile: handleReset, maxLimit: 4, defaultFiles: defaultFiles, purpose: DocumentPurpose.TAX_DOCUMENT, fileUploadingStatus: function (uploading) { return dispatch(uploadingStatus(uploading)); } }) })) })));
 };
 export default TaxDocument;

package/build/utils/array.d.ts

@@ -62,3 +62,4 @@ export declare const fixBrandList: (items: Array<{
 }[];
 export declare const findFirstId: (items: Array<SaleChannel>) => string;
 export declare const sortActivitiesByName: (items: Array<Activity>, path: string) => Activity[];
+export declare const getRecentDocumentFiles: (documents: Array<any>, purpose: string) => any;

package/build/utils/array.js

@@ -142,3 +142,11 @@ export var sortActivitiesByName = function (items, path) {
         return get(a, path).trim().toLowerCase().localeCompare(get(b, path).trim().toLowerCase().trim().toLowerCase());
     });
 };
+export var getRecentDocumentFiles = function (documents, purpose) {
+    var _a;
+    if ((documents === null || documents === void 0 ? void 0 : documents.length) === 0)
+        return [];
+    return (((_a = (documents || [])
+        .filter(function (doc) { return (doc.file_details || []).find(function (file) { return file.purpose === purpose; }); })
+        .sort(function (a, b) { return b.created - a.created; })[0]) === null || _a === void 0 ? void 0 : _a.file_details) || []);
+};

package/build/utils/string.d.ts

@@ -68,3 +68,4 @@ export declare const getUserNameObject: (name: string) => {
     third: string;
     last: string;
 };
+export declare const getFileType: (type: string) => "" | "image/jpeg" | "image/png" | "image/jpg" | "application/pdf";

package/build/utils/string.js

@@ -278,3 +278,17 @@ export var getUserNameObject = function (name) {
     var lastName = rest.join(' ') || '';
     return { first: first, middle: middle || '', third: third || '', last: lastName };
 };
+export var getFileType = function (type) {
+    switch (type) {
+        case 'jpeg':
+            return 'image/jpeg';
+        case 'png':
+            return 'image/png';
+        case 'jpg':
+            return 'image/jpg';
+        case 'pdf':
+            return 'application/pdf';
+        default:
+            return '';
+    }
+};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tap-payments/auth-jsconnect",
-	"version": "2.1.96-test",
+	"version": "2.1.97-test",
 	"description": "connect library, auth",
 	"private": false,
 	"main": "build/index.js",