umwd-components 0.1.750 → 0.1.752

package/dist/esm/src/components/e-commerce/products/ProductCard.js

@@ -28,7 +28,7 @@ function ProductCard({ product, sx = [] }) {
             { width: "100%", height: "100%" },
             { display: "flex", flexDirection: "column" },
             ...(Array.isArray(sx) ? sx : [sx]),
-        ], children: [jsx(CardMedia, { component: "img", height: "140", src: `${imgURL}`, alt: image.alternativeText }), jsxs(CardContent, { children: [jsxs(Stack, { direction: "row", justifyContent: "space-between", sx: { pb: 2 }, children: [jsx(StyledLink, { href: `/shop/${slug}`, target: "_self", children: jsx(Typography, { variant: "h5", children: title }) }), jsx(Price, { price: price.price, vat: price.vat, vat_rate: price.vat_rate, price_incl_vat: price.price_incl_vat })] }), description && (jsx(MarkdownDisplay, { children: description.substring(0, 150) + "..." }))] }), jsx(Box, { sx: { flexGrow: 1 } }), jsxs(CardActions, { sx: {
+        ], children: [jsx(CardMedia, { component: "img", height: "140", src: `${imgURL}`, alt: image.alternativeText || "fallback alt text" }), jsxs(CardContent, { children: [jsxs(Stack, { direction: "row", justifyContent: "space-between", sx: { pb: 2 }, children: [jsx(StyledLink, { href: `/shop/${slug}`, target: "_self", children: jsx(Typography, { variant: "h5", children: title }) }), jsx(Price, { price: price.price, vat: price.vat, vat_rate: price.vat_rate, price_incl_vat: price.price_incl_vat })] }), description && (jsx(MarkdownDisplay, { children: description.substring(0, 150) + "..." }))] }), jsx(Box, { sx: { flexGrow: 1 } }), jsxs(CardActions, { sx: {
                     display: "flex",
                     justifyContent: "flex-end",
                     alignItems: "flex-end",

package/dist/esm/src/components/e-commerce/products/SingleProduct.js

@@ -29,19 +29,19 @@ function SingleProduct({ product, sx = [] }) {
                         sm: 12,
                         md: 12,
                         lg: 12,
-                        xl: 12
+                        xl: 12,
                     }, children: jsx(Typography, { variant: "h4", align: "left", component: "h1", children: title }) }), jsx(Grid, { size: {
                         xs: 12,
                         sm: 8,
                         md: 9,
                         lg: 4,
-                        xl: 4
+                        xl: 4,
                     }, children: jsx(MarkdownDisplay, { children: description }) }), jsx(Grid, { size: {
                         xs: 12,
                         sm: 4,
                         md: 3,
                         lg: 3,
-                        xl: 3
+                        xl: 3,
                     }, children: price?.price && (jsx(Paper, { sx: { p: 1 }, children: jsxs(Stack, { spacing: 1, children: [jsxs(Typography, { variant: "body2", children: ["Price excl. VAT \u20AC ", price.price.toFixed(2)] }), price.price_incl_vat && (jsxs(Typography, { variant: "body2", sx: { fontWeight: 600 }, children: ["Price incl. VAT \u20AC ", price.price_incl_vat.toFixed(2)] })), jsxs(Typography, { variant: "body2", sx: {
                                         fontWeight: 600,
                                         color: stock === 0 ? "red" : "white",
@@ -62,30 +62,31 @@ function SingleProduct({ product, sx = [] }) {
                         sm: 12,
                         md: 6,
                         lg: 5,
-                        xl: 5
-                    }, children: imgURL !== null && (jsx(Box, { sx: { height: "400px", width: "100%", position: "relative" }, children: jsx(Suspense, { fallback: jsx("div", { children: "Loading..." }), children: jsx(StrapiImage, { id: image.id, url: imgURL, alternativeText: image.alternativeText, fill: true, style: { objectFit: "contain" } }) }) })) }), jsx(Grid, { size: {
+                        xl: 5,
+                    }, children: imgURL !== null && (jsx(Box, { sx: { height: "400px", width: "100%", position: "relative" }, children: jsx(Suspense, { fallback: jsx("div", { children: "Loading..." }), children: jsx(StrapiImage, { id: image.id, url: imgURL, alternativeText: image.alternativeText || "fallback alt text", fill: true, style: { objectFit: "contain" } }) }) })) }), jsx(Grid, { size: {
                         xs: 12,
                         sm: 12,
                         md: 6,
                         lg: 7,
-                        xl: 7
-                    }, children: jsxs(Grid, { container: true, spacing: 2, children: [jsx(Grid, { size: 12, children: jsx(Typography, { variant: "h6", children: "Image gallery" }) }), jsx(Grid, { size: 12, children: jsx(Suspense, { fallback: jsx("div", { children: "Loading..." }), children: jsx(Stack, { spacing: 1, direction: "row", children: product?.gallery &&
-                                            product.gallery.map((img) => {
+                        xl: 7,
+                    }, children: jsxs(Grid, { container: true, spacing: 2, children: [jsx(Grid, { size: 12, children: jsx(Typography, { variant: "h6", children: "Image gallery" }) }), jsx(Grid, { size: 12, children: jsx(Suspense, { fallback: jsx("div", { children: "Loading..." }), children: jsx(Stack, { spacing: 1, direction: "row", children: gallery &&
+                                            gallery.data &&
+                                            gallery.data.map((img) => {
                                                 const imgUrl = img?.url ? getStrapiMedia(img.url) : null;
                                                 return (jsx(Box, { sx: {
                                                         width: " 150px",
                                                         height: "150px",
                                                         position: "relative",
-                                                    }, children: imgUrl !== null && (jsx(StrapiImage, { id: img.id, url: imgUrl, alternativeText: img.alternativeText, fill: true, style: { objectFit: "contain" } })) }, img.id));
+                                                    }, children: imgUrl !== null && (jsx(StrapiImage, { id: img.id, url: imgUrl, alternativeText: img.alternativeText || "fallback alt text", fill: true, style: { objectFit: "contain" } })) }, img.id));
                                             }) }) }) }), jsx(Grid, { size: {
                                     xs: 12,
-                                    md: 6
-                                }, children: categories && (jsxs(Stack, { justifyContent: "center", alignItems: "center", direction: categories.length === 1 ? "row" : "column", children: [categories.length === 1 ? (jsx(Typography, { children: "Category:" })) : (jsx(Typography, { children: "Categories:" })), categories.map((categorie) => {
-                                            return (jsx(Link, { href: `/shop/categories/${categorie.slug}`, legacyBehavior: true, children: jsx(Button, { variant: "text", children: categorie.slug }) }, categorie.id));
+                                    md: 6,
+                                }, children: categories && categories.data && categories.data.length > 0 && (jsxs(Stack, { justifyContent: "center", alignItems: "center", direction: categories.data.length === 1 ? "row" : "column", children: [categories.data.length === 1 ? (jsx(Typography, { children: "Category:" })) : (jsx(Typography, { children: "Categories:" })), categories.data.map((categorie) => {
+                                            return (jsx(Link, { href: `/shop/categories/${categorie.slug}`, children: jsx(Button, { variant: "text", children: categorie.slug }) }, categorie.documentId));
                                         })] })) }), jsx(Grid, { size: {
                                     xs: 12,
-                                    md: 6
-                                }, children: jsx(Stack, { children: jsx(Link, { href: "/shop", legacyBehavior: true, children: jsx(Button, { variant: "outlined", children: "continue shopping" }) }) }) })] }) })] }) }));
+                                    md: 6,
+                                }, children: jsx(Stack, { children: jsx(Link, { href: "/shop", children: jsx(Button, { variant: "outlined", children: "continue shopping" }) }) }) })] }) })] }) }));
 }
 
 export { SingleProduct as default };

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

@@ -10,6 +10,24 @@ import { getStrapiURL } from '../../../lib/utils.js';
 import { unstable_noStore } from 'next/cache';
 
 const baseUrl = getStrapiURL();
+async function getSingleCategoryBySlug(slug) {
+    unstable_noStore();
+    const url = new URL(`/api/slugify/slugs/product-category/${slug}`, baseUrl);
+    url.search = qs.stringify({
+        filters: {
+            is_archive: false,
+        },
+        populate: {
+            products: {
+                populate: {
+                    image: true,
+                    price: true,
+                },
+            },
+        },
+    });
+    return await fetchData(url.href);
+}
 async function getSingleCategory(documentId) {
     unstable_noStore();
     const url = new URL(`/api/product-categories/${documentId}`, baseUrl);
@@ -29,4 +47,4 @@ async function getSingleCategory(documentId) {
     return await fetchData(url.href);
 }
 
-export { getSingleCategory };
+export { getSingleCategory, getSingleCategoryBySlug };

package/dist/esm/src/index.js

@@ -72,7 +72,7 @@ export { PaymentStatusIndicator } from './components/e-commerce/opo/PaymentStatu
 export { InvoiceDownloadLink, InvoicePDFViewer } from './components/e-commerce/invoice/InvoicePDF.js';
 export { getCustomerProfile, getSingleOrderByUuid } from './data/loaders/e-commerce-loaders.js';
 export { getAllOpos } from './data/loaders/e-commerce/getAllOpos.js';
-export { getSingleCategory } from './data/loaders/e-commerce/getSingleCategory.js';
+export { getSingleCategory, getSingleCategoryBySlug } from './data/loaders/e-commerce/getSingleCategory.js';
 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';