umwd-components 0.1.732 → 0.1.733

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

@@ -13,11 +13,11 @@ import Typography from '@mui/material/Typography';
 import HomeIcon from '@mui/icons-material/Home';
 
 function Address({ data }) {
-    const { id, street, street_number, street_number_addition, postal_code, city, } = data;
+    const { documentId, street, street_number, street_number_addition, postal_code, city, } = data;
     return (jsx(Stack, { children: jsxs(Stack, { spacing: 2, direction: "row", children: [jsx(HomeIcon, {}), jsxs(Stack, { children: [jsxs(Typography, { variant: "body1", component: "p", children: [street, " ", street_number, " ", street_number_addition] }), jsxs(Typography, { variant: "body1", component: "p", children: [postal_code, " ", city] })] })] }) }));
 }
 function AddressFields({ data, componentName, componentReference, disabled = false, onChangeCallback, }) {
-    const { id, street: initialStreet, street_number: initialStreetNumber, street_number_addition: initialStreetNumberAddition, postal_code: initialPostalCode, city: initialCity, } = data || {};
+    const { documentId, street: initialStreet, street_number: initialStreetNumber, street_number_addition: initialStreetNumberAddition, postal_code: initialPostalCode, city: initialCity, } = data || {};
     const [street, setStreet] = useState(initialStreet || "");
     const [streetNumber, setStreetNumber] = useState(initialStreetNumber || "");
     const [streetNumberAddition, setStreetNumberAddition] = useState(initialStreetNumberAddition || "");
@@ -39,7 +39,7 @@ function AddressFields({ data, componentName, componentReference, disabled = fal
     useEffect(() => {
         if (onChangeCallback) {
             onChangeCallback({
-                id: id || null,
+                documentId: documentId || null,
                 street,
                 street_number: streetNumber,
                 street_number_addition: streetNumberAddition,
@@ -48,7 +48,7 @@ function AddressFields({ data, componentName, componentReference, disabled = fal
             });
         }
     }, [street, streetNumber, streetNumberAddition, postalCode, city]);
-    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: "street", name: `${componentName}.street`, label: "Street", value: street, onChange: (e) => setStreet(e.target.value), disabled: disabled }), jsx(TextField, { id: "street_number", name: `${componentName}.street_number`, label: "Street Number", value: streetNumber, onChange: (e) => setStreetNumber(e.target.value), disabled: disabled }), jsx(TextField, { id: "street_number_addition", name: `${componentName}.street_number_addition`, label: "Street Number Addition", value: streetNumberAddition, onChange: (e) => setStreetNumberAddition(e.target.value), disabled: disabled }), jsx(TextField, { id: "postal_code", name: `${componentName}.postal_code`, label: "Postal Code", value: postalCode, onChange: (e) => setPostalCode(e.target.value), disabled: disabled }), jsx(TextField, { id: "city", name: `${componentName}.city`, label: "City", value: city, onChange: (e) => setCity(e.target.value), disabled: disabled })] })] }));
+    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 }), documentId && (jsx("input", { id: ``, type: "hidden", name: `${componentName}.documentId`, value: documentId })), jsx(TextField, { id: "street", name: `${componentName}.street`, label: "Street", value: street, onChange: (e) => setStreet(e.target.value), disabled: disabled }), jsx(TextField, { id: "street_number", name: `${componentName}.street_number`, label: "Street Number", value: streetNumber, onChange: (e) => setStreetNumber(e.target.value), disabled: disabled }), jsx(TextField, { id: "street_number_addition", name: `${componentName}.street_number_addition`, label: "Street Number Addition", value: streetNumberAddition, onChange: (e) => setStreetNumberAddition(e.target.value), disabled: disabled }), jsx(TextField, { id: "postal_code", name: `${componentName}.postal_code`, label: "Postal Code", value: postalCode, onChange: (e) => setPostalCode(e.target.value), disabled: disabled }), jsx(TextField, { id: "city", name: `${componentName}.city`, label: "City", value: city, onChange: (e) => setCity(e.target.value), disabled: disabled })] })] }));
 }
 
 export { AddressFields, Address as default };

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

@@ -44,8 +44,9 @@ const INITIAL_STATE = {
   business_credentials: BusinessCredentialsProps;
 } */
 function CustomerProfileEditForm({ data, sx, revalidateCallback, handleClose, }) {
-    const { id, uuid, customer_number, first_name, last_name, email, phone, company_address, delivery_address, billing_address, business_credentials, } = data;
-    const [formState, formAction] = useFormState(updateCustomerProfileAction, INITIAL_STATE);
+    const { documentId, uuid, customer_number, first_name, last_name, email, phone, company_address, delivery_address, billing_address, business_credentials, } = data;
+    const boundAction = updateCustomerProfileAction.bind(null, documentId);
+    const [formState, formAction] = useFormState(boundAction, INITIAL_STATE);
     const [withDeliveryAddress, setWithDeliveryAddress] = useState(typeof delivery_address !== "undefined" && delivery_address !== null);
     const [withBillingAddress, setWithBillingAddress] = useState(typeof billing_address !== "undefined" && billing_address !== null);
     const { refreshSession } = useSession();
@@ -71,7 +72,7 @@ function CustomerProfileEditForm({ data, 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: jsxs(Stack, { spacing: 2, children: [jsx(Typography, { variant: "h3", component: "h1", children: "Edit Profile" }), jsx(Typography, { variant: "body2", children: "Update your personal and business information" })] }) }), jsxs(Grid, { item: true, xs: 12, children: [jsx("input", { type: "hidden", name: "id", value: id }), jsx(Typography, { variant: "h6", children: "Personal Details" }), jsx(Divider, {}), jsxs(Stack, { spacing: 2, sx: { mt: 2 }, children: [jsx(TextField, { id: "first_name", name: "first_name", label: "First Name", defaultValue: first_name }), jsx(TextField, { id: "last_name", name: "last_name", label: "Last Name", defaultValue: last_name }), jsx(TextField, { id: "email", name: "email", label: "Email", defaultValue: email, disabled: true }), jsx(TextField, { id: "phone", name: "phone", label: "Phone", defaultValue: phone })] })] }), jsxs(Grid, { item: true, xs: 12, children: [jsx(Typography, { variant: "h6", children: "Business Credentials" }), jsx(Divider, {}), jsx(Box, { sx: { mt: 2 }, children: jsx(BusinessCredentialsFields, { componentName: "business_credentials", componentReference: "business.credentials", data: business_credentials }) })] }), jsxs(Grid, { item: true, xs: 12, children: [jsx(Typography, { variant: "h6", children: "Company Address" }), jsx(Divider, {}), jsx(Box, { sx: { mt: 2 }, children: jsx(AddressFields, { componentName: "company_address", componentReference: "common.address", data: company_address }) })] }), jsxs(Grid, { item: true, xs: 12, children: [jsx(Typography, { variant: "h6", children: "Delivery Address" }), jsx(Divider, {}), jsxs(Stack, { spacing: 2, sx: { mt: 2 }, children: [jsxs(Stack, { direction: "row", spacing: 2, alignItems: "center", children: [jsx(Checkbox, { value: withDeliveryAddress, checked: withDeliveryAddress, onChange: () => setWithDeliveryAddress(!withDeliveryAddress) }), jsx(Typography, { children: "Use a different address for delivery" })] }), withDeliveryAddress && (jsx(AddressFields, { componentName: "delivery_address", componentReference: "common.address", data: delivery_address }))] })] }), jsxs(Grid, { item: true, xs: 12, children: [jsx(Typography, { variant: "h6", children: "Billing Address" }), jsx(Divider, {}), jsxs(Stack, { spacing: 2, sx: { mt: 2 }, children: [jsxs(Stack, { direction: "row", spacing: 2, alignItems: "center", children: [jsx(Checkbox, { value: withBillingAddress, checked: withBillingAddress, onChange: () => setWithBillingAddress(!withBillingAddress) }), jsx(Typography, { children: "Use a different address for billing" })] }), withBillingAddress && (jsx(AddressFields, { componentName: "billing_address", componentReference: "common.address", data: billing_address }))] })] }), jsx(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: "Save changes", loadingText: "Saving...", 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 Profile" }), jsx(Typography, { variant: "body2", children: "Update your personal and business information" })] }) }), jsxs(Grid, { item: true, xs: 12, children: [jsx(Typography, { variant: "h6", children: "Personal Details" }), jsx(Divider, {}), jsxs(Stack, { spacing: 2, sx: { mt: 2 }, children: [jsx(TextField, { id: "first_name", name: "first_name", label: "First Name", defaultValue: first_name }), jsx(TextField, { id: "last_name", name: "last_name", label: "Last Name", defaultValue: last_name }), jsx(TextField, { id: "email", name: "email", label: "Email", defaultValue: email, disabled: true }), jsx(TextField, { id: "phone", name: "phone", label: "Phone", defaultValue: phone })] })] }), jsxs(Grid, { item: true, xs: 12, children: [jsx(Typography, { variant: "h6", children: "Business Credentials" }), jsx(Divider, {}), jsx(Box, { sx: { mt: 2 }, children: jsx(BusinessCredentialsFields, { componentName: "business_credentials", componentReference: "business.credentials", data: business_credentials }) })] }), jsxs(Grid, { item: true, xs: 12, children: [jsx(Typography, { variant: "h6", children: "Company Address" }), jsx(Divider, {}), jsx(Box, { sx: { mt: 2 }, children: jsx(AddressFields, { componentName: "company_address", componentReference: "common.address", data: company_address }) })] }), jsxs(Grid, { item: true, xs: 12, children: [jsx(Typography, { variant: "h6", children: "Delivery Address" }), jsx(Divider, {}), jsxs(Stack, { spacing: 2, sx: { mt: 2 }, children: [jsxs(Stack, { direction: "row", spacing: 2, alignItems: "center", children: [jsx(Checkbox, { value: withDeliveryAddress, checked: withDeliveryAddress, onChange: () => setWithDeliveryAddress(!withDeliveryAddress) }), jsx(Typography, { children: "Use a different address for delivery" })] }), withDeliveryAddress && (jsx(AddressFields, { componentName: "delivery_address", componentReference: "common.address", data: delivery_address }))] })] }), jsxs(Grid, { item: true, xs: 12, children: [jsx(Typography, { variant: "h6", children: "Billing Address" }), jsx(Divider, {}), jsxs(Stack, { spacing: 2, sx: { mt: 2 }, children: [jsxs(Stack, { direction: "row", spacing: 2, alignItems: "center", children: [jsx(Checkbox, { value: withBillingAddress, checked: withBillingAddress, onChange: () => setWithBillingAddress(!withBillingAddress) }), jsx(Typography, { children: "Use a different address for billing" })] }), withBillingAddress && (jsx(AddressFields, { componentName: "billing_address", componentReference: "common.address", data: billing_address }))] })] }), jsx(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: "Save changes", loadingText: "Saving...", variant: "contained" })] }) })] }) }) }));
 }
 
 export { CustomerProfileEditForm as default };

package/dist/esm/src/components/e-commerce/enduser/EnduserProfileEditForm.js

@@ -30,8 +30,8 @@ const INITIAL_STATE = {
     severity: null,
 };
 function EnduserProfileEditForm({ data, sx, revalidateCallback, handleClose, }) {
-    const { id, first_name, last_name, email, phone } = data;
-    const boundAction = updateEnduserProfileAction.bind(null, parseInt(id));
+    const { documentId, first_name, last_name, email, phone } = data;
+    const boundAction = updateEnduserProfileAction.bind(null, documentId);
     const [formState, formAction] = useFormState(boundAction, INITIAL_STATE);
     const { handleAddMessage } = useSnackbar();
     const { refreshSession } = useSession();

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

@@ -34,8 +34,8 @@ const INITIAL_STATE = {
     severity: null,
 };
 function DispatcherProfileEditForm({ data, sx, revalidateCallback, handleClose, }) {
-    const { id, first_name, last_name, email, phone, company_address, business_credentials, } = data;
-    const boundAction = updateDispatcherProfileAction.bind(null, parseInt(id));
+    const { documentId, first_name, last_name, email, phone, company_address, business_credentials, } = data;
+    const boundAction = updateDispatcherProfileAction.bind(null, documentId);
     const [formState, formAction] = useFormState(boundAction, INITIAL_STATE);
     const { handleAddMessage } = useSnackbar();
     const { refreshSession } = useSession();

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

@@ -37,8 +37,7 @@ const INITIAL_STATE = {
 };
 function EditVendorForm({ data, productNamesArr, revalidateCallback, handleClose, sx, }) {
     const { documentId, website_url, phone_number, email, business_credentials, address, products, contacts, notes, } = data;
-    console.log("data", data);
-    const [formState, formAction] = useFormState(updateVendorAction, INITIAL_STATE);
+    const [formState, formAction] = useFormState((prevState, formData) => updateVendorAction(documentId, prevState, formData), INITIAL_STATE);
     const { handleAddMessage } = useSnackbar();
     useEffect(() => {
         if (formState?.message) {
@@ -81,71 +80,50 @@ function EditVendorForm({ data, productNamesArr, revalidateCallback, handleClose
     // INFO must utilize the uuid to ensure that the new contacts are unique
     // this is important to use both the deleteCallback and still not have problems with the key
     const [newContacts, setNewContacts] = useState([]);
-    return (jsx(Box, { sx: [...(Array.isArray(sx) ? sx : [sx])], children: jsxs("form", { action: formAction, children: [documentId && (jsx("input", { id: "id", type: "hidden", name: "id", value: documentId })), jsxs(Grid, { container: true, spacing: 2, children: [jsx(Grid, { item: true, xs: 12, children: jsxs(Stack, { direction: "row", justifyContent: "space-between", children: [jsx(Typography, { variant: "h5", children: "Edit Vendor" }), jsx(NoteTakingComponent, { content: "", related: [
-                                            {
-                                                id: data.documentId,
-                                                __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)) {
-                                    return (jsx(Grid, { item: true, xs: 12, sm: 6, md: 4, lg: 3, sx: {
-                                            justifyContent: "center",
+    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, { direction: "row", justifyContent: "space-between", children: [jsx(Typography, { variant: "h5", children: "Edit Vendor" }), jsx(NoteTakingComponent, { content: "", related: [
+                                        {
+                                            id: data.documentId,
+                                            __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)) {
+                                return (jsx(Grid, { item: true, xs: 12, sm: 6, md: 4, lg: 3, sx: {
+                                        justifyContent: "center",
+                                        display: "flex",
+                                        alignItems: "center",
+                                    }, children: jsx(Paper, { sx: {
+                                            p: 2,
+                                            width: "100%",
                                             display: "flex",
-                                            alignItems: "center",
-                                        }, children: jsx(Paper, { sx: {
-                                                p: 2,
-                                                width: "100%",
-                                                display: "flex",
-                                                justifyContent: "center",
-                                                alignItems: "center",
-                                                height: "100%",
-                                            }, children: jsx(ContactsFields, { data: contact.data, componentName: `contacts[${index}]`, componentReference: "logistics-elements.contact", deleteCallback: () => {
-                                                    setOldContacts(oldContacts.filter((_, i) => i !== index));
-                                                    /* setOpen(
-                                                    open.filter((openId) => openId !== contact.data?.id)
-                                                  ); */
-                                                } }) }) }, contact.data.id));
-                                }
-                                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: {
-                                                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));
-                                }
+                                            height: "100%",
+                                        }, children: jsx(ContactsFields, { data: contact.data, componentName: `contacts[${index}]`, componentReference: "logistics-elements.contact", deleteCallback: () => {
+                                                setOldContacts(oldContacts.filter((_, i) => i !== index));
+                                                /* setOpen(
+                                                open.filter((openId) => openId !== contact.data?.id)
+                                              ); */
+                                            } }) }) }, contact.data.id));
                             }
-                            return null;
-                        }), newContacts.map((contact, index) => {
-                            return (jsx(Grid, { item: true, xs: 12, sm: 6, md: 4, lg: 3, sx: {
-                                    justifyContent: "center",
-                                    display: "flex",
-                                    alignItems: "center",
-                                }, children: jsx(Paper, { sx: {
-                                        p: 2,
-                                        width: "100%",
-                                        display: "flex",
+                            else {
+                                return (jsx(Grid, { item: true, xs: 12, sm: 6, md: 4, lg: 3, sx: {
                                         justifyContent: "center",
+                                        display: "flex",
                                         alignItems: "center",
-                                        height: "100%",
-                                    }, children: jsx(ContactsFields, { data: contact.data, componentName: contact.componentName, componentReference: "logistics-elements.contact", deleteCallback: () => {
-                                            setNewContacts(newContacts
-                                                .filter((_, i) => i !== index)
-                                                .map((_, i) => {
-                                                return {
-                                                    ..._,
-                                                    componentName: `contacts[${i + oldContacts.length}]`,
-                                                };
-                                            }));
-                                        } }) }) }, contact.data?.id || index));
-                        }), jsx(Grid, { item: true, xs: 12, sm: 6, md: 4, lg: 3, sx: {
+                                    }, children: jsxs(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));
+                            }
+                        }
+                        return null;
+                    }), newContacts.map((contact, index) => {
+                        return (jsx(Grid, { item: true, xs: 12, sm: 6, md: 4, lg: 3, sx: {
                                 justifyContent: "center",
                                 display: "flex",
                                 alignItems: "center",
@@ -156,23 +134,44 @@ function EditVendorForm({ data, productNamesArr, revalidateCallback, handleClose
                                     justifyContent: "center",
                                     alignItems: "center",
                                     height: "100%",
-                                }, children: jsx(Button, { variant: "contained", startIcon: jsx(AddIcon, {}), onClick: () => {
-                                        setNewContacts([
-                                            ...newContacts,
-                                            {
-                                                componentName: `contacts[${oldContacts.length + newContacts.length}]`,
-                                                componentReference: "logistics-elements.contact",
-                                                data: {
-                                                    uuid: Math.random(),
-                                                    first_name: "",
-                                                    last_name: "",
-                                                    email: "",
-                                                    phone_number: "",
-                                                    type: ContactType.Other,
-                                                },
+                                }, children: jsx(ContactsFields, { data: contact.data, componentName: contact.componentName, componentReference: "logistics-elements.contact", deleteCallback: () => {
+                                        setNewContacts(newContacts
+                                            .filter((_, i) => i !== index)
+                                            .map((_, i) => {
+                                            return {
+                                                ..._,
+                                                componentName: `contacts[${i + oldContacts.length}]`,
+                                            };
+                                        }));
+                                    } }) }) }, contact.data?.id || index));
+                    }), jsx(Grid, { item: true, xs: 12, sm: 6, md: 4, lg: 3, sx: {
+                            justifyContent: "center",
+                            display: "flex",
+                            alignItems: "center",
+                        }, children: jsx(Paper, { sx: {
+                                p: 2,
+                                width: "100%",
+                                display: "flex",
+                                justifyContent: "center",
+                                alignItems: "center",
+                                height: "100%",
+                            }, children: jsx(Button, { variant: "contained", startIcon: jsx(AddIcon, {}), onClick: () => {
+                                    setNewContacts([
+                                        ...newContacts,
+                                        {
+                                            componentName: `contacts[${oldContacts.length + newContacts.length}]`,
+                                            componentReference: "logistics-elements.contact",
+                                            data: {
+                                                uuid: Math.random(),
+                                                first_name: "",
+                                                last_name: "",
+                                                email: "",
+                                                phone_number: "",
+                                                type: ContactType.Other,
                                             },
-                                        ]);
-                                    }, 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" }), 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..." })] }) })] }) }) }));
 }
 
 export { EditVendorForm };

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

@@ -32,8 +32,8 @@ const INITIAL_STATE = {
     message: null,
 };
 function PublicInformationForm({ publicInformation, sx, }) {
-    const { id, title, description, disclaimer_link, privacypolicy_link, maxWidth, email, phone_number, business_credentials, address, socials, header_logo, footer_logo, } = publicInformation;
-    const [formState, formAction] = useFormState(updatePublicInformationAction, INITIAL_STATE);
+    const { documentId, title, description, disclaimer_link, privacypolicy_link, maxWidth, email, phone_number, business_credentials, address, socials, header_logo, footer_logo, } = publicInformation;
+    const [formState, formAction] = useFormState((prevState, formData) => updatePublicInformationAction(documentId, prevState, formData), INITIAL_STATE);
     const [open, setOpen] = useState([]);
     const onClickHandler = (event, id) => {
         if (open.includes(id)) {
@@ -58,48 +58,48 @@ function PublicInformationForm({ publicInformation, 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("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: 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?.id) {
-                                if (open.includes(social.data?.id)) {
-                                    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(
-                                                  open.filter((openId) => openId !== social.data?.id)
-                                                ); */
-                                            } }) }, social.data.id));
-                                }
-                                else {
-                                    return (jsxs(Grid, { item: true, xs: 12, md: 6, lg: 4, children: [jsx("input", { type: "hidden", name: `socials[${index}].id`, value: social.data.id }), jsx("input", { type: "hidden", name: `socials[${index}].__component`, value: "logistics-elements.social" }), jsx(SocialsDisplay, { data: { ...social.data, onClick: onClickHandler } })] }, social.data.id));
-                                }
+        ], 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?.id) {
+                            if (open.includes(social.data?.id)) {
+                                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(
+                                              open.filter((openId) => openId !== social.data?.id)
+                                            ); */
+                                        } }) }, social.data.id));
                             }
-                            return null;
-                        }), newSocials.map((social, index) => {
-                            return (jsx(Grid, { item: true, xs: 12, md: 6, lg: 4, children: jsx(SocialsFields, { data: social.data, componentName: social.componentName, componentReference: "common.social", deleteCallback: () => {
-                                        setNewSocials(newSocials
-                                            .filter((_, i) => i !== index)
-                                            .map((_, i) => {
-                                            return {
-                                                ..._,
-                                                componentName: `socials[${i + oldSocials.length}]`,
-                                            };
-                                        }));
-                                    } }) }, social.data?.uuid));
-                        }), jsx(Grid, { item: true, xs: 12, md: 6, lg: 4, justifyContent: "center", alignItems: "center", children: jsx(IconButton, { onClick: () => {
-                                    setNewSocials([
-                                        ...newSocials,
-                                        {
-                                            componentName: `socials[${oldSocials.length + newSocials.length}]`,
-                                            componentReference: "logistics-elements.social",
-                                            data: {
-                                                uuid: Math.random(),
-                                                name: "",
-                                                url: "",
-                                            },
+                            else {
+                                return (jsxs(Grid, { item: true, xs: 12, md: 6, lg: 4, children: [jsx("input", { type: "hidden", name: `socials[${index}].id`, value: social.data.id }), jsx("input", { type: "hidden", name: `socials[${index}].__component`, value: "logistics-elements.social" }), jsx(SocialsDisplay, { data: { ...social.data, onClick: onClickHandler } })] }, social.data.id));
+                            }
+                        }
+                        return null;
+                    }), newSocials.map((social, index) => {
+                        return (jsx(Grid, { item: true, xs: 12, md: 6, lg: 4, children: jsx(SocialsFields, { data: social.data, componentName: social.componentName, componentReference: "common.social", deleteCallback: () => {
+                                    setNewSocials(newSocials
+                                        .filter((_, i) => i !== index)
+                                        .map((_, i) => {
+                                        return {
+                                            ..._,
+                                            componentName: `socials[${i + oldSocials.length}]`,
+                                        };
+                                    }));
+                                } }) }, social.data?.uuid));
+                    }), jsx(Grid, { item: true, xs: 12, md: 6, lg: 4, justifyContent: "center", alignItems: "center", children: jsx(IconButton, { onClick: () => {
+                                setNewSocials([
+                                    ...newSocials,
+                                    {
+                                        componentName: `socials[${oldSocials.length + newSocials.length}]`,
+                                        componentReference: "logistics-elements.social",
+                                        data: {
+                                            uuid: Math.random(),
+                                            name: "",
+                                            url: "",
                                         },
-                                    ]);
-                                }, children: jsx(AddIcon, {}) }) }), jsx(Grid, { item: true, xs: 12, children: jsxs(Stack, { direction: "row-reverse", spacing: 2, alignItems: "center", sx: {
-                                    py: 1,
-                                }, children: [jsx(SubmitButton, { text: "save changes", loadingText: "loading" }), formState?.strapiErrors && (jsx(StrapiErrors, { error: formState?.strapiErrors })), formState?.message && (jsx(Alert, { severity: "error", children: formState?.message }))] }) })] })] }) }));
+                                    },
+                                ]);
+                            }, children: jsx(AddIcon, {}) }) }), jsx(Grid, { item: true, xs: 12, children: jsxs(Stack, { direction: "row-reverse", spacing: 2, alignItems: "center", sx: {
+                                py: 1,
+                            }, children: [jsx(SubmitButton, { text: "save changes", loadingText: "loading" }), formState?.strapiErrors && (jsx(StrapiErrors, { error: formState?.strapiErrors })), formState?.message && (jsx(Alert, { severity: "error", children: formState?.message }))] }) })] }) }) }));
 }
 
 export { PublicInformationForm };

package/dist/esm/src/data/actions/e-commerce/enduser/profile-actions.js

@@ -9,9 +9,9 @@ import { mutateData } from '../../../services/mutate-data.js';
 import { flattenAttributes } from '../../../../lib/utils.js';
 import { parseFormData } from '../../../../lib/parseFormData.js';
 
-async function updateEnduserProfileAction(id, prevState, formData) {
+async function updateEnduserProfileAction(documentId, prevState, formData) {
     const parsedFormData = parseFormData(formData);
-    const responseData = await mutateData("PUT", `/api/enduser-profiles/${id}`, parsedFormData);
+    const responseData = await mutateData("PUT", `/api/enduser-profiles/${documentId}`, parsedFormData);
     if (!responseData) {
         return {
             ...prevState,

package/dist/esm/src/data/actions/e-commerce/product/updateProductAction.js

@@ -11,7 +11,6 @@ import { parseFormData } from '../../../../lib/parseFormData.js';
 async function updateProductAction(documentId, prevState, formData) {
     Object.fromEntries(formData);
     const parsedFormData = parseFormData(formData);
-    console.log("parsedFormData", parsedFormData);
     /**
      * INFO: The categories are JSONStringyfied in the frontend to add them to the hidden input
      * in categorySelector.tsx but they should be parsed before sending them to the backend
@@ -30,7 +29,6 @@ async function updateProductAction(documentId, prevState, formData) {
         parsedFormData.data.stock_reports = JSON.parse(parsedFormData.data.stock_reports);
     }
     const responseData = await mutateData("PUT", `/api/products/${documentId}`, parsedFormData);
-    console.log("responseData", responseData);
     if (!responseData) {
         return {
             ...prevState,

package/dist/esm/src/data/actions/logistics/dispatcher/profile-actions.js

@@ -9,9 +9,9 @@ import { mutateData } from '../../../services/mutate-data.js';
 import { flattenAttributes } from '../../../../lib/utils.js';
 import { parseFormData } from '../../../../lib/parseFormData.js';
 
-async function updateDispatcherProfileAction(id, prevState, formData) {
+async function updateDispatcherProfileAction(documentId, prevState, formData) {
     const parsedFormData = parseFormData(formData);
-    const responseData = await mutateData("PUT", `/api/dispatcher-profiles/${id}`, parsedFormData);
+    const responseData = await mutateData("PUT", `/api/dispatcher-profiles/${documentId}`, parsedFormData);
     if (!responseData) {
         return {
             ...prevState,

package/dist/esm/src/data/actions/logistics/vendor/updateVendorAction.js

@@ -9,14 +9,14 @@ import { mutateData } from '../../../services/mutate-data.js';
 import { flattenAttributes } from '../../../../lib/utils.js';
 import { parseFormData } from '../../../../lib/parseFormData.js';
 
-async function updateVendorAction(prevState, formData) {
+async function updateVendorAction(documentId, prevState, formData) {
     try {
         const rawFormData = Object.fromEntries(formData);
         const parsedFormData = parseFormData(formData);
         if (parsedFormData.data.products) {
             parsedFormData.data.products = JSON.parse(parsedFormData.data.products);
         }
-        const responseData = await mutateData("PUT", `/api/vendor-profiles/${rawFormData.id}`, parsedFormData);
+        const responseData = await mutateData("PUT", `/api/vendor-profiles/${documentId}`, parsedFormData);
         if (!responseData) {
             return {
                 ...prevState,

package/dist/esm/src/data/actions/media/uploadBase64MediaAction.js

@@ -24,7 +24,7 @@ const fileSchema = z.object({
       )
       .refine((file) => file.size <= MAX_FILE_SIZE, `Max file size is 5MB.`), */
 });
-async function uploadBase64MediaAction(path, id, component_name, prevState, formData) {
+async function uploadBase64MediaAction(path, documentId, component_name, prevState, formData) {
     // CONVERT FORM DATA TO OBJECT
     const rawFormData = Object.fromEntries(formData);
     parseFormData(formData);
@@ -43,7 +43,7 @@ async function uploadBase64MediaAction(path, id, component_name, prevState, form
     }
     // UPLOAD NEW IMAGE TO MEDIA LIBRARY
     // const fileUploadResponse = await fileUploadService(formData);
-    const url = `${path}/${id}`;
+    const url = `${path}/${documentId}`;
     // const files = rawFormData.files;
     const files = formData.getAll("files");
     files
@@ -78,7 +78,7 @@ async function uploadBase64MediaAction(path, id, component_name, prevState, form
     }));
     const parsedData = {
         data: {
-            id: id,
+            documentId: documentId,
             [component_name]: filesData[0],
         },
     };

package/dist/esm/src/data/actions/pagebuilder-actions.js

@@ -10,7 +10,7 @@ import { formDataToBlocks } from '../../lib/utils.js';
 import { mutateData } from '../services/mutate-data.js';
 
 const schemaUpdate = z.object({
-    id: z.string(),
+    documentId: z.string(),
     title: z.string().min(3).max(100, {
         message: "Title must be between 3 and 100 characters",
     }),
@@ -108,7 +108,7 @@ const schemaUpdate = z.object({
 async function updatePageAction(prevState, formData) {
     const newBlocks = formDataToBlocks(formData);
     const validatedFields = schemaUpdate.safeParse({
-        id: formData.get("id"),
+        documentId: formData.get("documentId"),
         title: formData.get("title"),
         description: formData.get("description"),
         blocks: newBlocks,
@@ -123,7 +123,7 @@ async function updatePageAction(prevState, formData) {
     }
     const { data } = validatedFields;
     // important: the mutate data function expects an object (payload/body) with a data key
-    const responseData = await mutateData("PUT", `/api/pages/${data.id}`, {
+    const responseData = await mutateData("PUT", `/api/pages/${data.documentId}`, {
         data: data,
     });
     if (!responseData) {

package/dist/esm/src/data/actions/profile-actions.js

@@ -9,7 +9,7 @@ import { mutateData } from '../services/mutate-data.js';
 import { flattenAttributes } from '../../lib/utils.js';
 import { parseFormData } from '../../lib/parseFormData.js';
 
-async function updateCustomerProfileAction(prevState, formData) {
+async function updateCustomerProfileAction(documentId, prevState, formData) {
     const rawFormData = Object.fromEntries(formData);
     const parsedFormData = parseFormData(formData);
     if (typeof parsedFormData.data.delivery_address === "undefined") {
@@ -18,8 +18,8 @@ async function updateCustomerProfileAction(prevState, formData) {
     if (typeof parsedFormData.data.billing_address === "undefined") {
         parsedFormData.data.billing_address = null;
     }
-    const id = rawFormData.id;
-    const responseData = await mutateData("PUT", `/api/customer-profiles/${id}`, parsedFormData);
+    rawFormData.id;
+    const responseData = await mutateData("PUT", `/api/customer-profiles/${documentId}`, parsedFormData);
     if (!responseData) {
         return {
             ...prevState,

package/dist/esm/src/data/actions/public-information/updatePublicInformationAction.js

@@ -10,15 +10,12 @@ import { flattenAttributes } from '../../../lib/utils.js';
 import { parseFormData } from '../../../lib/parseFormData.js';
 
 // TODO Not tested or finished
-async function updatePublicInformationAction(prevState, formData) {
+async function updatePublicInformationAction(documentId, prevState, formData) {
     const rawFormData = Object.fromEntries(formData);
     console.log("rawFormData", rawFormData);
     const parsedFormData = parseFormData(formData); // ?? can i still use this or is it only for the pagebuilder form?
     console.log("parsedFormData", parsedFormData);
-    rawFormData.id;
-    // const validateRes = vatValidate("NL123456789B01");
-    // console.log("validateRes", validateRes);
-    const responseData = await mutateData("PUT", `/api/public-information`, parsedFormData);
+    const responseData = await mutateData("PUT", `/api/public-information/${documentId}`, parsedFormData);
     if (!responseData) {
         return {
             ...prevState,

package/dist/esm/src/data/loaders/logistics/getIpoNames.js

@@ -14,7 +14,7 @@ const baseUrl = getStrapiURL();
 async function getIpoNames() {
     const url = new URL(`/api/ipos`, baseUrl);
     url.search = qs.stringify({
-        fields: ["id", "ipo_number"],
+        fields: ["documentId", "ipo_number"],
         /* populate: {
           business_credentials: {
             fields: ["company_name", "business_entity_name"],

package/dist/esm/src/data/loaders/logistics/getVendorNames.js

@@ -14,7 +14,7 @@ const baseUrl = getStrapiURL();
 async function getVendorNames() {
     const url = new URL(`/api/vendor-profiles`, baseUrl);
     url.search = qs.stringify({
-        fields: ["id", "vendor_number"],
+        fields: ["documentId", "vendor_number"],
         populate: {
             business_credentials: {
                 fields: ["company_name", "business_entity_name"],

package/dist/esm/src/data/loaders/logistics/queryAllIpos.js

@@ -13,7 +13,6 @@ const baseUrl = getStrapiURL();
 async function queryAllIpos(query) {
     unstable_noStore();
     const url = new URL(`/api/ipos`, baseUrl);
-    console.log("query", query);
     url.search = query;
     const res = await fetchData(url.href);
     return res;

package/dist/esm/src/data/loaders/logistics/queryAllVendors.js

@@ -13,7 +13,6 @@ const baseUrl = getStrapiURL();
 async function queryAllVendors(query) {
     unstable_noStore();
     const url = new URL(`/api/vendor-profiles`, baseUrl);
-    console.log("query", query);
     url.search = query;
     const res = await fetchData(url.href);
     return res;

package/dist/esm/src/data/loaders/page-elements/getSinglePage.js

@@ -12,7 +12,6 @@ import { unstable_noStore } from 'next/cache';
 const baseUrl = getStrapiURL();
 async function getSinglePage(slug) {
     unstable_noStore();
-    console.log("getSinglePage", slug);
     if (!slug) {
         slug = "home";
     }