umwd-components 0.1.781 → 0.1.783

package/dist/esm/src/components/common/media/UploadBase64MediaForm.js

@@ -5,7 +5,7 @@
  * @license MIT
  */
   
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState, useActionState, useRef, useEffect } from 'react';
 import Stack from '@mui/material/Stack';
 import Typography from '@mui/material/Typography';
@@ -41,17 +41,15 @@ function UploadBase64MediaForm({ reference, refID, field, multiple = true, accep
                             width: "100%",
                             border: "1px dashed white",
                             minHeight: "100px",
-                        }, children: accept === undefined || accept === "image/*" ? (jsx(Stack, { direction: "row", spacing: 1, justifyContent: "flex-end", children: filePreviews.map((image, index) => {
-                                return (jsx("img", { src: image.url, alt: image.name, style: { width: "100px" } }, index));
-                            }) })) : (jsx(Stack, { spacing: 1, justifyContent: "flex-end", children: filePreviews.map((file, index) => {
-                                return jsx(Typography, { children: file.name }, index);
-                            }) })) })) : (jsx(Box, { onClick: () => fileInput.current?.click(), sx: {
+                        }, children: jsx(Stack, { spacing: 1, justifyContent: "flex-end", children: filePreviews.map((file, index) => {
+                                return (jsxs(Fragment, { children: [jsx(Typography, { children: file.name }, index), jsx("img", { src: file.url, alt: file.name, style: { width: "100px" } }, index)] }));
+                            }) }) })) : (jsx(Box, { onClick: () => fileInput.current?.click(), sx: {
                             p: 2,
                             width: "100%",
                             border: "1px dashed white",
                             minHeight: "100px",
                             cursor: "pointer",
-                        }, children: jsxs(Typography, { children: ["No file", `${multiple ? "s" : ""}`, " selected for upload"] }) })), jsxs(Stack, { direction: "column", spacing: 2, alignItems: "center", justifyContent: "space-between", children: [jsx(StrapiErrors, { error: formState.strapiErrors }), jsx(ZodErrors, { error: formState.zodErrors?.image }), formState?.message && (jsx(Alert, { severity: "error", children: formState?.message })), jsxs(Box, { children: [jsx("label", { htmlFor: "pictureInput", children: jsx("input", { id: "pictureInput", accept: accept, multiple: multiple, type: "file", name: "files", ref: fileInput, onChange: (e) => {
+                        }, children: jsxs(Typography, { children: ["No file", `${multiple ? "s" : ""}`, " selected for upload"] }) })), jsxs(Stack, { direction: "column", spacing: 2, alignItems: "center", justifyContent: "space-between", children: [jsx(StrapiErrors, { error: formState.strapiErrors }), jsx(ZodErrors, { error: formState.zodErrors?.image }), formState?.message && (jsx(Alert, { severity: "error", children: formState?.message })), jsxs(Box, { children: [jsx("label", { htmlFor: "pictureInput", children: jsx("input", { id: "pictureInput", accept: accept.toString(), multiple: multiple, type: "file", name: "files", ref: fileInput, onChange: (e) => {
                                                 const selectedFiles = e.target.files;
                                                 if (selectedFiles === null) {
                                                     return;

package/dist/esm/src/components/common/media/UploadMediaForm.js

@@ -58,7 +58,7 @@ function UploadMediaForm({ reference, refID, field, multiple = true, accept = "i
                         border: "1px dashed white",
                         minHeight: "100px",
                         cursor: "pointer",
-                    }, children: jsxs(Typography, { children: ["No file", `${multiple ? "s" : ""}`, " selected, click here to start uploading new files"] }) })), jsxs(Stack, { direction: "column", spacing: 2, alignItems: "center", justifyContent: "space-between", children: [jsx(StrapiErrors, { error: formState.strapiErrors }), jsx(ZodErrors, { error: formState.zodErrors?.image }), formState?.message && (jsx(Alert, { severity: "error", children: formState?.message })), jsxs(Box, { children: [jsx("label", { htmlFor: "pictureInput", children: jsx("input", { id: "pictureInput", accept: accept, multiple: multiple, type: "file", name: "files", ref: fileInput, onChange: (e) => {
+                    }, children: jsxs(Typography, { children: ["No file", `${multiple ? "s" : ""}`, " selected, click here to start uploading new files"] }) })), jsxs(Stack, { direction: "column", spacing: 2, alignItems: "center", justifyContent: "space-between", children: [jsx(StrapiErrors, { error: formState.strapiErrors }), jsx(ZodErrors, { error: formState.zodErrors?.image }), formState?.message && (jsx(Alert, { severity: "error", children: formState?.message })), jsxs(Box, { children: [jsx("label", { htmlFor: "pictureInput", children: jsx("input", { id: "pictureInput", accept: accept.toString(), multiple: multiple, type: "file", name: "files", ref: fileInput, onChange: (e) => {
                                             const selectedFiles = e.target.files;
                                             if (selectedFiles === null) {
                                                 return;

package/dist/esm/src/components/common/media/minio/MinioDisplay.js

@@ -0,0 +1,17 @@
+"use client";
+/*
+ * UMWD-Components
+ * @copyright Jelle Paulus
+ * @license MIT
+ */
+  
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Stack, Typography } from '@mui/material';
+import { MinioDownloadButton } from './MinioDownloadButton.js';
+import { MinioDeleteFormButton } from './MinioDeleteFormButton.js';
+
+const MinioDisplay = ({ fileSize, mimeType, fileName, bucketName, revalidateCallback, }) => {
+    return (jsxs(Stack, { spacing: 1, marginTop: 1, children: [jsxs(Typography, { children: ["File: ", fileName] }), jsxs(Typography, { variant: "body2", color: "text.secondary", children: ["Size: ", fileSize, " bytes"] }), jsxs(Typography, { variant: "body2", color: "text.secondary", children: ["Type: ", mimeType] }), jsxs(Stack, { direction: "row", spacing: 2, alignItems: "center", children: [jsx(MinioDownloadButton, { bucketName: bucketName || "umwd", fileName: fileName || "" }), jsx(MinioDeleteFormButton, { bucketName: bucketName || "umwd", fileName: fileName || "", revalidateCallback: revalidateCallback })] })] }));
+};
+
+export { MinioDisplay };

package/dist/esm/src/components/common/media/minio/UploadMinioMediaForm.js

@@ -23,30 +23,33 @@ const INITIAL_STATE = {
     data: null,
     message: null,
 };
-function UploadMinioMediaForm({ 
-/**
- *  TODO, in this plugin the media uploaded
- *  to minio should be referenced by a customfield
- *  reference,
- *  refID,
- *  field,
- */
-bucketName = "umwd", fileName = Date.now().toString(), multiple = false, accept = "image/*", // should be dependent on config files
+function UploadMinioMediaForm({ bucketName = process.env.MINIO_BUCKET_NAME || "umwd", multiple = false, accept = process.env.MINIO_ACCEPTED_FILE_TYPES || [
+    "image/jpeg",
+    "image/jpg",
+    "image/png",
+    "image/webp",
+    "image/gif",
+    "application/msword",
+    "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+    "application/vnd.ms-excel",
+    "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+    "application/vnd.ms-powerpoint",
+    "application/vnd.openxmlformats-officedocument.presentationml.presentation",
+    "application/pdf",
+    "text/plain",
+    "text/markdown",
+    "text/csv",
+    "application/vnd.oasis.opendocument.text",
+    "application/vnd.oasis.opendocument.spreadsheet",
+    "application/vnd.oasis.opendocument.presentation",
+], 
+// "image/*", // should be dependent on config files
 reference, refID, field, revalidateCallback, }) {
+    console.log("UploadMinioMediaForm render", reference, refID, field);
+    console.log("accept:", accept);
     const [filePreviews, setFilePreviews] = useState(null);
     const [fileList, setFileList] = useState(null);
     const [selectedFileName, setSelectedFileName] = useState(null);
-    /* const formAction = uploadMinioMediaAction;
-  
-    if (reference && refID && field) {
-      // Attach the media information to the entity
-      const boundAction = uploadMinioMediaAction.bind(null, {
-        reference,
-        refID,
-        field,
-      });
-      formAction = boundAction;
-    } */
     const [formState, formAction] = useActionState(uploadMinioMediaAction, INITIAL_STATE);
     const fileInput = useRef(null);
     useEffect(() => {
@@ -54,7 +57,7 @@ reference, refID, field, revalidateCallback, }) {
             revalidateCallback?.();
         }
     }, [formState.message]);
-    return (jsx("form", { action: formAction, children: jsxs(Stack, { spacing: 1, sx: { flex: 1 }, children: [reference && refID && field && (jsxs(Fragment, { children: [jsx("input", { type: "text", name: "ref", value: reference, style: { display: "none" }, readOnly: true }), jsx("input", { type: "text", name: "refId", value: refID, style: { display: "none" }, readOnly: true }), jsx("input", { type: "text", name: "field", value: field, style: { display: "none" }, readOnly: true })] })), bucketName && (jsx("input", { type: "text", name: "bucketName", value: bucketName, style: { display: "none" }, readOnly: true })), selectedFileName && (jsx("input", { type: "text", name: "fileName", value: selectedFileName, style: { display: "none" }, readOnly: true })), filePreviews !== null ? (jsx(Box, { onClick: () => fileInput.current?.click(), sx: {
+    return (jsx("form", { action: formAction, children: jsxs(Stack, { spacing: 1, sx: { flex: 1 }, children: [reference && refID && field && (jsxs(Fragment, { children: [jsx("input", { type: "text", name: "reference", value: reference, style: { display: "none" }, readOnly: true }), jsx("input", { type: "text", name: "refID", value: refID, style: { display: "none" }, readOnly: true }), jsx("input", { type: "text", name: "field", value: field, style: { display: "none" }, readOnly: true })] })), bucketName && (jsx("input", { type: "text", name: "bucketName", value: bucketName, style: { display: "none" }, readOnly: true })), selectedFileName && (jsx("input", { type: "text", name: "fileName", value: selectedFileName, style: { display: "none" }, readOnly: true })), filePreviews !== null ? (jsx(Box, { onClick: () => fileInput.current?.click(), sx: {
                         p: 2,
                         width: "100%",
                         border: "1px dashed white",
@@ -79,7 +82,7 @@ reference, refID, field, revalidateCallback, }) {
                         border: "1px dashed white",
                         minHeight: "100px",
                         cursor: "pointer",
-                    }, children: jsxs(Typography, { children: ["No file", `${multiple ? "s" : ""}`, " selected, click here to start uploading new files"] }) })), jsxs(Stack, { direction: "column", spacing: 2, alignItems: "center", justifyContent: "space-between", children: [jsx(StrapiErrors, { error: formState.strapiErrors }), jsx(ZodErrors, { error: formState.zodErrors?.image }), formState?.message && (jsx(Alert, { severity: "error", children: formState?.message })), jsxs(Box, { children: [jsx("label", { htmlFor: "pictureInput", children: jsx("input", { id: "pictureInput", accept: accept, multiple: multiple, type: "file", name: "files", ref: fileInput, onChange: (e) => {
+                    }, children: jsxs(Typography, { children: ["No file", `${multiple ? "s" : ""}`, " selected, click here to start uploading new files"] }) })), jsxs(Stack, { direction: "column", spacing: 2, alignItems: "center", justifyContent: "space-between", children: [jsx(StrapiErrors, { error: formState.strapiErrors }), jsx(ZodErrors, { error: formState.zodErrors?.image }), formState?.message && (jsx(Alert, { severity: "error", children: formState?.message })), jsxs(Box, { children: [jsx("label", { htmlFor: "minioInput", children: jsx("input", { id: "minioInput", accept: typeof accept === "string" ? accept : accept.join(","), multiple: multiple, type: "file", name: "files", ref: fileInput, onChange: (e) => {
                                             const selectedFiles = e.target.files;
                                             if (selectedFiles === null) {
                                                 return;

package/dist/esm/src/components/e-commerce/iro/RmaForm.js

@@ -26,6 +26,7 @@ import DialogContent from '@mui/material/DialogContent';
 import DialogContentText from '@mui/material/DialogContentText';
 import DialogTitle from '@mui/material/DialogTitle';
 import NumberInput from '../../common/NumberInput.js';
+import 'next/headers';
 
 const INITIAL_STATE = {
     zodErrors: null,
@@ -138,7 +139,7 @@ function RmaForm({ opo, sx, revalidateCallback, handleClose, }) {
             });
         }
     }, [formState?.strapiErrors]);
-    return (jsx(Box, { sx: [...(Array.isArray(sx) ? sx : [sx])], children: jsx("form", { action: formAction, children: jsxs(Grid, { container: true, spacing: 2, children: [jsx(Grid, { size: 12, children: jsx(Typography, { variant: "h6", children: "RMA Form" }) }), jsx("input", { type: "hidden", name: "opos", value: opo.documentId }), jsx(Grid, { size: 12, children: jsxs(Stack, { spacing: 2, children: [jsx(Typography, { variant: "body1", children: "Please fill out the form below to request a return merchandise authorization. Due to the sensitive nature of the products, only unopened packages can be returned." }), jsx(Alert, { severity: "warning", children: "We urge you to carefully photograph the items you are returning. These pictures can be requested at a later time by our team to verify the condition of the items." })] }) }), jsx(Grid, { size: 12, children: opo.opo_items ? (jsx(Stack, { spacing: 1, children: opo.opo_items && (jsx(ItemLines, { items: opo.opo_items, itemsToReturn: itemsToReturn, setItemsToReturn: setItemsToReturn, selectedItems: selectedItems, setSelectedItems: setSelectedItems })) })) : (jsx(Typography, { variant: "body1", children: "No items" })) }), jsx(ConfirmRMADialog, { formState: formState, open: open, items: itemsToReturn.filter((item) => item.returned_quantity > 0), onClose: () => setOpen(!open), submitCallback: () => {
+    return (jsx(Box, { sx: [...(Array.isArray(sx) ? sx : [sx])], children: jsx("form", { action: formAction, children: jsxs(Grid, { container: true, spacing: 2, children: [jsx(Grid, { size: 12, children: jsx(Typography, { variant: "h6", children: "RMA Form" }) }), jsx("input", { type: "hidden", name: "opos", value: opo.documentId }), jsx(Grid, { size: 12, children: jsxs(Stack, { spacing: 2, children: [jsx(Typography, { variant: "body1", children: "Please fill out the form below to request a return merchandise authorization. Due to the sensitive nature of the products, only unopened packages can be returned." }), jsx(Alert, { severity: "warning", children: "We urge you to carefully photograph the items you are returning. These pictures can be requested at a later time by our team to verify the condition of the items." })] }) }), jsx(Grid, { size: 12, children: opo.opo_items ? (jsx(Stack, { spacing: 1, children: opo.opo_items && (jsx(ItemLines, { items: opo.opo_items, itemsToReturn: itemsToReturn, setItemsToReturn: setItemsToReturn, selectedItems: selectedItems, setSelectedItems: setSelectedItems }, opo.documentId)) })) : (jsx(Typography, { variant: "body1", children: "No items" })) }), jsx(ConfirmRMADialog, { formState: formState, open: open, items: itemsToReturn.filter((item) => item.returned_quantity > 0), onClose: () => setOpen(!open), submitCallback: () => {
                             console.log("submit callback");
                             const formElement = document.querySelector("form");
                             if (formElement) {

package/dist/esm/src/components/logistics/ipo/TextualIPOItemUpdater.js

@@ -23,23 +23,24 @@ function TextualIPOItemUpdater({ item, index, handleAddReport, handleUpdateQuant
     const { line_item_number, product, ordered_quantity, received_quantity, registered_quantity, released_quantity, reports, } = item;
     const [open, setOpen] = useState(false);
     // these values where wrapped with useMemo before but that did not work well while updating values
-    reports !== undefined && reports.length > 0
+    reports && reports.length > 0
         ? reports
             .filter((report) => report.type === "received")
             .reduce((a, b) => a + b.quantity, 0)
         : 0;
-    const registered_reports_quantity = reports !== undefined && reports.length > 0
+    const registered_reports_quantity = reports && reports.length > 0
         ? reports
             .filter((report) => report.type === "registered")
             .reduce((a, b) => a + b.quantity, 0)
         : 0;
-    reports !== undefined && reports.length > 0
+    reports && reports.length > 0
         ? reports
             .filter((report) => report.type === "released")
             .reduce((a, b) => a + b.quantity, 0)
         : 0;
-    const dbReports = item.reports?.filter((report) => "id" in report) || [];
-    const preReports = item.reports?.filter((report) => Boolean("id" in report) === false) ||
+    const dbReports = item.reports?.filter((report) => "documentId" in report) ||
+        [];
+    const preReports = item.reports?.filter((report) => !("documentId" in report)) ||
         [];
     return (jsx(Stack, { spacing: 1, children: item && (jsxs(Fragment, { children: [jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { mb: 1 }, children: [jsxs(Typography, { variant: "body1", children: ["Line Item Number: ", line_item_number] }), jsxs(Typography, { variant: "body1", children: ["Part Number: ", product?.product_number] }), image && (jsx(Fragment, { children: jsx(ImagePreviewTooltip, { image: image, label: item.product?.title }) }))] }), jsx(Divider, { sx: { mb: 1 } }), showing && showing.includes("received") && (jsxs(Fragment, { children: [jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { mb: 1 }, children: [jsx(Typography, { variant: "body2", children: "Received" }), jsx(TextualAmountUpdater, { label: "Received", currentValue: received_quantity, totalValue: ordered_quantity, minNewValue: 0 + registered_quantity, maxNewValue: ordered_quantity, color: "info", handleChange: (newValue) => {
                                         handleUpdateQuantity(newValue, item.documentId, "received_quantity");

package/dist/esm/src/components/logistics/ipo/TextualManageIPOForm.js

@@ -11,8 +11,6 @@ import { updateIpoAction } from '../../../data/actions/logistics/ipo/updateIpoAc
 import { confirmationService } from '../../../data/services/common/confirmation-service.js';
 import { cancellationService } from '../../../data/services/common/cancellation-service.js';
 import { UploadMinioMediaForm } from '../../common/media/minio/UploadMinioMediaForm.js';
-import { MinioDeleteFormButton } from '../../common/media/minio/MinioDeleteFormButton.js';
-import { MinioDownloadButton } from '../../common/media/minio/MinioDownloadButton.js';
 import NoteTakingComponent from '../note/NoteTakingComponent.js';
 import NotesDisplay from '../note/NotesDisplay.js';
 import ItemDisplay from './ItemDisplay.js';
@@ -41,6 +39,7 @@ import CalendarTodayIcon from '@mui/icons-material/CalendarToday';
 import BusinessIcon from '@mui/icons-material/Business';
 import UpdateIcon from '@mui/icons-material/Update';
 import { SubmitButton } from '../../SubmitButton.js';
+import { MinioDisplay } from '../../common/media/minio/MinioDisplay.js';
 
 const INITIAL_STATE = {
     zodErrors: null,
@@ -211,9 +210,7 @@ function TextualManageIPOForm({ data, sx, revalidateCallback, handleClose, role,
                                             { id: data.documentId, __type: "api::logistics.ipo" },
                                         ], revalidateCallback: revalidateCallback })] }), jsx(Divider, {})] }) }), jsx(Grid, { size: 12, children: jsx(Typography, { variant: "h5", sx: { py: 1 }, children: "Details" }) }), jsx(Grid, { size: 6, children: jsx(Paper, { elevation: 2, sx: { p: 2, height: "100%" }, children: jsxs(Stack, { spacing: 2, children: [jsxs(Stack, { direction: "row", spacing: 2, alignItems: "center", children: [jsx(NumbersIcon, { color: "primary" }), jsx(Typography, { variant: "subtitle1", color: "text.secondary", width: "200px", children: "Purchase Order Number" }), jsx(Typography, { variant: "body1", fontWeight: "medium", children: data.ipo_number })] }), jsxs(Stack, { direction: "row", spacing: 2, alignItems: "center", children: [jsx(DescriptionIcon, { color: "primary" }), jsx(Typography, { variant: "subtitle1", color: "text.secondary", width: "200px", children: "Custom Reference" }), jsx(Typography, { variant: "body1", fontWeight: "medium", children: data.customer_reference })] }), jsxs(Stack, { direction: "row", spacing: 2, alignItems: "center", children: [jsx(CalendarTodayIcon, { color: "primary" }), jsx(Typography, { variant: "subtitle1", color: "text.secondary", width: "200px", children: "Order Date" }), jsx(Typography, { variant: "body1", fontWeight: "medium", children: data.order_date })] }), jsxs(Stack, { direction: "row", spacing: 2, alignItems: "center", children: [jsx(BusinessIcon, { color: "primary" }), jsx(Typography, { variant: "subtitle1", color: "text.secondary", width: "200px", children: "Supplier" }), jsx(Typography, { variant: "body1", fontWeight: "medium", children: data.vendor_profile?.business_credentials?.company_name })] }), jsxs(Stack, { direction: "row", spacing: 2, alignItems: "center", children: [jsx(UpdateIcon, { color: "primary" }), jsx(Typography, { variant: "subtitle1", color: "text.secondary", width: "200px", children: "Order Status" }), jsx(IpoStatusIndicator, { status: data.internal_status })] })] }) }) }), role === "enduser" && (jsx(Grid, { size: 6, children: jsx(Paper, { elevation: 2, sx: { p: 2, height: "100%" }, children: jsxs(Stack, { spacing: 2, children: [(data.internal_status === "placed" ||
                                     data.internal_status === "released_on_stock") && (jsxs(Fragment, { children: [jsx(Button, { variant: "contained", color: "primary", onClick: () => setConfirmDialogOpen(true), children: "Confirm order" }), jsx(Alert, { severity: "warning", children: "Please confirm the order as soon as possible, only upon confirmation this order will be available to the dispatcher" }), jsx(ConfirmFormDialog, { open: confirmDialogOpen, handleClose: () => setConfirmDialogOpen(false), orderID: data.documentId, currentStatus: data.internal_status, revalidateCallback: revalidateCallback })] })), (data.internal_status === "placed" ||
-                                    data.internal_status === "ordered") && (jsxs(Fragment, { children: [jsx(Button, { variant: "contained", color: "error", onClick: () => setCancelDialogOpen(true), children: "Cancel order" }), jsx(CancelIpoDialog, { open: cancelDialogOpen, handleClose: () => setCancelDialogOpen(false), orderID: data.documentId, revalidateCallback: revalidateCallback })] }))] }) }) })), jsx(Grid, { size: 12, children: jsxs(Stack, { spacing: 2, children: [jsx(Typography, { variant: "h5", children: "Documents" }), jsx(Paper, { sx: { p: 2 }, children: jsxs(Stack, { spacing: 4, children: [role === "enduser" && (jsx(Fragment, { children: data.minio_order_confirmation ? (jsx(Fragment, { children: jsxs(Stack, { spacing: 2, children: [jsx(Typography, { variant: "h6", children: "Order Confirmation" }), jsxs(Typography, { children: ["File: ", data.minio_order_confirmation?.fileName] }), jsxs(Typography, { variant: "body2", color: "text.secondary", children: ["Size: ", data.minio_order_confirmation?.fileSize, " ", "bytes"] }), jsxs(Typography, { variant: "body2", color: "text.secondary", children: ["Type: ", data.minio_order_confirmation?.mimeType] }), jsxs(Stack, { direction: "row", spacing: 2, alignItems: "center", children: [jsx(MinioDownloadButton, { bucketName: data.minio_order_confirmation?.bucketName ||
-                                                                        "umwd", fileName: data.minio_order_confirmation?.fileName || "" }), jsx(MinioDeleteFormButton, { bucketName: data.minio_order_confirmation?.bucketName ||
-                                                                        "umwd", fileName: data.minio_order_confirmation?.fileName || "", revalidateCallback: revalidateCallback })] })] }) })) : (jsx(Fragment, { children: jsxs(Stack, { spacing: 2, children: [jsx(Typography, { variant: "h6", children: "Order Confirmation" }), jsx(Typography, { variant: "body2", children: "Upload the order confirmation document for this purchase order" }), jsx(UploadMinioMediaForm, { reference: "api::logistics.ipo", refID: data.documentId, field: "minio_order_confirmation", bucketName: "umwd", multiple: false, accept: "application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,text/*", revalidateCallback: revalidateCallback })] }) })) })), data.minio_delivery_note ? (jsx(Fragment, { children: jsxs(Stack, { spacing: 2, children: [jsx(Typography, { variant: "h6", children: "Delivery Note" }), jsxs(Typography, { children: ["File: ", data.minio_delivery_note?.fileName] }), jsxs(Typography, { variant: "body2", color: "text.secondary", children: ["Size: ", data.minio_delivery_note?.fileSize, " bytes"] }), jsxs(Typography, { variant: "body2", color: "text.secondary", children: ["Type: ", data.minio_delivery_note?.mimeType] }), jsxs(Stack, { direction: "row", spacing: 2, alignItems: "center", children: [jsx(MinioDownloadButton, { bucketName: data.minio_delivery_note?.bucketName || "umwd", fileName: data.minio_delivery_note?.fileName || "" }), jsx(MinioDeleteFormButton, { bucketName: data.minio_delivery_note?.bucketName || "umwd", fileName: data.minio_delivery_note?.fileName || "", revalidateCallback: revalidateCallback })] })] }) })) : (jsx(Fragment, { children: jsxs(Stack, { spacing: 2, children: [jsx(Typography, { variant: "h6", children: "Delivery Note" }), jsx(Typography, { variant: "body2", children: "Upload the delivery note document for this purchase order" }), jsx(UploadMinioMediaForm, { reference: "api::logistics.ipo", refID: data.documentId, field: "minio_delivery_note", bucketName: "umwd", multiple: false, accept: "application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,text/*", revalidateCallback: revalidateCallback })] }) }))] }) })] }) }), data?.notes?.length > 0 && (jsx(Grid, { size: 12, children: jsxs(Stack, { spacing: 2, children: [jsx(Typography, { variant: "h5", children: "Notes" }), jsx(NotesDisplay, { notes: data.notes }), jsx(Divider, {})] }) })), jsx(Grid, { size: 12, children: jsxs(Stack, { spacing: 1, children: [jsx(Typography, { variant: "h5", children: "Items" }), jsxs(Stack, { direction: "row", alignItems: "center", justifyContent: "flex-end", spacing: 2, component: Paper, p: 1, sx: {
+                                    data.internal_status === "ordered") && (jsxs(Fragment, { children: [jsx(Button, { variant: "contained", color: "error", onClick: () => setCancelDialogOpen(true), children: "Cancel order" }), jsx(CancelIpoDialog, { open: cancelDialogOpen, handleClose: () => setCancelDialogOpen(false), orderID: data.documentId, revalidateCallback: revalidateCallback })] }))] }) }) })), jsx(Grid, { size: 12, children: jsxs(Stack, { spacing: 2, children: [jsx(Typography, { variant: "h5", children: "Documents" }), jsx(Paper, { sx: { p: 2 }, children: jsxs(Stack, { spacing: 4, children: [role === "enduser" && (jsx(Fragment, { children: data.minio_order_confirmation ? (jsx(Fragment, { children: jsxs(Stack, { spacing: 2, children: [jsx(Typography, { variant: "h6", children: "Order Confirmation" }), jsx(MinioDisplay, { fileSize: data.minio_order_confirmation?.fileSize, mimeType: data.minio_order_confirmation?.mimeType, fileName: data.minio_order_confirmation?.fileName, bucketName: data.minio_order_confirmation?.bucketName, revalidateCallback: revalidateCallback })] }) })) : (jsx(Fragment, { children: jsxs(Stack, { spacing: 2, children: [jsx(Typography, { variant: "h6", children: "Order Confirmation" }), jsx(Typography, { variant: "body2", children: "Upload the order confirmation document for this purchase order" }), jsx(UploadMinioMediaForm, { reference: "api::logistics.ipo", refID: data.documentId, field: "minio_order_confirmation", bucketName: "umwd", multiple: false, revalidateCallback: revalidateCallback })] }) })) })), data.minio_delivery_note ? (jsx(Fragment, { children: jsxs(Stack, { spacing: 2, children: [jsx(Typography, { variant: "h6", children: "Delivery Note" }), jsx(MinioDisplay, { fileSize: data.minio_delivery_note?.fileSize, mimeType: data.minio_delivery_note?.mimeType, fileName: data.minio_delivery_note?.fileName, bucketName: data.minio_delivery_note?.bucketName, revalidateCallback: revalidateCallback })] }) })) : (jsx(Fragment, { children: jsxs(Stack, { spacing: 2, children: [jsx(Typography, { variant: "h6", children: "Delivery Note" }), jsx(Typography, { variant: "body2", children: "Upload the delivery note document for this purchase order" }), jsx(UploadMinioMediaForm, { reference: "api::logistics.ipo", refID: data.documentId, field: "minio_delivery_note", bucketName: "umwd", multiple: false, revalidateCallback: revalidateCallback })] }) }))] }) })] }) }), data?.notes?.length > 0 && (jsx(Grid, { size: 12, children: jsxs(Stack, { spacing: 2, children: [jsx(Typography, { variant: "h5", children: "Notes" }), jsx(NotesDisplay, { notes: data.notes }), jsx(Divider, {})] }) })), jsx(Grid, { size: 12, children: jsxs(Stack, { spacing: 1, children: [jsx(Typography, { variant: "h5", children: "Items" }), jsxs(Stack, { direction: "row", alignItems: "center", justifyContent: "flex-end", spacing: 2, component: Paper, p: 1, sx: {
                                     bgcolor: "background.default",
                                     border: "1px solid",
                                     borderColor: "divider",

package/dist/esm/src/data/actions/media/minio/deleteMinioMediaAction.js

@@ -7,17 +7,6 @@
 import { minioDeleteService } from '../../../services/common/media/minio/minioDeleteService.js';
 import { flattenAttributes } from '../../../../lib/utils.js';
 
-/*
-TODO
-
-const MAX_FILE_SIZE = 5000000;
-
-const ACCEPTED_IMAGE_TYPES = [
-  "image/jpeg",
-  "image/jpg",
-  "image/png",
-  "image/webp",
-]; */
 async function deleteMinioMediaAction(bucketName, fileName, prevState) {
     console.log("bucketName:", bucketName, " fileName:", fileName, "prevState:", prevState);
     if (!bucketName || !fileName) {

package/dist/esm/src/data/actions/media/minio/uploadMinioMediaAction.js

@@ -7,6 +7,14 @@
 import { minioUploadService } from '../../../services/common/media/minio/minioUploadService.js';
 import { flattenAttributes } from '../../../../lib/utils.js';
 
+/* const MAX_FILE_SIZE = 5000000;
+
+const ACCEPTED_IMAGE_TYPES = [
+  "image/jpeg",
+  "image/jpg",
+  "image/png",
+  "image/webp",
+]; */
 // VALIDATE IMAGE WITH ZOD
 /* const imageSchema = z.object({
   image: z
@@ -23,43 +31,84 @@ import { flattenAttributes } from '../../../../lib/utils.js';
     .refine((file) => file.size <= MAX_FILE_SIZE, `Max file size is 5MB.`),
 }); */
 async function uploadMinioMediaAction(prevState, formData) {
-    // CONVERT FORM DATA TO OBJEC
-    const rawFormData = Object.fromEntries(formData);
-    const bucketName = rawFormData.bucketName;
-    const fileName = rawFormData.fileName;
-    const files = rawFormData.files;
-    console.log("files:", files);
-    // Convert file to ArrayBuffer first, then to Buffer, then to base64 string
-    const arrayBuffer = await files.arrayBuffer();
-    const fileContent = Buffer.from(arrayBuffer).toString("base64");
-    console.log("fileContent length:", fileContent.length);
-    console.log(bucketName, fileName, fileContent);
-    // UPLOAD NEW IMAGE TO MINIO
-    const fileUploadResponse = await minioUploadService(bucketName, fileName, fileContent);
-    if (!fileUploadResponse) {
+    try {
+        // CONVERT FORM DATA TO OBJEC
+        const rawFormData = Object.fromEntries(formData);
+        const bucketName = rawFormData.bucketName;
+        const fileName = rawFormData.fileName;
+        const files = rawFormData.files;
+        const reference = rawFormData.reference;
+        const refID = rawFormData.refID;
+        const field = rawFormData.field;
+        console.log("files:", files);
+        console.log("files type:", typeof files);
+        console.log("files instanceof File:", files instanceof File);
+        console.log("fileName:", fileName);
+        console.log("bucketName:", bucketName);
+        console.log("reference:", reference);
+        console.log("refID:", refID);
+        console.log("field:", field);
+        // Check if files is a File object
+        if (!(files instanceof File)) {
+            return {
+                ...prevState,
+                strapiErrors: null,
+                zodErrors: null,
+                message: "No valid file provided",
+            };
+        }
+        // Convert file to ArrayBuffer first, then to Buffer, then to base64 string
+        const arrayBuffer = await files.arrayBuffer();
+        console.log("arrayBuffer:", arrayBuffer);
+        const fileContent = Buffer.from(arrayBuffer).toString("base64");
+        console.log("fileContent length:", fileContent.length);
+        // VALIDATE THE IMAGE
+        const validatedFields = {
+            success: true,
+        };
+        /* imageSchema.safeParse({
+        image: rawFormData.files,
+      }); */
+        if (!validatedFields.success) ;
+        console.log("Uploading file:", fileName, "Size:", Math.round(fileContent.length / 1024 / 1024), "MB");
+        // UPLOAD NEW IMAGE TO MINIO
+        const fileUploadResponse = reference && refID && field
+            ? await minioUploadService(bucketName, fileName, fileContent, reference, refID, field)
+            : await minioUploadService(bucketName, fileName, fileContent);
+        if (!fileUploadResponse) {
+            return {
+                ...prevState,
+                strapiErrors: null,
+                zodErrors: null,
+                message: "Ops! Something went wrong. Please try again.",
+            };
+        }
+        if (fileUploadResponse.error) {
+            return {
+                ...prevState,
+                strapiErrors: fileUploadResponse.error,
+                zodErrors: null,
+                message: "Failed to Upload File.",
+            };
+        }
+        const flattenedData = flattenAttributes(fileUploadResponse);
         return {
             ...prevState,
-            strapiErrors: null,
+            data: flattenedData,
             zodErrors: null,
-            message: "Ops! Something went wrong. Please try again.",
+            strapiErrors: null,
+            message: "Image Uploaded",
         };
     }
-    if (fileUploadResponse.error) {
+    catch (error) {
+        console.error("Upload action error:", error);
         return {
             ...prevState,
-            strapiErrors: fileUploadResponse.error,
+            strapiErrors: null,
             zodErrors: null,
-            message: "Failed to Upload File.",
+            message: "Failed to process file upload",
         };
     }
-    const flattenedData = flattenAttributes(fileUploadResponse);
-    return {
-        ...prevState,
-        data: flattenedData,
-        zodErrors: null,
-        strapiErrors: null,
-        message: "Image Uploaded",
-    };
 }
 
 export { uploadMinioMediaAction };

package/dist/esm/src/data/loaders/e-commerce/iros/getSingleIro.js

@@ -39,6 +39,7 @@ async function getSingleIro(documentId, filters = {}) {
                     author: true,
                 },
             },
+            customer_attachment: true,
         },
         filters: { ...filters },
     });

package/dist/esm/src/data/loaders/logistics/getSingleIpo.js

@@ -44,10 +44,13 @@ async function getSingleIpo(documentId) {
                     },
                 },
             },
+            minio_order_confirmation: true,
+            minio_delivery_note: true,
         },
     });
-    console.log(url.href);
-    return await fetchData(url.href);
+    const responseData = await fetchData(url.href);
+    console.log("Raw IPO data:", responseData);
+    return responseData;
 }
 
 export { getSingleIpo };

package/dist/esm/src/data/services/common/media/minio/minioUploadService.js

@@ -8,12 +8,12 @@
 import { getAuthToken } from '../../../get-token.js';
 import { getStrapiURL } from '../../../../../lib/utils.js';
 
-async function minioUploadService(bucketName, fileName, fileContent) {
+async function minioUploadService(bucketName, fileName, fileContent, reference, refID, field) {
     const authToken = await getAuthToken();
     if (!authToken)
         throw new Error("No auth token found");
     const baseUrl = getStrapiURL();
-    const url = new URL("/api/minio-plugin/minio/upload", baseUrl);
+    const url = new URL("/api/minio-plugin/uploadbyreference", baseUrl);
     try {
         const response = await fetch(url, {
             headers: { Authorization: `Bearer ${authToken}` },
@@ -23,6 +23,9 @@ async function minioUploadService(bucketName, fileName, fileContent) {
                     bucketName,
                     fileName,
                     fileContent,
+                    reference,
+                    refID,
+                    field,
                 },
             }),
         });