umwd-components 0.1.783 → 0.1.784

package/dist/esm/src/components/common/AmountUpdater.js

@@ -15,7 +15,7 @@ import RemoveCircleIcon from '@mui/icons-material/RemoveCircle';
 import AddCircleIcon from '@mui/icons-material/AddCircle';
 import { useTheme, styled } from '@mui/material/styles';
 
-function AmountUpdater({ currentValue, totalValue, minNewValue, maxNewValue, color, handleChange, offsetEnd, // offsetEnd is the offset of the end of the slider
+function AmountUpdater({ currentValue, totalValue, minnewvalue, maxnewvalue, color, handleChange, offsetEnd, // offsetEnd is the offset of the end of the slider
  }) {
     const percentage = (100 / totalValue) * currentValue;
     const [newValue, setNewValue] = useState(currentValue);
@@ -24,25 +24,25 @@ function AmountUpdater({ currentValue, totalValue, minNewValue, maxNewValue, col
     const offSetPercentage = offsetEnd ? (100 / totalValue) * offsetEnd * -1 : 0;
     const theme = useTheme();
     const addOne = () => {
-        if (newValue + 1 <= maxNewValue) {
+        if (newValue + 1 <= maxnewvalue) {
             setNewValue(newValue + 1);
             handleChange(newValue + 1);
         }
     };
     const substractOne = () => {
-        if (newValue - 1 >= minNewValue) {
+        if (newValue - 1 >= minnewvalue) {
             setNewValue(newValue - 1);
             handleChange(newValue - 1);
         }
     };
     const addStep = (step) => {
-        if (newValue + step <= maxNewValue) {
+        if (newValue + step <= maxnewvalue) {
             setNewValue(newValue + step);
             handleChange(newValue + step);
         }
     };
     const substractStep = (step) => {
-        if (newValue - step >= minNewValue) {
+        if (newValue - step >= minnewvalue) {
             setNewValue(newValue - step);
             handleChange(newValue - step);
         }
@@ -105,19 +105,19 @@ function AmountUpdater({ currentValue, totalValue, minNewValue, maxNewValue, col
                 offsetEnd < 0 && {
                 background: `linear-gradient(-90deg, ${theme.palette.error.main} ${offSetPercentage}%, ${theme.palette[color].main}66 ${offSetPercentage}%)`,
             },
-        ], children: [jsxs(Box, { children: [newValue - 100 >= minNewValue && (jsx(StyledIconButton, { size: "small", onClick: (e) => substractStep(100), children: jsx(StyledBadge, { badgeContent: 100, max: 100, anchorOrigin: {
+        ], children: [jsxs(Box, { children: [newValue - 100 >= minnewvalue && (jsx(StyledIconButton, { size: "small", onClick: (e) => substractStep(100), children: jsx(StyledBadge, { badgeContent: 100, max: 100, anchorOrigin: {
                                 vertical: "bottom",
                                 horizontal: "left",
-                            }, children: jsx(RemoveCircleIcon, {}) }) })), newValue - 25 >= minNewValue && (jsx(StyledIconButton, { size: "small", onClick: (e) => substractStep(25), children: jsx(StyledBadge, { badgeContent: 25, anchorOrigin: {
+                            }, children: jsx(RemoveCircleIcon, {}) }) })), newValue - 25 >= minnewvalue && (jsx(StyledIconButton, { size: "small", onClick: (e) => substractStep(25), children: jsx(StyledBadge, { badgeContent: 25, anchorOrigin: {
                                 vertical: "bottom",
                                 horizontal: "left",
-                            }, children: jsx(RemoveCircleIcon, {}) }) })), newValue - 10 >= minNewValue && (jsx(StyledIconButton, { size: "small", onClick: (e) => substractStep(10), children: jsx(StyledBadge, { badgeContent: 10, anchorOrigin: {
+                            }, children: jsx(RemoveCircleIcon, {}) }) })), newValue - 10 >= minnewvalue && (jsx(StyledIconButton, { size: "small", onClick: (e) => substractStep(10), children: jsx(StyledBadge, { badgeContent: 10, anchorOrigin: {
                                 vertical: "bottom",
                                 horizontal: "left",
-                            }, children: jsx(RemoveCircleIcon, {}) }) })), newValue - 5 >= minNewValue && (jsx(StyledIconButton, { size: "small", onClick: (e) => substractStep(5), children: jsx(StyledBadge, { badgeContent: 5, anchorOrigin: {
+                            }, children: jsx(RemoveCircleIcon, {}) }) })), newValue - 5 >= minnewvalue && (jsx(StyledIconButton, { size: "small", onClick: (e) => substractStep(5), children: jsx(StyledBadge, { badgeContent: 5, anchorOrigin: {
                                 vertical: "bottom",
                                 horizontal: "left",
-                            }, children: jsx(RemoveCircleIcon, {}) }) })), jsx(StyledIconButton, { size: "small", onClick: () => substractOne(), disabled: newValue - 1 < minNewValue, children: jsx(RemoveCircleIcon, {}) })] }), jsxs(Stack, { direction: "row", spacing: 1, children: [currentValue !== totalValue ? (jsx(Typography, { variant: "body2", children: `${currentValue} / ${totalValue}` })) : (jsx(Typography, { variant: "body2", children: `${currentValue}` })), newValue !== currentValue && (jsx(Typography, { variant: "body2", children: `+ (${newValue - currentValue}) = ${newValue}` }))] }), jsxs(Box, { children: [jsx(StyledIconButton, { size: "small", onClick: () => addOne(), disabled: newValue + 1 > maxNewValue, children: jsx(AddCircleIcon, {}) }), newValue + 5 <= maxNewValue && (jsx(StyledIconButton, { size: "small", onClick: (e) => addStep(5), children: jsx(StyledBadge, { badgeContent: 5, children: jsx(AddCircleIcon, {}) }) })), newValue + 10 <= maxNewValue && (jsx(StyledIconButton, { size: "small", onClick: (e) => addStep(10), children: jsx(StyledBadge, { badgeContent: 10, children: jsx(AddCircleIcon, {}) }) })), newValue + 25 <= maxNewValue && (jsx(StyledIconButton, { size: "small", onClick: (e) => addStep(25), children: jsx(StyledBadge, { badgeContent: 25, children: jsx(AddCircleIcon, {}) }) })), newValue + 100 <= maxNewValue && (jsx(StyledIconButton, { size: "small", onClick: (e) => addStep(100), children: jsx(StyledBadge, { badgeContent: 100, max: 100, children: jsx(AddCircleIcon, {}) }) }))] })] }));
+                            }, children: jsx(RemoveCircleIcon, {}) }) })), jsx(StyledIconButton, { size: "small", onClick: () => substractOne(), disabled: newValue - 1 < minnewvalue, children: jsx(RemoveCircleIcon, {}) })] }), jsxs(Stack, { direction: "row", spacing: 1, children: [currentValue !== totalValue ? (jsx(Typography, { variant: "body2", children: `${currentValue} / ${totalValue}` })) : (jsx(Typography, { variant: "body2", children: `${currentValue}` })), newValue !== currentValue && (jsx(Typography, { variant: "body2", children: `+ (${newValue - currentValue}) = ${newValue}` }))] }), jsxs(Box, { children: [jsx(StyledIconButton, { size: "small", onClick: () => addOne(), disabled: newValue + 1 > maxnewvalue, children: jsx(AddCircleIcon, {}) }), newValue + 5 <= maxnewvalue && (jsx(StyledIconButton, { size: "small", onClick: (e) => addStep(5), children: jsx(StyledBadge, { badgeContent: 5, children: jsx(AddCircleIcon, {}) }) })), newValue + 10 <= maxnewvalue && (jsx(StyledIconButton, { size: "small", onClick: (e) => addStep(10), children: jsx(StyledBadge, { badgeContent: 10, children: jsx(AddCircleIcon, {}) }) })), newValue + 25 <= maxnewvalue && (jsx(StyledIconButton, { size: "small", onClick: (e) => addStep(25), children: jsx(StyledBadge, { badgeContent: 25, children: jsx(AddCircleIcon, {}) }) })), newValue + 100 <= maxnewvalue && (jsx(StyledIconButton, { size: "small", onClick: (e) => addStep(100), children: jsx(StyledBadge, { badgeContent: 100, max: 100, children: jsx(AddCircleIcon, {}) }) }))] })] }));
 }
 
 export { AmountUpdater, AmountUpdater as default };

package/dist/esm/src/components/common/NumberInput.js

@@ -9,35 +9,35 @@ import React, { useEffect } from 'react';
 import TextField from '@mui/material/TextField';
 
 const NumberInput = (props) => {
-    const { label, minNewValue, maxNewValue } = props;
+    const { label, minnewvalue, maxnewvalue, setValueCallback } = props;
     const [value, setValue] = React.useState(0);
     useEffect(() => {
-        props.setValueCallback && props.setValueCallback(value);
+        setValueCallback && setValueCallback(value);
     }, [value]);
-    return (jsx(TextField, { ...props, type: "number", label: label, size: "small", value: value, onChange: (event) => {
+    return (jsx(TextField, { type: "number", label: label, size: "small", value: value, onChange: (event) => {
             const newValue = Number(event.target.value);
-            if (minNewValue !== undefined && maxNewValue !== undefined) {
-                setValue(Math.max(minNewValue, Math.min(newValue, maxNewValue)));
+            if (minnewvalue !== undefined && maxnewvalue !== undefined) {
+                setValue(Math.max(minnewvalue, Math.min(newValue, maxnewvalue)));
             }
-            else if (minNewValue !== undefined) {
-                setValue(Math.max(newValue, minNewValue));
+            else if (minnewvalue !== undefined) {
+                setValue(Math.max(newValue, minnewvalue));
             }
-            else if (maxNewValue !== undefined) {
-                setValue(Math.min(newValue, maxNewValue));
+            else if (maxnewvalue !== undefined) {
+                setValue(Math.min(newValue, maxnewvalue));
             }
             else {
                 setValue(newValue);
             }
         }, inputProps: {
             step: 1,
-            min: minNewValue ?? undefined,
-            max: maxNewValue ?? undefined,
+            min: minnewvalue ?? undefined,
+            max: maxnewvalue ?? undefined,
         }, onWheel: (event) => {
             // `event.currentTarget` is a callable type but is targetting the MUI element
             // whereas `event.target` targets the input element but does not have the callable type, so casting
             event.target.blur();
-        }, helperText: `min: ${minNewValue}, max: ${maxNewValue}`, error: (minNewValue !== undefined && value < minNewValue) ||
-            (maxNewValue !== undefined && value > maxNewValue) ||
+        }, helperText: `min: ${minnewvalue}, max: ${maxnewvalue}`, error: (minnewvalue !== undefined && value < minnewvalue) ||
+            (maxnewvalue !== undefined && value > maxnewvalue) ||
             props.error, sx: [
             // You cannot spread `sx` directly because `SxProps` (typeof sx) can be an array.
             { width: "9rem" },

package/dist/esm/src/components/common/TextualAmountUpdater.js

@@ -11,33 +11,33 @@ import Stack from '@mui/material/Stack';
 import TextField from '@mui/material/TextField';
 import Button from '@mui/material/Button';
 
-function TextualAmountUpdater({ label, currentValue, totalValue, minNewValue, maxNewValue, handleChange, }) {
+function TextualAmountUpdater({ label, currentValue, totalValue, minnewvalue, maxnewvalue, handleChange, }) {
     const [value, setValue] = useState(currentValue);
     const [error, setError] = useState(false);
     return (jsxs(Stack, { direction: "row", spacing: 1, justifyContent: "space-between", alignItems: "center", children: [currentValue !== totalValue ? (jsx(Typography, { variant: "body2", children: `${currentValue} / ${totalValue}` })) : (jsx(Typography, { variant: "body2", children: `${currentValue}` })), jsx(TextField, { type: "number", label: label, size: "small", value: value, onChange: (event) => {
                     const newValue = Number(event.target.value);
-                    if (minNewValue !== undefined && maxNewValue !== undefined) {
-                        setValue(Math.max(minNewValue, Math.min(newValue, maxNewValue)));
+                    if (minnewvalue !== undefined && maxnewvalue !== undefined) {
+                        setValue(Math.max(minnewvalue, Math.min(newValue, maxnewvalue)));
                     }
-                    else if (minNewValue !== undefined) {
-                        setValue(Math.max(newValue, minNewValue));
+                    else if (minnewvalue !== undefined) {
+                        setValue(Math.max(newValue, minnewvalue));
                     }
-                    else if (maxNewValue !== undefined) {
-                        setValue(Math.min(newValue, maxNewValue));
+                    else if (maxnewvalue !== undefined) {
+                        setValue(Math.min(newValue, maxnewvalue));
                     }
                     else {
                         setValue(newValue);
                     }
                 }, inputProps: {
                     step: 1,
-                    min: minNewValue ?? undefined,
-                    max: maxNewValue ?? undefined,
+                    min: minnewvalue ?? undefined,
+                    max: maxnewvalue ?? undefined,
                 }, onWheel: (event) => {
                     // `event.currentTarget` is a callable type but is targetting the MUI element
                     // whereas `event.target` targets the input element but does not have the callable type, so casting
                     event.target.blur();
-                }, helperText: `min: ${minNewValue}, max: ${maxNewValue}`, error: error, sx: { width: "9rem" } }), jsx(Button, { variant: "contained", color: "primary", onClick: () => {
-                    if (value < minNewValue || value > maxNewValue) {
+                }, helperText: `min: ${minnewvalue}, max: ${maxnewvalue}`, error: error, sx: { width: "9rem" } }), jsx(Button, { variant: "contained", color: "primary", onClick: () => {
+                    if (value < minnewvalue || value > maxnewvalue) {
                         setError(true);
                     }
                     else {

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

@@ -6,8 +6,10 @@
  */
   
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useState, useActionState, useRef, useEffect } from 'react';
+import { useState, useRef, useEffect } from 'react';
+import { useFormState } from 'react-dom';
 import { uploadMinioMediaAction } from '../../../../data/actions/media/minio/uploadMinioMediaAction.js';
+import { useSnackbar } from '../../../../context/common/SnackbarContext.js';
 import { StrapiErrors } from '../../../StrapiErrors.js';
 import { ZodErrors } from '../../../ZodErrors.js';
 import { SubmitButton } from '../../../SubmitButton.js';
@@ -15,13 +17,14 @@ import Stack from '@mui/material/Stack';
 import Typography from '@mui/material/Typography';
 import Box from '@mui/material/Box';
 import Grid from '@mui/material/Grid';
-import Alert from '@mui/material/Alert';
+import Button from '@mui/material/Button';
 
 const INITIAL_STATE = {
     zodErrors: null,
     strapiErrors: null,
     data: null,
     message: null,
+    severity: null,
 };
 function UploadMinioMediaForm({ bucketName = process.env.MINIO_BUCKET_NAME || "umwd", multiple = false, accept = process.env.MINIO_ACCEPTED_FILE_TYPES || [
     "image/jpeg",
@@ -42,64 +45,103 @@ function UploadMinioMediaForm({ bucketName = process.env.MINIO_BUCKET_NAME || "u
     "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);
+], reference, refID, field, revalidateCallback, sx, handleClose, }) {
     const [filePreviews, setFilePreviews] = useState(null);
     const [fileList, setFileList] = useState(null);
-    const [selectedFileName, setSelectedFileName] = useState(null);
-    const [formState, formAction] = useActionState(uploadMinioMediaAction, INITIAL_STATE);
+    const [formState, formAction] = useFormState(uploadMinioMediaAction, INITIAL_STATE);
     const fileInput = useRef(null);
+    const { handleAddMessage } = useSnackbar();
     useEffect(() => {
-        if (formState.message && formState.message.type === "success") {
-            revalidateCallback?.();
+        if (formState?.message) {
+            handleAddMessage({
+                message: formState.message,
+                severity: formState.severity || "error",
+            });
+            if (formState.severity === "success") {
+                revalidateCallback && revalidateCallback();
+                handleClose && handleClose();
+                // Reset form state
+                setFileList(null);
+                setFilePreviews(null);
+                if (fileInput.current) {
+                    fileInput.current.value = "";
+                }
+            }
         }
-    }, [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: "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",
-                        minHeight: "100px",
-                    }, children: accept === undefined || accept === "image/*" ? (jsx(Grid, { container: true, children: filePreviews.map((image, index) => {
-                            return (jsx(Grid, { size: {
-                                    xs: 12,
-                                    sm: 6,
-                                    md: 4,
-                                    lg: 2,
-                                }, children: jsx("img", { src: image.url, alt: image.name, style: { width: "100px" } }, index) }, index));
-                        }) })) : (jsx(Grid, { container: true, children: filePreviews.map((file, index) => {
-                            return (jsx(Grid, { size: {
-                                    xs: 12,
-                                    sm: 6,
-                                    md: 4,
-                                    lg: 2,
-                                }, children: jsx(Typography, { children: file.name }) }, 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, 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;
-                                            }
-                                            // 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]),
-                                                    name: selectedFiles[index].name,
-                                                };
-                                            });
-                                            setFileList(selectedFiles);
-                                            setFilePreviews(filePreviews);
-                                        }, style: { display: "none" } }) }), fileList !== null && (jsx(SubmitButton, { text: "upload", loadingText: "loading" }))] })] })] }) }));
+    }, [formState?.message, handleAddMessage, revalidateCallback, handleClose]);
+    useEffect(() => {
+        if (formState?.strapiErrors) {
+            handleAddMessage({
+                message: formState.strapiErrors.message || "Error uploading files",
+                severity: "error",
+            });
+        }
+    }, [formState?.strapiErrors, handleAddMessage]);
+    const isImageFile = (file) => {
+        const imageExtensions = [
+            ".jpg",
+            ".jpeg",
+            ".png",
+            ".gif",
+            ".webp",
+            ".svg",
+            ".bmp",
+        ];
+        return imageExtensions.some((ext) => file.name.toLowerCase().endsWith(ext));
+    };
+    const shouldShowImagePreviews = () => {
+        if (accept === "image/*")
+            return true;
+        if (Array.isArray(accept) &&
+            accept.some((type) => type.startsWith("image/"))) {
+            return filePreviews?.every((file) => isImageFile(file)) || false;
+        }
+        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: {
+                                    p: 2,
+                                    width: "100%",
+                                    border: "1px dashed white",
+                                    minHeight: "100px",
+                                    cursor: "pointer",
+                                }, children: shouldShowImagePreviews() ? (jsx(Grid, { container: true, spacing: 1, children: filePreviews.map((file, index) => {
+                                        return (jsxs(Grid, { size: {
+                                                xs: 12,
+                                                sm: 6,
+                                                md: 4,
+                                                lg: 2,
+                                            }, children: [jsx("img", { src: file.url, alt: file.name, style: {
+                                                        width: "100px",
+                                                        height: "100px",
+                                                        objectFit: "cover",
+                                                    } }), jsx(Typography, { variant: "caption", sx: { display: "block", mt: 1 }, children: file.name })] }, index));
+                                    }) })) : (jsx(Grid, { container: true, spacing: 1, children: filePreviews.map((file, index) => {
+                                        return (jsx(Grid, { size: {
+                                                xs: 12,
+                                                sm: 6,
+                                                md: 4,
+                                                lg: 2,
+                                            }, children: jsx(Typography, { children: file.name }) }, 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, click here to start uploading new files"] }) })), 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 || selectedFiles.length === 0) {
+                                        return;
+                                    }
+                                    const filePreviews = Array.from(selectedFiles).map((file) => {
+                                        return {
+                                            url: URL.createObjectURL(file),
+                                            name: file.name,
+                                        };
+                                    });
+                                    setFileList(selectedFiles);
+                                    setFilePreviews(filePreviews);
+                                }, style: { display: "none" } })] }), jsxs(Grid, { size: { xs: 12 }, children: [jsx(StrapiErrors, { error: formState.strapiErrors }), jsx(ZodErrors, { error: formState.zodErrors?.files })] }), jsx(Grid, { size: { xs: 12 }, children: jsxs(Stack, { direction: "row", justifyContent: "space-between", children: [handleClose && (jsx(Button, { onClick: handleClose, variant: "outlined", children: "Cancel" })), fileList !== null && (jsx(SubmitButton, { text: `Upload ${fileList.length} file${fileList.length > 1 ? "s" : ""}`, loadingText: "Uploading...", variant: "contained" }))] }) })] }) }) }));
 }
 
 export { UploadMinioMediaForm };

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

@@ -30,9 +30,9 @@ function IroItemUpdater({ item, index, handleUpdateQuantity, image, revalidateCa
             .reduce((a, b) => a + b.quantity, 0)
         : 0;
     const [open, setOpen] = useState(false);
-    return (jsx(Stack, { spacing: 1, children: item && (jsxs(Fragment, { children: [jsxs(Stack, { direction: "row", justifyContent: "space-between", children: [jsxs(Stack, { spacing: 1, children: [jsxs(Typography, { variant: "body1", children: ["Line Item Number: ", line_item_number] }), jsxs(Typography, { variant: "body1", children: ["Part Number: ", product && product.product_number] })] }), image && (jsx(Fragment, { children: jsx(ImagePreviewTooltip, { image: image, label: product && product.title }) }))] }), jsx(Typography, { variant: "body1", children: "Reason" }), jsx(Typography, { variant: "body2", children: "Received" }), jsx(AmountUpdater, { currentValue: received_quantity, totalValue: returned_quantity + received_bad_quantity, minNewValue: 0 + registered_quantity + -registered_bad_quantity, maxNewValue: returned_quantity + received_bad_quantity, color: "info", handleChange: (newValue) => {
+    return (jsx(Stack, { spacing: 1, children: item && (jsxs(Fragment, { children: [jsxs(Stack, { direction: "row", justifyContent: "space-between", children: [jsxs(Stack, { spacing: 1, children: [jsxs(Typography, { variant: "body1", children: ["Line Item Number: ", line_item_number] }), jsxs(Typography, { variant: "body1", children: ["Part Number: ", product && product.product_number] })] }), image && (jsx(Fragment, { children: jsx(ImagePreviewTooltip, { image: image, label: product && product.title }) }))] }), jsx(Typography, { variant: "body1", children: "Reason" }), jsx(Typography, { variant: "body2", children: "Received" }), jsx(AmountUpdater, { currentValue: received_quantity, totalValue: returned_quantity + received_bad_quantity, minnewvalue: 0 + registered_quantity + -registered_bad_quantity, maxnewvalue: returned_quantity + received_bad_quantity, color: "info", handleChange: (newValue) => {
                         handleUpdateQuantity(newValue, item.documentId, "received_quantity");
-                    } }), jsx(Typography, { variant: "body2", children: "Registered" }), jsx(AmountUpdater, { currentValue: registered_quantity, totalValue: returned_quantity + received_bad_quantity, minNewValue: 0 + released_quantity, maxNewValue: received_quantity + registered_bad_quantity, color: "info", handleChange: (newValue) => {
+                    } }), jsx(Typography, { variant: "body2", children: "Registered" }), jsx(AmountUpdater, { currentValue: registered_quantity, totalValue: returned_quantity + received_bad_quantity, minnewvalue: 0 + released_quantity, maxnewvalue: received_quantity + registered_bad_quantity, color: "info", handleChange: (newValue) => {
                         handleUpdateQuantity(newValue, item.documentId, "registered_quantity");
                     }, offsetEnd: registered_bad_quantity }), jsx(Divider, { sx: { p: 0 }, children: jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", children: [jsx(Typography, { variant: "body2", children: "Irregularities / Corrections" }), jsx(IconButton, { onClick: () => setOpen(!open), children: jsx(ArrowButtonDownIcon, {}) })] }) }), jsx(Collapse, { in: open, children: jsxs(Stack, { spacing: 2, children: [jsx(Typography, { variant: "body2", children: "Here you can report and correct for damages wrong items etc. Do not forget to click the button!" }), jsx(ReportsDisplay, { reports: reports }), jsx(ReportMakingComponent, { content: "content", quantity: 0, type: "registered", minValue: -(received_quantity + registered_bad_quantity), maxValue: received_quantity, related: [
                                     {
@@ -41,7 +41,7 @@ function IroItemUpdater({ item, index, handleUpdateQuantity, image, revalidateCa
                                     },
                                 ], revalidateCallback: revalidateCallback })] }) }), jsx(Typography, { variant: "body2", children: "Released" }), jsx(AmountUpdater, { currentValue: released_quantity || 0, totalValue: returned_quantity +
                         received_bad_quantity +
-                        registered_bad_quantity, minNewValue: 0, maxNewValue: registered_quantity, color: "info", handleChange: (newValue) => {
+                        registered_bad_quantity, minnewvalue: 0, maxnewvalue: registered_quantity, color: "info", handleChange: (newValue) => {
                         handleUpdateQuantity(newValue, item.documentId, "released_quantity");
                     } })] })) }, index));
 }

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

@@ -5,8 +5,8 @@
  * @license MIT
  */
   
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useActionState, useState, useEffect, Suspense } from 'react';
+import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
+import { useActionState, useState, useEffect, Suspense, Fragment, useTransition } from 'react';
 import { useSnackbar } from '../../../context/common/SnackbarContext.js';
 import { requestRmaAction } from '../../../data/actions/e-commerce/iro/requestRmaAction.js';
 import { StrapiErrors } from '../../StrapiErrors.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 'react-dom';
 import 'next/headers';
 
 const INITIAL_STATE = {
@@ -86,7 +87,7 @@ const ItemLines = ({ items, itemsToReturn, setItemsToReturn, selectedItems, setS
                                             else {
                                                 setSelectedItems(selectedItems.filter((i) => i !== index));
                                             }
-                                        } }), jsxs(Typography, { variant: "body1", children: ["Line Item Number: ", item.line_item_number] }), jsxs(Typography, { variant: "body1", children: ["Part Number: ", item.product?.product_number] }), jsxs(Typography, { variant: "body1", children: ["Quantity Ordered: ", item.ordered_quantity] })] }), selectedItems.includes(index) && (jsxs(Fragment, { children: [jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", children: [jsx(NumberInput, { label: "Quantity to return", minNewValue: 0, maxNewValue: item.ordered_quantity, setValueCallback: (newValue) => {
+                                        } }), jsxs(Typography, { variant: "body1", children: ["Line Item Number: ", item.line_item_number] }), jsxs(Typography, { variant: "body1", children: ["Part Number: ", item.product?.product_number] }), jsxs(Typography, { variant: "body1", children: ["Quantity Ordered: ", item.ordered_quantity] })] }), selectedItems.includes(index) && (jsxs(Fragment$1, { children: [jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", children: [jsx(NumberInput, { label: "Quantity to return", minnewvalue: 0, maxnewvalue: item.ordered_quantity, setValueCallback: (newValue) => {
                                                     updateItemsToReturn(index, "returned_quantity", newValue);
                                                 }, sx: { width: "12rem" } }), jsx(Divider, { orientation: "vertical", flexItem: true }), jsx(Typography, { variant: "body1", sx: { width: "12rem" }, children: "Reason for return:" }), jsxs(TextField, { value: itemsToReturn[index]?.reason, select: true, SelectProps: {
                                                     native: true,
@@ -102,11 +103,19 @@ const ItemLines = ({ items, itemsToReturn, setItemsToReturn, selectedItems, setS
                                                 }, children: [jsx("option", { value: "damaged", children: "Damaged on arrival" }), jsx("option", { value: "not_as_described", children: "Not as described" }), jsx("option", { value: "wrong_item", children: "Wrong item" }), jsx("option", { value: "other", children: "Other" })] })] }), showCustomReason && (jsx(TextField, { value: itemsToReturn[index].other_reason, label: "Custom reason", variant: "outlined", fullWidth: true, onChange: (e) => {
                                             const customReason = e.target.value;
                                             updateItemsToReturn(index, "other_reason", customReason);
-                                        } }))] })), jsx(Divider, {})] }))) })] }) }));
+                                        } }))] })), jsx(Divider, {})] }, index))) })] }) }));
 };
 const ConfirmRMADialog = ({ open, onClose, items, formState, submitCallback, }) => {
     const [missingConfirmations, setMissingConfirmations] = useState(true);
-    return (jsxs(Dialog, { open: open, onClose: onClose, children: [jsx(DialogTitle, { children: "Confirm RMA" }), jsxs(DialogContent, { children: [jsx(DialogContentText, { children: "Summary of items to be returned:" }), jsx(List, { children: items.map((item, index) => (jsx(ListItem, { children: `Product with ID ${item.product} - Quantity: ${item.returned_quantity}` }, index))) }), jsx(DialogContentText, { children: "Are you sure you want to request a return merchandise authorization for these items?" }), jsx(Checkbox, { onChange: (e) => setMissingConfirmations(!e.target.checked) }), jsx(Typography, { variant: "body1", children: "I confirm that the information I have provided is accurate and truthful. I understand that providing false or misleading information about the reason for returning goods may result in additional costs being charged to me. By checking this box, I acknowledge my legal responsibility for the accuracy of my declaration." })] }), jsxs(DialogActions, { children: [submitCallback ? (jsx(SubmitButton, { text: "Yes", loadingText: "Loading...", disabled: missingConfirmations, onClick: submitCallback })) : (jsx(SubmitButton, { text: "Yes", loadingText: "Loading...", disabled: missingConfirmations })), jsx(Button, { onClick: onClose, children: "No" }), formState?.strapiErrors !== null && (jsx(StrapiErrors, { error: formState?.strapiErrors })), formState?.message && (jsx(Alert, { severity: "error", children: formState?.message }))] })] }));
+    const [isPending, startTransition] = useTransition();
+    const handleSubmit = () => {
+        if (submitCallback) {
+            startTransition(() => {
+                submitCallback();
+            });
+        }
+    };
+    return (jsxs(Dialog, { open: open, onClose: onClose, children: [jsx(DialogTitle, { children: "Confirm RMA" }), jsxs(DialogContent, { children: [jsx(DialogContentText, { children: "Summary of items to be returned:" }), jsx(List, { children: items.map((item, index) => (jsx(ListItem, { children: `Product with ID ${item.product} - Quantity: ${item.returned_quantity}` }, index))) }), jsx(DialogContentText, { children: "Are you sure you want to request a return merchandise authorization for these items?" }), jsx(Checkbox, { onChange: (e) => setMissingConfirmations(!e.target.checked) }), jsx(Typography, { variant: "body1", children: "I confirm that the information I have provided is accurate and truthful. I understand that providing false or misleading information about the reason for returning goods may result in additional costs being charged to me. By checking this box, I acknowledge my legal responsibility for the accuracy of my declaration." })] }), jsxs(DialogActions, { children: [jsx(SubmitButton, { text: "Yes", loadingText: "Loading...", disabled: missingConfirmations, onClick: handleSubmit, loading: isPending }), jsx(Button, { onClick: onClose, children: "No" }), formState?.strapiErrors !== null && (jsx(StrapiErrors, { error: formState?.strapiErrors })), formState?.message && (jsx(Alert, { severity: "error", children: formState?.message }))] })] }));
 };
 /* INFO Request RMA Return Merchandise Authorization for customers*/
 function RmaForm({ opo, sx, revalidateCallback, handleClose, }) {

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

@@ -44,13 +44,13 @@ function TextualIroItemUpdater({ item, index, handleAddReport, handleUpdateQuant
         [];
     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 }) }))] }), jsxs(Typography, { variant: "body1", children: ["Reason: ", reason, reason === "other" &&
                             other_reason !== undefined &&
-                            `, ${other_reason}`] }), 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: returned_quantity, minNewValue: 0 + registered_quantity, maxNewValue: returned_quantity, color: "info", handleChange: (newValue) => {
+                            `, ${other_reason}`] }), 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: returned_quantity, minnewvalue: 0 + registered_quantity, maxnewvalue: returned_quantity, color: "info", handleChange: (newValue) => {
                                         handleUpdateQuantity(newValue, item.documentId, "received_quantity");
-                                    } })] }), jsx(Divider, { sx: { mb: 2 } })] })), showing && showing.includes("registered") && (jsxs(Fragment, { children: [jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", children: [jsx(Typography, { variant: "body2", children: "Registered" }), jsx(TextualAmountUpdater, { label: "Registered", currentValue: registered_quantity, totalValue: returned_quantity + registered_reports_quantity, minNewValue: 0 + released_quantity, maxNewValue: received_quantity + registered_reports_quantity, color: "info", handleChange: (newValue) => {
+                                    } })] }), jsx(Divider, { sx: { mb: 2 } })] })), showing && showing.includes("registered") && (jsxs(Fragment, { children: [jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", children: [jsx(Typography, { variant: "body2", children: "Registered" }), jsx(TextualAmountUpdater, { label: "Registered", currentValue: registered_quantity, totalValue: returned_quantity + registered_reports_quantity, minnewvalue: 0 + released_quantity, maxnewvalue: received_quantity + registered_reports_quantity, color: "info", handleChange: (newValue) => {
                                         handleUpdateQuantity(newValue, item.documentId, "registered_quantity");
                                     } })] }), jsx(Divider, { sx: { mb: 2 } })] })), showing && showing.includes("reports") && (jsxs(Box, { sx: { mb: 2 }, children: [jsx(Divider, { sx: { p: 0 }, children: jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", children: [jsx(Typography, { variant: "body2", children: "Irregularities / Corrections" }), jsx(IconButton, { onClick: () => setOpen(!open), children: jsx(ArrowButtonDownIcon, {}) })] }) }), jsx(Collapse, { in: open, children: jsxs(Stack, { spacing: 2, children: [jsx(Typography, { variant: "body2", children: "Here you can report and correct for damages wrong items etc. Do not forget to click the button!" }), jsx(ReportsDisplay, { reports: dbReports }), jsx(PreReportsDisplay, { itemID: item.documentId, reports: preReports, handleRemoveReportAtIndex: handleRemoveReportAtIndex }), jsx(SimpleReportFields, { itemID: item.documentId, content: "", type: "registered", minValue: -(received_quantity -
                                             registered_quantity +
-                                            registered_reports_quantity), handleAddReport: handleAddReport })] }) })] })), showing && showing.includes("released") && (jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { mb: 1 }, children: [jsx(Typography, { variant: "body2", children: "Released" }), jsx(TextualAmountUpdater, { label: "Released", currentValue: released_quantity, totalValue: returned_quantity + registered_reports_quantity, minNewValue: 0, maxNewValue: registered_quantity, color: "info", handleChange: (newValue) => {
+                                            registered_reports_quantity), handleAddReport: handleAddReport })] }) })] })), showing && showing.includes("released") && (jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { mb: 1 }, children: [jsx(Typography, { variant: "body2", children: "Released" }), jsx(TextualAmountUpdater, { label: "Released", currentValue: released_quantity, totalValue: returned_quantity + registered_reports_quantity, minnewvalue: 0, maxnewvalue: registered_quantity, color: "info", handleChange: (newValue) => {
                                 handleUpdateQuantity(newValue, item.documentId, "released_quantity");
                             } })] }))] })) }, index));
 }

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

@@ -43,9 +43,9 @@ revalidateCallback, }) {
                 .reduce((a, b) => a + b.quantity, 0)
             : 0;
     }, [reports]);
-    return (jsx(Stack, { spacing: 1, children: item && (jsxs(Fragment, { children: [jsxs(Stack, { direction: "row", justifyContent: "space-between", children: [jsxs(Stack, { spacing: 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: product?.title }) }))] }), jsx(Typography, { variant: "body2", children: "Picked" }), jsx(AmountUpdater, { currentValue: picked_quantity, totalValue: ordered_quantity + -packed_reports_quantity, minNewValue: 0 + packed_quantity + -packed_reports_quantity, maxNewValue: ordered_quantity + -packed_reports_quantity, color: "info", handleChange: (newValue) => {
+    return (jsx(Stack, { spacing: 1, children: item && (jsxs(Fragment, { children: [jsxs(Stack, { direction: "row", justifyContent: "space-between", children: [jsxs(Stack, { spacing: 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: product?.title }) }))] }), jsx(Typography, { variant: "body2", children: "Picked" }), jsx(AmountUpdater, { currentValue: picked_quantity, totalValue: ordered_quantity + -packed_reports_quantity, minnewvalue: 0 + packed_quantity + -packed_reports_quantity, maxnewvalue: ordered_quantity + -packed_reports_quantity, color: "info", handleChange: (newValue) => {
                         handleUpdateQuantity(newValue, item.documentId, "picked_quantity");
-                    } }), jsx(Typography, { variant: "body2", children: "Packed" }), jsx(AmountUpdater, { currentValue: packed_quantity, totalValue: ordered_quantity, minNewValue: 0 + shipped_quantity, maxNewValue: picked_quantity + packed_reports_quantity, color: "info", handleChange: (newValue) => {
+                    } }), jsx(Typography, { variant: "body2", children: "Packed" }), jsx(AmountUpdater, { currentValue: packed_quantity, totalValue: ordered_quantity, minnewvalue: 0 + shipped_quantity, maxnewvalue: picked_quantity + packed_reports_quantity, color: "info", handleChange: (newValue) => {
                         handleUpdateQuantity(newValue, item.documentId, "packed_quantity");
                     }, offsetEnd: packed_reports_quantity }), jsx(Divider, { sx: { p: 0 }, children: jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", children: [jsx(Typography, { variant: "body2", children: "Irregularities / Corrections" }), jsx(IconButton, { onClick: () => setOpen(!open), children: jsx(ArrowButtonDownIcon, {}) })] }) }), jsx(Collapse, { in: open, children: jsxs(Stack, { spacing: 2, children: [jsx(Typography, { variant: "body2", children: "Here you can report and correct for damages wrong items etc. Do not forget to click the button!" }), jsx(ReportsDisplay, { reports: reports.filter((report) => "documentId" in report &&
                                     typeof report.documentId === "string") }), jsx(ReportMakingComponent, { content: "content", quantity: 0, type: "packed", minValue: -(picked_quantity + packed_reports_quantity), maxValue: 0, related: [
@@ -53,7 +53,7 @@ revalidateCallback, }) {
                                         documentId: item.documentId,
                                         __type: "api::e-commerce.opo-item",
                                     },
-                                ], revalidateCallback: revalidateCallback })] }) }), jsx(Typography, { variant: "body2", children: "Shipped" }), jsx(AmountUpdater, { currentValue: shipped_quantity, totalValue: ordered_quantity, minNewValue: 0, maxNewValue: packed_quantity, color: "info", handleChange: (newValue) => {
+                                ], revalidateCallback: revalidateCallback })] }) }), jsx(Typography, { variant: "body2", children: "Shipped" }), jsx(AmountUpdater, { currentValue: shipped_quantity, totalValue: ordered_quantity, minnewvalue: 0, maxnewvalue: packed_quantity, color: "info", handleChange: (newValue) => {
                         handleUpdateQuantity(newValue, item.documentId, "shipped_quantity");
                     } })] })) }, index));
 }

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

@@ -41,13 +41,13 @@ function TextualOpoItemUpdater({ item, index, handleAddReport, handleUpdateQuant
     const dbReports = item.reports?.filter((report) => "id" in report) || [];
     const preReports = item.reports?.filter((report) => Boolean("id" in report) === false) ||
         [];
-    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: product?.title }) }))] }), jsx(Divider, { sx: { mb: 1 } }), showing && showing.includes("picked") && (jsxs(Fragment, { children: [jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { mb: 1 }, children: [jsx(Typography, { variant: "body2", children: "Picked" }), jsx(TextualAmountUpdater, { label: "Picked", currentValue: picked_quantity, totalValue: ordered_quantity, minNewValue: 0 + packed_quantity, maxNewValue: ordered_quantity, color: "info", handleChange: (newValue) => {
+    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: product?.title }) }))] }), jsx(Divider, { sx: { mb: 1 } }), showing && showing.includes("picked") && (jsxs(Fragment, { children: [jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { mb: 1 }, children: [jsx(Typography, { variant: "body2", children: "Picked" }), jsx(TextualAmountUpdater, { label: "Picked", currentValue: picked_quantity, totalValue: ordered_quantity, minnewvalue: 0 + packed_quantity, maxnewvalue: ordered_quantity, color: "info", handleChange: (newValue) => {
                                         handleUpdateQuantity(newValue, item.documentId, "picked_quantity");
-                                    } })] }), jsx(Divider, { sx: { mb: 2 } })] })), showing && showing.includes("packed") && (jsxs(Fragment, { children: [jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", children: [jsx(Typography, { variant: "body2", children: "Packed" }), jsx(TextualAmountUpdater, { label: "Packed", currentValue: packed_quantity, totalValue: ordered_quantity + packed_reports_quantity, minNewValue: 0 + shipped_quantity, maxNewValue: picked_quantity + packed_reports_quantity, color: "info", handleChange: (newValue) => {
+                                    } })] }), jsx(Divider, { sx: { mb: 2 } })] })), showing && showing.includes("packed") && (jsxs(Fragment, { children: [jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", children: [jsx(Typography, { variant: "body2", children: "Packed" }), jsx(TextualAmountUpdater, { label: "Packed", currentValue: packed_quantity, totalValue: ordered_quantity + packed_reports_quantity, minnewvalue: 0 + shipped_quantity, maxnewvalue: picked_quantity + packed_reports_quantity, color: "info", handleChange: (newValue) => {
                                         handleUpdateQuantity(newValue, item.documentId, "packed_quantity");
                                     } })] }), jsx(Divider, { sx: { mb: 2 } })] })), showing && showing.includes("reports") && (jsxs(Box, { sx: { mb: 2 }, children: [jsx(Divider, { sx: { p: 0 }, children: jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", children: [jsx(Typography, { variant: "body2", children: "Irregularities / Corrections" }), jsx(IconButton, { onClick: () => setOpen(!open), children: jsx(ArrowButtonDownIcon, {}) })] }) }), jsx(Collapse, { in: open, children: jsxs(Stack, { spacing: 2, children: [jsx(Typography, { variant: "body2", children: "Here you can report and correct for damages wrong items etc. Do not forget to click the button!" }), jsx(ReportsDisplay, { reports: dbReports }), jsx(PreReportsDisplay, { itemID: item.documentId, reports: preReports, handleRemoveReportAtIndex: handleRemoveReportAtIndex }), jsx(SimpleReportFields, { itemID: item.documentId, content: "", type: "packed", minValue: -(picked_quantity -
                                             packed_quantity +
-                                            packed_reports_quantity), handleAddReport: handleAddReport })] }) })] })), showing && showing.includes("shipped") && (jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { mb: 1 }, children: [jsx(Typography, { variant: "body2", children: "Shipped" }), jsx(TextualAmountUpdater, { label: "Shipped", currentValue: shipped_quantity, totalValue: ordered_quantity + packed_reports_quantity, minNewValue: 0, maxNewValue: packed_quantity, color: "info", handleChange: (newValue) => {
+                                            packed_reports_quantity), handleAddReport: handleAddReport })] }) })] })), showing && showing.includes("shipped") && (jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { mb: 1 }, children: [jsx(Typography, { variant: "body2", children: "Shipped" }), jsx(TextualAmountUpdater, { label: "Shipped", currentValue: shipped_quantity, totalValue: ordered_quantity + packed_reports_quantity, minnewvalue: 0, maxnewvalue: packed_quantity, color: "info", handleChange: (newValue) => {
                                 handleUpdateQuantity(newValue, item.documentId, "shipped_quantity");
                             } })] }))] })) }, index));
 }

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

@@ -30,16 +30,16 @@ function ItemUpdater({ item, index, handleUpdateQuantity, image, revalidateCallb
             .reduce((a, b) => a + b.quantity, 0)
         : 0;
     const [open, setOpen] = useState(false);
-    return (jsx(Stack, { spacing: 1, children: item && (jsxs(Fragment, { children: [jsxs(Stack, { direction: "row", justifyContent: "space-between", children: [jsxs(Stack, { spacing: 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(Typography, { variant: "body2", children: "Received" }), jsx(AmountUpdater, { currentValue: received_quantity, totalValue: ordered_quantity + received_bad_quantity, minNewValue: 0 + registered_quantity + -registered_bad_quantity, maxNewValue: ordered_quantity + received_bad_quantity, color: "info", handleChange: (newValue) => {
+    return (jsx(Stack, { spacing: 1, children: item && (jsxs(Fragment, { children: [jsxs(Stack, { direction: "row", justifyContent: "space-between", children: [jsxs(Stack, { spacing: 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(Typography, { variant: "body2", children: "Received" }), jsx(AmountUpdater, { currentValue: received_quantity, totalValue: ordered_quantity + received_bad_quantity, minnewvalue: 0 + registered_quantity + -registered_bad_quantity, maxnewvalue: ordered_quantity + received_bad_quantity, color: "info", handleChange: (newValue) => {
                         handleUpdateQuantity(newValue, item.documentId, "received_quantity");
-                    } }), jsx(Typography, { variant: "body2", children: "Registered" }), jsx(AmountUpdater, { currentValue: registered_quantity, totalValue: ordered_quantity + received_bad_quantity, minNewValue: 0 + released_quantity, maxNewValue: received_quantity + registered_bad_quantity, color: "info", handleChange: (newValue) => {
+                    } }), jsx(Typography, { variant: "body2", children: "Registered" }), jsx(AmountUpdater, { currentValue: registered_quantity, totalValue: ordered_quantity + received_bad_quantity, minnewvalue: 0 + released_quantity, maxnewvalue: received_quantity + registered_bad_quantity, color: "info", handleChange: (newValue) => {
                         handleUpdateQuantity(newValue, item.documentId, "registered_quantity");
                     }, offsetEnd: registered_bad_quantity }), jsx(Divider, { sx: { p: 0 }, children: jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", children: [jsx(Typography, { variant: "body2", children: "Irregularities / Corrections" }), jsx(IconButton, { onClick: () => setOpen(!open), children: jsx(ArrowButtonDownIcon, {}) })] }) }), jsx(Collapse, { in: open, children: jsxs(Stack, { spacing: 2, children: [jsx(Typography, { variant: "body2", children: "Here you can report and correct for damages wrong items etc. Do not forget to click the button!" }), jsx(ReportsDisplay, { reports: reports }), jsx(ReportMakingComponent, { content: "content", quantity: 0, type: "registered", minValue: -(received_quantity + registered_bad_quantity), maxValue: received_quantity, related: [
                                     {
                                         documentId: item.documentId,
                                         __type: "api::logistics.ipo-item",
                                     },
-                                ], revalidateCallback: revalidateCallback })] }) }), jsx(Typography, { variant: "body2", children: "Released" }), jsx(AmountUpdater, { currentValue: released_quantity || 0, totalValue: ordered_quantity + received_bad_quantity + registered_bad_quantity, minNewValue: 0, maxNewValue: registered_quantity, color: "info", handleChange: (newValue) => {
+                                ], revalidateCallback: revalidateCallback })] }) }), jsx(Typography, { variant: "body2", children: "Released" }), jsx(AmountUpdater, { currentValue: released_quantity || 0, totalValue: ordered_quantity + received_bad_quantity + registered_bad_quantity, minnewvalue: 0, maxnewvalue: registered_quantity, color: "info", handleChange: (newValue) => {
                         handleUpdateQuantity(newValue, item.documentId, "released_quantity");
                     } })] })) }, index));
 }

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

@@ -42,13 +42,13 @@ function TextualIPOItemUpdater({ item, index, handleAddReport, handleUpdateQuant
         [];
     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) => {
+    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");
-                                    } })] }), jsx(Divider, { sx: { mb: 2 } })] })), showing && showing.includes("registered") && (jsxs(Fragment, { children: [jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", children: [jsx(Typography, { variant: "body2", children: "Registered" }), jsx(TextualAmountUpdater, { label: "Registered", currentValue: registered_quantity, totalValue: ordered_quantity + registered_reports_quantity, minNewValue: 0 + released_quantity, maxNewValue: received_quantity + registered_reports_quantity, color: "info", handleChange: (newValue) => {
+                                    } })] }), jsx(Divider, { sx: { mb: 2 } })] })), showing && showing.includes("registered") && (jsxs(Fragment, { children: [jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", children: [jsx(Typography, { variant: "body2", children: "Registered" }), jsx(TextualAmountUpdater, { label: "Registered", currentValue: registered_quantity, totalValue: ordered_quantity + registered_reports_quantity, minnewvalue: 0 + released_quantity, maxnewvalue: received_quantity + registered_reports_quantity, color: "info", handleChange: (newValue) => {
                                         handleUpdateQuantity(newValue, item.documentId, "registered_quantity");
                                     } })] }), jsx(Divider, { sx: { mb: 2 } })] })), showing && showing.includes("reports") && (jsxs(Box, { sx: { mb: 2 }, children: [jsx(Divider, { sx: { p: 0 }, children: jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", children: [jsx(Typography, { variant: "body2", children: "Irregularities / Corrections" }), jsx(IconButton, { onClick: () => setOpen(!open), children: jsx(ArrowButtonDownIcon, {}) })] }) }), jsx(Collapse, { in: open, children: jsxs(Stack, { spacing: 2, children: [jsx(Typography, { variant: "body2", children: "Here you can report and correct for damages wrong items etc. Do not forget to click the button!" }), jsx(ReportsDisplay, { reports: dbReports }), jsx(PreReportsDisplay, { itemID: item.documentId, reports: preReports, handleRemoveReportAtIndex: handleRemoveReportAtIndex }), jsx(SimpleReportFields, { itemID: item.documentId, content: "", type: "registered", minValue: -(received_quantity -
                                             registered_quantity +
-                                            registered_reports_quantity), handleAddReport: handleAddReport })] }) })] })), showing && showing.includes("released") && (jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { mb: 1 }, children: [jsx(Typography, { variant: "body2", children: "Released" }), jsx(TextualAmountUpdater, { label: "Released", currentValue: released_quantity, totalValue: ordered_quantity + registered_reports_quantity, minNewValue: 0, maxNewValue: registered_quantity, color: "info", handleChange: (newValue) => {
+                                            registered_reports_quantity), handleAddReport: handleAddReport })] }) })] })), showing && showing.includes("released") && (jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { mb: 1 }, children: [jsx(Typography, { variant: "body2", children: "Released" }), jsx(TextualAmountUpdater, { label: "Released", currentValue: released_quantity, totalValue: ordered_quantity + registered_reports_quantity, minnewvalue: 0, maxnewvalue: registered_quantity, color: "info", handleChange: (newValue) => {
                                 handleUpdateQuantity(newValue, item.documentId, "released_quantity");
                             } })] }))] })) }, index));
 }

package/dist/esm/src/components/logistics/report/SimpleReportFields.js

@@ -33,7 +33,7 @@ type, minValue, maxValue, related, handleAddReport, }) {
                     setQuantity(0);
                 }, 
                 /* onClick={() => {
-                  if (value < minNewValue || value > maxNewValue) {
+                  if (value < minnewvalue || value > maxnewvalue) {
                     setError(true);
                   } else {
                     handleChange(value);