umwd-components 0.1.824 → 0.1.826

package/dist/esm/src/components/e-commerce/products/EditReturnStockForm.js

@@ -0,0 +1,93 @@
+"use client";
+/*
+ * UMWD-Components
+ * @copyright Jelle Paulus
+ * @license MIT
+ */
+  
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useActionState, useEffect } from 'react';
+import Paper from '@mui/material/Paper';
+import Box from '@mui/material/Box';
+import Stack from '@mui/material/Stack';
+import Typography from '@mui/material/Typography';
+import { updateProductAction } from '../../../data/actions/e-commerce/product/updateProductAction.js';
+import Grid from '@mui/material/Grid';
+import ReportsDisplay from '../../logistics/report/ReportsDisplay.js';
+import ReportMakingComponent from '../../logistics/report/ReportMakingComponent.js';
+import { useSnackbar } from '../../../context/common/SnackbarContext.js';
+import Table from '@mui/material/Table';
+import TableBody from '@mui/material/TableBody';
+import TableCell from '@mui/material/TableCell';
+import TableContainer from '@mui/material/TableContainer';
+import TableFooter from '@mui/material/TableFooter';
+import TableHead from '@mui/material/TableHead';
+import TableRow from '@mui/material/TableRow';
+import Tooltip from '@mui/material/Tooltip';
+import Button from '@mui/material/Button';
+import { AmountIndicator } from '../../common/AmountIndicator.js';
+
+const INITIAL_STATE = {
+    zodErrors: null,
+    strapiErrors: null,
+    data: null,
+    message: null,
+    severity: null,
+};
+function EditReturnStockForm({ data, revalidateCallback, handleClose, sx, }) {
+    const { id, documentId, title, product_number, stock, iros, opoItems, reports, } = data;
+    const { handleAddMessage } = useSnackbar();
+    // Bind the documentId to the form action following form patterns
+    const boundAction = updateProductAction.bind(null, documentId);
+    const [formState, formAction] = useActionState(boundAction, INITIAL_STATE);
+    useEffect(() => {
+        if (formState?.message) {
+            handleAddMessage({
+                message: formState.message,
+                severity: formState.severity || "error",
+            });
+            if (formState.severity === "success") {
+                revalidateCallback && revalidateCallback();
+                handleClose && handleClose();
+            }
+        }
+    }, [formState?.message, handleAddMessage, revalidateCallback, handleClose]);
+    useEffect(() => {
+        if (formState?.strapiErrors) {
+            handleAddMessage({
+                message: formState.strapiErrors.message || "Error updating stock",
+                severity: "error",
+            });
+        }
+    }, [formState?.strapiErrors, handleAddMessage]);
+    return (jsxs(Box, { sx: [...(Array.isArray(sx) ? sx : [sx])], children: [jsxs(Grid, { container: true, spacing: 2, children: [jsx(Grid, { size: 12, children: jsx(Typography, { variant: "h6", children: title }) }), jsx(Grid, { size: 12, children: jsxs(TableContainer, { component: Paper, children: [jsx(Typography, { variant: "h6", sx: { pl: 2 }, children: "Incoming return orders" }), jsxs(Table, { size: "small", children: [jsx(TableHead, { children: jsxs(TableRow, { children: [jsx(TableCell, { children: "Number" }), jsx(TableCell, { children: "Order Date" }), jsx(TableCell, { children: "Line Item Number" }), jsx(TableCell, { children: "Ordered Quantity" }), jsx(TableCell, { children: "Received Quantity" }), jsx(TableCell, { children: "Registered Quantity" }), jsx(TableCell, { children: "Released Quantity" })] }) }), jsx(TableBody, { children: Array.isArray(iros) ? (iros.map((iro) => iro.items.map((item) => (jsxs(TableRow, { children: [jsx(TableCell, { children: iro.ipo_number }), jsx(TableCell, { children: iro.order_date }), jsx(TableCell, { children: item.line_item_number }), jsx(TableCell, { children: jsx(AmountIndicator, { value: item.ordered_quantity, maxValue: item.ordered_quantity, color: "primary" }) }), jsx(TableCell, { children: jsx(AmountIndicator, { value: item.received_quantity, maxValue: item.ordered_quantity, color: "primary" }) }), jsx(TableCell, { children: jsx(AmountIndicator, { value: item.registered_quantity, maxValue: item.ordered_quantity, color: "primary" }) }), jsx(TableCell, { children: jsx(AmountIndicator, { value: item.released_quantity, maxValue: item.ordered_quantity, color: "primary" }) })] }, iro.documentId))))) : (jsx(TableRow, { children: jsx(TableCell, { colSpan: 7, align: "center", children: "No incoming orders found." }) })) }), jsx(TableFooter, { children: jsxs(TableRow, { children: [jsx(TableCell, { colSpan: 6, align: "right", children: "Total added to stock:" }), jsx(TableCell, { children: Array.isArray(iros)
+                                                            ? iros.reduce((total, iro) => total +
+                                                                iro.items.reduce((itemTotal, item) => itemTotal + item.released_quantity, 0), 0)
+                                                            : 0 })] }) })] }), jsx(Table, { size: "small", children: jsxs(TableBody, { children: [jsxs(TableRow, { children: [jsx(TableCell, { align: "right", children: "Total added to stock:" }), jsx(TableCell, { children: Array.isArray(iros) && iros.length > 0
+                                                            ? iros.reduce((total, iro) => total +
+                                                                iro.items.reduce((itemTotal, item) => itemTotal + item.released_quantity, 0), 0)
+                                                            : 0 })] }), jsxs(TableRow, { children: [jsx(TableCell, { align: "right", children: "Corrections:" }), jsx(TableCell, { children: jsx(Tooltip, { title: "Total stock corrections", children: jsx(Typography, { children: reports
+                                                                    ? reports.reduce((total, report) => total + report.quantity, 0)
+                                                                    : 0 }) }) }), jsx(TableCell, { children: jsx(Tooltip, { title: "Total stock corrections after updating", children: jsx("b", { children: reports
+                                                                    ? reports.reduce((total, report) => total + report.quantity, 0)
+                                                                    : 0 }) }) })] }), jsxs(TableRow, { children: [jsx(TableCell, { align: "right", children: "Stock:" }), jsx(TableCell, { children: jsx(Tooltip, { title: "Total stock", children: jsx(Typography, { children: (Array.isArray(iros) && iros.length > 0
+                                                                    ? iros.reduce((total, iro) => total +
+                                                                        iro.items.reduce((itemTotal, item) => itemTotal + item.released_quantity, 0), 0)
+                                                                    : 0) +
+                                                                    (reports
+                                                                        ? reports.reduce((total, report) => total + report.quantity, 0)
+                                                                        : 0) }) }) }), jsx(TableCell, { children: jsx(Tooltip, { title: "Total stock after updating", children: jsx("b", { children: (Array.isArray(iros) && iros.length > 0
+                                                                    ? iros.reduce((total, iro) => total +
+                                                                        iro.items.reduce((itemTotal, item) => itemTotal + item.released_quantity, 0), 0)
+                                                                    : 0) +
+                                                                    (reports
+                                                                        ? reports.reduce((total, report) => total + report.quantity, 0)
+                                                                        : 0) }) }) })] })] }) })] }) })] }), jsxs("form", { action: formAction, children: [jsx("input", { id: "stock_reports", type: "hidden", name: "stock_reports", value: JSON.stringify(reports) }), jsxs(Grid, { container: true, spacing: 2, children: [jsx(Grid, { size: 12, sx: { mt: 2 }, children: jsxs(Stack, { spacing: 2, children: [jsx(Typography, { variant: "h5", children: "Stock corrections" }), 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(Stack, { direction: "row", justifyContent: "flex-end", children: jsx(ReportMakingComponent, { content: "content", quantity: 0, type: "stock", related: [
+                                                    {
+                                                        id: id,
+                                                        __type: "api::e-commerce.product",
+                                                    },
+                                                ], revalidateCallback: revalidateCallback, biggerButton: true }) })] }) }), jsx(Grid, { size: 12, children: jsx(Stack, { direction: "row", justifyContent: "flex-end", alignItems: "center", sx: { py: 1 }, children: handleClose && (jsx(Button, { onClick: handleClose, variant: "outlined", children: "Close" })) }) })] })] })] }));
+}
+
+export { EditReturnStockForm };

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

@@ -0,0 +1,21 @@
+"use server";
+/*
+ * UMWD-Components
+ * @copyright Jelle Paulus
+ * @license MIT
+ */
+  
+import { fetchData } from '../loaders.js';
+import { getStrapiURL } from '../../../lib/utils.js';
+import { unstable_noStore } from 'next/cache';
+
+const baseUrl = getStrapiURL();
+// this returns an stock oversight for a returned product
+// it's different from regular stock as it counts iro's (incoming return orders)
+async function getSingleReturnStock(documentId) {
+    unstable_noStore();
+    const url = new URL(`/api/products/getReturnStock/${documentId}`, baseUrl);
+    return await fetchData(url.href);
+}
+
+export { getSingleReturnStock };

package/dist/esm/src/index.js

@@ -153,7 +153,9 @@ export { OPOItemFields } from './components/e-commerce/opo/OPOItemFields.js';
 export { default as OpoItemUpdater } from './components/e-commerce/opo/OpoItemUpdater.js';
 export { createOpoAction } from './data/actions/e-commerce/opo/createOpoAction.js';
 export { EditStockForm } from './components/e-commerce/products/EditStockForm.js';
+export { EditReturnStockForm } from './components/e-commerce/products/EditReturnStockForm.js';
 export { getSingleStock } from './data/loaders/e-commerce/getSingleStock.js';
+export { getSingleReturnStock } from './data/loaders/e-commerce/getSingleReturnStock.js';
 export { default as CsvDownloader } from './components/common/csv/CsvDownloader.js';
 export { getProductModel } from './data/loaders/e-commerce/getProductModel.js';
 export { queryAllProducts } from './data/loaders/e-commerce/queryAllProducts.js';