@tap-payments/auth-jsconnect 2.1.91-test → 2.1.92-test

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

@@ -25,6 +25,6 @@ var BankStatement = function (_a) {
     var handleReset = function (ids) {
         bankStatementIdControl.field.onChange(ids);
     };
-    return (_jsx(FeatureStyled, { children: _jsx(UploadMultipleFile, { 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)); } }) }));
+    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)); } }) }));
 };
 export default BankStatement;

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

@@ -37,6 +37,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, { 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: 'commercial_registration', fileUploadingStatus: function (uploading) { return dispatch(uploadingStatus(uploading)); } }) }) })));
 };
 export default LicenseCertificate;

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

@@ -37,6 +37,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, { 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: 'commercial_registration', fileUploadingStatus: function (uploading) { return dispatch(uploadingStatus(uploading)); } }) }) })));
 };
 export default LicenseCertificate;

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

@@ -24,6 +24,6 @@ var CivilIDFile = function () {
     var handleReset = function (ids) {
         civilIDFileIdControl.field.onChange(ids);
     };
-    return (_jsx(FeatureStyled, { children: _jsx(UploadMultipleFile, { 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)); } }) }));
+    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)); } }) }));
 };
 export default CivilIDFile;

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

@@ -37,6 +37,6 @@ var SignatureFile = function (_a) {
     var handleReset = function (ids) {
         signatureFileIdControl.field.onChange(ids);
     };
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(FeatureStyled, { children: _jsx(UploadMultipleFile, { 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)); } }) }) })));
+    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)); } }) }) })));
 };
 export default SignatureFile;

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

@@ -1,4 +1,6 @@
 import React from 'react';
+import { FileInfo } from './UploadFile';
+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;
     component?: React.ElementType<any> | undefined;
@@ -8,6 +10,8 @@ export declare const InputContainerStyled: import("@emotion/styled").StyledCompo
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
 }, keyof import("@mui/material/OverridableComponent").CommonProps | ("border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform") | "ref" | "children" | "component" | "sx"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
 interface UploadMultipleFileProps {
+    id: string;
+    control: Control<FieldValues, any>;
     label: string;
     purpose: string;
     fileTitle?: string;
@@ -22,6 +26,8 @@ interface UploadMultipleFileProps {
     fileUploadingStatus?: (uploading: boolean) => void;
     onDeleteFile: (fileIds: Array<string>) => void;
     maxLimit?: number;
+    initialFiles?: Array<File>;
+    initialFileInfoArray?: Array<FileInfo>;
 }
-declare const UploadMultipleFile: ({ label, 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 }: UploadMultipleFileProps) => JSX.Element;
 export default UploadMultipleFile;

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

@@ -29,6 +29,7 @@ import { InputLabelStyled } from '../../shared/Input/Input';
 import { ScreenContainer } from '../../shared/Containers';
 import Mandatory from '../../shared/Mandatory';
 import UploadFile, { FileStatus } from './UploadFile';
+import { useController } from 'react-hook-form';
 var FeatureStyled = styled(ScreenContainer)(function (_a) {
     var theme = _a.theme;
     return ({
@@ -59,12 +60,14 @@ var UploadCountBox = styled(Box)(function (_a) {
     });
 });
 var UploadMultipleFile = function (_a) {
-    var label = _a.label, 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;
     var t = useTranslation().t;
     var theme = useTheme();
     var _b = React.useState(''), error = _b[0], setError = _b[1];
-    var _c = React.useState([]), fileArray = _c[0], setFileArray = _c[1];
-    var _d = React.useState([]), fileInfoArray = _d[0], setFileInfoArray = _d[1];
+    var fileControl = useController({ name: "".concat(id, "File"), control: control });
+    var fileInfoControl = useController({ name: "".concat(id, "FileInfo"), control: control });
+    var fileArray = fileControl.field.value || [];
+    var fileInfoArray = fileInfoControl.field.value || [];
     var uploadedFileCount = React.useMemo(function () { return (fileInfoArray || []).filter(function (file) { return file.fileId; }).length; }, [fileInfoArray]);
     var handleFileChange = function (files) {
         if (!isSubmitting) {
@@ -96,8 +99,8 @@ var UploadMultipleFile = function (_a) {
                         fileInfoArray.push({ fileId: '', status: FileStatus.INIT, progress: 0, error: '', name: file.name });
                     }
                 });
-                setFileArray(__spreadArray([], fileArray, true));
-                setFileInfoArray(__spreadArray([], fileInfoArray, true));
+                fileControl.field.onChange(__spreadArray([], fileArray, true));
+                fileInfoControl.field.onChange(__spreadArray([], fileInfoArray, true));
             }
         }
     };
@@ -108,9 +111,9 @@ var UploadMultipleFile = function (_a) {
                 if (required && fileInfoArray.length === 1)
                     setError(t('file_upload_at_least_one'));
                 fileArray.splice(index, 1);
-                setFileArray(__spreadArray([], fileArray, true));
+                fileControl.field.onChange(__spreadArray([], fileArray, true));
                 fileInfoArray.splice(index, 1);
-                setFileInfoArray(__spreadArray([], fileInfoArray, true));
+                fileInfoControl.field.onChange(__spreadArray([], fileInfoArray, true));
                 var fileIds = fileInfoArray.filter(function (f) { return f.fileId; }).map(function (f) { return f.fileId; });
                 onDeleteFile(fileIds);
             }
@@ -119,7 +122,7 @@ var UploadMultipleFile = function (_a) {
     var handleSuccess = function (index, file) {
         if (fileInfoArray.length > 0) {
             fileInfoArray[index] = file;
-            setFileInfoArray(__spreadArray([], fileInfoArray, true));
+            fileInfoControl.field.onChange(__spreadArray([], fileInfoArray, true));
             var fileIds = fileInfoArray.filter(function (f) { return f.fileId; }).map(function (f) { return f.fileId; });
             onFileUploaded(fileIds);
             fileUploadingStatus === null || fileUploadingStatus === void 0 ? void 0 : fileUploadingStatus(false);
@@ -128,14 +131,14 @@ var UploadMultipleFile = function (_a) {
     var handleFailure = function (index, file) {
         if (fileInfoArray.length > 0) {
             fileInfoArray[index] = file;
-            setFileInfoArray(__spreadArray([], fileInfoArray, true));
+            fileInfoControl.field.onChange(__spreadArray([], fileInfoArray, true));
             fileUploadingStatus === null || fileUploadingStatus === void 0 ? void 0 : fileUploadingStatus(false);
         }
     };
     var handleProgress = function (index, file) {
         if (fileInfoArray.length > 0) {
             fileInfoArray[index] = file;
-            setFileInfoArray(__spreadArray([], fileInfoArray, true));
+            fileInfoControl.field.onChange(__spreadArray([], fileInfoArray, true));
             fileUploadingStatus === null || fileUploadingStatus === void 0 ? void 0 : fileUploadingStatus(true);
         }
     };

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

@@ -37,6 +37,6 @@ var TaxDocument = function (_a) {
     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, { 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)); } }) })) })));
+    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)); } }) })) })));
 };
 export default TaxDocument;

package/package.json

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