umwd-components 0.1.793 → 0.1.794

package/dist/esm/src/components/logistics/dispatcher/DispatcherProfileDisplay.js

@@ -1,41 +0,0 @@
-"use client";
-/*
- * UMWD-Components
- * @copyright Jelle Paulus
- * @license MIT
- */
-  
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import Paper from '@mui/material/Paper';
-import Stack from '@mui/material/Stack';
-import Typography from '@mui/material/Typography';
-import Button from '@mui/material/Button';
-import Divider from '@mui/material/Divider';
-import Grid from '@mui/material/Grid';
-import Alert from '@mui/material/Alert';
-import PersonIcon from '@mui/icons-material/Person';
-import EmailIcon from '@mui/icons-material/Email';
-import PhoneIcon from '@mui/icons-material/Phone';
-import Address from '../../common/Address.js';
-import BusinessCredentials from '../../e-commerce/customer/BusinessCredentials.js';
-import { StyledLink } from '../../StyledLink.js';
-import { usePathname } from 'next/navigation';
-
-function DispatcherProfileDisplay({ data, }) {
-    const { first_name, last_name, email, phone, company_address, business_credentials, editProfileUrl = "/dashboard/dispatcher/user/profile/edit", completeEnough = false, } = data;
-    const pathname = usePathname();
-    // Check if the current path is for a dispatcher profile
-    const isDispatcher = pathname.includes("dispatcher/user/");
-    return (jsx(Paper, { sx: { p: 2 }, children: jsxs(Stack, { spacing: 2, children: [isDispatcher && (jsx(Fragment, { children: !Boolean(completeEnough) ? (jsx(Alert, { severity: "warning", action: jsx(StyledLink, { href: editProfileUrl, target: "_self", children: jsx(Button, { variant: "contained", children: "complete profile" }) }), children: "After completion of your profile you can enjoy all the benefits of your services." })) : (jsx(Stack, { direction: "row", justifyContent: "flex-end", children: jsx(StyledLink, { href: editProfileUrl, target: "_self", children: jsx(Button, { variant: "contained", children: "edit profile" }) }) })) })), jsx(Divider, {}), jsxs(Grid, { container: true, spacing: 2, sx: { width: "100%" }, children: [jsxs(Grid, { size: {
-                                xs: 12,
-                                md: 4
-                            }, children: [jsx(Typography, { variant: "h6", children: "Personal Information" }), jsxs(Stack, { spacing: 1, sx: { mt: 2 }, children: [jsxs(Stack, { direction: "row", alignItems: "center", children: [jsx(PersonIcon, {}), jsx(Typography, { children: `${first_name} ${last_name}` })] }), jsxs(Stack, { direction: "row", alignItems: "center", children: [jsx(EmailIcon, {}), jsx(Typography, { children: email })] }), jsxs(Stack, { direction: "row", alignItems: "center", children: [jsx(PhoneIcon, {}), jsx(Typography, { children: phone })] })] })] }), jsxs(Grid, { size: {
-                                xs: 12,
-                                md: 4
-                            }, children: [jsx(Typography, { variant: "h6", children: "Business Credentials" }), business_credentials ? (jsx(BusinessCredentials, { data: business_credentials })) : (jsx(Typography, { children: "Business credentials not available" }))] }), jsxs(Grid, { size: {
-                                xs: 12,
-                                md: 4
-                            }, children: [jsx(Typography, { variant: "h6", children: "Company Address" }), company_address ? (jsx(Address, { data: { ...company_address } })) : (jsx(Typography, { children: "Company address not available" }))] })] })] }) }));
-}
-
-export { DispatcherProfileDisplay as default };

package/dist/esm/src/components/logistics/dispatcher/DispatcherProfileEditForm.js

@@ -1,65 +0,0 @@
-"use client";
-/*
- * UMWD-Components
- * @copyright Jelle Paulus
- * @license MIT
- */
-  
-import { jsx, jsxs } from 'react/jsx-runtime';
-import Divider from '@mui/material/Divider';
-import Paper from '@mui/material/Paper';
-import Box from '@mui/material/Box';
-import Stack from '@mui/material/Stack';
-import Grid from '@mui/material/Grid';
-import TextField from '@mui/material/TextField';
-import Typography from '@mui/material/Typography';
-import Button from '@mui/material/Button';
-import { AddressFields } from '../../common/Address.js';
-import { SubmitButton } from '../../SubmitButton.js';
-import { useActionState, useEffect } from 'react';
-import { updateDispatcherProfileAction } from '../../../data/actions/logistics/dispatcher/profile-actions.js';
-import { BusinessCredentialsFields } from '../../e-commerce/customer/BusinessCredentials.js';
-import { useSession } from '../../../context/auth/SessionContext.js';
-import { useSnackbar } from '../../../context/common/SnackbarContext.js';
-import EmailIcon from '@mui/icons-material/Email';
-import PhoneIcon from '@mui/icons-material/Phone';
-import PersonIcon from '@mui/icons-material/Person';
-
-const INITIAL_STATE = {
-    zodErrors: null,
-    strapiErrors: null,
-    data: null,
-    message: null,
-    severity: null,
-};
-function DispatcherProfileEditForm({ data, sx, revalidateCallback, handleClose, }) {
-    const { documentId, first_name, last_name, email, phone, company_address, business_credentials, } = data;
-    const boundAction = updateDispatcherProfileAction.bind(null, documentId);
-    const [formState, formAction] = useActionState(boundAction, INITIAL_STATE);
-    const { handleAddMessage } = useSnackbar();
-    const { refreshSession } = useSession();
-    useEffect(() => {
-        if (formState?.message) {
-            handleAddMessage({
-                message: formState.message,
-                severity: formState.severity || "error",
-            });
-            if (formState.severity === "success") {
-                refreshSession();
-                revalidateCallback && revalidateCallback();
-                handleClose && handleClose();
-            }
-        }
-    }, [formState?.message]);
-    useEffect(() => {
-        if (formState?.strapiErrors) {
-            handleAddMessage({
-                message: formState.strapiErrors.message || "Error performing action",
-                severity: "error",
-            });
-        }
-    }, [formState?.strapiErrors]);
-    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: 12, children: jsxs(Stack, { spacing: 2, children: [jsx(Typography, { variant: "h3", component: "h1", children: "Edit Profile" }), jsx(Typography, { variant: "body1", children: "Update your profile information" })] }) }), jsx(Grid, { size: 12, children: jsxs(Stack, { spacing: 2, children: [jsx(Typography, { variant: "h6", children: "Personal Information" }), jsxs(Stack, { direction: "row", alignItems: "center", children: [jsx(PersonIcon, {}), jsx(Typography, { children: `${first_name} ${last_name}` })] }), jsxs(Stack, { direction: "row", alignItems: "center", children: [jsx(EmailIcon, {}), jsx(TextField, { id: "email", name: "email", label: "Email", type: "email", defaultValue: email })] }), jsxs(Stack, { direction: "row", alignItems: "center", children: [jsx(PhoneIcon, {}), jsx(TextField, { id: "phone", name: "phone", label: "Phone", type: "tel", defaultValue: phone })] })] }) }), jsx(Grid, { size: 12, children: jsxs(Paper, { sx: { p: 2 }, children: [jsx(Typography, { variant: "h6", gutterBottom: true, children: "Company Address" }), jsx(Divider, { sx: { mb: 2 } }), jsx(AddressFields, { componentName: "company_address", componentReference: "common.address", data: company_address })] }) }), jsx(Grid, { size: 12, children: jsxs(Paper, { sx: { p: 2 }, children: [jsx(Typography, { variant: "h6", gutterBottom: true, children: "Business Credentials" }), jsx(Divider, { sx: { mb: 2 } }), jsx(BusinessCredentialsFields, { componentName: "business_credentials", componentReference: "business.credentials", data: business_credentials })] }) }), jsx(Grid, { size: 12, children: jsxs(Stack, { direction: "row", justifyContent: "space-between", spacing: 2, alignItems: "center", sx: { mt: 2 }, children: [handleClose && (jsx(Button, { onClick: handleClose, variant: "outlined", children: "Cancel" })), jsx(SubmitButton, { text: "Save Changes", loadingText: "Saving...", variant: "contained" })] }) })] }) }) }));
-}
-
-export { DispatcherProfileEditForm as default };

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

@@ -1,81 +0,0 @@
-"use client";
-/*
- * UMWD-Components
- * @copyright Jelle Paulus
- * @license MIT
- */
-  
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useActionState, useState, useEffect } from 'react';
-import Box from '@mui/material/Box';
-import Stack from '@mui/material/Stack';
-import TextField from '@mui/material/TextField';
-import Typography from '@mui/material/Typography';
-import Divider from '@mui/material/Divider';
-import Button from '@mui/material/Button';
-import Checkbox from '@mui/material/Checkbox';
-import { SubmitButton } from '../../SubmitButton.js';
-import { createIPOAction } from '../../../data/actions/logistics/ipo/createIPOAction.js';
-import Grid from '@mui/material/Grid';
-import VendorSelector from '../vendor/VendorSelector.js';
-import { getSingleVendor } from '../../../data/loaders/logistics/getSingleVendor.js';
-import { IPOItemFields } from './IPOItemFields.js';
-import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
-import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
-import { DatePicker } from '@mui/x-date-pickers/DatePicker';
-import { useSnackbar } from '../../../context/common/SnackbarContext.js';
-
-// TODO: order date should be set by the user
-const INITIAL_STATE = {
-    zodErrors: null,
-    strapiErrors: null,
-    data: null,
-    message: null,
-    severity: null,
-};
-function AddIPOForm({ vendorNamesArr, sx, revalidateCallback, handleClose, }) {
-    const [formState, formAction] = useActionState(createIPOAction, INITIAL_STATE);
-    const [productsArr, setProductsArr] = useState([]);
-    const [vendorID, setVendorID] = useState(null);
-    const { handleAddMessage } = useSnackbar();
-    useEffect(() => {
-        if (formState?.message) {
-            handleAddMessage({
-                message: formState.message,
-                severity: formState.severity || "error",
-            });
-            if (formState.severity === "success") {
-                revalidateCallback && revalidateCallback();
-                handleClose && handleClose();
-            }
-        }
-    }, [formState?.message]);
-    useEffect(() => {
-        if (formState?.strapiErrors) {
-            handleAddMessage({
-                message: formState.strapiErrors.message || "Error performing action",
-                severity: "error",
-            });
-        }
-    }, [formState?.strapiErrors]);
-    const handleVendorSelect = async (selectedVendorID) => {
-        setVendorID(selectedVendorID);
-        if (!selectedVendorID) {
-            setProductsArr([]);
-            return;
-        }
-        const vendor = await getSingleVendor(selectedVendorID);
-        console.log("vendor", vendor);
-        const vendorProducts = vendor?.products.filter((product) => !product.product_number.startsWith("r")) || [];
-        setProductsArr(vendorProducts);
-    };
-    return (jsx(Box, { sx: [
-            // You cannot spread `sx` directly because `SxProps` (typeof sx) can be an array.
-            ...(Array.isArray(sx) ? sx : [sx]),
-        ], children: jsx("form", { action: formAction, children: jsxs(Grid, { container: true, spacing: 2, children: [jsx(Grid, { size: 12, children: jsxs(Stack, { spacing: 2, children: [jsx(Typography, { variant: "h3", component: "h1", children: "Add IPO" }), jsx(Typography, { variant: "body1", children: "Create a new incoming purchase order" })] }) }), jsx(Grid, { sx: { mt: 1 }, size: {
-                            xs: 12,
-                            md: 6,
-                        }, children: vendorNamesArr ? (jsx(VendorSelector, { vendorNames: vendorNamesArr, currentValue: null, onSelectVendor: handleVendorSelect })) : (jsx(Typography, { children: "No vendors on file, you need to create a vendor first before you are able to create incoming purchase orders" })) }), jsx(Grid, { size: 12, children: jsxs(Stack, { spacing: 2, children: [jsx(Typography, { variant: "h5", children: "Order Details" }), jsx(Typography, { variant: "body1", children: "The orderdate should be the official date of the order, don't worry, you can also set days in the past or future" }), jsx(LocalizationProvider, { dateAdapter: AdapterDayjs, children: jsx(DatePicker, { name: "order_date", label: "Order Date" }) }), jsx(Typography, { variant: "body1", children: "Please enter a custom reference for this order" }), jsx(TextField, { id: "customer_reference", name: "customer_reference", type: "text", label: "Custom Reference" }), jsx(Divider, {})] }) }), jsx(Grid, { size: 12, children: jsx(IPOItemFields, { productsArr: productsArr, vendorID: vendorID }) }), jsxs(Grid, { size: 12, children: [jsx(Checkbox, { name: "confirmation", defaultChecked: true }), jsx(Typography, { variant: "body2", children: "I confirm that the information provided is accurate to the best of my knowledge and like to confirm immediately." })] }), jsx(Grid, { size: 12, children: jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { mt: 2 }, children: [handleClose && (jsx(Button, { onClick: handleClose, variant: "outlined", children: "Cancel" })), jsx(SubmitButton, { text: "Create IPO", loadingText: "Creating...", variant: "contained", disabled: vendorID === null })] }) })] }) }) }));
-}
-
-export { AddIPOForm };

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

@@ -1,127 +0,0 @@
-/*
- * UMWD-Components
- * @copyright Jelle Paulus
- * @license MIT
- */
-  
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
-import Table from '@mui/material/Table';
-import TableHead from '@mui/material/TableHead';
-import TableBody from '@mui/material/TableBody';
-import TableCell from '@mui/material/TableCell';
-import TableRow from '@mui/material/TableRow';
-import IconButton from '@mui/material/IconButton';
-import AddIcon from '@mui/icons-material/Add';
-import Typography from '@mui/material/Typography';
-import Stack from '@mui/material/Stack';
-import TextField from '@mui/material/TextField';
-import ProductSelector from '../../e-commerce/products/ProductSelector.js';
-import WeekPicker from '../../common/WeekPicker.js';
-import dayjs from '../../../../node_modules/dayjs/dayjs.min.js';
-import DeleteIcon from '@mui/icons-material/Delete';
-import { useTheme } from '@mui/material/styles';
-
-const getWeek = (date) => {
-    return dayjs(date).isoWeek();
-};
-function IPOItemFields({ productsArr, vendorID = null, }) {
-    const [items, setItems] = useState([]);
-    const [nextProductName, setNextProductName] = useState(null);
-    const [nextAmount, setNextAmount] = useState(0);
-    const [nextPDW, setNextPDW] = useState(new Date()); // preffered delivery week
-    const [selectedProduct, setSelectedProduct] = useState([]);
-    const handleAddItem = () => {
-        if (nextProductName === null || nextAmount === null) {
-            console.log("nextProductName or nextAmount is null");
-            return;
-        }
-        const newItem = {
-            product: nextProductName,
-            amount: nextAmount,
-            pdw: nextPDW,
-        };
-        setItems([...items, newItem]);
-        // reset the fields
-        setNextProductName(null);
-        setNextAmount(0);
-        setNextPDW(new Date());
-        setSelectedProduct([]);
-    };
-    const handleDeleteItem = (index) => {
-        const newItems = items.filter((_, i) => i !== index);
-        setItems(newItems);
-    };
-    const theme = useTheme();
-    useEffect(() => {
-        setItems([]);
-    }, [vendorID]);
-    const parseItems = (items) => {
-        return items.map((item, index) => {
-            return {
-                line_item_number: `${index + 1}.0.0`,
-                product: item.product.documentId,
-                ordered_quantity: item.amount,
-                expected_delivery_date: item.pdw,
-            };
-        });
-    };
-    const [parsedItems, setParsedItems] = useState([]);
-    useEffect(() => {
-        setParsedItems(parseItems(items));
-    }, [items]);
-    return (jsxs(Stack, { spacing: 2, children: [jsx(Typography, { variant: "h5", children: "Adding the products" }), jsx(Typography, { variant: "body1", children: "Please select the products that are in the purchase order" }), jsx(Typography, { variant: "body2", children: "Only products by the selected supplier can be added" }), jsxs(Table, { children: [jsx(TableHead, { children: jsxs(TableRow, { children: [jsx(TableCell, { id: "line_item_number", sx: [
-                                        { width: "15%" },
-                                        vendorID === null && {
-                                            color: theme.palette.text.disabled,
-                                        },
-                                    ], children: "Line Item Number" }), jsx(TableCell, { sx: [
-                                        { width: "55%" },
-                                        vendorID === null && {
-                                            color: theme.palette.text.disabled,
-                                        },
-                                    ], children: "Product Number" }), jsx(TableCell, { sx: [
-                                        { width: "15%" },
-                                        vendorID === null && {
-                                            color: theme.palette.text.disabled,
-                                        },
-                                    ], children: "Amount" }), jsx(TableCell, { sx: [
-                                        { width: "15%" },
-                                        vendorID === null && {
-                                            color: theme.palette.text.disabled,
-                                        },
-                                    ], children: "Preferred delivery week" }), jsx(TableCell, { sx: [
-                                        vendorID === null && {
-                                            color: theme.palette.text.disabled,
-                                        },
-                                    ] })] }) }), jsx(TableBody, { children: items.map((item, index) => {
-                            return (jsxs(TableRow, { children: [jsxs(TableCell, { sx: [
-                                            { width: "15%" },
-                                            vendorID === null && { color: theme.palette.text.disabled },
-                                        ], children: [index + 1, ".0.0"] }), jsxs(TableCell, { sx: [
-                                            { width: "55%" },
-                                            vendorID === null && { color: theme.palette.text.disabled },
-                                        ], children: [item.product.product_number, " | ", item.product.title] }), jsx(TableCell, { sx: { width: "15%" }, children: item.amount }), jsx(TableCell, { sx: { width: "10%" }, children: getWeek(item.pdw) }), jsx(TableCell, { align: "right", sx: { width: "5%" }, children: jsx(IconButton, { onClick: () => handleDeleteItem(index), children: jsx(DeleteIcon, {}) }) })] }, index));
-                        }) })] }), jsx("input", { type: "hidden", name: "ipo_items", value: JSON.stringify(parsedItems) }), jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", sx: { p: 2, width: "100%" }, children: [jsxs(Typography, { variant: "body1", sx: { width: "15%" }, children: [items.length + 1, ".0.0"] }), productsArr && (jsx(ProductSelector, { productNames: productsArr, currentValue: selectedProduct, sx: { width: "55%" }, multiple: false, onChangeCallback: (ids) => {
-                            const product = productsArr.find((p) => p.documentId === ids[0]);
-                            setNextProductName(product || null);
-                            setSelectedProduct(ids);
-                        } })), jsx(TextField, { id: "amount", name: "amount", type: "number", label: "Amount", value: nextAmount, onChange: (e) => {
-                            if (e.target.value === "") {
-                                setNextAmount(0);
-                                return;
-                            }
-                            if (parseInt(e.target.value) < 0) {
-                                setNextAmount(0);
-                                return;
-                            }
-                            setNextAmount(parseInt(e.target.value));
-                        }, disabled: vendorID === null, sx: { width: "15%" } }), jsx(WeekPicker, { value: nextPDW, onChangeCallback: (date) => {
-                            setNextPDW(date);
-                        }, label: "Preferred delivery week", disabled: false }), jsx(IconButton, { disabled: vendorID === null ||
-                            nextAmount === 0 ||
-                            nextPDW === null ||
-                            nextProductName === null, onClick: handleAddItem, children: jsx(AddIcon, {}) })] })] }));
-}
-
-export { IPOItemFields };

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

@@ -1,47 +0,0 @@
-/*
- * UMWD-Components
- * @copyright Jelle Paulus
- * @license MIT
- */
-  
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useState } from 'react';
-import Stack from '@mui/material/Stack';
-import Typography from '@mui/material/Typography';
-import IconButton from '@mui/material/IconButton';
-import Divider from '@mui/material/Divider';
-import Collapse from '@mui/material/Collapse';
-import { AmountUpdater } from '../../common/AmountUpdater.js';
-import ArrowButtonDownIcon from '@mui/icons-material/ArrowDropDown';
-import ImagePreviewTooltip from '../../common/ImagePreviewTooltip.js';
-import ReportMakingComponent from '../report/ReportMakingComponent.js';
-import ReportsDisplay from '../report/ReportsDisplay.js';
-
-function ItemUpdater({ item, index, handleUpdateQuantity, image, revalidateCallback, }) {
-    const { line_item_number, product, received_quantity, registered_quantity, released_quantity, ordered_quantity, reports, } = item;
-    const received_bad_quantity = reports !== undefined && reports.length > 0
-        ? reports
-            .filter((report) => report.type === "received")
-            .reduce((a, b) => a + b.quantity, 0)
-        : 0;
-    const registered_bad_quantity = reports !== undefined && reports.length > 0
-        ? reports
-            .filter((report) => report.type === "registered")
-            .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) => {
-                        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) => {
-                        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) => {
-                        handleUpdateQuantity(newValue, item.documentId, "released_quantity");
-                    } })] })) }, index));
-}
-
-export { ItemUpdater as default };

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

@@ -1,55 +0,0 @@
-"use client";
-/*
- * UMWD-Components
- * @copyright Jelle Paulus
- * @license MIT
- */
-  
-import { jsx } from 'react/jsx-runtime';
-import Chip from '@mui/material/Chip';
-
-const statusColorArray = [
-    { status: "placed", color: "info" },
-    { status: "ordered", color: "info" },
-    { status: "logistics_operator_process", color: "info" },
-    { status: "released_on_stock", color: "info" },
-    { status: "done", color: "success" },
-    { status: "cancelled", color: "error" },
-    { status: null, color: "default" },
-];
-const enduserStatusColorArray = [
-    { status: "placed", color: "warning" },
-    { status: "ordered", color: "info" },
-    { status: "logistics_operator_process", color: "info" },
-    { status: "released_on_stock", color: "info" },
-    { status: "done", color: "success" },
-    { status: "cancelled", color: "error" },
-    { status: null, color: "default" },
-];
-const dispatcherStatusColorArray = [
-    { status: "placed", color: "info" },
-    { status: "ordered", color: "warning" },
-    { status: "logistics_operator_process", color: "info" },
-    { status: "released_on_stock", color: "info" },
-    { status: "done", color: "success" },
-    { status: "cancelled", color: "error" },
-    { status: null, color: "default" },
-];
-const IpoStatusIndicator = ({ status, role, }) => {
-    const readableStatus = status
-        ? status
-            .split("_")
-            .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
-            .join(" ")
-        : "Unknown";
-    return (jsx(Chip, { label: readableStatus, color: role === "enduser"
-            ? enduserStatusColorArray.find((s) => s.status === status)?.color ||
-                "default"
-            : role === "dispatcher"
-                ? dispatcherStatusColorArray.find((s) => s.status === status)
-                    ?.color || "default"
-                : statusColorArray.find((s) => s.status === status)?.color ||
-                    "default" }));
-};
-
-export { IpoStatusIndicator };

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

@@ -1,17 +0,0 @@
-/*
- * UMWD-Components
- * @copyright Jelle Paulus
- * @license MIT
- */
-  
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import Stack from '@mui/material/Stack';
-import Typography from '@mui/material/Typography';
-import ImagePreviewTooltip from '../../common/ImagePreviewTooltip.js';
-
-function ItemDisplay({ item, index, image }) {
-    const { line_item_number, product, ordered_quantity } = item;
-    return (jsx(Stack, { spacing: 1, children: item && (jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", 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] }), jsxs(Typography, { variant: "body1", children: ["Quantity Ordered: ", ordered_quantity] })] }), image && (jsx(Fragment, { children: jsx(ImagePreviewTooltip, { image: image, label: item.product.title }) }))] })) }, index));
-}
-
-export { ItemDisplay as default };

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

@@ -1,101 +0,0 @@
-/*
- * UMWD-Components
- * @copyright Jelle Paulus
- * @license MIT
- */
-  
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useActionState, useState, useEffect } from 'react';
-import { useSnackbar } from '../../../context/common/SnackbarContext.js';
-import { updateIpoAction } from '../../../data/actions/logistics/ipo/updateIpoAction.js';
-import { UploadBase64MediaForm } from '../../common/media/UploadBase64MediaForm.js';
-import downloadBase64File from '../../../data/loaders/common/media/downloadBase64File.js';
-import ItemUpdater from './IPOItemUpdater.js';
-import ItemDisplay from './ItemDisplay.js';
-import NotesDisplay from '../note/NotesDisplay.js';
-import NoteTakingComponent from '../note/NoteTakingComponent.js';
-import { SubmitButton } from '../../SubmitButton.js';
-import { confirmationService } from '../../../data/services/common/confirmation-service.js';
-import Alert from '@mui/material/Alert';
-import Dialog from '@mui/material/Dialog';
-import DialogActions from '@mui/material/DialogActions';
-import DialogContent from '@mui/material/DialogContent';
-import DialogTitle from '@mui/material/DialogTitle';
-import Typography from '@mui/material/Typography';
-import Button from '@mui/material/Button';
-import Grid from '@mui/material/Grid';
-import Box from '@mui/material/Box';
-import Paper from '@mui/material/Paper';
-import Stack from '@mui/material/Stack';
-import Divider from '@mui/material/Divider';
-
-const INITIAL_STATE = {
-    zodErrors: null,
-    strapiErrors: null,
-    data: null,
-    message: null,
-    severity: null,
-};
-function ConfirmFormDialog({ open, handleClose, orderID, currentStatus, revalidateCallback, }) {
-    return (jsxs(Dialog, { open: open, children: [jsx(DialogTitle, { children: "Confirm Order" }), jsx(DialogContent, { children: jsxs(Stack, { spacing: 2, children: [jsx(Typography, { children: "Are you sure you want to confirm this order?" }), jsxs(Typography, { children: ["Current status: ", currentStatus] })] }) }), jsxs(DialogActions, { children: [jsx(Button, { variant: "contained", onClick: (e) => {
-                            confirmationService("ipos", [orderID]);
-                            revalidateCallback && revalidateCallback();
-                            handleClose();
-                        }, children: "Confirm" }), jsx(Button, { variant: "outlined", onClick: handleClose, children: "Cancel" })] })] }));
-}
-function ManageIPOForm({ data, sx, revalidateCallback, handleClose, role, }) {
-    const [formState, formAction] = useActionState((prevState, formData) => updateIpoAction(data.documentId, prevState, formData), INITIAL_STATE);
-    const { handleAddMessage } = useSnackbar();
-    const [items, setItems] = useState(data.items ? data.items : []);
-    const [confirmDialogOpen, setConfirmDialogOpen] = useState(false);
-    useEffect(() => {
-        if (formState?.message) {
-            handleAddMessage({
-                message: formState.message,
-                severity: formState.severity || "error",
-            });
-            if (formState.severity === "success") {
-                revalidateCallback && revalidateCallback();
-                handleClose && handleClose();
-            }
-        }
-    }, [formState?.message]);
-    useEffect(() => {
-        if (formState?.strapiErrors) {
-            handleAddMessage({
-                message: formState.strapiErrors.message || "Error performing action",
-                severity: "error",
-            });
-        }
-    }, [formState?.strapiErrors]);
-    const parseItems = (items) => {
-        return items.map((item) => {
-            return {
-                documentId: item.documentId,
-                received_quantity: item.received_quantity,
-                registered_quantity: item.registered_quantity,
-                released_quantity: item.released_quantity,
-            };
-        });
-    };
-    const handleUpdateQuantity = (value, itemID, type) => {
-        const newItems = [...items];
-        const index = newItems.findIndex((item) => item.documentId === itemID);
-        newItems[index][type] = value;
-        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: "Manage Inbound Purchase Order" }), jsx(Typography, { variant: "body1", children: "Update the incoming purchase order details" })] }), jsx(NoteTakingComponent, { content: "", related: [
-                                            { id: data.documentId, __type: "api::logistics.ipo" },
-                                        ], revalidateCallback: revalidateCallback })] }), jsx(Divider, {})] }) }), jsx(Grid, { size: 6, children: jsxs(Stack, { spacing: 1, children: [jsx(Typography, { variant: "h5", children: "Details" }), jsxs(Stack, { direction: "row", spacing: 2, children: [jsx(Typography, { variant: "body1", width: "250px", children: "Purchase Order Number" }), jsx(Typography, { variant: "body2", children: data.ipo_number })] }), jsxs(Stack, { direction: "row", spacing: 2, children: [jsx(Typography, { variant: "body1", width: "250px", children: "Custom reference" }), jsx(Typography, { variant: "body2", children: data.customer_reference })] }), jsxs(Stack, { direction: "row", spacing: 2, children: [jsx(Typography, { variant: "body1", width: "250px", children: "Order Date" }), jsx(Typography, { variant: "body2", children: data.order_date })] }), jsxs(Stack, { direction: "row", spacing: 2, children: [jsx(Typography, { variant: "body1", width: "250px", children: "Supplier" }), jsx(Typography, { variant: "body2", children: data.vendor_profile?.business_credentials?.company_name })] }), jsxs(Stack, { direction: "row", spacing: 2, children: [jsx(Typography, { variant: "body1", width: "250px", children: "Order Status" }), jsx(Typography, { variant: "body2", width: "250px", children: data.internal_status })] }), (data.internal_status === "placed" ||
-                                data.internal_status === "released_on_stock") &&
-                                role === "enduser" && (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 will this order be available to the dispatcher." }), jsx(ConfirmFormDialog, { open: confirmDialogOpen, handleClose: () => setConfirmDialogOpen(false), orderID: data.documentId, currentStatus: data.internal_status, revalidateCallback: revalidateCallback })] }))] }) }), jsx(Grid, { size: 12, children: jsxs(Stack, { spacing: 2, children: [jsx(Typography, { variant: "h5", children: "Documents" }), jsx(Paper, { sx: { p: 2 }, children: jsxs(Stack, { spacing: 1, children: [role === "enduser" && (jsx(Fragment, { children: data.order_confirmation ? (jsxs(Stack, { spacing: 1, children: [jsx(Typography, { variant: "h6", children: "Order Confirmation" }), jsx(Typography, { children: data.order_confirmation?.name }), jsx(Button, { variant: "contained", onClick: () => {
-                                                            downloadBase64File(`api/ipos/${data.documentId}`, "order_confirmation");
-                                                        }, children: "Download" })] })) : (jsxs(Stack, { spacing: 1, children: [jsx(Typography, { variant: "h6", children: "Order Confirmation" }), jsx(Typography, { variant: "body1", children: "Upload the order confirmation for this order" }), jsx(UploadBase64MediaForm, { reference: "api::logistics.ipo", refID: data.documentId, field: "order_confirmation", multiple: false, accept: "text/*,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document", path: "api/ipos", componentName: "order_confirmation", componentReference: "common.base64-encoded-media", revalidateCallback: revalidateCallback })] })) })), data.delivery_note ? (jsxs(Stack, { spacing: 1, children: [jsx(Typography, { variant: "h6", children: "Delivery Note" }), jsx(Typography, { children: data.delivery_note?.name }), jsx(Button, { variant: "contained", onClick: () => {
-                                                        downloadBase64File(`api/ipos/${data.documentId}`, "delivery_note");
-                                                    }, children: "Download" })] })) : (jsxs(Stack, { spacing: 1, children: [jsx(Typography, { variant: "h6", children: "Delivery Note" }), jsx(Typography, { variant: "body1", children: "Upload the delivery note for this order" }), jsx(UploadBase64MediaForm, { reference: "api::logistics.ipo", refID: data.documentId, field: "delivery_note", multiple: false, accept: "text/*,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document", path: "api/ipos", componentName: "delivery_note", componentReference: "common.base64-encoded-media", revalidateCallback: revalidateCallback })] }))] }) })] }) }), data?.notes?.length > 0 && (jsx(Grid, { size: 12, children: jsxs(Stack, { spacing: 2, children: [jsx(Typography, { variant: "h5", children: "Notes" }), jsx(NotesDisplay, { notes: data.notes }), jsx(Divider, {})] }) })), jsx(Grid, { size: 12, children: jsxs(Stack, { spacing: 2, children: [jsx(Typography, { variant: "h5", children: "Items" }), data.internal_status === "placed" && (jsx(Alert, { severity: "warning", children: "Items cannot be updated before order confirmation" })), jsxs("form", { action: formAction, children: [jsx("input", { type: "hidden", name: "items", value: JSON.stringify(parseItems(items)) }), jsxs(Stack, { spacing: 2, children: [data?.items &&
-                                                data.items.map((item, index) => (jsx(Paper, { sx: { p: 2 }, children: data.internal_status === "placed" ? (jsx(ItemDisplay, { item: item, index: index, image: item?.product?.image })) : (jsx(ItemUpdater, { item: item, index: index, handleUpdateQuantity: handleUpdateQuantity, image: item?.product?.image, 
-                                                        // handleRemoveReportAtIndex={handleRemoveReportAtIndex}
-                                                        revalidateCallback: revalidateCallback })) }, index))), data.internal_status !== "placed" && (jsx(Paper, { sx: { p: 2 }, children: jsxs(Stack, { direction: "row", justifyContent: "flex-end", spacing: 2, children: [handleClose && (jsx(Button, { onClick: handleClose, variant: "outlined", children: "Cancel" })), jsx(SubmitButton, { text: "Update Items", loadingText: "Updating...", variant: "contained" })] }) }))] })] })] }) })] }) }));
-}
-
-export { ManageIPOForm as default };

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

@@ -1,56 +0,0 @@
-/*
- * UMWD-Components
- * @copyright Jelle Paulus
- * @license MIT
- */
-  
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useState } from 'react';
-import Stack from '@mui/material/Stack';
-import Typography from '@mui/material/Typography';
-import IconButton from '@mui/material/IconButton';
-import Divider from '@mui/material/Divider';
-import Collapse from '@mui/material/Collapse';
-import { TextualAmountUpdater } from '../../common/TextualAmountUpdater.js';
-import ArrowButtonDownIcon from '@mui/icons-material/ArrowDropDown';
-import ImagePreviewTooltip from '../../common/ImagePreviewTooltip.js';
-import ReportsDisplay from '../report/ReportsDisplay.js';
-import PreReportsDisplay from '../report/PreReportsDisplay.js';
-import SimpleReportFields from '../report/SimpleReportFields.js';
-import Box from '@mui/material/Box';
-
-function TextualIPOItemUpdater({ item, index, handleAddReport, handleUpdateQuantity, image, handleRemoveReportAtIndex, showing, }) {
-    const { line_item_number, product, ordered_quantity, received_quantity, registered_quantity, released_quantity, reports, } = item;
-    const [open, setOpen] = useState(false);
-    // these values where wrapped with useMemo before but that did not work well while updating values
-    reports && reports.length > 0
-        ? reports
-            .filter((report) => report.type === "received")
-            .reduce((a, b) => a + b.quantity, 0)
-        : 0;
-    const registered_reports_quantity = reports && reports.length > 0
-        ? reports
-            .filter((report) => report.type === "registered")
-            .reduce((a, b) => a + b.quantity, 0)
-        : 0;
-    reports && reports.length > 0
-        ? reports
-            .filter((report) => report.type === "released")
-            .reduce((a, b) => a + b.quantity, 0)
-        : 0;
-    const dbReports = item.reports?.filter((report) => "documentId" in report) ||
-        [];
-    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) => {
-                                        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");
-                                    } })] }), 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) => {
-                                handleUpdateQuantity(newValue, item.documentId, "released_quantity");
-                            } })] }))] })) }, index));
-}
-
-export { TextualIPOItemUpdater as default };