@evoke-platform/ui-components 1.8.0-testing.4 → 1.8.0-testing.6

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

@@ -1,6 +1,6 @@
 import { LocalDateTime } from '@js-joda/core';
 import jsonLogic from 'json-logic-js';
-import { get, isArray, isEmpty, isObject, omit, startCase, transform } from 'lodash';
+import { get, isArray, isEmpty, isObject, omit, pick, startCase, transform } from 'lodash';
 import { DateTime } from 'luxon';
 import Handlebars from 'no-eval-handlebars';
 import { defaultRuleProcessorMongoDB, formatQuery, parseMongoDB } from 'react-querybuilder';
@@ -562,3 +562,109 @@ export const docProperties = [
         type: 'string',
     },
 ];
+export const uploadDocuments = async (files, metadata, apiServices, instanceId, objectId) => {
+    const allDocuments = [];
+    const formData = new FormData();
+    for (const [index, file] of files.entries()) {
+        if ('size' in file) {
+            formData.append(`files[${index}]`, file);
+        }
+        else {
+            allDocuments.push(file);
+        }
+    }
+    if (metadata) {
+        for (const [key, value] of Object.entries(metadata)) {
+            formData.append(key, value);
+        }
+    }
+    const docs = await apiServices.post(getPrefixedUrl(`/objects/${objectId}/instances/${instanceId}/documents`), formData);
+    return allDocuments.concat(docs?.map((doc) => ({
+        id: doc.id,
+        name: doc.name,
+    })) ?? []);
+};
+export const deleteDocuments = async (submittedFields, requestSuccess, apiServices, object, instance, action, setSnackbarError) => {
+    const documentProperties = action?.parameters
+        ? action.parameters.filter((param) => param.type === 'document')
+        : object?.properties?.filter((prop) => prop.type === 'document');
+    for (const docProperty of documentProperties ?? []) {
+        const savedValue = submittedFields[docProperty.id];
+        const originalValue = instance?.[docProperty.id];
+        const documentsToRemove = requestSuccess
+            ? (originalValue?.filter((file) => !savedValue?.some((f) => f.id === file.id)) ?? [])
+            : (savedValue?.filter((file) => !originalValue?.some((f) => f.id === file.id)) ?? []);
+        for (const doc of documentsToRemove) {
+            try {
+                await apiServices?.delete(getPrefixedUrl(`/objects/${object.id}/instances/${instance.id}/documents/${doc.id}`));
+            }
+            catch (error) {
+                if (error) {
+                    setSnackbarError &&
+                        setSnackbarError({
+                            showAlert: true,
+                            message: `An error occurred while removing document '${doc.name}'`,
+                            isError: true,
+                        });
+                }
+            }
+        }
+    }
+};
+/**
+ * Transforms a form submission into a format safe for API submission.
+ *
+ * Responsibilities:
+ * - Uploads any files found in submission fields.
+ * - Normalizes related objects (keeping only id and name not the whole instance).
+ * - Converts an object of undefined address fields to undefined instead of an empty object.
+ * - Normalizes LocalDateTime values to API-friendly format.
+ * - Converts empty strings or undefined values to null.
+ * - Optionally reports file upload errors via snackbar.
+ *
+ * Returns the cleaned submission ready for submitting.
+ */
+export async function formatSubmission(submission, apiServices, objectId, instanceId, setSnackbarError) {
+    for (const [key, value] of Object.entries(submission)) {
+        if (isArray(value)) {
+            const fileInArray = value.some((item) => item instanceof File);
+            if (fileInArray && instanceId) {
+                try {
+                    const uploadedDocuments = await uploadDocuments(value, {
+                        type: '',
+                        view_permission: '',
+                    }, apiServices, instanceId, objectId);
+                    submission[key] = uploadedDocuments;
+                }
+                catch (err) {
+                    if (err) {
+                        setSnackbarError &&
+                            setSnackbarError({
+                                showAlert: true,
+                                message: `An error occurred while uploading associated documents`,
+                                isError: true,
+                            });
+                    }
+                    return submission;
+                }
+            }
+            // if there are address fields with no value address needs to be set to undefined to be able to submit
+        }
+        else if (typeof value === 'object' && value !== null) {
+            if (Object.values(value).every((v) => v === undefined)) {
+                submission[key] = undefined;
+                // only submit the name and id of a related object
+            }
+            else if ('id' in value && 'name' in value) {
+                submission[key] = pick(value, 'id', 'name');
+            }
+            else if (value instanceof LocalDateTime) {
+                submission[key] = normalizeDateTime(value);
+            }
+        }
+        else if (value === '' || value === undefined) {
+            submission[key] = null;
+        }
+    }
+    return submission;
+}

package/dist/published/theme/hooks.d.ts

@@ -126,4 +126,8 @@ export declare function useFormContext(): {
     fieldHeight?: "medium" | "small" | undefined;
     triggerFieldReset?: boolean | undefined;
     showSubmitError?: boolean | undefined;
+    associatedObject?: {
+        instanceId?: string | undefined;
+        propertyId?: string | undefined;
+    } | undefined;
 };

package/package.json

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