umwd-components 0.1.798 → 0.1.800

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

@@ -44,7 +44,7 @@ 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, 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) => {
                                         handleUpdateQuantity(newValue, item.documentId, "registered_quantity");

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

@@ -274,6 +274,7 @@ revalidateCallback, handleClose, role, }) {
                 released_quantity: item.released_quantity,
                 reports: item.reports?.map((report) => {
                     return {
+                        id: "id" in report ? report.id : undefined,
                         documentId: "documentId" in report ? report.documentId : undefined,
                         quantity: report.quantity,
                         content: report.content,
@@ -307,14 +308,15 @@ revalidateCallback, handleClose, role, }) {
         const newItems = [...items];
         const itemIndex = newItems.findIndex((item) => item.documentId === itemID);
         const reportsOnItem = newItems[itemIndex]?.reports || [];
-        const dbReports = reportsOnItem.filter((report) => "id" in report);
-        const preReports = reportsOnItem.filter((report) => !("id" in report));
+        const dbReports = reportsOnItem.filter((report) => "documentId" in report);
+        const preReports = reportsOnItem.filter((report) => !("documentId" in report));
         preReports.splice(index, 1);
         const newReports = [...dbReports, ...preReports];
         newItems[itemIndex].reports = newReports;
         setItems(newItems);
     };
     const { handleAddMessage } = useSnackbar();
+    // Message handling
     useEffect(() => {
         if (formState?.message) {
             handleAddMessage({
@@ -327,6 +329,7 @@ revalidateCallback, handleClose, role, }) {
             }
         }
     }, [formState?.message]);
+    // Error handling
     useEffect(() => {
         if (formState?.strapiErrors) {
             handleAddMessage({
@@ -335,8 +338,8 @@ revalidateCallback, handleClose, role, }) {
             });
         }
     }, [formState?.strapiErrors]);
+    // Items state update
     useEffect(() => {
-        console.log("data", data);
         if (data.iro_items) {
             setItems(data.iro_items ? data.iro_items : []);
         }

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

@@ -82,41 +82,13 @@ function CancelOpoDialog({ open, handleClose, orderID, revalidateCallback, }) {
     return (jsxs(Dialog, { open: open, onClose: handleClose, children: [jsx(DialogTitle, { children: "Cancel Return" }), jsx(DialogContent, { children: jsxs(Stack, { spacing: 2, children: [jsx(Typography, { children: "Are you sure you want to cancel this order?" }), jsxs(List, { children: [jsx(ListItem, { children: "By cancelling this order you will update it's status from ordered to cancelled" }), jsx(ListItem, { children: "Please provide a reason for the cancellation" }), jsx(ListItem, { children: "The customer will be notified about the cancellation and of the reason for the cancellation" })] }), jsx(TextField, { label: "Cancellation reason", name: "reason", multiline: true, rows: 4, fullWidth: true, variant: "outlined", value: reason, onChange: (e) => setRoason(e.target.value), placeholder: "Please provide a reason for the cancellation", error: !!reasonError, helperText: reasonError })] }) }), jsxs(DialogActions, { children: [jsx(Button, { variant: "outlined", onClick: handleClose, children: "Close" }), jsx(Button, { variant: "contained", color: "error", onClick: handleCancel, children: "Confirm Cancellation" })] })] }));
 }
 function TextualManageOPOForm({ opo, sx, revalidateCallback, handleClose, role, }) {
+    // Bind documentId to the action
     const updateOpoWithIdAction = updateOpoAction.bind(null, opo.documentId);
     const [formState, formAction] = useActionState(updateOpoWithIdAction, INITIAL_STATE);
-    const { handleAddMessage } = useSnackbar();
     const [items, setItems] = useState(opo.opo_items ? opo.opo_items : []);
     const [confirmDialogOpen, setConfirmDialogOpen] = useState(false);
     const [cancelDialogOpen, setCancelDialogOpen] = useState(false);
     const [showing, setShowing] = useState(["picked", "packed", "shipped", "reports"]);
-    // Message handling
-    useEffect(() => {
-        if (formState?.message) {
-            handleAddMessage({
-                message: formState.message,
-                severity: formState.severity || "info",
-            });
-            if (formState.severity === "success") {
-                revalidateCallback?.();
-                handleClose?.();
-            }
-        }
-    }, [formState?.message]);
-    // Error handling
-    useEffect(() => {
-        if (formState?.strapiErrors) {
-            handleAddMessage({
-                message: formState.strapiErrors.message || "Error updating OPO",
-                severity: "error",
-            });
-        }
-    }, [formState?.strapiErrors]);
-    // Items state update
-    useEffect(() => {
-        if (opo.opo_items) {
-            setItems(opo.opo_items ? opo.opo_items : []);
-        }
-    }, [opo]);
     const parseItems = (items) => {
         return items.map((item) => {
             return {
@@ -161,33 +133,67 @@ function TextualManageOPOForm({ opo, sx, revalidateCallback, handleClose, role,
         const newItems = [...items];
         const itemIndex = newItems.findIndex((item) => item.documentId === itemID);
         const reportsOnItem = newItems[itemIndex]?.reports || [];
-        const dbReports = reportsOnItem.filter((report) => "documentId" in report);
-        const preReports = reportsOnItem.filter((report) => !("documentId" in report));
+        const dbReports = reportsOnItem.filter((report) => "id" in report);
+        const preReports = reportsOnItem.filter((report) => !("id" in report));
         preReports.splice(index, 1);
         const newReports = [...dbReports, ...preReports];
         newItems[itemIndex].reports = newReports;
         setItems(newItems);
     };
-    return (jsx(Box, { sx: [...(Array.isArray(sx) ? sx : [sx])], children: jsxs(Grid, { container: true, spacing: 2, children: [jsx(Grid, { size: 12, children: jsxs(Stack, { spacing: 2, children: [jsxs(Stack, { direction: "row", spacing: 2, justifyContent: "space-between", children: [jsxs(Stack, { spacing: 2, children: [jsx(Typography, { variant: "h3", component: "h1", children: "Management Outbound Purchase Order" }), jsx(Typography, { variant: "body1", children: "Manage picking, packing and shipping of purchase order" })] }), jsx(NoteTakingComponent, { content: "", related: [
+    const { handleAddMessage } = useSnackbar();
+    // Message handling
+    useEffect(() => {
+        if (formState?.message) {
+            handleAddMessage({
+                message: formState.message,
+                severity: formState.severity || "error",
+            });
+            if (formState.severity === "success") {
+                revalidateCallback && revalidateCallback();
+                handleClose && handleClose();
+            }
+        }
+    }, [formState?.message]);
+    // Error handling
+    useEffect(() => {
+        if (formState?.strapiErrors) {
+            handleAddMessage({
+                message: formState.strapiErrors.message || "Error updating OPO",
+                severity: formState.severity || "error",
+            });
+        }
+    }, [formState?.strapiErrors]);
+    // Items state update
+    useEffect(() => {
+        if (opo.opo_items) {
+            setItems(opo.opo_items ? opo.opo_items : []);
+        }
+    }, [opo]);
+    return (jsx(Box, { sx: [...(Array.isArray(sx) ? sx : [sx])], children: jsxs(Grid, { container: true, spacing: 2, children: [jsx(Grid, { size: 12, children: jsxs(Stack, { spacing: 2, children: [jsxs(Stack, { direction: "row", spacing: 2, justifyContent: "space-between", children: [jsxs(Stack, { spacing: 2, children: [jsx(Typography, { variant: "h3", component: "h1", children: "Management Outbound Sales Order" }), jsx(Typography, { variant: "body1", children: "Manage picking, packing and shipping of purchase order" })] }), jsx(NoteTakingComponent, { content: "", related: [
                                             { id: opo.documentId, __type: "api::e-commerce.opo" },
                                         ], 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: opo.opo_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: opo.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: opo.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: "Customer" }), jsx(Typography, { variant: "body1", fontWeight: "medium", children: opo.customer?.business_credentials?.company_name })] }), jsxs(Stack, { direction: "row", spacing: 2, alignItems: "center", children: [jsx(UpdateIcon, { color: "primary" }), jsx(Typography, { variant: "subtitle1", color: "text.secondary", width: "200px", children: "Order Status" }), jsx(OpoStatusIndicator, { status: opo.internal_status })] })] }) }) }), role === "enduser" && (jsx(Grid, { size: 6, children: jsx(Paper, { elevation: 2, sx: { p: 2, height: "100%" }, children: jsxs(Stack, { spacing: 2, children: [(opo.internal_status === "placed" ||
                                     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 })] })) }) })] }) }), 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) => {
+                                                }, 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, sx: {
+                                    bgcolor: "background.default",
+                                    border: "1px solid",
+                                    borderColor: "divider",
+                                    boxShadow: "none",
+                                }, children: [jsx(Typography, { variant: "body2", color: "text.secondary", children: "Show:" }), options.map((option) => (jsx(FormControlLabel, { control: jsx(Checkbox, { size: "small", checked: showing.includes(option), onChange: (e) => {
                                                 if (e.target.checked) {
                                                     setShowing([...showing, option]);
                                                 }
                                                 else {
                                                     setShowing(showing.filter((item) => item !== option));
                                                 }
-                                            } }), label: option.charAt(0).toUpperCase() + option.slice(1) }, option)))] }), opo.internal_status === "placed" && (jsx(Alert, { severity: "warning", children: "Before confirmation you cannot update the items" })), jsx(Divider, {}), jsxs("form", { action: formAction, children: [jsx("input", { type: "hidden", name: "items", value: JSON.stringify(parseItems(items)) }), items &&
+                                            } }), label: jsx(Typography, { variant: "body2", color: "text.secondary", children: option.charAt(0).toUpperCase() + option.slice(1) }), sx: { mr: 0 } }, option)))] }), opo.internal_status === "placed" && (jsx(Alert, { severity: "warning", children: "Before confirmation you cannot update the items" })), jsx(Divider, {}), jsxs("form", { action: formAction, children: [jsx("input", { type: "hidden", name: "items", value: JSON.stringify(parseItems(items)) }), items &&
                                         items.map((item, index) => {
                                             return (jsx(Paper, { sx: { p: 2, mb: 2 }, children: opo.internal_status === "placed" ||
                                                     opo.internal_status === "external_shipping_process" ||
                                                     opo.internal_status === "done" ||
                                                     opo.internal_status === "cancelled" ? (jsx(OpoItemDisplay, { item: item, index: index, image: item?.product?.image })) : (jsx(TextualOpoItemUpdater, { item: item, index: index, handleUpdateQuantity: handleUpdateQuantity, handleAddReport: handleAddReport, image: item?.product?.image, handleRemoveReportAtIndex: handleRemoveReportAtIndex, revalidateCallback: revalidateCallback, showing: showing })) }, index));
-                                        }), " ", jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { pt: 2 }, children: [handleClose && (jsx(Button, { onClick: handleClose, variant: "outlined", children: "Close" })), opo.internal_status !== "placed" &&
+                                        }), jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { pt: 2 }, children: [handleClose && (jsx(Button, { onClick: handleClose, variant: "outlined", children: "Close" })), opo.internal_status !== "placed" &&
                                                 opo.internal_status !== "external_shipping_process" &&
                                                 opo.internal_status !== "done" &&
                                                 opo.internal_status !== "cancelled" && (jsx(SubmitButton, { text: "Update items", loadingText: "Saving...", variant: "contained" }))] })] })] }) })] }) }));

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

@@ -23,7 +23,7 @@ function TextualOpoItemUpdater({ item, index, handleAddReport, handleUpdateQuant
     const { line_item_number, product, ordered_quantity, picked_quantity, packed_quantity, shipped_quantity, reports, } = item;
     const [open, setOpen] = useState(false);
     // these values where wrapped with useMemo before but that did not work well while updating values
-    Array.isArray(reports) && reports.length > 0
+    const picked_reports_quantity = Array.isArray(reports) && reports.length > 0
         ? reports
             .filter((report) => report.type === "picked")
             .reduce((a, b) => a + b.quantity, 0)
@@ -41,7 +41,7 @@ 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, maxnewvalue: ordered_quantity + picked_reports_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) => {
                                         handleUpdateQuantity(newValue, item.documentId, "packed_quantity");

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

@@ -65,7 +65,6 @@ function AddIPOForm({ vendorNamesArr, sx, revalidateCallback, handleClose, }) {
             return;
         }
         const vendor = await getSingleVendor(selectedVendorID);
-        console.log("vendor", vendor);
         const vendorProducts = vendor?.products.filter((product) => !product.product_number.startsWith("r")) || [];
         setProductsArr(vendorProducts);
     };

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

@@ -42,7 +42,7 @@ 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, 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) => {
                                         handleUpdateQuantity(newValue, item.documentId, "registered_quantity");

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

@@ -140,6 +140,7 @@ function TextualManageIPOForm({ data, sx, revalidateCallback, handleClose, role,
                 released_quantity: item.released_quantity,
                 reports: item.reports?.map((report) => {
                     return {
+                        id: "id" in report ? report.id : undefined,
                         documentId: "documentId" in report ? report.documentId : undefined,
                         quantity: report.quantity,
                         content: report.content,
@@ -186,10 +187,12 @@ function TextualManageIPOForm({ data, sx, revalidateCallback, handleClose, role,
                 message: "Ipo Updated",
                 severity: "success",
             });
-            handleClose && handleClose();
-            revalidateCallback && revalidateCallback();
+            if (formState.severity === "success") {
+                revalidateCallback && revalidateCallback();
+                handleClose && handleClose();
+            }
         }
-    }, [formState]);
+    }, [formState?.message]);
     useEffect(() => {
         if (formState?.strapiErrors) {
             handleAddMessage({
@@ -223,12 +226,12 @@ function TextualManageIPOForm({ data, sx, revalidateCallback, handleClose, role,
                                                 else {
                                                     setShowing(showing.filter((item) => item !== option));
                                                 }
-                                            } }), label: jsx(Typography, { variant: "body2", color: "text.secondary", children: option.charAt(0).toUpperCase() + option.slice(1) }), sx: { mr: 0 } }, option)))] }), data.internal_status === "placed" && (jsx(Alert, { severity: "warning", children: "Before confirmation you cannot update the items" })), jsx(Divider, {}), jsxs("form", { action: formAction, children: [items &&
+                                            } }), label: jsx(Typography, { variant: "body2", color: "text.secondary", children: option.charAt(0).toUpperCase() + option.slice(1) }), sx: { mr: 0 } }, option)))] }), data.internal_status === "placed" && (jsx(Alert, { severity: "warning", children: "Before confirmation you cannot update the items" })), jsx(Divider, {}), jsxs("form", { action: formAction, children: [jsx("input", { type: "hidden", name: "items", value: JSON.stringify(parseItems(items)) }), items &&
                                         items.map((item, index) => {
                                             return (jsx(Paper, { sx: { p: 2, mb: 2 }, children: data.internal_status === "placed" ||
                                                     data.internal_status === "cancelled" ||
                                                     data.internal_status === "done" ? (jsx(ItemDisplay, { item: item, index: index, image: item?.product?.image })) : (jsx(TextualIPOItemUpdater, { item: item, index: index, handleUpdateQuantity: handleUpdateQuantity, handleAddReport: handleAddReport, image: item?.product?.image, handleRemoveReportAtIndex: handleRemoveReportAtIndex, revalidateCallback: revalidateCallback, showing: showing })) }, index));
-                                        }), jsxs(Stack, { direction: "row", spacing: 2, justifyContent: "space-between", children: [handleClose && (jsx(Button, { onClick: handleClose, variant: "outlined", children: "Cancel" })), jsx(SubmitButton, { variant: "contained", text: "Update items", loadingText: "Loading..." })] }), jsx("input", { type: "hidden", name: "items", value: JSON.stringify(parseItems(items)) })] })] }) })] }) }));
+                                        }), jsxs(Stack, { direction: "row", spacing: 2, justifyContent: "space-between", children: [handleClose && (jsx(Button, { onClick: handleClose, variant: "outlined", children: "Cancel" })), jsx(SubmitButton, { variant: "contained", text: "Update items", loadingText: "Loading..." })] })] })] }) })] }) }));
 }
 
 export { TextualManageIPOForm as default };

package/dist/esm/src/data/actions/e-commerce/iro/updateIroAction.js

@@ -17,24 +17,24 @@ async function updateIroAction(documentId, prevState, formData) {
     if (!responseData) {
         return {
             ...prevState,
+            severity: "error",
             strapiErrors: null,
             message: "Ops! Something went wrong. Please try again.",
-            severity: "error",
         };
     }
     if (responseData.error) {
         return {
             ...prevState,
+            severity: "error",
             strapiErrors: responseData.error,
             message: "Failed to Update Iro.",
-            severity: "error",
         };
     }
     const flattenedData = flattenAttributes(responseData);
     return {
         ...prevState,
-        message: "Iro Updated",
         severity: "success",
+        message: "Iro Updated",
         data: flattenedData,
         strapiErrors: null,
     };

package/dist/esm/src/data/actions/e-commerce/opo/createOpoAction.js

@@ -16,7 +16,6 @@ import { parseFormData } from '../../../../lib/parseFormData.js';
 async function createOpoAction(prevState, formData) {
     Object.fromEntries(formData);
     const parsedFormData = parseFormData(formData);
-    console.log("createOpoAction parsedFormData", parsedFormData);
     const responseData = await mutateData("POST", `/api/opos/createAdmin`, parsedFormData);
     if (!responseData) {
         return {

package/dist/esm/src/data/actions/logistics/ipo/createIPOAction.js

@@ -12,7 +12,6 @@ import dayjs from '../../../../../node_modules/dayjs/dayjs.min.js';
 
 async function createIPOAction(prevState, formData) {
     const parsedFormData = parseFormData(formData);
-    console.log("createIPOAction parsedFormData", parsedFormData);
     if (!parsedFormData.data.order_date) {
         return {
             ...prevState,

package/dist/esm/src/data/actions/logistics/ipo/updateIpoAction.js

@@ -11,7 +11,6 @@ import { parseFormData } from '../../../../lib/parseFormData.js';
 
 async function updateIpoAction(documentId, prevState, formData) {
     const parsedFormData = parseFormData(formData);
-    console.log("updateIpoAction", documentId, parsedFormData);
     const responseData = await mutateData("PUT", `/api/ipos/${documentId}`, parsedFormData);
     if (!responseData) {
         return {