umwd-components 0.1.785 → 0.1.787

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

@@ -22,7 +22,7 @@ function MediaGrid({ mediaArray, selected = [], handleSelect, }) {
         setOpenDialog(false);
         openItem !== null && setOpenItem(null);
     };
-    return (jsx(Grid, { container: true, spacing: 2, sx: { transform: "translateX(-1rem)" }, children: mediaArray?.length > 0 &&
+    return (jsx(Grid, { container: true, spacing: 2, children: mediaArray?.length > 0 &&
             mediaArray.map((item, index) => {
                 return (jsxs(Fragment, { children: [jsx(EditMediaDialog, { open: openDialog && openItem === index, handleClose: handleClose, data: item }), jsx(Grid, { size: 3, children: jsx(MediaItem, { mediaItem: item, isSelected: selected.findIndex((select) => select.id === item.id) !== -1, onClick: handleSelect
                                     ? () => handleSelect(item)

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

@@ -33,7 +33,7 @@ function UploadMediaForm({ reference, refID, field, multiple = true, accept = "i
             revalidateCallback?.();
         }
     }, [formState.data]);
-    return (jsx("form", { action: formAction, children: jsxs(Stack, { spacing: 1, sx: { flex: 1 }, children: [reference && (jsx("input", { type: "text", name: "ref", value: reference, style: { display: "none" }, readOnly: true })), refID && (jsx("input", { type: "text", name: "refId", value: refID, style: { display: "none" }, readOnly: true })), field && (jsx("input", { type: "text", name: "field", value: field, style: { display: "none" }, readOnly: true })), filePreviews !== null ? (jsx(Box, { onClick: () => fileInput.current?.click(), sx: {
+    return (jsx("form", { action: formAction, children: jsxs(Stack, { spacing: 2, sx: { flex: 1 }, children: [reference && (jsx("input", { type: "text", name: "ref", value: reference, style: { display: "none" }, readOnly: true })), refID && (jsx("input", { type: "text", name: "refId", value: refID, style: { display: "none" }, readOnly: true })), field && (jsx("input", { type: "text", name: "field", value: field, style: { display: "none" }, readOnly: true })), filePreviews !== null ? (jsx(Box, { onClick: () => fileInput.current?.click(), sx: {
                         p: 2,
                         width: "100%",
                         border: "1px dashed white",

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

@@ -10,8 +10,13 @@ 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 })] })] }));
+/**
+ * MinioDisplay component to show file information about a single minio file and actions such as download and delete.
+ * @param param0 - Props containing file information and actions
+ * @returns MinioDisplay component
+ */
+const MinioDisplay = ({ fileSize, mimeType, fileName, bucketName, direction = "column", revalidateCallback, }) => {
+    return (jsxs(Stack, { direction: direction, spacing: 1, marginTop: 1, alignItems: direction === "column" ? "flex-start" : "center", 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", justifyContent: "center", width: "min-content", 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/MinioDownloadButton.js

@@ -6,9 +6,10 @@
  */
   
 import { jsx } from 'react/jsx-runtime';
-import { Button, Typography } from '@mui/material';
+import { IconButton } from '@mui/material';
 import { getMinioSignedUrl } from '../../../../data/loaders/common/media/minio/getMinioSignedUrl.js';
 import { downloadMinioItemClient } from '../../../../data/loaders/common/media/minio/downloadMinioItemClient.js';
+import DownloadIcon from '@mui/icons-material/Download';
 
 const MinioDownloadButton = ({ bucketName, fileName, }) => {
     const handleDownload = async () => {
@@ -17,7 +18,7 @@ const MinioDownloadButton = ({ bucketName, fileName, }) => {
             downloadMinioItemClient(signedUrl, fileName);
         }
     };
-    return (jsx(Button, { variant: "text", onClick: handleDownload, children: jsx(Typography, { variant: "body1", children: fileName }) }));
+    return (jsx(IconButton, { onClick: handleDownload, children: jsx(DownloadIcon, {}) }));
 };
 
 export { MinioDownloadButton };

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

@@ -0,0 +1,27 @@
+"use client";
+/*
+ * UMWD-Components
+ * @copyright Jelle Paulus
+ * @license MIT
+ */
+  
+import { jsx } from 'react/jsx-runtime';
+import { List, ListItem, ListItemText } from '@mui/material';
+import { MinioDisplay } from './MinioDisplay.js';
+
+/**
+ * MinioItemList component to display a list of Minio file references
+ * @param items - Array of MinioFileReference objects
+ * @param emptyMessage - Message to display when no items are present
+ * @param bucketName - Default bucket name for files (defaults to "umwd")
+ * @param direction - Direction for MinioDisplay component (defaults to "row")
+ * @param revalidateCallback - Callback function to refresh data after actions
+ */
+const MinioItemList = ({ items, emptyMessage = "No attachments found.", bucketName = "umwd", direction = "row", revalidateCallback, }) => {
+    if (!items || items.length === 0) {
+        return (jsx(List, { children: jsx(ListItem, { children: jsx(ListItemText, { primary: emptyMessage }) }) }));
+    }
+    return (jsx(List, { children: items.map((item, index) => (jsx(ListItem, { children: jsx(MinioDisplay, { fileName: item.fileName, fileSize: item.fileSize, bucketName: item.bucketName || bucketName, mimeType: item.mimeType || "application/octet-stream", direction: direction, revalidateCallback: revalidateCallback }) }, item.documentId || index))) }));
+};
+
+export { MinioItemList };

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

@@ -6,8 +6,7 @@
  */
   
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useState, useRef, useEffect } from 'react';
-import { useFormState } from 'react-dom';
+import { useState, useActionState, useRef, useEffect } from 'react';
 import { uploadMinioMediaAction } from '../../../../data/actions/media/minio/uploadMinioMediaAction.js';
 import { useSnackbar } from '../../../../context/common/SnackbarContext.js';
 import { StrapiErrors } from '../../../StrapiErrors.js';
@@ -48,7 +47,7 @@ function UploadMinioMediaForm({ bucketName = process.env.MINIO_BUCKET_NAME || "u
 ], reference, refID, field, revalidateCallback, sx, handleClose, }) {
     const [filePreviews, setFilePreviews] = useState(null);
     const [fileList, setFileList] = useState(null);
-    const [formState, formAction] = useFormState(uploadMinioMediaAction, INITIAL_STATE);
+    const [formState, formAction] = useActionState(uploadMinioMediaAction, INITIAL_STATE);
     const fileInput = useRef(null);
     const { handleAddMessage } = useSnackbar();
     useEffect(() => {
@@ -98,7 +97,7 @@ function UploadMinioMediaForm({ bucketName = process.env.MINIO_BUCKET_NAME || "u
         }
         return false;
     };
-    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: { xs: 12 }, children: jsxs(Stack, { spacing: 2, children: [jsx(Typography, { variant: "h3", component: "h1", children: "Upload Files" }), jsxs(Typography, { variant: "body2", children: ["Select ", multiple ? "one or more files" : "a file", " to upload"] })] }) }), jsxs(Grid, { size: { xs: 12 }, 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 })), filePreviews !== null ? (jsx(Box, { onClick: () => fileInput.current?.click(), sx: {
+    return (jsx(Box, { sx: [...(Array.isArray(sx) ? sx : [sx])], children: jsx("form", { action: formAction, children: jsxs(Grid, { container: true, spacing: 2, children: [jsxs(Grid, { size: { xs: 12 }, 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 })), filePreviews !== null ? (jsx(Box, { onClick: () => fileInput.current?.click(), sx: {
                                     p: 2,
                                     width: "100%",
                                     border: "1px dashed white",

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

@@ -26,7 +26,6 @@ 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 'react-dom';
 import 'next/headers';
 
 const INITIAL_STATE = {

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

@@ -37,6 +37,7 @@ import { IroStatusIndicator } from './IroStatusIndicator.js';
 import { queryAllProducts } from '../../../data/loaders/e-commerce/queryAllProducts.js';
 import qs from '../../../../node_modules/qs/lib/index.js';
 import { useSnackbar } from '../../../context/common/SnackbarContext.js';
+import { MinioItemList } from '../../common/media/minio/MinioItemList.js';
 
 const INITIAL_STATE = {
     zodErrors: null,
@@ -344,7 +345,7 @@ revalidateCallback, handleClose, role, }) {
                                             { id: data.documentId, __type: "api::e-commerce.iro" },
                                         ], 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: "Return Number" }), jsx(Typography, { variant: "body1", fontWeight: "medium", children: data.return_number })] }), jsxs(Stack, { direction: "row", spacing: 2, alignItems: "center", children: [jsx(AssignmentReturnIcon, { color: "primary" }), jsx(Typography, { variant: "subtitle1", color: "text.secondary", width: "200px", children: "RMA Number" }), jsx(Typography, { variant: "body1", fontWeight: "medium", children: data.rma_number })] }), jsxs(Stack, { direction: "row", spacing: 2, alignItems: "center", children: [jsx(DescriptionIcon, { color: "primary" }), jsx(Typography, { variant: "subtitle1", color: "text.secondary", width: "200px", children: "Customer 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: "Return Date" }), jsx(Typography, { variant: "body1", fontWeight: "medium", children: data.return_date })] }), jsxs(Stack, { direction: "row", spacing: 2, alignItems: "center", children: [jsx(BusinessIcon, { color: "primary" }), jsx(Typography, { variant: "subtitle1", color: "text.secondary", width: "200px", children: "Customer" }), jsx(Typography, { variant: "body1", fontWeight: "medium", children: data.customer?.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: "Return Status" }), jsx(IroStatusIndicator, { status: data.internal_status })] })] }) }) }), (data.internal_status === "requested" ||
                     data.internal_status === "finalising_process") &&
-                    role === "enduser" && (jsx(Grid, { size: 6, children: jsx(Paper, { elevation: 2, sx: { p: 2, height: "100%" }, children: jsxs(Stack, { spacing: 2, children: [jsx(Button, { variant: "contained", color: "primary", onClick: () => setConfirmDialogOpen(true), children: "Confirm order" }), data.internal_status === "requested" && (jsx(Alert, { severity: "warning", children: "Please confirm the order as soon as possible, only upon confirmation this order will be assigned an RMA number and will become available to the dispatcher. Status: requested - returning" })), data.internal_status === "finalising_process" && (jsx(Alert, { severity: "warning", children: "Please finalise this return order. Make sure the customer receives a return payment if eligible and then confirm this step. Status: finalising_process - done" })), data.internal_status === "finalising_process" && (jsx(Button, { variant: "contained", sx: { color: "yellow" }, children: "// TODO RE-PAYMENT PROCESS" })), jsx(Button, { variant: "contained", color: "error", onClick: () => setCancelDialogOpen(true), children: "Cancel order" }), jsx(ConfirmFormDialog, { open: confirmDialogOpen, handleClose: () => setConfirmDialogOpen(false), orderID: data.documentId, currentStatus: data.internal_status, revalidateCallback: revalidateCallback, openOverwritesDialog: () => setOverwritesDialogOpen(true) }), jsx(OverwritesDialog, { open: overwritesDialogOpen, handleClose: () => setOverwritesDialogOpen(false), overwrites: overwrites, setOverwrites: setOverwrites, iro: data }), jsx(CancelIroDialog, { 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: jsx(Stack, { spacing: 1 }) })] }) }), 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: {
+                    role === "enduser" && (jsx(Grid, { size: 6, children: jsx(Paper, { elevation: 2, sx: { p: 2, height: "100%" }, children: jsxs(Stack, { spacing: 2, children: [jsx(Button, { variant: "contained", color: "primary", onClick: () => setConfirmDialogOpen(true), children: "Confirm order" }), data.internal_status === "requested" && (jsx(Alert, { severity: "warning", children: "Please confirm the order as soon as possible, only upon confirmation this order will be assigned an RMA number and will become available to the dispatcher. Status: requested - returning" })), data.internal_status === "finalising_process" && (jsx(Alert, { severity: "warning", children: "Please finalise this return order. Make sure the customer receives a return payment if eligible and then confirm this step. Status: finalising_process - done" })), data.internal_status === "finalising_process" && (jsx(Button, { variant: "contained", sx: { color: "yellow" }, children: "// TODO RE-PAYMENT PROCESS" })), jsx(Button, { variant: "contained", color: "error", onClick: () => setCancelDialogOpen(true), children: "Cancel order" }), jsx(ConfirmFormDialog, { open: confirmDialogOpen, handleClose: () => setConfirmDialogOpen(false), orderID: data.documentId, currentStatus: data.internal_status, revalidateCallback: revalidateCallback, openOverwritesDialog: () => setOverwritesDialogOpen(true) }), jsx(OverwritesDialog, { open: overwritesDialogOpen, handleClose: () => setOverwritesDialogOpen(false), overwrites: overwrites, setOverwrites: setOverwrites, iro: data }), jsx(CancelIroDialog, { 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: jsx(Stack, { spacing: 1 }) })] }) }), jsx(Grid, { size: 12, children: jsxs(Stack, { spacing: 2, children: [jsx(Typography, { variant: "h5", children: "Customer Attachements" }), jsx(Paper, { sx: { p: 1 }, children: jsx(MinioItemList, { items: data.customer_attachment, emptyMessage: "No customer attachments found.", direction: "row", 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/components/logistics/ipo/TextualManageIPOForm.js

@@ -210,7 +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" }), 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: {
+                                    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: jsx(Typography, { variant: "h5", children: "Documents" }) }), role === "enduser" && (jsx(Grid, { size: 6, children: data.minio_order_confirmation ? (jsx(Paper, { sx: { p: 2 }, 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(Paper, { sx: { p: 2 }, 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 })] }) })) })), jsx(Grid, { size: 6, children: data.minio_delivery_note ? (jsx(Paper, { sx: { p: 2 }, 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(Paper, { sx: { p: 2 }, 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/loaders/common/media/minio/getAllMinioMedia.js

@@ -0,0 +1,37 @@
+"use server";
+/*
+ * UMWD-Components
+ * @copyright Jelle Paulus
+ * @license MIT
+ */
+  
+import { getStrapiURL, flattenAttributes } from '../../../../../lib/utils.js';
+import { getAuthToken } from '../../../../services/get-token.js';
+
+const baseUrl = getStrapiURL();
+async function getAllMinioMedia(bucketName) {
+    console.log("minio bucket:", bucketName);
+    const authToken = await getAuthToken();
+    const headers = {
+        method: "POST",
+        headers: {
+            "Content-Type": "application/json",
+            Authorization: `Bearer ${authToken}`,
+        },
+        body: JSON.stringify({
+            bucketName: bucketName ? bucketName : "umwd", // Default bucket if none provided
+        }),
+    };
+    const url = new URL("/api/minio-plugin/minio/list", baseUrl);
+    try {
+        const response = await fetch(url, authToken ? headers : {});
+        const data = await response.json();
+        return flattenAttributes(data);
+    }
+    catch (error) {
+        console.error("Error fetching fileList:", error);
+        throw error;
+    }
+}
+
+export { getAllMinioMedia };

package/dist/esm/src/data/loaders/common/media/minio/getAllMinioReferences.js

@@ -0,0 +1,37 @@
+"use server";
+/*
+ * UMWD-Components
+ * @copyright Jelle Paulus
+ * @license MIT
+ */
+  
+import { getStrapiURL, flattenAttributes } from '../../../../../lib/utils.js';
+import { getAuthToken } from '../../../../services/get-token.js';
+
+const baseUrl = getStrapiURL();
+async function getAllMinioReferences(bucketName) {
+    console.log("minio bucket:", bucketName);
+    const authToken = await getAuthToken();
+    const headers = {
+        method: "POST",
+        headers: {
+            "Content-Type": "application/json",
+            Authorization: `Bearer ${authToken}`,
+        },
+        body: JSON.stringify({
+            bucketName: bucketName ? bucketName : "umwd", // Default bucket if none provided
+        }),
+    };
+    const url = new URL("/api/minio-plugin/minio/miniofilereference", baseUrl);
+    try {
+        const response = await fetch(url, authToken ? headers : {});
+        const data = await response.json();
+        return flattenAttributes(data);
+    }
+    catch (error) {
+        console.error("Error fetching fileList:", error);
+        throw error;
+    }
+}
+
+export { getAllMinioReferences };

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

@@ -15,23 +15,29 @@ async function minioUploadService(bucketName, files, reference, refID, field) {
     const baseUrl = getStrapiURL();
     const url = new URL("/api/minio-plugin/uploadbyreference", baseUrl);
     try {
+        const requestBody = {
+            bucketName,
+            files,
+            reference,
+            refID,
+            field,
+        };
+        console.log("Sending request body:", JSON.stringify(requestBody, null, 2));
         const response = await fetch(url, {
             headers: {
                 Authorization: `Bearer ${authToken}`,
                 "Content-Type": "application/json",
             },
             method: "POST",
-            body: JSON.stringify({
-                data: {
-                    bucketName,
-                    files,
-                    reference,
-                    refID,
-                    field,
-                },
-            }),
+            body: JSON.stringify(requestBody),
         });
+        if (!response.ok) {
+            const errorText = await response.text();
+            console.error("Upload service error:", response.status, errorText);
+            throw new Error(`Upload failed with status ${response.status}: ${errorText}`);
+        }
         const dataResponse = await response.json();
+        console.log("Upload service response:", dataResponse);
         return dataResponse;
     }
     catch (error) {

package/dist/esm/src/index.js

@@ -217,3 +217,7 @@ export { default as TextualIROItemUpdater } from './components/e-commerce/iro/Te
 export { default as TextualManageIroForm } from './components/e-commerce/iro/TextualManageIROForm.js';
 export { UploadMinioMediaForm } from './components/common/media/minio/UploadMinioMediaForm.js';
 export { uploadMinioMediaAction } from './data/actions/media/minio/uploadMinioMediaAction.js';
+export { getAllMinioMedia } from './data/loaders/common/media/minio/getAllMinioMedia.js';
+export { getAllMinioReferences } from './data/loaders/common/media/minio/getAllMinioReferences.js';
+export { MinioItemList } from './components/common/media/minio/MinioItemList.js';
+export { MinioDisplay } from './components/common/media/minio/MinioDisplay.js';