umwd-components 0.1.779 → 0.1.781

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

@@ -0,0 +1,41 @@
+"use client";
+/*
+ * UMWD-Components
+ * @copyright Jelle Paulus
+ * @license MIT
+ */
+  
+import { jsx } from 'react/jsx-runtime';
+import { IconButton } from '@mui/material';
+import { useActionState, useEffect } from 'react';
+import DeleteIcon from '@mui/icons-material/Delete';
+import { deleteMinioMediaAction } from '../../../../data/actions/media/minio/deleteMinioMediaAction.js';
+import { useSnackbar } from '../../../../context/common/SnackbarContext.js';
+
+const INITIAL_STATE = {
+    zodErrors: null,
+    strapiErrors: null,
+    data: null,
+    message: null,
+};
+const MinioDeleteFormButton = ({ bucketName, fileName, revalidateCallback, }) => {
+    const boundAction = deleteMinioMediaAction.bind(null, bucketName, fileName);
+    const [formState, formAction] = useActionState(boundAction, INITIAL_STATE);
+    const { handleAddMessage } = useSnackbar();
+    useEffect(() => {
+        if (formState.message) {
+            handleAddMessage({
+                message: formState.message,
+                severity: formState.severity || "info",
+            });
+        }
+    }, [formState.message]);
+    useEffect(() => {
+        if (formState.message && formState.message.type === "success") {
+            revalidateCallback?.();
+        }
+    }, [formState.message]);
+    return (jsx("form", { action: formAction, children: jsx(IconButton, { type: "submit", color: "error", size: "small", children: jsx(DeleteIcon, {}) }) }));
+};
+
+export { MinioDeleteFormButton };

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

@@ -0,0 +1,23 @@
+"use client";
+/*
+ * UMWD-Components
+ * @copyright Jelle Paulus
+ * @license MIT
+ */
+  
+import { jsx } from 'react/jsx-runtime';
+import { Button, Typography } from '@mui/material';
+import { getMinioSignedUrl } from '../../../../data/loaders/common/media/minio/getMinioSignedUrl.js';
+import { downloadMinioItemClient } from '../../../../data/loaders/common/media/minio/downloadMinioItemClient.js';
+
+const MinioDownloadButton = ({ bucketName, fileName, }) => {
+    const handleDownload = async () => {
+        const { signedUrl } = await getMinioSignedUrl(bucketName, fileName);
+        if (signedUrl) {
+            downloadMinioItemClient(signedUrl, fileName);
+        }
+    };
+    return (jsx(Button, { variant: "text", onClick: handleDownload, children: jsx(Typography, { variant: "body1", children: fileName }) }));
+};
+
+export { MinioDownloadButton };

package/dist/esm/src/components/common/media/minio/UploadMinioMediaForm.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 { uploadMinioMediaAction } from '../../../../data/actions/media/minio/uploadMinioMediaAction.js';
 import { StrapiErrors } from '../../../StrapiErrors.js';
@@ -31,17 +31,30 @@ function UploadMinioMediaForm({
  *  refID,
  *  field,
  */
-bucketName = "umwd", fileName = Date.now().toString(), multiple = false, accept = "image/*", revalidateCallback, }) {
+bucketName = "umwd", fileName = Date.now().toString(), multiple = false, accept = "image/*", // should be dependent on config files
+reference, refID, field, revalidateCallback, }) {
     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(() => {
-        if (formState.data) {
+        if (formState.message && formState.message.type === "success") {
             revalidateCallback?.();
         }
-    }, [formState.data]);
-    return (jsx("form", { action: formAction, children: jsxs(Stack, { spacing: 1, sx: { flex: 1 }, children: [bucketName && (jsx("input", { type: "text", name: "bucketName", value: bucketName, style: { display: "none" }, readOnly: true })), fileName && (jsx("input", { type: "text", name: "fileName", value: fileName, style: { display: "none" }, readOnly: true })), filePreviews !== null ? (jsx(Box, { onClick: () => fileInput.current?.click(), sx: {
+    }, [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: {
                         p: 2,
                         width: "100%",
                         border: "1px dashed white",
@@ -71,6 +84,10 @@ bucketName = "umwd", fileName = Date.now().toString(), multiple = false, accept
                                             if (selectedFiles === null) {
                                                 return;
                                             }
+                                            // Use the first file's name for single file uploads
+                                            if (selectedFiles.length > 0) {
+                                                setSelectedFileName(selectedFiles[0].name);
+                                            }
                                             const filePreviews = Object.keys(selectedFiles).map((item, index) => {
                                                 return {
                                                     url: URL.createObjectURL(selectedFiles[index]),

package/dist/esm/src/components/e-commerce/opo/TextualManageOpoForm.js

@@ -36,6 +36,7 @@ import UpdateIcon from '@mui/icons-material/Update';
 import { OpoStatusIndicator } from './OpoStatusIndicator.js';
 import { useSnackbar } from '../../../context/common/SnackbarContext.js';
 import { SubmitButton } from '../../SubmitButton.js';
+import { UploadMinioMediaForm } from '../../common/media/minio/UploadMinioMediaForm.js';
 
 const INITIAL_STATE = {
     zodErrors: null,
@@ -172,7 +173,7 @@ function TextualManageOPOForm({ opo, sx, revalidateCallback, handleClose, role,
                                     opo.internal_status === "external_shipping_process") && (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: opo.documentId, currentStatus: opo.internal_status, revalidateCallback: revalidateCallback })] })), (opo.internal_status === "placed" ||
                                     opo.internal_status === "ordered") && (jsxs(Fragment, { children: [jsx(Button, { variant: "contained", color: "error", onClick: () => setCancelDialogOpen(true), children: "Cancel order" }), jsx(CancelOpoDialog, { open: cancelDialogOpen, handleClose: () => setCancelDialogOpen(false), orderID: opo.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, children: opo.delivery_note ? (jsxs(Fragment, { children: [jsx(Typography, { variant: "h6", children: "Delivery Note" }), jsx(Typography, { children: opo.delivery_note?.name }), jsx(Button, { variant: "contained", onClick: () => {
                                                     downloadBase64File(`api/opos/${opo.documentId}`, "delivery_note");
-                                                }, children: "Download" })] })) : (jsxs(Fragment, { children: [jsx(Typography, { variant: "h5", children: "Delivery Note" }), jsx(Typography, { variant: "body1", children: "Here you can upload the the delivery note for this order" }), jsx(Divider, {}), jsx(UploadBase64MediaForm, { reference: "api::e-commerce.opo", refID: opo.documentId, field: "delivery_note", multiple: false, accept: "text/*,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document", path: "api/ipos", componentName: "delivery_note", componentReference: "common.base64-encoded-media", revalidateCallback: revalidateCallback })] })) }) })] }) }), opo?.notes?.length > 0 && (jsx(Grid, { size: 12, children: jsxs(Stack, { spacing: 2, children: [jsx(Typography, { variant: "h5", children: "Notes" }), jsx(NotesDisplay, { notes: opo.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, children: [jsx(Typography, { variant: "body1", children: "Show:" }), options.map((option) => (jsx(FormControlLabel, { control: jsx(Checkbox, { checked: showing.includes(option), onChange: (e) => {
+                                                }, children: "Download" })] })) : (jsxs(Fragment, { children: [jsx(Typography, { variant: "h5", children: "Delivery Note" }), jsx(Typography, { variant: "body1", children: "Here you can upload the the delivery note for this order" }), jsx(Divider, {}), jsx(UploadBase64MediaForm, { reference: "api::e-commerce.opo", refID: opo.documentId, field: "delivery_note", multiple: false, accept: "text/*,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document", path: "api/ipos", componentName: "delivery_note", componentReference: "common.base64-encoded-media", revalidateCallback: revalidateCallback })] })) }) })] }) }), jsx(Grid, { size: 12, children: jsxs(Stack, { spacing: 2, children: [jsx(Typography, { variant: "h5", children: "Minio Documents" }), jsx(Paper, { sx: { p: 2 }, children: jsx(UploadMinioMediaForm, { reference: "api::e-commerce.opo", refID: opo.documentId, field: "minio", multiple: false, revalidateCallback: revalidateCallback }) })] }) }), opo?.notes?.length > 0 && (jsx(Grid, { size: 12, children: jsxs(Stack, { spacing: 2, children: [jsx(Typography, { variant: "h5", children: "Notes" }), jsx(NotesDisplay, { notes: opo.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, children: [jsx(Typography, { variant: "body1", children: "Show:" }), options.map((option) => (jsx(FormControlLabel, { control: jsx(Checkbox, { checked: showing.includes(option), onChange: (e) => {
                                                 if (e.target.checked) {
                                                     setShowing([...showing, option]);
                                                 }

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

@@ -10,8 +10,9 @@ import { useSnackbar } from '../../../context/common/SnackbarContext.js';
 import { updateIpoAction } from '../../../data/actions/logistics/ipo/updateIpoAction.js';
 import { confirmationService } from '../../../data/services/common/confirmation-service.js';
 import { cancellationService } from '../../../data/services/common/cancellation-service.js';
-import downloadBase64File from '../../../data/loaders/common/media/downloadBase64File.js';
-import { UploadBase64MediaForm } from '../../common/media/UploadBase64MediaForm.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';
@@ -210,11 +211,9 @@ 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: 1, children: [role === "enduser" && (jsx(Fragment, { children: data.order_confirmation ? (jsxs(Fragment, { children: [jsx(Typography, { variant: "h6", children: "Order Confirmation" }), jsx(Typography, { children: data.order_confirmation?.name }), jsx(Button, { variant: "contained", onClick: () => {
-                                                            downloadBase64File(`api/ipos/${data.documentId}`, "order_confirmation");
-                                                        }, children: "Download" })] })) : (jsxs(Fragment, { children: [jsx(Typography, { variant: "h5", children: "Order Confirmation" }), jsx(Typography, { variant: "body1", children: "Here you can upload the the order confirmation for this order" }), jsx(Typography, { variant: "body1", children: "FileUpload" }), jsx(Divider, {}), jsx(UploadBase64MediaForm /* This form manages it's own state internally */, { reference: "api::logistics.ipo", refID: data.documentId, field: "order_confirmation", multiple: false, accept: "text/*,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document", path: "api/ipos", componentName: "order_confirmation", componentReference: "common.base64-encoded-media", revalidateCallback: revalidateCallback })] })) })), data.delivery_note ? (jsxs(Fragment, { children: [jsx(Typography, { variant: "h6", children: "Delivery Note" }), jsx(Typography, { children: data.delivery_note?.name }), jsx(Button, { variant: "contained", onClick: () => {
-                                                        downloadBase64File(`api/ipos/${data.documentId}`, "delivery_note");
-                                                    }, children: "Download" })] })) : (jsxs(Fragment, { children: [jsx(Typography, { variant: "h5", children: "Delivery Note" }), jsx(Typography, { variant: "body1", children: "Here you can upload the the delivery note for this order" }), jsx(Divider, {}), jsx(UploadBase64MediaForm, { reference: "api::logistics.ipo", refID: data.documentId, field: "delivery_note", multiple: false, accept: "text/*,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document", path: "api/ipos", componentName: "delivery_note", componentReference: "common.base64-encoded-media", 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" }), 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: {
                                     bgcolor: "background.default",
                                     border: "1px solid",
                                     borderColor: "divider",

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

@@ -0,0 +1,59 @@
+/*
+ * UMWD-Components
+ * @copyright Jelle Paulus
+ * @license MIT
+ */
+  
+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) {
+        return {
+            ...prevState,
+            strapiErrors: null,
+            data: null,
+            message: "Invalid Image",
+        };
+    }
+    // DELETE IMAGE FROM MINIO
+    const fileDeleteResponse = await minioDeleteService(bucketName, fileName);
+    if (!fileDeleteResponse) {
+        return {
+            ...prevState,
+            strapiErrors: null,
+            zodErrors: null,
+            message: "Ops! Something went wrong. Please try again.",
+        };
+    }
+    if (fileDeleteResponse.error) {
+        return {
+            ...prevState,
+            strapiErrors: fileDeleteResponse.error,
+            zodErrors: null,
+            message: "Failed to Delete File.",
+        };
+    }
+    const flattenedData = flattenAttributes(fileDeleteResponse);
+    return {
+        ...prevState,
+        data: flattenedData,
+        zodErrors: null,
+        strapiErrors: null,
+        message: "Image Deleted Successfully",
+    };
+}
+
+export { deleteMinioMediaAction };

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

@@ -4,7 +4,7 @@
  * @license MIT
  */
   
-import { minioUploadService } from '../../../services/common/media/minio/minio-service.js';
+import { minioUploadService } from '../../../services/common/media/minio/minioUploadService.js';
 import { flattenAttributes } from '../../../../lib/utils.js';
 
 // VALIDATE IMAGE WITH ZOD
@@ -23,15 +23,17 @@ 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 OBJECT
+    // CONVERT FORM DATA TO OBJEC
     const rawFormData = Object.fromEntries(formData);
-    console.log(rawFormData.bucketName);
-    console.log(rawFormData.fileName);
-    console.log(rawFormData.files);
     const bucketName = rawFormData.bucketName;
     const fileName = rawFormData.fileName;
     const files = rawFormData.files;
-    const fileContent = files instanceof File ? files : Buffer.from(files, "base64");
+    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) {

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

@@ -0,0 +1,39 @@
+"use client";
+/*
+ * UMWD-Components
+ * @copyright Jelle Paulus
+ * @license MIT
+ */
+  
+/**
+ * Client-side utility to handle file downloads from a signed URL
+ * This function should be called from client components after getting the signed URL from downloadMinioItem
+ */
+async function downloadMinioItemClient(signedUrl, fileName) {
+    try {
+        // Fetch the file from the signed URL
+        const fileResponse = await fetch(signedUrl);
+        if (!fileResponse.ok) {
+            throw new Error(`Failed to download file: ${fileResponse.statusText}`);
+        }
+        // Create blob and trigger download
+        const fileBlob = await fileResponse.blob();
+        const fileUrl = URL.createObjectURL(fileBlob);
+        // Create temporary anchor element to trigger download
+        const link = document.createElement("a");
+        link.href = fileUrl;
+        link.setAttribute("download", fileName);
+        document.body.appendChild(link);
+        link.click();
+        // Clean up
+        document.body.removeChild(link);
+        URL.revokeObjectURL(fileUrl);
+        return { success: true, fileName };
+    }
+    catch (error) {
+        console.error("Error downloading file:", error);
+        throw error;
+    }
+}
+
+export { downloadMinioItemClient };

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

@@ -0,0 +1,52 @@
+"use server";
+/*
+ * UMWD-Components
+ * @copyright Jelle Paulus
+ * @license MIT
+ */
+  
+import { getStrapiURL } from '../../../../../lib/utils.js';
+import { getAuthToken } from '../../../../services/get-token.js';
+
+const baseUrl = getStrapiURL();
+async function getMinioSignedUrl(bucketName, fileName) {
+    console.log("minio bucket:", bucketName);
+    console.log("minio fileName:", fileName);
+    if (!bucketName || !fileName) {
+        throw new Error("Bucket name and file name are required");
+    }
+    const authToken = await getAuthToken();
+    const headers = {
+        method: "POST",
+        headers: {
+            "Content-Type": "application/json",
+            Authorization: `Bearer ${authToken}`,
+        },
+        body: JSON.stringify({
+            bucketName: bucketName,
+            fileName: fileName,
+        }),
+    };
+    const url = new URL("/api/minio-plugin/minio/signed-url", baseUrl);
+    try {
+        // Step 1: Get the signed URL
+        const signedUrlResponse = await fetch(url, authToken ? headers : {});
+        if (!signedUrlResponse.ok) {
+            throw new Error(`Failed to fetch signed URL: ${signedUrlResponse.statusText}`);
+        }
+        const signedUrlData = await signedUrlResponse.json();
+        // Return the signed URL for client-side download handling
+        return {
+            success: true,
+            signedUrl: signedUrlData.url,
+            fileName,
+            bucketName,
+        };
+    }
+    catch (error) {
+        console.error("Error downloading file:", error);
+        throw error;
+    }
+}
+
+export { getMinioSignedUrl };

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

@@ -22,16 +22,21 @@ async function minioUploadService(bucketName, fileName, fileContent) {
         throw new Error("No auth token found");
     const baseUrl = getStrapiURL();
     const url = new URL("/api/minio-plugin/minio/upload", baseUrl);
-    // const formData = new FormData();
-    // formData.append("files", image, image.name);
+    console.log("Sending to strapi minio-plugin:", {
+        bucketName,
+        fileName,
+        fileContent,
+    });
     try {
         const response = await fetch(url, {
             headers: { Authorization: `Bearer ${authToken}` },
             method: "POST",
             body: JSON.stringify({
-                bucketName,
-                fileName,
-                fileContent,
+                data: {
+                    bucketName,
+                    fileName,
+                    fileContent,
+                },
             }),
         });
         const dataResponse = await response.json();

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

@@ -0,0 +1,34 @@
+"use server";
+/*
+ * UMWD-Components
+ * @copyright Jelle Paulus
+ * @license MIT
+ */
+  
+import { getAuthToken } from '../../../get-token.js';
+import { getStrapiURL } from '../../../../../lib/utils.js';
+
+async function minioDeleteService(bucketName, fileName) {
+    console.log(bucketName, fileName);
+    const authToken = await getAuthToken();
+    if (!authToken)
+        throw new Error("No auth token found");
+    const baseUrl = getStrapiURL();
+    const url = new URL(`/api/minio-plugin/minio/delete/${bucketName}/${fileName}`, baseUrl);
+    console.log(url.toString());
+    try {
+        const response = await fetch(url, {
+            headers: { Authorization: `Bearer ${authToken}` },
+            method: "DELETE",
+        });
+        //console.log(response);
+        const dataResponse = await response.json();
+        return dataResponse;
+    }
+    catch (error) {
+        console.error("Error deleting file:", error);
+        throw new Error("Failed to delete file");
+    }
+}
+
+export { minioDeleteService };

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

@@ -0,0 +1,38 @@
+"use server";
+/*
+ * UMWD-Components
+ * @copyright Jelle Paulus
+ * @license MIT
+ */
+  
+import { getAuthToken } from '../../../get-token.js';
+import { getStrapiURL } from '../../../../../lib/utils.js';
+
+async function minioUploadService(bucketName, fileName, fileContent) {
+    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);
+    try {
+        const response = await fetch(url, {
+            headers: { Authorization: `Bearer ${authToken}` },
+            method: "POST",
+            body: JSON.stringify({
+                data: {
+                    bucketName,
+                    fileName,
+                    fileContent,
+                },
+            }),
+        });
+        const dataResponse = await response.json();
+        return dataResponse;
+    }
+    catch (error) {
+        console.error("Error uploading image:", error);
+        throw error;
+    }
+}
+
+export { minioUploadService };