@evoke-platform/ui-components 1.10.1-dev.4 → 1.10.1-dev.6

package/dist/published/components/custom/Form/Common/Form.js

@@ -8,7 +8,7 @@ import { Skeleton, Snackbar } from '../../../core';
 import { Box } from '../../../layout';
 import { ButtonComponent, DocumentComponent, FormFieldComponent, ImageComponent, ObjectComponent, RepeatableFieldComponent, UserComponent, ViewOnlyComponent, } from '../FormComponents';
 import { CriteriaComponent } from '../FormComponents/CriteriaComponent/CriteriaComponent';
-import { addObjectPropertiesToComponentProps, buildComponentPropsFromDocumentProperties, buildComponentPropsFromObjectProperties, convertFormToComponents, flattenFormComponents, getAllCriteriaInputs, getFlattenEntries, getPrefixedUrl, } from '../utils';
+import { addObjectPropertiesToComponentProps, buildComponentPropsFromDocumentProperties, buildComponentPropsFromObjectProperties, containsCorruptedFiles, convertFormToComponents, flattenFormComponents, getAllCriteriaInputs, getFlattenEntries, getPrefixedUrl, isCorruptedFile, } from '../utils';
 const usePrevious = (value) => {
     const ref = useRef();
     useEffect(() => {
@@ -25,6 +25,7 @@ export function Form(props) {
     const [snackbarError, setSnackbarError] = useState();
     const prevFormKey = usePrevious(formKey);
     const userAccount = user ?? useAuthenticationContext()?.account;
+    const originalFilesRef = useRef({});
     const { defaultPages, findDefaultPageSlugFor } = useApp();
     const rebuildFormComponents = () => {
         const viewDetailsComponents = {
@@ -286,6 +287,13 @@ export function Form(props) {
             : object?.properties?.filter((prop) => prop.type === 'document');
         let allEntries = null;
         for (const docProperty of documentProperties ?? []) {
+            const currentValue = submittedFields[docProperty.id];
+            // Files get corrupted if the document uploads but the form submission fails, in that case replace with non-corrupted file
+            if (currentValue && containsCorruptedFiles(currentValue)) {
+                const originals = originalFilesRef.current[docProperty.id] ?? [];
+                const repaired = currentValue.map((file, index) => (isCorruptedFile(file) ? originals[index] : file));
+                submittedFields[docProperty.id] = repaired;
+            }
             const value = submittedFields[docProperty.id];
             // skip if the document list did not change
             if (value === undefined || !instance || isEqual(instance?.[docProperty.id], value)) {
@@ -293,6 +301,8 @@ export function Form(props) {
             }
             let savedDocuments = null;
             if (value && value.some((doc) => doc instanceof File)) {
+                // Store original non-corrupted files before upload in case form submission fails
+                originalFilesRef.current[docProperty.id] = [...value];
                 if (!allEntries) {
                     allEntries = getFlattenEntries(action?.form?.entries ?? []) ?? [];
                 }

package/dist/published/components/custom/Form/types.d.ts

@@ -113,3 +113,8 @@ export type SavedDocumentReference = {
     id: string;
     name: string;
 };
+export type CorruptedFile = {
+    handle: object;
+    path: string;
+    relativePath: string;
+};

package/dist/published/components/custom/Form/utils.d.ts

@@ -2,7 +2,7 @@ import { ActionInput, ActionInputType, ApiServices, AxiosError, FormEntry, Input
 import { ReactComponent } from '@formio/react';
 import { LocalDateTime } from '@js-joda/core';
 import { AutocompleteOption } from '../../core';
-import { Address, ObjectPropertyInputProps } from './types';
+import { Address, CorruptedFile, ObjectPropertyInputProps, SavedDocumentReference } from './types';
 export declare function determineComponentType(properties: Property[], parameter?: InputParameter): ActionInputType | undefined;
 export declare function determineParameterType(componentType: string): PropertyType;
 export declare function getFlattenEntries(entries: FormEntry[]): InputParameterReference[];
@@ -51,3 +51,17 @@ export declare function isPropertyVisible(conditional: {
 export declare function normalizeDateTime(dateTime: LocalDateTime): string;
 export declare function normalizeDates(instances: ObjectInstance[], object?: Obj): void;
 export declare function retrieveCustomErrorMessage(error: AxiosError<any>): string | undefined;
+/**
+ * Determines whether a submitted value contains any corrupted file entries.
+ *
+ * A value is considered to contain corrupted files if:
+ * - It is an array, and
+ * - At least one item in the array matches the `CorruptedFile` shape.
+ *
+ * This is useful for identifying broken document-upload metadata that
+ * should be replaced with the original unmodified files.
+ *
+ * @param value - The value of the file to inspect.
+ * @returns `true` if the value is an array containing at least one `CorruptedFile`, otherwise `false`.
+ */ export declare function containsCorruptedFiles(value: (File | SavedDocumentReference | CorruptedFile)[]): boolean;
+export declare function isCorruptedFile(file: File | SavedDocumentReference | CorruptedFile): file is CorruptedFile;

package/dist/published/components/custom/Form/utils.js

@@ -1435,3 +1435,21 @@ function convertVisibilityToConditional(visibility) {
         }
         : undefined;
 }
+/**
+ * Determines whether a submitted value contains any corrupted file entries.
+ *
+ * A value is considered to contain corrupted files if:
+ * - It is an array, and
+ * - At least one item in the array matches the `CorruptedFile` shape.
+ *
+ * This is useful for identifying broken document-upload metadata that
+ * should be replaced with the original unmodified files.
+ *
+ * @param value - The value of the file to inspect.
+ * @returns `true` if the value is an array containing at least one `CorruptedFile`, otherwise `false`.
+ */ export function containsCorruptedFiles(value) {
+    return value.some((item) => isCorruptedFile(item));
+}
+export function isCorruptedFile(file) {
+    return 'handle' in file && isEmpty(file.handle) && !(file instanceof File);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@evoke-platform/ui-components",
-    "version": "1.10.1-dev.4",
+    "version": "1.10.1-dev.6",
     "description": "",
     "main": "dist/published/index.js",
     "module": "dist/published/index.js",
@@ -96,7 +96,7 @@
         "yalc": "^1.0.0-pre.53"
     },
     "peerDependencies": {
-        "@evoke-platform/context": "^1.5.0",
+        "@evoke-platform/context": "^1.6.0-0",
         "react": "^18.1.0",
         "react-dom": "^18.1.0"
     },