umwd-components 0.1.730 → 0.1.732

package/dist/esm/src/components/common/csv/CsvDownloader.js

@@ -26,7 +26,7 @@ import { useState, useRef, useCallback, useEffect, Fragment as Fragment$1 } from
 import dayjs from '../../../../node_modules/dayjs/dayjs.min.js';
 import qs from '../../../../node_modules/qs/lib/index.js';
 
-function CSVDownloader(props) {
+function CsvDownloader(props) {
     const { defaultAttributes, defaultRelations, defaultStrapiAttributes, additionalDateTypes, fetchCSVData, entityCode = "FU", } = props;
     const dateFieldOptions = [
         ...defaultStrapiAttributes.map((attr) => attr.name),
@@ -168,7 +168,7 @@ function CSVDownloader(props) {
     }, [csvData]);
     useEffect(() => {
         setCsvQuery(qs.stringify({
-            fields: attributes,
+            fields: [...attributes, ...strapiAttributes],
             filters: {
                 [dateType]: {
                     $between: [
@@ -197,4 +197,4 @@ function CSVDownloader(props) {
                                                 strapiAttributes.length && strapiAttributes.length > 0, sx: { "& .MuiSvgIcon-root": { fontSize: 28 } }, onChange: selectAllStrapiAttributes })] }) }), defaultStrapiAttributes.map((strapi) => (jsx(Grid, { item: true, xs: 4, children: jsxs(Stack, { spacing: 1, direction: "row", sx: { alignItems: "center" }, children: [jsx(Checkbox, { name: strapi.name, checked: strapiAttributes.includes(strapi.name), onChange: handleStrapiAttributeChange }), jsx(Typography, { children: strapi.label })] }) }, strapi.name))), jsx(Grid, { item: true, xs: 12, children: jsx(Typography, { variant: "h6", children: "Select date range" }) }), jsx(Grid, { item: true, xs: 12, children: jsxs(Stack, { direction: "row", spacing: 2, children: [jsx(Autocomplete, { value: dateType, options: dateFieldOptions, multiple: false, onChange: (e, newValue) => setDateType(newValue), renderInput: (params) => (jsx(TextField, { ...params, label: "Date Type" })), sx: { width: 300 }, disableClearable: true }), jsx(DatePicker, { value: startDate, label: "start date", onChange: (value) => value && setStartDate(value) }), jsx(DatePicker, { value: endDate, label: "end date", onChange: (value) => value && setEndDate(value) })] }) })] })), jsx(Grid, { item: true, xs: 12, children: jsxs(Stack, { direction: "row", spacing: 2, sx: { justifyContent: "space-between" }, children: [jsxs(Fragment$1, { children: [jsx(Button, { variant: "contained", disabled: attributes.length === 0 && relations.length === 0, onClick: exportCSV, children: "Export CSV" }), csvData && (jsx(reactCsv.CSVLink, { data: csvData, filename: `${dayjs(startDate).format("DD-MM-YYYY")}_${dayjs(endDate).format("DD-MM-YYYY")}/${dateType}_${entityCode}-export.csv`, ref: csvLinkRef }))] }), jsx(IconButton, { "aria-label": "expand row", size: "small", onClick: () => setOpen(!open), children: open ? jsx(KeyboardArrowUpIcon, {}) : jsx(KeyboardArrowDownIcon, {}) })] }) })] }) }) }));
 }
 
-export { CSVDownloader as default };
+export { CsvDownloader as default };

package/dist/esm/src/components/e-commerce/cart/CartSummary.js

@@ -26,7 +26,7 @@ const CartSummary = () => {
     if (!isClient) {
         return jsx(CircularProgress, {});
     }
-    return (jsx(Box, { sx: { p: { xs: 1, md: 2 } }, children: state.items.length > 0 ? (jsxs(Table, { children: [jsx(TableBody, { children: state.items.map((item) => (jsx(CartSummaryRow, { data: item }, item.id))) }), jsx(TableFooter, { children: jsxs(TableRow, { children: [!small && jsx(TableCell, { sx: { p: { xs: 1, sm: 2 } } }), jsx(TableCell, { sx: { p: { xs: 1, sm: 2 } }, colSpan: small ? 2 : 1 }), small ? (jsx(Fragment, { children: jsxs(TableCell, { colSpan: 2, align: "right", sx: { color: "#555", padding: 1 }, children: [jsx(Typography, { sx: { fontSize: 14 }, children: "Total " }), jsxs(Typography, { sx: { fontSize: 14 }, children: ["excl VAT: \u20AC ", state.totalExVAT.toFixed(2)] }), jsxs(Typography, { sx: { fontSize: 14 }, children: ["incl VAT: \u20AC ", state.totalInclVAT.toFixed(2)] })] }) })) : (jsxs(Fragment, { children: [jsxs(TableCell, { colSpan: 1, align: "right", sx: { color: "#555" }, children: ["Total excl VAT: \u20AC ", state.totalExVAT.toFixed(2)] }), jsxs(TableCell, { colSpan: 2, align: "right", sx: { color: "#555", fontSize: 16, fontWeight: 600 }, children: ["Total: \u20AC ", state.totalInclVAT.toFixed(2)] })] }))] }) })] })) : (jsx(Typography, { variant: "body1", children: "No products in cart" })) }));
+    return (jsx(Box, { sx: { p: { xs: 1, md: 2 } }, children: state.items.length > 0 ? (jsxs(Table, { children: [jsx(TableBody, { children: state.items.map((item) => (jsx(CartSummaryRow, { data: item }, item.documentId))) }), jsx(TableFooter, { children: jsxs(TableRow, { children: [!small && jsx(TableCell, { sx: { p: { xs: 1, sm: 2 } } }), jsx(TableCell, { sx: { p: { xs: 1, sm: 2 } }, colSpan: small ? 2 : 1 }), small ? (jsx(Fragment, { children: jsxs(TableCell, { colSpan: 2, align: "right", sx: { color: "#555", padding: 1 }, children: [jsx(Typography, { sx: { fontSize: 14 }, children: "Total " }), jsxs(Typography, { sx: { fontSize: 14 }, children: ["excl VAT: \u20AC ", state.totalExVAT.toFixed(2)] }), jsxs(Typography, { sx: { fontSize: 14 }, children: ["incl VAT: \u20AC ", state.totalInclVAT.toFixed(2)] })] }) })) : (jsxs(Fragment, { children: [jsxs(TableCell, { colSpan: 1, align: "right", sx: { color: "#555" }, children: ["Total excl VAT: \u20AC ", state.totalExVAT.toFixed(2)] }), jsxs(TableCell, { colSpan: 2, align: "right", sx: { color: "#555", fontSize: 16, fontWeight: 600 }, children: ["Total: \u20AC ", state.totalInclVAT.toFixed(2)] })] }))] }) })] })) : (jsx(Typography, { variant: "body1", children: "No products in cart" })) }));
 };
 
 export { CartSummary as default };

package/dist/esm/src/components/e-commerce/cart/CartSummaryRow.js

@@ -17,21 +17,21 @@ import Price from '../products/Price.js';
 import { useCart } from '../../../context/e-commerce/cart/CartContext.js';
 
 function CartSummaryRow({ data }) {
-    const { id, thumb, title, vat_rate, price_excl_vat, price_incl_vat, quantity, } = data;
+    const { documentId, thumb, title, vat_rate, price_excl_vat, price_incl_vat, quantity, } = data;
     const theme = useTheme();
     const small = useMediaQuery(theme.breakpoints.down("sm"));
     const { dispatch } = useCart();
     const removeProduct = () => {
-        dispatch({ type: "REMOVE_ITEM", payload: { id: id } });
+        dispatch({ type: "REMOVE_ITEM", payload: { documentId: documentId } });
     };
     // TODO should render multiple currencies
-    return (jsxs(TableRow, { children: [jsxs(TableCell, { sx: { p: { xs: 1, sm: 2 } }, children: [quantity, " * "] }), jsx(TableCell, { sx: { p: { xs: 1, sm: 2 } }, children: jsx(Price, { id: id, price: price_excl_vat, vat_rate: vat_rate, vat: price_excl_vat * (vat_rate / 100), price_incl_vat: price_incl_vat }) }), jsx(TableCell, { sx: { p: { xs: 1, sm: 2 } }, children: title }), !small && (jsx(TableCell, { sx: { p: { xs: 1, sm: 2 } }, children: jsx("div", { style: {
+    return (jsxs(TableRow, { children: [jsxs(TableCell, { sx: { p: { xs: 1, sm: 2 } }, children: [quantity, " * "] }), jsx(TableCell, { sx: { p: { xs: 1, sm: 2 } }, children: jsx(Price, { documentId: documentId, price: price_excl_vat, vat_rate: vat_rate, vat: price_excl_vat * (vat_rate / 100), price_incl_vat: price_incl_vat }) }), jsx(TableCell, { sx: { p: { xs: 1, sm: 2 } }, children: title }), !small && (jsx(TableCell, { sx: { p: { xs: 1, sm: 2 } }, children: jsx("div", { style: {
                         position: "relative",
                         width: "40px",
                         height: "40px",
                     }, children: thumb !== null && (jsx(Image, { src: thumb, alt: "Thumbnail of product", fill: true, sizes: "5vw", style: {
                             objectFit: "cover",
-                        } })) }) })), jsx(TableCell, { sx: { p: 0 }, children: jsx(IconButton, { "aria-label": "delete", onClick: removeProduct, sx: { p: 0 }, children: jsx(DeleteIcon, {}) }) })] }, id));
+                        } })) }) })), jsx(TableCell, { sx: { p: 0 }, children: jsx(IconButton, { "aria-label": "delete", onClick: removeProduct, sx: { p: 0 }, children: jsx(DeleteIcon, {}) }) })] }, documentId));
 }
 
 export { CartSummaryRow as default };

package/dist/esm/src/components/e-commerce/categories/CategorySelectorV2.js

@@ -10,12 +10,13 @@ import Autocomplete from '@mui/material/Autocomplete';
 import TextField from '@mui/material/TextField';
 
 const CategorySelector = ({ categories, currentValue, }) => {
+    console.log("CategorySelector props", { categories, currentValue });
     const [selectedValues, setSelectedValues] = useState(currentValue || []);
     const handleCategoryChange = (event, value) => {
-        value.map((category) => category.id);
-        setSelectedValues(value.map((category) => category.id));
+        value.map((category) => category.documentId);
+        setSelectedValues(value.map((category) => category.documentId));
     };
-    return (jsxs(Fragment, { children: [jsx(Autocomplete, { multiple: true, options: categories, getOptionLabel: (option) => option.title, filterSelectedOptions: true, onChange: handleCategoryChange, renderInput: (params) => jsx(TextField, { ...params, label: "Category" }), value: categories.filter((category) => selectedValues.includes(category.id)) }), jsx("input", { type: "hidden", name: "categories", value: JSON.stringify(selectedValues) || "" })] }));
+    return (jsxs(Fragment, { children: [jsx(Autocomplete, { multiple: true, options: categories, getOptionLabel: (option) => option.title, filterSelectedOptions: true, onChange: handleCategoryChange, renderInput: (params) => jsx(TextField, { ...params, label: "Category" }), value: categories.filter((category) => selectedValues.includes(category.documentId)) }), jsx("input", { type: "hidden", name: "categories", value: JSON.stringify(selectedValues) || "" })] }));
 };
 
 export { CategorySelector as default };

package/dist/esm/src/components/e-commerce/categories/EditCategoryForm.js

@@ -28,9 +28,9 @@ const INITIAL_STATE = {
     severity: null,
 };
 function EditCategoryForm({ data, revalidateCallback, handleClose, productNamesArray, sx, }) {
-    const { id, title, description, slug, is_archive, products } = data;
+    const { documentId, title, description, slug, is_archive, products } = data;
     const initialProducts = products?.data || [];
-    const [formState, formAction] = useFormState(updateCategoryAction, INITIAL_STATE);
+    const [formState, formAction] = useFormState(updateCategoryAction.bind(null, documentId), INITIAL_STATE);
     const { handleAddMessage } = useSnackbar();
     useEffect(() => {
         if (formState?.message) {
@@ -52,7 +52,7 @@ function EditCategoryForm({ data, revalidateCallback, handleClose, productNamesA
             });
         }
     }, [formState?.strapiErrors]);
-    return (jsx(Box, { sx: [...(Array.isArray(sx) ? sx : [sx])], children: jsxs("form", { action: formAction, children: [id && jsx("input", { id: "id", type: "hidden", name: "id", value: id }), jsxs(Grid, { container: true, spacing: 2, children: [jsx(Grid, { item: true, xs: 12, children: jsxs(Stack, { spacing: 2, children: [jsx(Typography, { variant: "h3", component: "h1", children: "Edit Category" }), jsx(Typography, { variant: "body2", children: "Edit the category for your products. You can add products to this category later." })] }) }), jsx(Grid, { item: true, xs: 12, children: jsxs(Stack, { spacing: 2, children: [jsx(TextField, { id: "title", name: "title", label: "Title", defaultValue: title }), jsx(MarkdownEditor, { name: "description", label: "Description", defaultValue: description })] }) }), jsxs(Grid, { item: true, xs: 12, children: [jsx(Typography, { variant: "h6", children: "Products" }), jsx(ProductSelector, { productNames: productNamesArray, currentValue: [...initialProducts.map((prod) => prod.id)] })] }), jsxs(Grid, { item: true, xs: 12, children: [" ", jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { pt: 2 }, children: [handleClose && (jsx(Button, { onClick: handleClose, variant: "outlined", children: "Cancel" })), jsx(SubmitButton, { text: "Update category", loadingText: "Loading...", variant: "contained" })] })] })] })] }) }));
+    return (jsx(Box, { sx: [...(Array.isArray(sx) ? sx : [sx])], children: jsx("form", { action: formAction, children: jsxs(Grid, { container: true, spacing: 2, children: [jsx(Grid, { item: true, xs: 12, children: jsxs(Stack, { spacing: 2, children: [jsx(Typography, { variant: "h3", component: "h1", children: "Edit Category" }), jsx(Typography, { variant: "body2", children: "Edit the category for your products. You can add products to this category later." })] }) }), jsx(Grid, { item: true, xs: 12, children: jsxs(Stack, { spacing: 2, children: [jsx(TextField, { id: "title", name: "title", label: "Title", defaultValue: title }), jsx(MarkdownEditor, { name: "description", label: "Description", defaultValue: description })] }) }), jsxs(Grid, { item: true, xs: 12, children: [jsx(Typography, { variant: "h6", children: "Products" }), jsx(ProductSelector, { productNames: productNamesArray, currentValue: [...initialProducts.map((prod) => prod.documentId)] })] }), jsxs(Grid, { item: true, xs: 12, children: [" ", jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { pt: 2 }, children: [handleClose && (jsx(Button, { onClick: handleClose, variant: "outlined", children: "Cancel" })), jsx(SubmitButton, { text: "Update category", loadingText: "Loading...", variant: "contained" })] })] })] }) }) }));
 }
 
 export { EditCategoryForm };

package/dist/esm/src/components/e-commerce/checkout/Step4.js

@@ -29,7 +29,7 @@ function Step4({ customer_reference }) {
     const [formState, formAction] = useFormState(checkoutAction, INITIAL_STATE);
     return (jsx(Paper, { sx: { p: 2 }, children: jsxs(Stack, { spacing: 2, children: [jsx(CartSummary, {}), jsx(StrapiErrors, { error: formState?.strapiErrors }), formState?.message && (jsx(Alert, { severity: "error", children: formState?.message })), jsxs(Typography, { children: ["Please double check all details prior to payment. ", customer_reference] }), jsx(Typography, { children: "Is this order compleet?" }), jsxs("form", { id: "paymentform", action: formAction, children: [state.items &&
                             state.items.map((item, index) => {
-                                return (jsxs(Fragment, { children: [jsx("input", { type: "hidden", name: `opo_items[${index}].product`, value: item.id }), jsx("input", { type: "hidden", name: `opo_items[${index}].ordered_quantity`, value: item.quantity })] }, index));
+                                return (jsxs(Fragment, { children: [jsx("input", { type: "hidden", name: `opo_items[${index}].product`, value: item.documentId }), jsx("input", { type: "hidden", name: `opo_items[${index}].ordered_quantity`, value: item.quantity })] }, index));
                             }), jsx("input", { type: "hidden", name: "customer_reference", value: customer_reference }), jsx(Typography, { children: "Please click 'Proceed to payment' to proceed to the secure payment page. After completing the payment, you will automatically return to our shop. For any updates on this order, you can always access the latest information in your personal details." }), jsx(Button, { variant: "contained", form: "paymentform", type: "submit", children: "Proceed to payment" })] })] }) }));
 }
 

package/dist/esm/src/components/e-commerce/customer/CustomerProfileDisplay.js

@@ -40,7 +40,7 @@ function CustomerProfileDisplay({ data, }) {
     }
     const pathname = usePathname();
     const isCustomer = pathname.includes("/user/");
-    return (jsxs(Grid, { container: true, sx: { width: "100%" }, spacing: 2, children: [jsx(Grid, { item: true, xs: 12, children: jsxs(Stack, { spacing: 2, children: [jsxs(Stack, { direction: "row", spacing: 2, justifyContent: "space-between", children: [jsxs(Stack, { spacing: 2, sx: { width: "100%" }, children: [jsx(Typography, { variant: "h3", component: "h1", children: isCustomer ? "Your Profile" : "Customer Profile" }), !isCustomer && data.customer_number && (jsxs(Typography, { variant: "body1", children: ["Customer Number: ", jsx("strong", { children: data.customer_number })] }))] }), isCustomer && (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, { item: true, xs: 12, children: [business_credentials ? (jsx(BusinessCredentials, { data: business_credentials })) : (jsx(Typography, { children: "Business credentials not available" })), jsx(Divider, { sx: { pt: 2 } })] }), jsxs(Grid, { item: true, xs: 12, children: [jsxs(Stack, { spacing: 2, direction: "row", children: [jsx(PersonIcon, {}), jsx(Box, { children: jsxs(Typography, { variant: "body1", component: "p", children: [first_name, " ", last_name, " ", !first_name && !last_name && "N/A"] }) })] }), jsxs(Stack, { spacing: 2, direction: "row", children: [jsx(EmailIcon, {}), jsx(Box, { children: jsxs(Typography, { variant: "body1", component: "p", children: [email, " ", !email && "N/A"] }) })] }), jsxs(Stack, { spacing: 2, direction: "row", children: [jsx(PhoneIcon, {}), jsx(Box, { children: jsxs(Typography, { variant: "body1", component: "p", children: [phone, " ", !phone && "N/A"] }) })] }), jsx(Divider, { sx: { pt: 2 } })] }), company_address ? (jsxs(Grid, { item: true, xs: 12, md: 4, children: [jsx(Typography, { variant: "h6", children: "Company Address" }), jsx(Address, { data: { ...company_address } })] })) : (jsx(Grid, { item: true, xs: 12, md: 4, children: jsx(Typography, { children: "Company address not available" }) })), delivery_address ? (jsxs(Grid, { item: true, xs: 12, md: 4, children: [jsx(Typography, { variant: "h6", children: "Delivery Address" }), jsx(Address, { data: { ...delivery_address } })] })) : (jsx(Grid, { item: true, xs: 12, md: 4, children: jsx(Typography, { children: "Delivery address not available" }) })), billing_address ? (jsxs(Grid, { item: true, xs: 12, md: 4, children: [jsx(Typography, { variant: "h6", children: "Billing Address" }), jsx(Address, { data: { ...billing_address } })] })) : (jsx(Grid, { item: true, xs: 12, md: 4, children: jsx(Typography, { children: "Billing address not available" }) })), jsxs(Grid, { item: true, xs: 12, children: [jsx(Typography, { variant: "h6", gutterBottom: true, children: "Orders" }), jsx(Paper, { children: orders && orders.data && orders.data.length > 0 ? (jsxs(Table, { children: [jsx(TableHead, { children: jsxs(TableRow, { children: [jsx(TableCell, { children: "Order Number" }), jsx(TableCell, { children: "Date" }), jsx(TableCell, { children: "Status" }), jsx(TableCell, { align: "right", children: "Total" }), jsx(TableCell, { align: "right", children: "Actions" })] }) }), jsx(TableBody, { children: orders.data.map((order, index) => (jsxs(TableRow, { children: [jsx(TableCell, { children: order.opo_number }), jsx(TableCell, { children: new Date(order.order_date).toLocaleDateString() }), jsx(TableCell, { children: order.internal_status }), jsxs(TableCell, { align: "right", children: [order.total_incl_vat, " ", order.order_currency] }), jsx(TableCell, { align: "right", children: isCustomer ? (jsx(StyledLink, { href: `/user/orders?selectedOpoId=${order.id}`, target: "_self", children: jsx(Button, { variant: "contained", size: "small", children: "View" }) })) : (jsx(StyledLink, { href: `/dashboard/admin/e-commerce/opos?selectedOpoId=${order.id}`, target: "_self", children: jsx(Button, { variant: "contained", size: "small", children: "View" }) })) })] }, index))) })] })) : (jsx(Box, { p: 2, children: isCustomer ? (jsx(Typography, { children: "You have no orders." })) : (jsx(Typography, { children: "This user has no orders." })) })) })] }), jsxs(Grid, { item: true, xs: 12, children: [jsx(Typography, { variant: "h6", gutterBottom: true, children: "Returns" }), jsx(Paper, { children: returns && returns.data && returns.data.length > 0 ? (jsxs(Table, { children: [jsx(TableHead, { children: jsxs(TableRow, { children: [jsx(TableCell, { children: "Return Number" }), jsx(TableCell, { children: "RMA Number" }), jsx(TableCell, { children: "Date" }), jsx(TableCell, { children: "Status" }), jsx(TableCell, { align: "right", children: "Actions" })] }) }), jsx(TableBody, { children: returns.data.map((iro, index) => (jsxs(TableRow, { children: [jsx(TableCell, { children: iro.return_number }), jsx(TableCell, { children: iro.rma_number }), jsx(TableCell, { children: new Date(iro.return_date).toLocaleDateString() }), jsx(TableCell, { children: iro.internal_status }), jsx(TableCell, { align: "right", children: isCustomer ? (jsx(StyledLink, { href: `/user/returns?selectedIroId=${iro.id}`, target: "_self", children: jsx(Button, { variant: "contained", size: "small", children: "View" }) })) : (jsx(StyledLink, { href: `/dashboard/admin/e-commerce/iros?selectedIroId=${iro.id}`, target: "_self", children: jsx(Button, { variant: "contained", size: "small", children: "View" }) })) })] }, index))) })] })) : (jsx(Box, { p: 2, children: isCustomer ? (jsx(Typography, { children: "You have no returns." })) : (jsx(Typography, { children: "This user has no returns." })) })) })] })] }));
+    return (jsxs(Grid, { container: true, sx: { width: "100%" }, spacing: 2, children: [jsx(Grid, { item: true, xs: 12, children: jsxs(Stack, { spacing: 2, children: [jsxs(Stack, { direction: "row", spacing: 2, justifyContent: "space-between", children: [jsxs(Stack, { spacing: 2, sx: { width: "100%" }, children: [jsx(Typography, { variant: "h3", component: "h1", children: isCustomer ? "Your Profile" : "Customer Profile" }), !isCustomer && data.customer_number && (jsxs(Typography, { variant: "body1", children: ["Customer Number: ", jsx("strong", { children: data.customer_number })] }))] }), isCustomer && (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, { item: true, xs: 12, children: [business_credentials ? (jsx(BusinessCredentials, { data: business_credentials })) : (jsx(Typography, { children: "Business credentials not available" })), jsx(Divider, { sx: { pt: 2 } })] }), jsxs(Grid, { item: true, xs: 12, children: [jsxs(Stack, { spacing: 2, direction: "row", children: [jsx(PersonIcon, {}), jsx(Box, { children: jsxs(Typography, { variant: "body1", component: "p", children: [first_name, " ", last_name, " ", !first_name && !last_name && "N/A"] }) })] }), jsxs(Stack, { spacing: 2, direction: "row", children: [jsx(EmailIcon, {}), jsx(Box, { children: jsxs(Typography, { variant: "body1", component: "p", children: [email, " ", !email && "N/A"] }) })] }), jsxs(Stack, { spacing: 2, direction: "row", children: [jsx(PhoneIcon, {}), jsx(Box, { children: jsxs(Typography, { variant: "body1", component: "p", children: [phone, " ", !phone && "N/A"] }) })] }), jsx(Divider, { sx: { pt: 2 } })] }), company_address ? (jsxs(Grid, { item: true, xs: 12, md: 4, children: [jsx(Typography, { variant: "h6", children: "Company Address" }), jsx(Address, { data: { ...company_address } })] })) : (jsx(Grid, { item: true, xs: 12, md: 4, children: jsx(Typography, { children: "Company address not available" }) })), delivery_address ? (jsxs(Grid, { item: true, xs: 12, md: 4, children: [jsx(Typography, { variant: "h6", children: "Delivery Address" }), jsx(Address, { data: { ...delivery_address } })] })) : (jsx(Grid, { item: true, xs: 12, md: 4, children: jsx(Typography, { children: "Delivery address not available" }) })), billing_address ? (jsxs(Grid, { item: true, xs: 12, md: 4, children: [jsx(Typography, { variant: "h6", children: "Billing Address" }), jsx(Address, { data: { ...billing_address } })] })) : (jsx(Grid, { item: true, xs: 12, md: 4, children: jsx(Typography, { children: "Billing address not available" }) })), jsxs(Grid, { item: true, xs: 12, children: [jsx(Typography, { variant: "h6", gutterBottom: true, children: "Orders" }), jsx(Paper, { children: orders && orders.length > 0 ? (jsxs(Table, { children: [jsx(TableHead, { children: jsxs(TableRow, { children: [jsx(TableCell, { children: "Order Number" }), jsx(TableCell, { children: "Date" }), jsx(TableCell, { children: "Status" }), jsx(TableCell, { align: "right", children: "Total" }), jsx(TableCell, { align: "right", children: "Actions" })] }) }), jsx(TableBody, { children: orders.map((order, index) => (jsxs(TableRow, { children: [jsx(TableCell, { children: order.opo_number }), jsx(TableCell, { children: new Date(order.order_date).toLocaleDateString() }), jsx(TableCell, { children: order.internal_status }), jsxs(TableCell, { align: "right", children: [order.total_incl_vat, " ", order.order_currency] }), jsx(TableCell, { align: "right", children: isCustomer ? (jsx(StyledLink, { href: `/user/orders?selectedOpoId=${order.documentId}`, target: "_self", children: jsx(Button, { variant: "contained", size: "small", children: "View" }) })) : (jsx(StyledLink, { href: `/dashboard/admin/e-commerce/opos?selectedOpoId=${order.documentId}`, target: "_self", children: jsx(Button, { variant: "contained", size: "small", children: "View" }) })) })] }, index))) })] })) : (jsx(Box, { p: 2, children: isCustomer ? (jsx(Typography, { children: "You have no orders." })) : (jsx(Typography, { children: "This user has no orders." })) })) })] }), jsxs(Grid, { item: true, xs: 12, children: [jsx(Typography, { variant: "h6", gutterBottom: true, children: "Returns" }), jsx(Paper, { children: returns && returns.length > 0 ? (jsxs(Table, { children: [jsx(TableHead, { children: jsxs(TableRow, { children: [jsx(TableCell, { children: "Return Number" }), jsx(TableCell, { children: "RMA Number" }), jsx(TableCell, { children: "Date" }), jsx(TableCell, { children: "Status" }), jsx(TableCell, { align: "right", children: "Actions" })] }) }), jsx(TableBody, { children: returns.map((iro, index) => (jsxs(TableRow, { children: [jsx(TableCell, { children: iro.return_number }), jsx(TableCell, { children: iro.rma_number }), jsx(TableCell, { children: new Date(iro.return_date).toLocaleDateString() }), jsx(TableCell, { children: iro.internal_status }), jsx(TableCell, { align: "right", children: isCustomer ? (jsx(StyledLink, { href: `/user/returns?selectedIroId=${iro.documentId}`, target: "_self", children: jsx(Button, { variant: "contained", size: "small", children: "View" }) })) : (jsx(StyledLink, { href: `/dashboard/admin/e-commerce/iros?selectedIroId=${iro.documentId}`, target: "_self", children: jsx(Button, { variant: "contained", size: "small", children: "View" }) })) })] }, index))) })] })) : (jsx(Box, { p: 2, children: isCustomer ? (jsx(Typography, { children: "You have no returns." })) : (jsx(Typography, { children: "This user has no returns." })) })) })] })] }));
 }
 
 export { CustomerProfileDisplay as default };

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

@@ -57,7 +57,7 @@ function IROItemFields({ productsArr }) {
         return items.map((item, index) => {
             return {
                 line_item_number: `${index + 1}.0.0`,
-                product: item.product?.id || 0,
+                product: item.product?.documentId || "",
                 returned_quantity: item.returned_quantity,
                 reason: nextReason,
                 other_reason: nextOtherReason,
@@ -73,7 +73,7 @@ function IROItemFields({ productsArr }) {
                                                 ? item.product?.product_number
                                                 : item.product, " ", "|", " ", typeof item.product === "object" ? item.product?.title : ""] }), jsx(TableCell, { sx: { width: "15%" }, children: item.returned_quantity }), jsx(TableCell, { sx: { width: "35%" }, children: item.reason === "other" ? item.other_reason : item.reason }), jsx(TableCell, { align: "right", sx: { width: "5%" }, children: jsx(IconButton, { onClick: () => handleDeleteItem(index), children: jsx(DeleteIcon, {}) }) })] }, index));
                         }) })] }), jsx("input", { type: "hidden", name: "iro_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: "70%" }, multiple: false, onChangeCallback: (ids) => {
-                            const product = productsArr.find((p) => p.id === ids[0]);
+                            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) => {

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

@@ -31,13 +31,18 @@ function IroItemUpdater({ item, index, handleUpdateQuantity, image, revalidateCa
         : 0;
     const [open, setOpen] = useState(false);
     return (jsx(Stack, { spacing: 1, children: item && (jsxs(Fragment, { children: [jsxs(Stack, { direction: "row", justifyContent: "space-between", children: [jsxs(Stack, { spacing: 1, children: [jsxs(Typography, { variant: "body1", children: ["Line Item Number: ", line_item_number] }), jsxs(Typography, { variant: "body1", children: ["Part Number: ", product && product.product_number] })] }), image && (jsx(Fragment, { children: jsx(ImagePreviewTooltip, { image: image, label: product && product.title }) }))] }), jsx(Typography, { variant: "body1", children: "Reason" }), jsx(Typography, { variant: "body2", children: "Received" }), jsx(AmountUpdater, { currentValue: received_quantity, totalValue: returned_quantity + received_bad_quantity, minNewValue: 0 + registered_quantity + -registered_bad_quantity, maxNewValue: returned_quantity + received_bad_quantity, color: "info", handleChange: (newValue) => {
-                        handleUpdateQuantity(newValue, item.id, "received_quantity");
+                        handleUpdateQuantity(newValue, item.documentId, "received_quantity");
                     } }), jsx(Typography, { variant: "body2", children: "Registered" }), jsx(AmountUpdater, { currentValue: registered_quantity, totalValue: returned_quantity + received_bad_quantity, minNewValue: 0 + released_quantity, maxNewValue: received_quantity + registered_bad_quantity, color: "info", handleChange: (newValue) => {
-                        handleUpdateQuantity(newValue, item.id, "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: [{ id: item.id, __type: "api::e-commerce.iro-item" }], revalidateCallback: revalidateCallback })] }) }), jsx(Typography, { variant: "body2", children: "Released" }), jsx(AmountUpdater, { currentValue: released_quantity || 0, totalValue: returned_quantity +
+                        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::e-commerce.iro-item",
+                                    },
+                                ], revalidateCallback: revalidateCallback })] }) }), jsx(Typography, { variant: "body2", children: "Released" }), jsx(AmountUpdater, { currentValue: released_quantity || 0, totalValue: returned_quantity +
                         received_bad_quantity +
                         registered_bad_quantity, minNewValue: 0, maxNewValue: registered_quantity, color: "info", handleChange: (newValue) => {
-                        handleUpdateQuantity(newValue, item.id, "released_quantity");
+                        handleUpdateQuantity(newValue, item.documentId, "released_quantity");
                     } })] })) }, index));
 }
 

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

@@ -41,7 +41,7 @@ function ManageIROForm({ data, sx, revalidateCallback, handleClose, role, }) {
     const parseItems = (items) => {
         return items.map((item) => {
             return {
-                id: item.id,
+                id: item.documentId,
                 received_quantity: item.received_quantity,
                 registered_quantity: item.registered_quantity,
                 released_quantity: item.released_quantity,
@@ -51,7 +51,9 @@ function ManageIROForm({ data, sx, revalidateCallback, handleClose, role, }) {
     return (jsx(Box, { sx: [
             // You cannot spread `sx` directly because `SxProps` (typeof sx) can be an array.
             ...(Array.isArray(sx) ? sx : [sx]),
-        ], children: jsxs(Grid, { container: true, spacing: 2, children: [jsx(Grid, { item: true, xs: 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 Inbound Purchase Order" }), jsx(Typography, { variant: "body1", children: "Manage arrival, registration and recieval of purchase order" })] }), jsx(NoteTakingComponent, { content: "", related: [{ id: data.id, __type: "api::logistics.ipo" }], revalidateCallback: revalidateCallback })] }), jsx(Divider, {})] }) }), jsx(Grid, { item: true, xs: 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.return_number })] }), jsx(Stack, { direction: "row", spacing: 2, children: jsx(Typography, { variant: "body1", width: "250px", children: "Custom reference" }) }), jsxs(Stack, { direction: "row", spacing: 2, children: [jsx(Typography, { variant: "body1", width: "250px", children: "Order Date" }), jsx(Typography, { variant: "body2", children: data.return_date })] }), jsx(Stack, { direction: "row", spacing: 2, children: jsx(Typography, { variant: "body1", width: "250px", children: "Supplier" }) }), 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 })] })] }) }), jsx(Grid, { item: true, xs: 12, children: jsxs(Stack, { spacing: 2, children: [jsx(Typography, { variant: "h5", children: "Documents" }), jsx(Paper, { sx: { p: 2 }, children: jsx(Stack, { spacing: 1, children: role === "enduser" && (jsx(Fragment, {})) }) })] }) }), data?.notes?.length > 0 && (jsx(Grid, { item: true, xs: 12, children: jsxs(Stack, { spacing: 2, children: [jsx(Typography, { variant: "h5", children: "Notes" }), jsx(NotesDisplay, { notes: data.notes }), jsx(Divider, {})] }) })), jsx(Grid, { item: true, xs: 12, children: jsxs(Stack, { spacing: 1, children: [jsx(Typography, { variant: "h5", children: "Items" }), jsx(Divider, {}), jsxs("form", { action: formAction, children: [data?.iro_items &&
+        ], children: jsxs(Grid, { container: true, spacing: 2, children: [jsx(Grid, { item: true, xs: 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 Inbound Purchase Order" }), jsx(Typography, { variant: "body1", children: "Manage arrival, registration and recieval of purchase order" })] }), jsx(NoteTakingComponent, { content: "", related: [
+                                            { id: data.documentId, __type: "api::logistics.ipo" },
+                                        ], revalidateCallback: revalidateCallback })] }), jsx(Divider, {})] }) }), jsx(Grid, { item: true, xs: 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.return_number })] }), jsx(Stack, { direction: "row", spacing: 2, children: jsx(Typography, { variant: "body1", width: "250px", children: "Custom reference" }) }), jsxs(Stack, { direction: "row", spacing: 2, children: [jsx(Typography, { variant: "body1", width: "250px", children: "Order Date" }), jsx(Typography, { variant: "body2", children: data.return_date })] }), jsx(Stack, { direction: "row", spacing: 2, children: jsx(Typography, { variant: "body1", width: "250px", children: "Supplier" }) }), 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 })] })] }) }), jsx(Grid, { item: true, xs: 12, children: jsxs(Stack, { spacing: 2, children: [jsx(Typography, { variant: "h5", children: "Documents" }), jsx(Paper, { sx: { p: 2 }, children: jsx(Stack, { spacing: 1, children: role === "enduser" && (jsx(Fragment, {})) }) })] }) }), data?.notes?.length > 0 && (jsx(Grid, { item: true, xs: 12, children: jsxs(Stack, { spacing: 2, children: [jsx(Typography, { variant: "h5", children: "Notes" }), jsx(NotesDisplay, { notes: data.notes }), jsx(Divider, {})] }) })), jsx(Grid, { item: true, xs: 12, children: jsxs(Stack, { spacing: 1, children: [jsx(Typography, { variant: "h5", children: "Items" }), jsx(Divider, {}), jsxs("form", { action: formAction, children: [data?.iro_items &&
                                         data.iro_items.map((item, index) => {
                                             console.log("item", item);
                                             return (jsx(Paper, { sx: { p: 2, mb: 2 } }, index));

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

@@ -67,9 +67,9 @@ const ItemLines = ({ items, itemsToReturn, setItemsToReturn, selectedItems, setS
         return itemsToReturn.map((item, index) => {
             return {
                 line_item_number: `${index + 1}.0.0`,
-                product: typeof item.product === "object" && "id" in item.product
-                    ? item.product.id
-                    : 0,
+                product: typeof item.product === "object" && "documentId" in item.product
+                    ? item.product.documentId
+                    : "",
                 returned_quantity: item.returned_quantity,
                 reason: item.reason,
                 other_reason: item.other_reason || "",

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

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

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

@@ -65,7 +65,7 @@ function OverwritesDialog({ open, handleClose, overwrites, setOverwrites, iro, }
             const correspondingProductsData = await queryAllProducts(query);
             const correspondingProducts = correspondingProductsData.data.map((product) => {
                 return {
-                    id: product.id,
+                    id: product.documentId,
                     product_number: product.product_number,
                     price: product.price,
                 };
@@ -164,7 +164,7 @@ function OverwritesDialog({ open, handleClose, overwrites, setOverwrites, iro, }
                                                         ...overwrites,
                                                         lines: newLines,
                                                     });
-                                                } })] }, item.id));
+                                                } })] }, item.documentId));
                                 })] }))] }) }), jsxs(DialogActions, { children: [jsx(Button, { variant: "contained", onClick: (e) => {
                             confirmationService("iros", [iro.documentId], overwrites);
                             handleClose();
@@ -267,14 +267,14 @@ revalidateCallback, handleClose, role, }) {
     const parseItems = (items) => {
         return items.map((item) => {
             return {
-                id: item.id,
+                documentId: item.documentId,
                 returned_quantity: item.returned_quantity,
                 received_quantity: item.received_quantity,
                 registered_quantity: item.registered_quantity,
                 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,
                         type: report.type,
@@ -285,7 +285,7 @@ revalidateCallback, handleClose, role, }) {
     };
     const handleUpdateQuantity = (value, itemID, type) => {
         const newItems = [...items];
-        const index = newItems.findIndex((item) => item.id === itemID);
+        const index = newItems.findIndex((item) => item.documentId === itemID);
         newItems[index][type] = value;
         setItems(newItems);
     };
@@ -294,7 +294,7 @@ revalidateCallback, handleClose, role, }) {
      * - only used with Textual form */
     const handleAddReport = (report, itemID) => {
         const newItems = [...items];
-        const index = newItems.findIndex((item) => item.id === itemID);
+        const index = newItems.findIndex((item) => item.documentId === itemID);
         const reportsOnItem = newItems[index]?.reports || [];
         const newReports = [...reportsOnItem, report];
         if (newItems[index]?.reports == undefined) {
@@ -305,7 +305,7 @@ revalidateCallback, handleClose, role, }) {
     };
     const handleRemoveReportAtIndex = (itemID, index) => {
         const newItems = [...items];
-        const itemIndex = newItems.findIndex((item) => item.id === itemID);
+        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));
@@ -341,7 +341,9 @@ revalidateCallback, handleClose, role, }) {
             setItems(data.iro_items ? data.iro_items : []);
         }
     }, [data]);
-    return (jsx(Box, { sx: [...(Array.isArray(sx) ? sx : [sx])], children: jsxs(Grid, { container: true, spacing: 2, children: [jsx(Grid, { item: true, xs: 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 Inbound Return" }), jsx(Typography, { variant: "body1", children: "Manage arrival, registration and release of returns" })] }), jsx(NoteTakingComponent, { content: "", related: [{ id: data.id, __type: "api::e-commerce.iro" }], revalidateCallback: revalidateCallback })] }), jsx(Divider, {})] }) }), jsx(Grid, { item: true, xs: 12, children: jsx(Typography, { variant: "h5", sx: { py: 1 }, children: "Details" }) }), jsx(Grid, { item: true, xs: 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: "Return Number" }), jsx(Typography, { variant: "body1", fontWeight: "medium", children: data.return_number })] }), jsxs(Stack, { direction: "row", spacing: 2, alignItems: "center", children: [jsx(AssignmentReturnIcon, { color: "primary" }), jsx(Typography, { variant: "subtitle1", color: "text.secondary", width: "200px", children: "RMA Number" }), jsx(Typography, { variant: "body1", fontWeight: "medium", children: data.rma_number })] }), jsxs(Stack, { direction: "row", spacing: 2, alignItems: "center", children: [jsx(DescriptionIcon, { color: "primary" }), jsx(Typography, { variant: "subtitle1", color: "text.secondary", width: "200px", children: "Customer Reference" }), jsx(Typography, { variant: "body1", fontWeight: "medium", children: data.customer_reference })] }), jsxs(Stack, { direction: "row", spacing: 2, alignItems: "center", children: [jsx(CalendarTodayIcon, { color: "primary" }), jsx(Typography, { variant: "subtitle1", color: "text.secondary", width: "200px", children: "Return Date" }), jsx(Typography, { variant: "body1", fontWeight: "medium", children: data.return_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: data.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: "Return Status" }), jsx(IroStatusIndicator, { status: data.internal_status })] })] }) }) }), (data.internal_status === "requested" ||
+    return (jsx(Box, { sx: [...(Array.isArray(sx) ? sx : [sx])], children: jsxs(Grid, { container: true, spacing: 2, children: [jsx(Grid, { item: true, xs: 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 Inbound Return" }), jsx(Typography, { variant: "body1", children: "Manage arrival, registration and release of returns" })] }), jsx(NoteTakingComponent, { content: "", related: [
+                                            { id: data.documentId, __type: "api::e-commerce.iro" },
+                                        ], revalidateCallback: revalidateCallback })] }), jsx(Divider, {})] }) }), jsx(Grid, { item: true, xs: 12, children: jsx(Typography, { variant: "h5", sx: { py: 1 }, children: "Details" }) }), jsx(Grid, { item: true, xs: 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: "Return Number" }), jsx(Typography, { variant: "body1", fontWeight: "medium", children: data.return_number })] }), jsxs(Stack, { direction: "row", spacing: 2, alignItems: "center", children: [jsx(AssignmentReturnIcon, { color: "primary" }), jsx(Typography, { variant: "subtitle1", color: "text.secondary", width: "200px", children: "RMA Number" }), jsx(Typography, { variant: "body1", fontWeight: "medium", children: data.rma_number })] }), jsxs(Stack, { direction: "row", spacing: 2, alignItems: "center", children: [jsx(DescriptionIcon, { color: "primary" }), jsx(Typography, { variant: "subtitle1", color: "text.secondary", width: "200px", children: "Customer Reference" }), jsx(Typography, { variant: "body1", fontWeight: "medium", children: data.customer_reference })] }), jsxs(Stack, { direction: "row", spacing: 2, alignItems: "center", children: [jsx(CalendarTodayIcon, { color: "primary" }), jsx(Typography, { variant: "subtitle1", color: "text.secondary", width: "200px", children: "Return Date" }), jsx(Typography, { variant: "body1", fontWeight: "medium", children: data.return_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: data.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: "Return Status" }), jsx(IroStatusIndicator, { status: data.internal_status })] })] }) }) }), (data.internal_status === "requested" ||
                     data.internal_status === "finalising_process") &&
                     role === "enduser" && (jsx(Grid, { item: true, xs: 6, children: jsx(Paper, { elevation: 2, sx: { p: 2, height: "100%" }, children: jsxs(Stack, { spacing: 2, children: [jsx(Button, { variant: "contained", color: "primary", onClick: () => setConfirmDialogOpen(true), children: "Confirm order" }), data.internal_status === "requested" && (jsx(Alert, { severity: "warning", children: "Please confirm the order as soon as possible, only upon confirmation this order will be assigned an RMA number and will become available to the dispatcher. Status: requested - returning" })), data.internal_status === "finalising_process" && (jsx(Alert, { severity: "warning", children: "Please finalise this return order. Make sure the customer receives a return payment if eligible and then confirm this step. Status: finalising_process - done" })), data.internal_status === "finalising_process" && (jsx(Button, { variant: "contained", sx: { color: "yellow" }, children: "// TODO RE-PAYMENT PROCESS" })), jsx(Button, { variant: "contained", color: "error", onClick: () => setCancelDialogOpen(true), children: "Cancel order" }), jsx(ConfirmFormDialog, { open: confirmDialogOpen, handleClose: () => setConfirmDialogOpen(false), orderID: data.documentId, currentStatus: data.internal_status, revalidateCallback: revalidateCallback, openOverwritesDialog: () => setOverwritesDialogOpen(true) }), jsx(OverwritesDialog, { open: overwritesDialogOpen, handleClose: () => setOverwritesDialogOpen(false), overwrites: overwrites, setOverwrites: setOverwrites, iro: data }), jsx(CancelIroDialog, { open: cancelDialogOpen, handleClose: () => setCancelDialogOpen(false), orderID: data.documentId, revalidateCallback: revalidateCallback })] }) }) })), jsx(Grid, { item: true, xs: 12, children: jsxs(Stack, { spacing: 2, children: [jsx(Typography, { variant: "h5", children: "Documents" }), jsx(Paper, { sx: { p: 2 }, children: jsx(Stack, { spacing: 1 }) })] }) }), data?.notes?.length > 0 && (jsx(Grid, { item: true, xs: 12, children: jsxs(Stack, { spacing: 2, children: [jsx(Typography, { variant: "h5", children: "Notes" }), jsx(NotesDisplay, { notes: data.notes }), jsx(Divider, {})] }) })), jsx(Grid, { item: true, xs: 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",

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

@@ -125,7 +125,7 @@ revalidateCallback, handleClose, role, }) {
     const parseItems = (items) => {
         return items.map((item) => {
             return {
-                id: item.id,
+                documentId: item.documentId,
                 ordered_quantity: item.ordered_quantity,
                 picked_quantity: item.picked_quantity,
                 packed_quantity: item.packed_quantity,
@@ -135,7 +135,7 @@ revalidateCallback, handleClose, role, }) {
     };
     const handleUpdateQuantity = (value, itemID, type) => {
         const newItems = [...items];
-        const index = newItems.findIndex((item) => item.id === itemID);
+        const index = newItems.findIndex((item) => item.documentId === itemID);
         newItems[index][type] = value;
         setItems(newItems);
     };

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

@@ -62,7 +62,7 @@ function OPOItemFields({ productsArr }) {
     return (jsxs(Stack, { spacing: 2, children: [jsxs(Table, { children: [jsx(TableHead, { children: jsxs(TableRow, { children: [jsx(TableCell, { id: "line_item_number", sx: [{ width: "15%" }], children: "Line Item Number" }), jsx(TableCell, { sx: [{ width: "70%" }], children: "Product Number" }), jsx(TableCell, { sx: [{ width: "15%" }], children: "Amount" }), jsx(TableCell, { sx: [] })] }) }), jsx(TableBody, { children: items.map((item, index) => {
                             return (jsxs(TableRow, { children: [jsxs(TableCell, { sx: [{ width: "15%" }], children: [index + 1, ".0.0"] }), jsxs(TableCell, { sx: [{ width: "70%" }], children: [item.product.product_number, " | ", item.product.title] }), jsx(TableCell, { sx: { width: "15%" }, children: item.amount }), jsx(TableCell, { align: "right", sx: { width: "5%" }, children: jsx(IconButton, { onClick: () => handleDeleteItem(index), children: jsx(DeleteIcon, {}) }) })] }, index));
                         }) })] }), jsx("input", { type: "hidden", name: "opo_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: "70%" }, multiple: false, onChangeCallback: (ids) => {
-                            const product = productsArr.find((p) => p.id === ids[0]);
+                            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) => {

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

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

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

@@ -24,7 +24,7 @@ function OpoSummary({ opo }) {
     }
     console.log("opo_items", opo_items);
     return (jsx(Box, { sx: { p: { xs: 1, md: 2 } }, children: opo_items != null ? (jsxs(Table, { children: [jsx(TableHead, { children: jsxs(TableRow, { children: [jsx(TableCell, { children: "Amount" }), jsx(TableCell, { children: "Product Title" }), jsx(TableCell, { children: "Price Excl. VAT" }), jsx(TableCell, { children: "Price Incl. VAT" })] }) }), jsx(TableBody, { children: opo_items &&
-                        opo_items.map((item) => (jsx(OpoSummaryRow, { data: item }, item.id))) }), jsxs(TableFooter, { children: [jsxs(TableRow, { children: [jsx(TableCell, { colSpan: 3, align: "right", children: "Total excl VAT" }), jsxs(TableCell, { colSpan: 1, align: "left", children: ["\u20AC ", opo.total_excl_vat] })] }), jsxs(TableRow, { children: [jsx(TableCell, { colSpan: 3, align: "right", children: "Total incl VAT" }), jsxs(TableCell, { colSpan: 1, align: "left", children: ["\u20AC ", opo.total_incl_vat] })] })] })] })) : (jsx(Typography, { children: "No products in cart" })) }));
+                        opo_items.map((item) => (jsx(OpoSummaryRow, { data: item }, item.documentId))) }), jsxs(TableFooter, { children: [jsxs(TableRow, { children: [jsx(TableCell, { colSpan: 3, align: "right", children: "Total excl VAT" }), jsxs(TableCell, { colSpan: 1, align: "left", children: ["\u20AC ", opo.total_excl_vat] })] }), jsxs(TableRow, { children: [jsx(TableCell, { colSpan: 3, align: "right", children: "Total incl VAT" }), jsxs(TableCell, { colSpan: 1, align: "left", children: ["\u20AC ", opo.total_incl_vat] })] })] })] })) : (jsx(Typography, { children: "No products in cart" })) }));
 }
 
 export { OpoSummary };

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

@@ -9,7 +9,7 @@ import TableRow from '@mui/material/TableRow';
 import TableCell from '@mui/material/TableCell';
 
 function OpoSummaryRow({ data }) {
-    const { id, ordered_quantity, product } = data;
+    const { documentId, ordered_quantity, product } = data;
     return (jsxs(TableRow, { children: [jsx(TableCell, { children: ordered_quantity }), jsx(TableCell, { children: product?.title }), jsx(TableCell, { children: product?.price?.price ? `€ ${product.price.price}` : "no information" }), jsx(TableCell, { children: product?.price?.price_incl_vat
                     ? `€ ${product.price.price_incl_vat}`
                     : "no information" })] }));

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

@@ -120,14 +120,14 @@ function TextualManageOPOForm({ opo, sx, revalidateCallback, handleClose, role,
     const parseItems = (items) => {
         return items.map((item) => {
             return {
-                id: item.id,
+                documentId: item.documentId,
                 ordered_quantity: item.ordered_quantity,
                 picked_quantity: item.picked_quantity,
                 packed_quantity: item.packed_quantity,
                 shipped_quantity: item.shipped_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,
                         type: report.type,
@@ -138,7 +138,7 @@ function TextualManageOPOForm({ opo, sx, revalidateCallback, handleClose, role,
     };
     const handleUpdateQuantity = (value, itemID, type) => {
         const newItems = [...items];
-        const index = newItems.findIndex((item) => item.id === itemID);
+        const index = newItems.findIndex((item) => item.documentId === itemID);
         newItems[index][type] = value;
         setItems(newItems);
     };
@@ -147,7 +147,7 @@ function TextualManageOPOForm({ opo, sx, revalidateCallback, handleClose, role,
      * - only used with Textual form */
     const handleAddReport = (report, itemID) => {
         const newItems = [...items];
-        const index = newItems.findIndex((item) => item.id === itemID);
+        const index = newItems.findIndex((item) => item.documentId === itemID);
         const reportsOnItem = newItems[index]?.reports || [];
         const newReports = [...reportsOnItem, report];
         if (newItems[index]?.reports == undefined) {
@@ -158,10 +158,10 @@ function TextualManageOPOForm({ opo, sx, revalidateCallback, handleClose, role,
     };
     const handleRemoveReportAtIndex = (itemID, index) => {
         const newItems = [...items];
-        const itemIndex = newItems.findIndex((item) => item.id === itemID);
+        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;

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

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