umwd-components 0.1.742 → 0.1.744

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

@@ -5,8 +5,7 @@
  */
   
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
-import { useFormState } from 'react-dom';
+import { useActionState, useState, useEffect } from 'react';
 import { useSnackbar } from '../../../context/common/SnackbarContext.js';
 import { updateIpoAction } from '../../../data/actions/logistics/ipo/updateIpoAction.js';
 import { UploadBase64MediaForm } from '../../common/media/UploadBase64MediaForm.js';
@@ -45,7 +44,7 @@ function ConfirmFormDialog({ open, handleClose, orderID, currentStatus, revalida
                         }, children: "Confirm" }), jsx(Button, { variant: "outlined", onClick: handleClose, children: "Cancel" })] })] }));
 }
 function ManageIPOForm({ data, sx, revalidateCallback, handleClose, role, }) {
-    const [formState, formAction] = useFormState((prevState, formData) => updateIpoAction(data.documentId, prevState, formData), INITIAL_STATE);
+    const [formState, formAction] = useActionState((prevState, formData) => updateIpoAction(data.documentId, prevState, formData), INITIAL_STATE);
     const { handleAddMessage } = useSnackbar();
     const [items, setItems] = useState(data.items ? data.items : []);
     const [confirmDialogOpen, setConfirmDialogOpen] = useState(false);

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

@@ -5,8 +5,7 @@
  */
   
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
-import { useFormState } from 'react-dom';
+import { useActionState, useState, useEffect } from 'react';
 import { useSnackbar } from '../../../context/common/SnackbarContext.js';
 import { updateIpoAction } from '../../../data/actions/logistics/ipo/updateIpoAction.js';
 import { confirmationService } from '../../../data/services/common/confirmation-service.js';
@@ -98,7 +97,7 @@ function CancelIpoDialog({ open, handleClose, orderID, revalidateCallback, }) {
     return (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) => setReason(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 TextualManageIPOForm({ data, sx, revalidateCallback, handleClose, role, }) {
-    const [formState, formAction] = useFormState((prevState, formData) => updateIpoAction(data.documentId, prevState, formData), INITIAL_STATE);
+    const [formState, formAction] = useActionState((prevState, formData) => updateIpoAction(data.documentId, prevState, formData), INITIAL_STATE);
     const { handleAddMessage } = useSnackbar();
     const [items, setItems] = useState(data.items ? data.items : []);
     const [confirmDialogOpen, setConfirmDialogOpen] = useState(false);

package/dist/esm/src/components/logistics/note/NoteTakingComponent.js

@@ -5,7 +5,7 @@
  */
   
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
+import { useState, useActionState, useEffect } from 'react';
 import IconButton from '@mui/material/IconButton';
 import Dialog from '@mui/material/Dialog';
 import DialogContent from '@mui/material/DialogContent';
@@ -17,7 +17,6 @@ import Stack from '@mui/material/Stack';
 import dayjs from '../../../../node_modules/dayjs/dayjs.min.js';
 import NoteAltIcon from '@mui/icons-material/NoteAlt';
 import { SubmitButton } from '../../SubmitButton.js';
-import { useFormState } from 'react-dom';
 import { createNoteAction } from '../../../data/actions/logistics/note/createNoteAction.js';
 import MarkdownEditor from '../../common/markdown/MarkdownEditor.js';
 import { useSnackbar } from '../../../context/common/SnackbarContext.js';
@@ -34,7 +33,7 @@ const INITIAL_STATE = {
 function NoteTakingComponent({ content, related, revalidateCallback, }) {
     const [open, setOpen] = useState(false);
     const createNoteWithRelationsAction = createNoteAction.bind(null, related);
-    const [formState, formAction] = useFormState(createNoteWithRelationsAction, INITIAL_STATE);
+    const [formState, formAction] = useActionState(createNoteWithRelationsAction, INITIAL_STATE);
     const { handleAddMessage } = useSnackbar();
     useEffect(() => {
         if (formState?.strapiErrors) {

package/dist/esm/src/components/logistics/report/ReportMakingComponent.js

@@ -5,7 +5,7 @@
  */
   
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
+import { useState, useActionState, useEffect } from 'react';
 import IconButton from '@mui/material/IconButton';
 import Dialog from '@mui/material/Dialog';
 import DialogContent from '@mui/material/DialogContent';
@@ -16,7 +16,6 @@ import Stack from '@mui/material/Stack';
 import TextField from '@mui/material/TextField';
 import dayjs from '../../../../node_modules/dayjs/dayjs.min.js';
 import { SubmitButton } from '../../SubmitButton.js';
-import { useFormState } from 'react-dom';
 import { createReportAction } from '../../../data/actions/logistics/report/createReportAction.js';
 import MarkdownEditor from '../../common/markdown/MarkdownEditor.js';
 import AnnouncementIcon from '@mui/icons-material/Announcement';
@@ -37,7 +36,7 @@ function ReportMakingComponent({ content, related, type, minValue, maxValue, rev
     const [open, setOpen] = useState(false);
     const [currentUser, setCurrentUser] = useState(null);
     const createReportWithRelationsAction = createReportAction.bind(null, related, type);
-    const [formState, formAction] = useFormState(createReportWithRelationsAction, INITIAL_STATE);
+    const [formState, formAction] = useActionState(createReportWithRelationsAction, INITIAL_STATE);
     const { handleAddMessage } = useSnackbar();
     useEffect(() => {
         if (formState?.message) {

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

@@ -6,14 +6,13 @@
  */
   
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
+import { useActionState, useState, useEffect } from 'react';
 import Box from '@mui/material/Box';
 import Stack from '@mui/material/Stack';
 import Button from '@mui/material/Button';
 import TextField from '@mui/material/TextField';
 import Typography from '@mui/material/Typography';
 import { SubmitButton } from '../../SubmitButton.js';
-import { useFormState } from 'react-dom';
 import { useSnackbar } from '../../../context/common/SnackbarContext.js';
 import { createVendorAction } from '../../../data/actions/logistics/vendor/createVendorAction.js';
 import Grid from '@mui/material/Grid';
@@ -34,7 +33,7 @@ const INITIAL_STATE = {
     severity: null,
 };
 function AddVendorForm({ productNamesArr, revalidateCallback, handleClose, sx, }) {
-    const [formState, formAction] = useFormState(createVendorAction, INITIAL_STATE);
+    const [formState, formAction] = useActionState(createVendorAction, INITIAL_STATE);
     const { handleAddMessage } = useSnackbar();
     const [newContacts, setNewContacts] = useState([]);
     const handleDeleteContact = (index) => {
@@ -63,13 +62,13 @@ function AddVendorForm({ productNamesArr, revalidateCallback, handleClose, sx, }
     }, [formState?.strapiErrors]);
     return (jsx(Box, { sx: [...(Array.isArray(sx) ? sx : [sx])], children: jsx("form", { action: formAction, children: jsxs(Grid, { container: true, spacing: 2, children: [jsx(Grid, { size: 12, children: jsxs(Stack, { spacing: 2, children: [jsx(Typography, { variant: "h3", component: "h1", children: "Add Vendor" }), jsx(Typography, { variant: "body1", children: "Create a new vendor for your business" })] }) }), jsx(Grid, { size: 12, children: jsx(ExplanatoryFoldOut, { title: "Vendor", description: "Vendors are businesses that you purchase products from." }) }), jsx(Grid, { size: {
                             xs: 12,
-                            md: 6
+                            md: 6,
                         }, children: jsx(BusinessCredentialsFields, { componentName: "business_credentials", componentReference: "common.business-credentials" }) }), jsx(Grid, { size: {
                             xs: 12,
-                            md: 6
+                            md: 6,
                         }, children: jsxs(Stack, { spacing: 1, sx: { pt: 1 }, children: [jsx(TextField, { id: "website_url", name: "website_url", label: "Website Url" }), jsx(TextField, { id: "phone_number", name: "phone_number", label: "Phone Number" }), jsx(TextField, { id: "email", name: "email", label: "Email" })] }) }), jsxs(Grid, { size: {
                             xs: 12,
-                            md: 6
+                            md: 6,
                         }, children: [jsx(Typography, { variant: "h6", children: "Address" }), jsx(AddressFields, { componentName: "address", componentReference: "common.address" })] }), jsx(Grid, { size: 12, children: jsx(Typography, { variant: "h6", children: "Products" }) }), jsx(Grid, { size: 12, children: jsx(ProductSelector, { productNames: productNamesArr, currentValue: [] }) }), jsx(Grid, { size: 12, children: jsx(Typography, { variant: "h6", children: "Contacts" }) }), newContacts.map((contact, index) => {
                         return (jsx(Grid, { sx: {
                                 justifyContent: "center",
@@ -79,7 +78,7 @@ function AddVendorForm({ productNamesArr, revalidateCallback, handleClose, sx, }
                                 xs: 12,
                                 sm: 6,
                                 md: 4,
-                                lg: 3
+                                lg: 3,
                             }, children: jsx(Paper, { sx: {
                                     p: 2,
                                     width: "100%",
@@ -98,7 +97,7 @@ function AddVendorForm({ productNamesArr, revalidateCallback, handleClose, sx, }
                             xs: 12,
                             sm: 6,
                             md: 4,
-                            lg: 3
+                            lg: 3,
                         }, children: jsx(Paper, { sx: {
                                 p: 2,
                                 width: "100%",

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

@@ -6,7 +6,7 @@
  */
   
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { useEffect, useState } from 'react';
+import { useActionState, useEffect, useState } from 'react';
 import Paper from '@mui/material/Paper';
 import Box from '@mui/material/Box';
 import Stack from '@mui/material/Stack';
@@ -14,7 +14,6 @@ import Button from '@mui/material/Button';
 import TextField from '@mui/material/TextField';
 import Typography from '@mui/material/Typography';
 import { SubmitButton } from '../../SubmitButton.js';
-import { useFormState } from 'react-dom';
 import { useSnackbar } from '../../../context/common/SnackbarContext.js';
 import { updateVendorAction } from '../../../data/actions/logistics/vendor/updateVendorAction.js';
 import Grid from '@mui/material/Grid';
@@ -37,7 +36,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;
-    const [formState, formAction] = useFormState((prevState, formData) => updateVendorAction(documentId, prevState, formData), INITIAL_STATE);
+    const [formState, formAction] = useActionState((prevState, formData) => updateVendorAction(documentId, prevState, formData), INITIAL_STATE);
     const { handleAddMessage } = useSnackbar();
     useEffect(() => {
         if (formState?.message) {
@@ -88,13 +87,13 @@ function EditVendorForm({ data, productNamesArr, revalidateCallback, handleClose
                                         },
                                     ], revalidateCallback: revalidateCallback })] }) }), jsx(Grid, { size: 12, children: jsx(ExplanatoryFoldOut, { title: "Vendor", description: "Vendors are businesses that you purchase products from." }) }), jsx(Grid, { size: {
                             xs: 12,
-                            md: 6
+                            md: 6,
                         }, children: jsx(BusinessCredentialsFields, { data: business_credentials, componentName: "business_credentials", componentReference: "common.business-credentials" }) }), jsx(Grid, { size: {
                             xs: 12,
-                            md: 6
+                            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, { size: {
                             xs: 12,
-                            md: 6
+                            md: 6,
                         }, children: [jsx(Typography, { variant: "h6", children: "Address" }), jsx(AddressFields, { data: address, componentName: "address", componentReference: "common.address" })] }), jsxs(Grid, { sx: { mt: 1 }, size: 12, children: [jsx(Typography, { variant: "h6", children: "Products" }), jsx(ProductSelector, { productNames: productNamesArr, currentValue: initialProducts.map((prod) => prod.documentId) })] }), jsx(Grid, { sx: { mt: 1 }, size: 12, children: jsx(Typography, { variant: "h6", children: "Contacts" }) }), oldContacts?.map((contact, index) => {
                         console.log("contact", contact);
                         if (contact.data?.first_name) {
@@ -107,7 +106,7 @@ function EditVendorForm({ data, productNamesArr, revalidateCallback, handleClose
                                         xs: 12,
                                         sm: 6,
                                         md: 4,
-                                        lg: 3
+                                        lg: 3,
                                     }, children: jsx(Paper, { sx: {
                                             p: 2,
                                             width: "100%",
@@ -131,7 +130,7 @@ function EditVendorForm({ data, productNamesArr, revalidateCallback, handleClose
                                         xs: 12,
                                         sm: 6,
                                         md: 4,
-                                        lg: 3
+                                        lg: 3,
                                     }, children: jsx(Paper, { sx: {
                                             p: 2,
                                             width: "100%",
@@ -152,7 +151,7 @@ function EditVendorForm({ data, productNamesArr, revalidateCallback, handleClose
                                 xs: 12,
                                 sm: 6,
                                 md: 4,
-                                lg: 3
+                                lg: 3,
                             }, children: jsx(Paper, { sx: {
                                     p: 2,
                                     width: "100%",
@@ -178,7 +177,7 @@ function EditVendorForm({ data, productNamesArr, revalidateCallback, handleClose
                             xs: 12,
                             sm: 6,
                             md: 4,
-                            lg: 3
+                            lg: 3,
                         }, children: jsx(Paper, { sx: {
                                 p: 2,
                                 width: "100%",

package/dist/esm/src/components/page-builder/PageBuilder.js

@@ -21,7 +21,7 @@ import PBContactForm from './PBContactForm.js';
 import { PBPersonaliaSection } from './PBPersonaliaSection.js';
 import { PictureBarSection } from './PictureBarSection.js';
 import { LogoBarSection } from './LogoBarSection.js';
-import { useFormState } from 'react-dom';
+import { useActionState } from 'react';
 import { updatePageAction } from '../../data/actions/pagebuilder-actions.js';
 import { SubmitButton } from '../SubmitButton.js';
 import { StrapiErrors } from '../StrapiErrors.js';
@@ -67,7 +67,7 @@ function PageBuilder({ data, }) {
         return jsx("p", { children: "No sections found" });
     }
     const theme = useTheme();
-    const [formState, formAction] = useFormState(updatePageAction, INITIAL_STATE);
+    const [formState, formAction] = useActionState(updatePageAction, INITIAL_STATE);
     return (jsx(Box, { sx: [
             // You cannot spread `sx` directly because `SxProps` (typeof sx) can be an array.
             ...(Array.isArray(sx) ? sx : [sx]),

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

@@ -15,10 +15,9 @@ import TextField from '@mui/material/TextField';
 import Typography from '@mui/material/Typography';
 import Grid from '@mui/material/Grid';
 import { SubmitButton } from '../SubmitButton.js';
-import { useFormState } from 'react-dom';
+import React, { useActionState, useState } from 'react';
 import { StrapiErrors } from '../StrapiErrors.js';
 import { BusinessCredentialsFields } from '../e-commerce/customer/BusinessCredentials.js';
-import React, { useState } from 'react';
 import { AddressFields } from '../common/Address.js';
 import { updatePublicInformationAction } from '../../data/actions/public-information/updatePublicInformationAction.js';
 import SocialsDisplay, { SocialsFields } from '../common/socials/Socials.js';
@@ -34,7 +33,7 @@ const INITIAL_STATE = {
 function PublicInformationForm({ publicInformation, sx, }) {
     const { documentId, title, description, disclaimer_link, privacypolicy_link, maxWidth, email, phone_number, business_credentials, address, socials, header_logo, footer_logo, } = publicInformation;
     console.log(socials);
-    const [formState, formAction] = useFormState((prevState, formData) => updatePublicInformationAction(documentId, prevState, formData), INITIAL_STATE);
+    const [formState, formAction] = useActionState((prevState, formData) => updatePublicInformationAction(documentId, prevState, formData), INITIAL_STATE);
     const [open, setOpen] = useState([]);
     const onClickHandler = (event, name) => {
         if (open.includes(name)) {
@@ -61,17 +60,17 @@ function PublicInformationForm({ publicInformation, sx, }) {
             ...(Array.isArray(sx) ? sx : [sx]),
         ], component: Paper, children: jsx("form", { action: formAction, children: jsxs(Grid, { container: true, spacing: 2, children: [jsx(Grid, { size: 12, children: jsx(Typography, { variant: "h5", children: "Edit Public Information" }) }), jsx(Grid, { size: 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, { size: {
                             xs: 12,
-                            lg: 6
+                            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, { size: {
                             xs: 12,
-                            lg: 6
+                            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, { sx: { mt: 1 }, size: 12, children: jsx(Typography, { variant: "h6", children: "Socials" }) }), oldSocials.map((social, index) => {
                         if (social.data?.name) {
                             if (open.includes(social.data.name)) {
                                 return (jsx(Grid, { size: {
                                         xs: 12,
                                         md: 6,
-                                        lg: 4
+                                        lg: 4,
                                     }, children: jsx(SocialsFields, { data: social.data, componentName: `socials[${index}]`, componentReference: "common.social", deleteCallback: () => {
                                             setOldSocials(oldSocials.filter((_, i) => i !== index));
                                             /* setOpen(
@@ -83,7 +82,7 @@ function PublicInformationForm({ publicInformation, sx, }) {
                                 return (jsxs(Grid, { size: {
                                         xs: 12,
                                         md: 6,
-                                        lg: 4
+                                        lg: 4,
                                     }, children: [jsx("input", { type: "hidden", name: `socials[${index}].documentId`, value: social.data.documentId }), jsx("input", { type: "hidden", name: `socials[${index}].name`, value: social.data.name }), jsx("input", { type: "hidden", name: `socials[${index}].url`, value: social.data.url }), jsx("input", { type: "hidden", name: `socials[${index}].icon`, value: social.data.icon }), jsx(SocialsDisplay, { data: { ...social.data, onClick: onClickHandler } })] }, index));
                             }
                         }
@@ -92,7 +91,7 @@ function PublicInformationForm({ publicInformation, sx, }) {
                         return (jsx(Grid, { size: {
                                 xs: 12,
                                 md: 6,
-                                lg: 4
+                                lg: 4,
                             }, children: jsx(SocialsFields, { data: social.data, componentName: social.componentName, componentReference: "common.social", deleteCallback: () => {
                                     setNewSocials(newSocials
                                         .filter((_, i) => i !== index)
@@ -106,7 +105,7 @@ function PublicInformationForm({ publicInformation, sx, }) {
                     }), jsx(Grid, { justifyContent: "center", alignItems: "center", size: {
                             xs: 12,
                             md: 6,
-                            lg: 4
+                            lg: 4,
                         }, children: jsx(IconButton, { onClick: () => {
                                 setNewSocials([
                                     ...newSocials,

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

@@ -30,5 +30,24 @@ async function getSingleProduct(documentId) {
     });
     return await fetchData(url.href);
 }
+async function getSingleProductBySlug(slug) {
+    unstable_noStore();
+    const url = new URL(`/api/slugify/slugs/product/${slug}`, baseUrl);
+    url.search = qs.stringify({
+        filters: {
+            is_archive: false,
+        },
+        populate: {
+            price: true,
+            image: true,
+            gallery: true,
+            dimensions: true,
+            categories: true,
+            brand: true,
+            vendors: true,
+        },
+    });
+    return await fetchData(url.href);
+}
 
-export { getSingleProduct };
+export { getSingleProduct, getSingleProductBySlug };

package/dist/esm/src/index.js

@@ -76,7 +76,7 @@ export { getSingleCategory } from './data/loaders/e-commerce/getSingleCategory.j
 export { getTableProducts } from './data/loaders/e-commerce/getTableProducts.js';
 export { getAllCategoryNames } from './data/loaders/e-commerce/getAllCategoryNames.js';
 export { getPaginatedCategories } from './data/loaders/e-commerce/getPaginatedCategories.js';
-export { getSingleProduct } from './data/loaders/e-commerce/getSingleProduct.js';
+export { getSingleProduct, getSingleProductBySlug } from './data/loaders/e-commerce/getSingleProduct.js';
 export { getAllCustomers } from './data/loaders/e-commerce/getAllCustomers.js';
 export { getProductNames } from './data/loaders/e-commerce/getProductNames.js';
 export { getAllInvoices } from './data/loaders/e-commerce/getAllInvoices.js';