umwd-components 0.1.734 → 0.1.736

package/dist/esm/src/components/ContactForm.js

@@ -87,6 +87,7 @@ function ContactForm({ data }) {
                 },
                 method: "POST",
             });
+            console.log("Response from sendgrid:", res);
             if (res.ok) {
                 setShowSuccessMessage(true);
                 setShowFailureMessage(false);

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

@@ -16,16 +16,16 @@ import IconButton from '@mui/material/IconButton';
 import { Delete } from '@mui/icons-material';
 
 function Contacts({ data, }) {
-    const { id, first_name, last_name, email, phone_number, type, onClick } = data;
+    const { documentId, first_name, last_name, email, phone_number, type, onClick, } = data;
     return (jsx(Stack, { children: jsxs(Stack, { spacing: 2, direction: "row", children: [jsx(AccountCircleIcon, {}), jsxs(Stack, { children: [jsxs(Typography, { children: [first_name, " ", last_name] }), jsx(Typography, { children: email }), jsx(Typography, { children: phone_number }), jsx(Typography, { children: type }), onClick && (jsx(Button, { onClick: (e) => {
-                                if (id) {
-                                    onClick(e, id);
+                                if (first_name) {
+                                    onClick(e, first_name); // TODO need fixing!!
                                 }
                             }, children: "Edit" }))] })] }) }));
 }
 function ContactsFields({ data, componentName, componentReference, deleteCallback, }) {
-    const { id, first_name, last_name, email, phone_number, type } = data || {};
-    return (jsxs(Stack, { spacing: 1, children: [jsx("input", { id: `${componentName}.__component`, type: "hidden", name: `${componentName}.__component`, value: componentReference }), id && (jsx("input", { id: `${componentName}.id`, type: "hidden", name: `${componentName}.id`, value: id })), jsxs(Stack, { spacing: 1, direction: "row", children: [jsx(TextField, { id: "first_name", name: `${componentName}.first_name`, label: "First Name", defaultValue: first_name || "" }), deleteCallback && (jsx(IconButton, { onClick: deleteCallback, children: jsx(Delete, {}) }))] }), jsx(TextField, { id: "last_name", name: `${componentName}.last_name`, label: "Last Name", defaultValue: last_name || "" }), jsx(TextField, { id: "email", name: `${componentName}.email`, label: "E-mail", defaultValue: email || "" }), jsx(TextField, { id: "phone_number", name: `${componentName}.phone_number`, label: "Phone Number", defaultValue: phone_number || "" }), jsx(Autocomplete, { id: "type", options: Object.values(ContactType), defaultValue: type || Object.values(ContactType)[0], renderInput: (params) => (jsx(TextField, { ...params, name: `${componentName}.type`, label: "Type" })) })] }));
+    const { first_name, last_name, email, phone_number, type } = data || {};
+    return (jsxs(Stack, { spacing: 1, children: [jsxs(Stack, { spacing: 1, direction: "row", children: [jsx(TextField, { id: "first_name", name: `${componentName}.first_name`, label: "First Name", defaultValue: first_name || "" }), deleteCallback && (jsx(IconButton, { onClick: deleteCallback, children: jsx(Delete, {}) }))] }), jsx(TextField, { id: "last_name", name: `${componentName}.last_name`, label: "Last Name", defaultValue: last_name || "" }), jsx(TextField, { id: "email", name: `${componentName}.email`, label: "E-mail", defaultValue: email || "" }), jsx(TextField, { id: "phone_number", name: `${componentName}.phone_number`, label: "Phone Number", defaultValue: phone_number || "" }), jsx(Autocomplete, { id: "type", options: Object.values(ContactType), defaultValue: type || Object.values(ContactType)[0], renderInput: (params) => (jsx(TextField, { ...params, name: `${componentName}.type`, label: "Type" })) })] }));
 }
 
 export { ContactsFields, Contacts as default };

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

@@ -11,8 +11,8 @@ import '@mui/material/Typography';
 import HomeIcon from '@mui/icons-material/Home';
 
 function DimensionsFields({ data, componentName, componentReference, }) {
-    const { id, width_mm, height_mm, depth_mm, weight_gr } = data || {};
-    return (jsxs(Stack, { spacing: 2, direction: "row", children: [jsx(HomeIcon, {}), jsxs(Stack, { spacing: 1, sx: { flex: 1 }, children: [jsx("input", { id: ``, type: "hidden", name: `${componentName}.__component`, value: componentReference }), id && (jsx("input", { id: ``, type: "hidden", name: `${componentName}.id`, value: id })), jsx(TextField, { id: "width_mm", type: "number", name: `${componentName}.width_mm`, label: "Width (mm)", defaultValue: width_mm || "" }), jsx(TextField, { id: "height_mm", type: "number", name: `${componentName}.height_mm`, label: "Height (mm)", defaultValue: height_mm || "" }), jsx(TextField, { id: "depth_mm", type: "number", name: `${componentName}.depth_mm`, label: "Depth (mm)", defaultValue: depth_mm || "" }), jsx(TextField, { id: "weight_gr", type: "number", name: `${componentName}.weight_gr`, label: "Weight (gr)", defaultValue: weight_gr || "" })] })] }));
+    const { width_mm, height_mm, depth_mm, weight_gr } = data || {};
+    return (jsxs(Stack, { spacing: 2, direction: "row", children: [jsx(HomeIcon, {}), jsxs(Stack, { spacing: 1, sx: { flex: 1 }, children: [jsx(TextField, { id: "width_mm", type: "number", name: `${componentName}.width_mm`, label: "Width (mm)", defaultValue: width_mm || "" }), jsx(TextField, { id: "height_mm", type: "number", name: `${componentName}.height_mm`, label: "Height (mm)", defaultValue: height_mm || "" }), jsx(TextField, { id: "depth_mm", type: "number", name: `${componentName}.depth_mm`, label: "Depth (mm)", defaultValue: depth_mm || "" }), jsx(TextField, { id: "weight_gr", type: "number", name: `${componentName}.weight_gr`, label: "Weight (gr)", defaultValue: weight_gr || "" })] })] }));
 }
 
 export { DimensionsFields };

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

@@ -52,8 +52,8 @@ const ItemLines = ({ items, itemsToReturn, setItemsToReturn, selectedItems, setS
         if (items) {
             setItemsToReturn(items.map((item) => {
                 return {
-                    line_item_number: item.line_item_number,
-                    product: item.product,
+                    line_item_number: item.line_item_number || "", // Handle undefined
+                    product: item.product?.documentId || "", // Extract string ID from Product object
                     ordered_quantity: item.ordered_quantity,
                     returned_quantity: 0,
                     reason: "damaged",
@@ -64,12 +64,10 @@ const ItemLines = ({ items, itemsToReturn, setItemsToReturn, selectedItems, setS
     }, [items]);
     const [parsedItems, setParsedItems] = useState([]);
     const parseItems = (items) => {
-        return itemsToReturn.map((item, index) => {
+        return items.map((item, index) => {
             return {
                 line_item_number: `${index + 1}.0.0`,
-                product: typeof item.product === "object" && "documentId" in item.product
-                    ? item.product.documentId
-                    : "",
+                product: item.product,
                 returned_quantity: item.returned_quantity,
                 reason: item.reason,
                 other_reason: item.other_reason || "",
@@ -78,7 +76,7 @@ const ItemLines = ({ items, itemsToReturn, setItemsToReturn, selectedItems, setS
     };
     useEffect(() => {
         if (itemsToReturn) {
-            setParsedItems(parseItems());
+            setParsedItems(parseItems(itemsToReturn));
         }
     }, [itemsToReturn]);
     return (jsx(Suspense, { fallback: jsx("div", { children: "Loading..." }), children: jsxs(Stack, { spacing: 2, children: [jsx(Typography, { variant: "h6", children: "Items" }), jsx(Typography, { variant: "body1", children: "from the items in the original order please select the items you'd like to return" }), jsx("input", { type: "hidden", name: "iro_items", value: JSON.stringify(parsedItems) }), jsx(Stack, { spacing: 1, children: items.map((item, index) => (jsxs(Fragment, { children: [jsxs(Stack, { spacing: 1, direction: "row", alignItems: "center", children: [jsx(Checkbox, { checked: selectedItems.includes(index), onChange: (e) => {
@@ -108,9 +106,7 @@ const ItemLines = ({ items, itemsToReturn, setItemsToReturn, selectedItems, setS
 };
 const ConfirmRMADialog = ({ open, onClose, items, formState, submitCallback, }) => {
     const [missingConfirmations, setMissingConfirmations] = useState(true);
-    return (jsxs(Dialog, { open: open, onClose: onClose, children: [jsx(DialogTitle, { children: "Confirm RMA" }), jsxs(DialogContent, { children: [jsx(DialogContentText, { children: "Summary of items to be returned:" }), jsx(List, { children: items.map((item, index) => (jsxs(ListItem, { children: [typeof item.product === "object"
-                                    ? `${item?.product?.product_number} ${item?.product?.title}`
-                                    : `Product with ID ${item.product}`, " ", "- Quantity: ", item.returned_quantity] }, index))) }), jsx(DialogContentText, { children: "Are you sure you want to request a return merchandise authorization for these items?" }), jsx(Checkbox, { onChange: (e) => setMissingConfirmations(!e.target.checked) }), jsx(Typography, { variant: "body1", children: "I confirm that the information I have provided is accurate and truthful. I understand that providing false or misleading information about the reason for returning goods may result in additional costs being charged to me. By checking this box, I acknowledge my legal responsibility for the accuracy of my declaration." })] }), jsxs(DialogActions, { children: [submitCallback ? (jsx(SubmitButton, { text: "Yes", loadingText: "Loading...", disabled: missingConfirmations, onClick: submitCallback })) : (jsx(SubmitButton, { text: "Yes", loadingText: "Loading...", disabled: missingConfirmations })), jsx(Button, { onClick: onClose, children: "No" }), formState?.strapiErrors !== null && (jsx(StrapiErrors, { error: formState?.strapiErrors })), formState?.message && (jsx(Alert, { severity: "error", children: formState?.message }))] })] }));
+    return (jsxs(Dialog, { open: open, onClose: onClose, children: [jsx(DialogTitle, { children: "Confirm RMA" }), jsxs(DialogContent, { children: [jsx(DialogContentText, { children: "Summary of items to be returned:" }), jsx(List, { children: items.map((item, index) => (jsx(ListItem, { children: `Product with ID ${item.product} - Quantity: ${item.returned_quantity}` }, index))) }), jsx(DialogContentText, { children: "Are you sure you want to request a return merchandise authorization for these items?" }), jsx(Checkbox, { onChange: (e) => setMissingConfirmations(!e.target.checked) }), jsx(Typography, { variant: "body1", children: "I confirm that the information I have provided is accurate and truthful. I understand that providing false or misleading information about the reason for returning goods may result in additional costs being charged to me. By checking this box, I acknowledge my legal responsibility for the accuracy of my declaration." })] }), jsxs(DialogActions, { children: [submitCallback ? (jsx(SubmitButton, { text: "Yes", loadingText: "Loading...", disabled: missingConfirmations, onClick: submitCallback })) : (jsx(SubmitButton, { text: "Yes", loadingText: "Loading...", disabled: missingConfirmations })), jsx(Button, { onClick: onClose, children: "No" }), formState?.strapiErrors !== null && (jsx(StrapiErrors, { error: formState?.strapiErrors })), formState?.message && (jsx(Alert, { severity: "error", children: formState?.message }))] })] }));
 };
 /* INFO Request RMA Return Merchandise Authorization for customers*/
 function RmaForm({ opo, sx, revalidateCallback, handleClose, }) {
@@ -143,7 +139,7 @@ function RmaForm({ opo, sx, revalidateCallback, handleClose, }) {
             });
         }
     }, [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, { item: true, xs: 12, children: jsx(Typography, { variant: "h6", children: "RMA Form" }) }), jsx("input", { type: "hidden", name: "opos", value: JSON.stringify([opo.documentId]) }), jsx(Grid, { item: true, xs: 12, children: jsxs(Stack, { spacing: 2, children: [jsx(Typography, { variant: "body1", children: "Please fill out the form below to request a return merchandise authorization. Due to the sensitive nature of the products, only unopened packages can be returned." }), jsx(Alert, { severity: "warning", children: "We urge you to carefully photograph the items you are returning. These pictures can be requested at a later time by our team to verify the condition of the items." })] }) }), jsx(Grid, { item: true, xs: 12, children: opo.opo_items ? (jsx(Stack, { spacing: 1, children: opo.opo_items && (jsx(ItemLines, { items: opo.opo_items, itemsToReturn: itemsToReturn, setItemsToReturn: setItemsToReturn, selectedItems: selectedItems, setSelectedItems: setSelectedItems })) })) : (jsx(Typography, { variant: "body1", children: "No items" })) }), jsx(ConfirmRMADialog, { formState: formState, open: open, items: itemsToReturn.filter((item) => item.returned_quantity > 0), onClose: () => setOpen(!open), submitCallback: () => {
+    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: jsx(Typography, { variant: "h6", children: "RMA Form" }) }), jsx("input", { type: "hidden", name: "opos", value: opo.documentId }), jsx(Grid, { item: true, xs: 12, children: jsxs(Stack, { spacing: 2, children: [jsx(Typography, { variant: "body1", children: "Please fill out the form below to request a return merchandise authorization. Due to the sensitive nature of the products, only unopened packages can be returned." }), jsx(Alert, { severity: "warning", children: "We urge you to carefully photograph the items you are returning. These pictures can be requested at a later time by our team to verify the condition of the items." })] }) }), jsx(Grid, { item: true, xs: 12, children: opo.opo_items ? (jsx(Stack, { spacing: 1, children: opo.opo_items && (jsx(ItemLines, { items: opo.opo_items, itemsToReturn: itemsToReturn, setItemsToReturn: setItemsToReturn, selectedItems: selectedItems, setSelectedItems: setSelectedItems })) })) : (jsx(Typography, { variant: "body1", children: "No items" })) }), jsx(ConfirmRMADialog, { formState: formState, open: open, items: itemsToReturn.filter((item) => item.returned_quantity > 0), onClose: () => setOpen(!open), submitCallback: () => {
                             console.log("submit callback");
                             const formElement = document.querySelector("form");
                             if (formElement) {

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

@@ -19,21 +19,22 @@ import PreReportsDisplay from '../../logistics/report/PreReportsDisplay.js';
 import SimpleReportFields from '../../logistics/report/SimpleReportFields.js';
 import Box from '@mui/material/Box';
 
-function TextualIROItemUpdater({ item, index, handleAddReport, handleUpdateQuantity, image, handleRemoveReportAtIndex, showing, }) {
+function TextualIroItemUpdater({ item, index, handleAddReport, handleUpdateQuantity, image, handleRemoveReportAtIndex, showing, }) {
+    console.log("TextualIROItemUpdater", item);
     const { line_item_number, product, returned_quantity, received_quantity, registered_quantity, released_quantity, reports, reason, other_reason, } = item;
     const [open, setOpen] = useState(false);
     // these values where wrapped with useMemo before but that did not work well while updating values
-    reports !== undefined && reports.length > 0
+    reports != null && reports.length > 0
         ? reports
             .filter((report) => report.type === "received")
             .reduce((a, b) => a + b.quantity, 0)
         : 0;
-    const registered_reports_quantity = reports !== undefined && reports.length > 0
+    const registered_reports_quantity = reports != null && reports.length > 0
         ? reports
             .filter((report) => report.type === "registered")
             .reduce((a, b) => a + b.quantity, 0)
         : 0;
-    reports !== undefined && reports.length > 0
+    reports != null && reports.length > 0
         ? reports
             .filter((report) => report.type === "released")
             .reduce((a, b) => a + b.quantity, 0)
@@ -54,4 +55,4 @@ function TextualIROItemUpdater({ item, index, handleAddReport, handleUpdateQuant
                             } })] }))] })) }, index));
 }
 
-export { TextualIROItemUpdater as default };
+export { TextualIroItemUpdater as default };

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

@@ -8,7 +8,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
 import { useFormState } from 'react-dom';
 import { updateIroAction } from '../../../data/actions/e-commerce/iro/updateIroAction.js';
-import TextualIROItemUpdater from './TextualIROItemUpdater.js';
+import TextualIroItemUpdater from './TextualIROItemUpdater.js';
 import IroItemDisplay from './IroItemDisplay.js';
 import NotesDisplay from '../../logistics/note/NotesDisplay.js';
 import NoteTakingComponent from '../../logistics/note/NoteTakingComponent.js';
@@ -241,7 +241,7 @@ function CancelIroDialog({ open, handleClose, orderID, revalidateCallback, }) {
     };
     return (jsx("form", { children: jsxs(Dialog, { open: open, onClose: handleClose, children: [jsx(DialogTitle, { children: "Cancel Return" }), jsx(DialogContent, { children: jsxs(Stack, { spacing: 2, children: [jsx(Typography, { children: "Are you sure you want to cancel this return?" }), jsxs(List, { children: [jsx(ListItem, { children: "By cancelling this return order you will update it's status from requested to cancelled" }), jsx(ListItem, { children: "Please provide a reason for the cancellation" }), jsx(ListItem, { children: "The customer will be notified about the cancellation and of the reason for the cancellation" })] }), jsx(TextField, { label: "Cancellation reason", name: "reason", multiline: true, rows: 4, fullWidth: true, variant: "outlined", value: reason, onChange: (e) => setRoason(e.target.value), placeholder: "Please provide a reason for the cancellation", error: !!reasonError, helperText: reasonError })] }) }), jsxs(DialogActions, { children: [jsx(Button, { variant: "outlined", onClick: handleClose, children: "Close" }), jsx(Button, { variant: "contained", color: "error", onClick: handleCancel, children: "Confirm Cancellation" })] })] }) }));
 }
-function TextualManageIROForm({ data, sx, 
+function TextualManageIroForm({ data, sx, 
 // revalidates the selectedOpo from the database
 revalidateCallback, handleClose, role, }) {
     // Bind documentId to the action
@@ -361,8 +361,8 @@ revalidateCallback, handleClose, role, }) {
                                         items.map((item, index) => {
                                             return (jsx(Paper, { sx: { p: 2, mb: 2 }, children: data.internal_status === "requested" ||
                                                     data.internal_status === "cancelled" ||
-                                                    data.internal_status === "done" ? (jsx(IroItemDisplay, { item: item, index: index, image: item?.product?.image })) : (jsx(TextualIROItemUpdater, { item: item, index: index, handleUpdateQuantity: handleUpdateQuantity, handleAddReport: handleAddReport, image: item?.product?.image, handleRemoveReportAtIndex: handleRemoveReportAtIndex, revalidateCallback: revalidateCallback, showing: showing })) }, index));
+                                                    data.internal_status === "done" ? (jsx(IroItemDisplay, { item: item, index: index, image: item?.product?.image })) : (jsx(TextualIroItemUpdater, { item: item, index: index, handleUpdateQuantity: handleUpdateQuantity, handleAddReport: handleAddReport, image: item?.product?.image, handleRemoveReportAtIndex: handleRemoveReportAtIndex, revalidateCallback: revalidateCallback, showing: showing })) }, index));
                                         }), jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { pt: 2 }, children: [handleClose && (jsx(Button, { onClick: handleClose, variant: "outlined", children: "Cancel" })), jsx(SubmitButton, { text: "Save changes", loadingText: "Saving...", variant: "contained" })] })] })] }) })] }) }));
 }
 
-export { TextualManageIROForm as default };
+export { TextualManageIroForm as default };

package/dist/esm/src/components/logistics/vendor/EditVendorForm.js

@@ -59,7 +59,8 @@ function EditVendorForm({ data, productNamesArr, revalidateCallback, handleClose
             });
         }
     }, [formState?.strapiErrors]);
-    const initialProducts = products?.data || [];
+    const initialProducts = products || [];
+    console.log("initialProducts", initialProducts);
     const [open, setOpen] = useState([]);
     const onClickHandler = (event, id) => {
         if (open.includes(id)) {
@@ -86,8 +87,9 @@ function EditVendorForm({ data, productNamesArr, revalidateCallback, handleClose
                                             __type: "api::logistics.vendor-profile",
                                         },
                                     ], revalidateCallback: revalidateCallback })] }) }), jsx(Grid, { item: true, xs: 12, children: jsx(ExplanatoryFoldOut, { title: "Vendor", description: "Vendors are businesses that you purchase products from." }) }), jsx(Grid, { item: true, xs: 12, md: 6, children: jsx(BusinessCredentialsFields, { data: business_credentials, componentName: "business_credentials", componentReference: "common.business-credentials" }) }), jsx(Grid, { item: true, xs: 12, md: 6, children: jsxs(Stack, { spacing: 2, children: [jsx(TextField, { id: "website_url", name: "website_url", label: "Website Url", defaultValue: website_url }), jsx(TextField, { id: "phone_number", name: "phone_number", label: "Phone Number", defaultValue: phone_number }), jsx(TextField, { id: "email", name: "email", label: "Email", defaultValue: email })] }) }), jsxs(Grid, { item: true, xs: 12, md: 6, children: [jsx(Typography, { variant: "h6", children: "Address" }), jsx(AddressFields, { data: address, componentName: "address", componentReference: "common.address" })] }), jsxs(Grid, { item: true, xs: 12, sx: { mt: 1 }, children: [jsx(Typography, { variant: "h6", children: "Products" }), jsx(ProductSelector, { productNames: productNamesArr, currentValue: initialProducts.map((prod) => prod.documentId) })] }), jsx(Grid, { item: true, xs: 12, sx: { mt: 1 }, children: jsx(Typography, { variant: "h6", children: "Contacts" }) }), oldContacts?.map((contact, index) => {
-                        if (contact.data?.id) {
-                            if (open.includes(contact.data?.id)) {
+                        console.log("contact", contact);
+                        if (contact.data?.first_name) {
+                            if (open.includes(contact.data?.first_name)) {
                                 return (jsx(Grid, { item: true, xs: 12, sm: 6, md: 4, lg: 3, sx: {
                                         justifyContent: "center",
                                         display: "flex",
@@ -104,21 +106,21 @@ function EditVendorForm({ data, productNamesArr, revalidateCallback, handleClose
                                                 /* setOpen(
                                                 open.filter((openId) => openId !== contact.data?.id)
                                               ); */
-                                            } }) }) }, contact.data.id));
+                                            } }) }) }, contact.data?.documentId || index));
                             }
                             else {
                                 return (jsx(Grid, { item: true, xs: 12, sm: 6, md: 4, lg: 3, sx: {
                                         justifyContent: "center",
                                         display: "flex",
                                         alignItems: "center",
-                                    }, children: jsxs(Paper, { sx: {
+                                    }, children: jsx(Paper, { sx: {
                                             p: 2,
                                             width: "100%",
                                             display: "flex",
                                             justifyContent: "center",
                                             alignItems: "center",
                                             height: "100%",
-                                        }, children: [jsx("input", { type: "hidden", name: `contacts[${index}].id`, value: contact.data.id }), jsx("input", { type: "hidden", name: `contacts[${index}].__component`, value: "logistics-elements.contact" }), jsx(Contacts, { data: { ...contact.data, onClick: onClickHandler } })] }) }, contact.data.id));
+                                        }, children: jsx(Contacts, { data: { ...contact.data, onClick: onClickHandler } }) }) }, contact.data?.documentId || index));
                             }
                         }
                         return null;
@@ -143,7 +145,7 @@ function EditVendorForm({ data, productNamesArr, revalidateCallback, handleClose
                                                 componentName: `contacts[${i + oldContacts.length}]`,
                                             };
                                         }));
-                                    } }) }) }, contact.data?.id || index));
+                                    } }) }) }, contact.data?.documentId || index));
                     }), jsx(Grid, { item: true, xs: 12, sm: 6, md: 4, lg: 3, sx: {
                             justifyContent: "center",
                             display: "flex",
@@ -162,6 +164,7 @@ function EditVendorForm({ data, productNamesArr, revalidateCallback, handleClose
                                             componentName: `contacts[${oldContacts.length + newContacts.length}]`,
                                             componentReference: "logistics-elements.contact",
                                             data: {
+                                                documentId: "",
                                                 uuid: Math.random(),
                                                 first_name: "",
                                                 last_name: "",
@@ -171,7 +174,7 @@ function EditVendorForm({ data, productNamesArr, revalidateCallback, handleClose
                                             },
                                         },
                                     ]);
-                                }, size: "large", children: "Add contact" }) }) }), jsxs(Grid, { item: true, xs: 12, children: [jsx(Typography, { variant: "h6", children: "Notes" }), notes?.data !== undefined ? (jsx(NotesDisplay, { notes: notes.data })) : (jsx(Typography, { children: "No notes to display" }))] }), " ", jsx(Grid, { item: true, xs: 12, children: jsxs(Stack, { direction: "row", spacing: 2, justifyContent: "space-between", alignItems: "center", sx: { mt: 2 }, children: [handleClose && (jsx(Button, { onClick: handleClose, variant: "outlined", children: "Cancel" })), jsx(SubmitButton, { text: "Update Vendor", loadingText: "Updating..." })] }) })] }) }) }));
+                                }, size: "large", children: "Add contact" }) }) }), jsxs(Grid, { item: true, xs: 12, children: [jsx(Typography, { variant: "h6", children: "Notes" }), Array.isArray(notes) && notes.length > 0 ? (jsx(NotesDisplay, { notes: notes })) : (jsx(Typography, { children: "No notes to display" }))] }), " ", jsx(Grid, { item: true, xs: 12, children: jsxs(Stack, { direction: "row", spacing: 2, justifyContent: "space-between", alignItems: "center", sx: { mt: 2 }, children: [handleClose && (jsx(Button, { onClick: handleClose, variant: "outlined", children: "Cancel" })), jsx(SubmitButton, { text: "Update Vendor", loadingText: "Updating..." })] }) })] }) }) }));
 }
 
 export { EditVendorForm };

package/dist/esm/src/components/logistics/vendor/VendorDisplay.js

@@ -24,7 +24,7 @@ function VendorDisplay({ data, sx }) {
             // You cannot spread `sx` directly because `SxProps` (typeof sx) can be an array.
             { p: 2 },
             ...(Array.isArray(sx) ? sx : [sx]),
-        ], component: Paper, children: [jsxs(Grid, { container: true, spacing: 2, children: [jsx(Grid, { item: true, xs: 12, children: jsx(Typography, { variant: "h5", children: "Vendor" }) }), jsx(Grid, { item: true, xs: 12, md: 6, children: jsx(BusinessCredentials, { data: business_credentials }) }), jsxs(Grid, { item: true, xs: 12, md: 6, children: [jsxs(Typography, { variant: "body1", children: ["Website Url: ", website_url] }), jsxs(Typography, { variant: "body1", children: ["Phone Number: ", phone_number] }), jsxs(Typography, { variant: "body1", children: ["Email: ", email] })] }), jsxs(Grid, { item: true, xs: 12, md: 6, children: [jsx(Typography, { variant: "h6", children: "Address" }), jsx(Address, { data: address })] })] }), jsxs(Grid, { item: true, xs: 12, sx: { mt: 3 }, children: [jsx(Typography, { variant: "h6", children: "Products" }), jsx(ExplanatoryFoldOut, { title: "Products", sx: { mt: 1 }, children: jsx(Stack, { spacing: 1, children: products.data.map((product, index) => (jsx(Paper, { sx: { p: 1 }, children: jsxs(Stack, { direction: "row", justifyContent: "space-between", children: [jsxs(Typography, { variant: "h6", children: ["Product: ", product.title, " ", product.product_number] }), jsx(Price, { ...product.price })] }) }, index))) }) })] }), jsxs(Grid, { item: true, xs: 12, sx: { mt: 3 }, children: [jsx(Typography, { variant: "h6", children: "Contacts" }), jsx(ExplanatoryFoldOut, { title: "Contacts", sx: { mt: 1 }, children: jsx(Stack, { spacing: 1, children: contacts.map((contact, index) => (jsx(Paper, { sx: { p: 1 }, children: jsx(Contacts, { data: contact }) }, index))) }) })] })] }));
+        ], component: Paper, children: [jsxs(Grid, { container: true, spacing: 2, children: [jsx(Grid, { item: true, xs: 12, children: jsx(Typography, { variant: "h5", children: "Vendor" }) }), jsx(Grid, { item: true, xs: 12, md: 6, children: jsx(BusinessCredentials, { data: business_credentials }) }), jsxs(Grid, { item: true, xs: 12, md: 6, children: [jsxs(Typography, { variant: "body1", children: ["Website Url: ", website_url] }), jsxs(Typography, { variant: "body1", children: ["Phone Number: ", phone_number] }), jsxs(Typography, { variant: "body1", children: ["Email: ", email] })] }), jsxs(Grid, { item: true, xs: 12, md: 6, children: [jsx(Typography, { variant: "h6", children: "Address" }), jsx(Address, { data: address })] })] }), jsxs(Grid, { item: true, xs: 12, sx: { mt: 3 }, children: [jsx(Typography, { variant: "h6", children: "Products" }), jsx(ExplanatoryFoldOut, { title: "Products", sx: { mt: 1 }, children: jsx(Stack, { spacing: 1, children: products.map((product, index) => (jsx(Paper, { sx: { p: 1 }, children: jsxs(Stack, { direction: "row", justifyContent: "space-between", children: [jsxs(Typography, { variant: "h6", children: ["Product: ", product.title, " ", product.product_number] }), jsx(Price, { ...product.price })] }) }, index))) }) })] }), jsxs(Grid, { item: true, xs: 12, sx: { mt: 3 }, children: [jsx(Typography, { variant: "h6", children: "Contacts" }), jsx(ExplanatoryFoldOut, { title: "Contacts", sx: { mt: 1 }, children: jsx(Stack, { spacing: 1, children: contacts.map((contact, index) => (jsx(Paper, { sx: { p: 1 }, children: jsx(Contacts, { data: contact }) }, index))) }) })] })] }));
 }
 
 export { VendorDisplay };

package/dist/esm/src/components/public-information/PublicInformationForm.js

@@ -60,8 +60,8 @@ function PublicInformationForm({ publicInformation, sx, }) {
             { p: 2 },
             ...(Array.isArray(sx) ? sx : [sx]),
         ], component: Paper, children: jsx("form", { action: formAction, children: jsxs(Grid, { container: true, spacing: 2, children: [jsx(Grid, { item: true, xs: 12, children: jsx(Typography, { variant: "h5", children: "Edit Public Information" }) }), jsx(Grid, { item: true, xs: 12, children: jsxs(Stack, { spacing: 2, children: [jsx(TextField, { id: "title", name: "title", label: "Title", defaultValue: title }), jsx(TextField, { id: "description", name: "description", label: "Description", defaultValue: description }), jsx(TextField, { id: "email", name: "email", label: "email", defaultValue: email }), jsx(TextField, { id: "phone_number", name: "phone_number", label: "phone_number", defaultValue: phone_number })] }) }), jsx(Grid, { item: true, xs: 12, lg: 6, children: jsxs(Stack, { spacing: 2, children: [jsx(Typography, { variant: "h6", children: "Company Address" }), jsx(Divider, {}), jsx(AddressFields, { componentName: "address", componentReference: "common.address", data: address })] }) }), jsx(Grid, { item: true, xs: 12, lg: 6, children: jsxs(Stack, { spacing: 2, children: [jsx(Typography, { variant: "h6", children: "Business Credentials" }), jsx(Divider, {}), jsx(BusinessCredentialsFields, { componentName: "business_credentials", componentReference: "business.credentials", data: business_credentials })] }) }), jsx(Grid, { item: true, xs: 12, sx: { mt: 1 }, children: jsx(Typography, { variant: "h6", children: "Socials" }) }), oldSocials.map((social, index) => {
-                        if (social.data?.documentId) {
-                            if (open.includes(social.data.documentId)) {
+                        if (social.data?.name) {
+                            if (open.includes(social.data.name)) {
                                 return (jsx(Grid, { item: true, xs: 12, md: 6, lg: 4, children: jsx(SocialsFields, { data: social.data, componentName: `socials[${index}]`, componentReference: "common.social", deleteCallback: () => {
                                             setOldSocials(oldSocials.filter((_, i) => i !== index));
                                             /* setOpen(

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

@@ -16,10 +16,12 @@ async function requestRmaAction(prevState, formData) {
     Object.fromEntries(formData);
     const parsedFormData = parseFormData(formData);
     if (parsedFormData.data.iro_items) {
+        console.log("parsedFormData.data.iro_items", parsedFormData.data.iro_items);
         parsedFormData.data.iro_items = JSON.parse(parsedFormData.data.iro_items);
     }
     if (parsedFormData.data.opos) {
-        parsedFormData.data.opos = JSON.parse(parsedFormData.data.opos);
+        console.log("parsedFormData.data.opos", parsedFormData.data.opos);
+        parsedFormData.data.opos = parsedFormData.data.opos;
     }
     const responseData = await mutateData("POST", `/api/iros`, parsedFormData);
     if (!responseData) {

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

@@ -25,7 +25,7 @@ const baseUrl = getStrapiURL();
  * @return A promise that resolves to the fetched OPO data
  * * @throws Will throw an error if the fetch fails
  */
-async function getAllOpos(currentPage, rowsPerPage, order, orderBy, is_archive = [false], // default to only non-archived OPOs
+async function getAllOpos(currentPage, rowsPerPage, order, orderBy = "createdAt", is_archive = [false], // default to only non-archived OPOs
 filters = {}) {
     unstable_noStore();
     const user = await getUserRole();

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

@@ -10,6 +10,16 @@ import { fetchData } from '../loaders.js';
 import { getStrapiURL } from '../../../lib/utils.js';
 
 const baseUrl = getStrapiURL();
+/**
+ * Fetch paginated product categories from the Strapi API.
+ *
+ * @param currentPage - The current page number for pagination.
+ * @param rowsPerPage - The number of rows per page for pagination.
+ * @param order - The sort order (asc or desc).
+ * @param orderBy - The field to order by, defaults to "createdAt".
+ * @param is_archive - An array of booleans to filter by archived status, defaulting to both archived and non-archived categories.
+ * @returns A promise that resolves to the fetched categories data.
+ */
 async function getPaginatedCategories(currentPage, rowsPerPage, order, orderBy, is_archive = [false] // default to both archived and non-archived categories
 ) {
     const url = new URL(`/api/product-categories`, baseUrl);
@@ -28,10 +38,10 @@ async function getPaginatedCategories(currentPage, rowsPerPage, order, orderBy,
                 },
             },
         },
-        sort: `${orderBy || "id"}:${order || "desc"}`,
+        sort: `${orderBy || "createdAt"}:${order || "desc"}`,
         pagination: {
-            pageSize: rowsPerPage || 4,
-            page: currentPage ? currentPage : 1, // because table pagination starts at 0 but strapi starts at 1
+            pageSize: rowsPerPage || 5,
+            page: currentPage ? currentPage + 1 : 1, // because table pagination starts at 0 but strapi starts at 1
         },
     });
     return await fetchData(url.href);

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

@@ -32,9 +32,7 @@ async function getSingleOpo(documentId, filters = {}) {
                 },
             },
             customer: {
-                populate: {
-                    business_credentials: true,
-                },
+                populate: ["business_credentials"],
             },
             notes: {
                 populate: {

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

@@ -16,6 +16,14 @@ const baseUrl = getStrapiURL();
 /**
  * INFO Fetch all IROs
  * used by the IROs table in the admin panel
+ * @param currentPage - The current page number for pagination
+ * @param rowsPerPage - The number of rows per page for pagination
+ * @param order - The sort order (asc or desc)
+ * @param orderBy - The field to order by, defaults to "createdAt"
+ * @param is_archive - An array of booleans to filter by archived status, defaulting to only non-archived IROs
+ * @param filters - An object containing additional filters to apply
+ * @return A promise that resolves to the fetched IRO data
+ * * @throws Will throw an error if the fetch fails
  */
 async function getAllIros(currentPage, rowsPerPage, order, orderBy = "createdAt", is_archive = [false], // default to only non-archived OPOs
 filters = {}) {

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

@@ -8,10 +8,11 @@
 import qs from '../../../../../node_modules/qs/lib/index.js';
 import { fetchData } from '../../loaders.js';
 import { getStrapiURL } from '../../../../lib/utils.js';
+import { unstable_noStore } from 'next/cache';
 
 const baseUrl = getStrapiURL();
-async function getSingleIro(documentId) {
-    // noStore();
+async function getSingleIro(documentId, filters = {}) {
+    unstable_noStore();
     const url = new URL(`/api/iros/${documentId}`, baseUrl);
     url.search = qs.stringify({
         populate: {
@@ -35,12 +36,11 @@ async function getSingleIro(documentId) {
             notes: {
                 // should only be available to enduser and dispatcher
                 populate: {
-                    author: {
-                        populate: true,
-                    },
+                    author: true,
                 },
             },
         },
+        filters: { ...filters },
     });
     return await fetchData(url.href);
 }