@swan-io/shared-business 7.0.5 → 7.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swan-io/shared-business",
-  "version": "7.0.5",
+  "version": "7.0.7",
   "engines": {
     "node": ">=18.0.0",
     "yarn": "^1.22.0"

package/src/components/SupportingDocumentCollection.d.ts

@@ -27,6 +27,7 @@ type Props<Purpose extends string> = {
     onRemoveFile?: (file: SwanFile) => Future<Result<unknown, unknown>>;
     templateLanguage?: string;
     showIds?: boolean;
+    readOnly?: boolean;
 };
 export declare const getSupportingDocumentPurposeLabel: (purpose: string) => string;
 export declare const getSupportingDocumentPurposeDescriptionLabel: (purpose: string) => string;
@@ -34,7 +35,7 @@ export type SupportingDocumentCollectionRef<Purpose extends string> = {
     areAllRequiredDocumentsFilled: () => boolean;
     addDocument: (document: Document<Purpose>) => void;
 };
-export declare const SupportingDocumentCollectionWithRef: <Purpose extends string>({ documents, generateUpload, requiredDocumentPurposes, templateLanguage, status, onRemoveFile, showIds, }: Props<Purpose>, ref: Ref<SupportingDocumentCollectionRef<Purpose>>) => import("react/jsx-runtime").JSX.Element;
+export declare const SupportingDocumentCollectionWithRef: <Purpose extends string>({ documents, generateUpload, requiredDocumentPurposes, templateLanguage, status, onRemoveFile, showIds, readOnly, }: Props<Purpose>, ref: Ref<SupportingDocumentCollectionRef<Purpose>>) => import("react/jsx-runtime").JSX.Element;
 export declare const SupportingDocumentCollection: <I extends string>(props: Props<I> & {
     ref?: ForwardedRef<SupportingDocumentCollectionRef<I>>;
 }) => ReturnType<typeof SupportingDocumentCollectionWithRef>;

package/src/components/SupportingDocumentCollection.js

@@ -48,7 +48,7 @@ export const getSupportingDocumentPurposeDescriptionLabel = (purpose) => {
         return "";
     }
 };
-export const SupportingDocumentCollectionWithRef = ({ documents, generateUpload, requiredDocumentPurposes, templateLanguage = locale.language, status, onRemoveFile, showIds = false, }, ref) => {
+export const SupportingDocumentCollectionWithRef = ({ documents, generateUpload, requiredDocumentPurposes, templateLanguage = locale.language, status, onRemoveFile, showIds = false, readOnly = false, }, ref) => {
     const [showPowerOfAttorneyModal, setShowPowerOfAttorneyModal] = useState(false);
     const [showSwornStatementModal, setShowSwornStatementModal] = useState(false);
     const [addedDocuments, setAddedDocuments] = useState([]);
@@ -118,7 +118,15 @@ export const SupportingDocumentCollectionWithRef = ({ documents, generateUpload,
             }
         }
     }, [addedDocuments]);
-    return (_jsxs(Form, { children: [orderedDocumentPurposes.map(({ purpose, files, areAllDocumentsValidated, isRequired }) => {
+    return (_jsxs(Form, { children: [orderedDocumentPurposes
+                .filter(({ files }) => {
+                // Completely hide the purpose section if empty and no action is available
+                if (readOnly && files.length === 0) {
+                    return false;
+                }
+                return true;
+            })
+                .map(({ purpose, files, areAllDocumentsValidated, isRequired }) => {
                 return (_jsxs(Fragment, { children: [_jsx(LakeLabel, { label: getSupportingDocumentPurposeLabel(purpose), help: match(purpose)
                                 .with("PowerOfAttorney", () => (_jsx(Help, { type: "button", label: t("supportingDocuments.help.whatIsThis"), onPress: () => setShowPowerOfAttorneyModal(true) })))
                                 .with("SwornStatement", () => (_jsx(Help, { type: "button", label: t("supportingDocuments.help.whatIsThis"), onPress: () => setShowSwornStatementModal(true) })))
@@ -128,7 +136,7 @@ export const SupportingDocumentCollectionWithRef = ({ documents, generateUpload,
                             }), render: () => (_jsx(FilesUploader, { ref: ref => (filesUploaderRefByPurpose.current[purpose] = ref), 
                                 // Only allow uploading is the Supporting Document Collection awaits for docs
                                 // and that the specific purpose isn't already fully validated
-                                canUpload: status === "WaitingForDocument" && !areAllDocumentsValidated, accept: ACCEPTED_FORMATS, maxSize: 20000000, icon: "document-regular", initialFiles: files, generateUpload: generateUpload, getUploadConfig: file => ({ fileName: file.name, purpose }), uploadFile: ({ upload, file, onLoadStart, onProgress }) => {
+                                canUpload: !readOnly && status === "WaitingForDocument" && !areAllDocumentsValidated, accept: ACCEPTED_FORMATS, maxSize: 20000000, icon: "document-regular", initialFiles: files, generateUpload: generateUpload, getUploadConfig: file => ({ fileName: file.name, purpose }), uploadFile: ({ upload, file, onLoadStart, onProgress }) => {
                                     const body = new FormData();
                                     upload.fields.forEach(({ key, value }) => body.append(key, value));
                                     body.append("file", file);
@@ -141,7 +149,7 @@ export const SupportingDocumentCollectionWithRef = ({ documents, generateUpload,
                                     }).mapOkToResult(badStatusToError);
                                 }, formatAndSizeDescription: t("supportingDocuments.documentTypes", {
                                     maxSizeMB: 20000000 / 1000000,
-                                }), onRemoveFile: onRemoveFile, onChange: files => {
+                                }), onRemoveFile: readOnly ? undefined : onRemoveFile, onChange: files => {
                                     if (isRequired) {
                                         filesByRequiredPurpose.current.set(purpose, files);
                                     }