@deneb-ui/ui 2.0.86 → 2.0.87

package/dist/EditableProductCard.d.ts

@@ -4,16 +4,29 @@ export interface ProductItem {
     id?: string | number;
     name?: string;
     title?: string;
+    productName?: string;
+    itemTitle?: string;
     brand?: string;
     price?: string | number;
+    cost?: string | number;
+    amount?: string | number;
+    productPrice?: string | number;
+    compareAtPrice?: string | number;
     originalPrice?: string | number;
     currency?: string;
     description?: string;
+    desc?: string;
+    details?: string;
     category?: string;
     imageUrl?: string;
     image?: string;
+    photo?: string;
+    thumbnail?: string;
+    productImage?: string;
+    gallery?: string[];
     images?: string[];
     badge?: string;
+    tag?: string;
     rating?: number | string;
     reviewsCount?: number | string;
     isNew?: boolean;

package/dist/EditableProductCard.js

@@ -20,18 +20,43 @@ function CartIcon({ className = '', style = {} }) {
  */
 function EditableProductCard({ itemPath, product, cardVariant = 'modern-glass', imageFallback, as: Component = 'article', currency = 'LKR', showBrand = true, showPrice = true, showDescription = true, showCategory = true, whatsappNumber = '94770000000', storeName, showWhatsAppButton = true, showAddToCartButton = true, whatsappActionLabel = 'Inquire on WhatsApp', addToCartLabel = 'Add to Cart', actionSlot, actionLabel, actionLabelPath, onAddToCart, onWhatsAppClick, className = '', style, ...props }) {
     const cart = (0, useCart_1.useOptionalCart)();
-    const name = String(product?.name || product?.title || 'Untitled Product');
+    const titleKey = 'title' in (product || {}) && !('name' in (product || {}) && product.name)
+        ? 'title'
+        : ('productName' in (product || {}) && !('name' in (product || {}) && product.name)
+            ? 'productName'
+            : 'name');
+    const name = String(product?.name || product?.title || product?.productName || product?.itemTitle || 'Untitled Product');
     const brand = String(product?.brand || '');
-    const hasPrice = showPrice && product?.price !== undefined && product?.price !== null && String(product.price).trim() !== '';
-    const rawPrice = product?.price;
+    const rawPriceCandidate = product?.price ?? product?.cost ?? product?.amount ?? product?.productPrice;
+    const hasPrice = showPrice && rawPriceCandidate !== undefined && rawPriceCandidate !== null && String(rawPriceCandidate).trim() !== '';
+    const rawPrice = rawPriceCandidate;
     const priceNum = typeof rawPrice === 'number' ? rawPrice : parseFloat(String(rawPrice || '').replace(/[^0-9.]/g, '')) || 0;
     const formattedPrice = hasPrice ? (typeof rawPrice === 'string' && rawPrice.includes('LKR') ? rawPrice : (0, useCart_1.formatCurrency)(priceNum, currency)) : '';
-    const originalPrice = product?.originalPrice !== undefined ? String(product.originalPrice) : '';
-    const description = String(product?.description || '');
+    const priceKey = 'cost' in (product || {}) && !('price' in (product || {}) && product.price !== undefined)
+        ? 'cost'
+        : ('amount' in (product || {}) && !('price' in (product || {}) && product.price !== undefined)
+            ? 'amount'
+            : 'price');
+    const rawOriginalPrice = product?.originalPrice ?? product?.compareAtPrice;
+    const originalPrice = rawOriginalPrice !== undefined && rawOriginalPrice !== null ? String(rawOriginalPrice) : '';
+    const originalPriceKey = 'compareAtPrice' in (product || {}) && !('originalPrice' in (product || {}) && product.originalPrice !== undefined)
+        ? 'compareAtPrice'
+        : 'originalPrice';
+    const descriptionKey = 'desc' in (product || {}) && !('description' in (product || {}) && product.description)
+        ? 'desc'
+        : 'description';
+    const description = String(product?.description || product?.desc || product?.details || '');
     const category = String(product?.category || '');
-    const badge = String(product?.badge || '');
+    const badgeKey = 'tag' in (product || {}) && !('badge' in (product || {}) && product.badge) ? 'tag' : 'badge';
+    const badge = String(product?.badge || product?.tag || '');
     const fallbackImage = imageFallback || 'https://images.unsplash.com/photo-1542291026-7eec264c27ff?auto=format&fit=crop&w=800&q=80';
-    const imageUrl = String(product?.imageUrl || product?.image || fallbackImage);
+    const rawImage = product?.imageUrl || product?.image || product?.photo || product?.thumbnail || product?.productImage || (Array.isArray(product?.gallery) && product.gallery[0]) || (Array.isArray(product?.images) && product.images[0]);
+    const imageUrl = String(rawImage || fallbackImage);
+    const imageKey = 'image' in (product || {}) && !('imageUrl' in (product || {}) && product.imageUrl)
+        ? 'image'
+        : ('photo' in (product || {}) && !('imageUrl' in (product || {}) && product.imageUrl)
+            ? 'photo'
+            : 'imageUrl');
     // Resolved phone number for WhatsApp
     const resolvedPhone = String(product?.whatsappNumber || whatsappNumber || '94770000000');
     const resolvedWhatsAppText = String(product?.whatsappButtonText || whatsappActionLabel);
@@ -113,7 +138,7 @@ function EditableProductCard({ itemPath, product, cardVariant = 'modern-glass',
                     overflow: 'hidden',
                     width: isHorizontal ? '40%' : '100%',
                     flexShrink: 0,
-                }, children: [(0, jsx_runtime_1.jsx)(EditableImage_1.EditableImage, { id: `${itemPath}.imageUrl`, "data-preview-field-path": `${itemPath}.imageUrl`, src: imageUrl, fallbackSrc: imageFallback, alt: name, aspectRatio: isHorizontal ? 'square' : '4/3', fit: "cover", hoverZoom: true, style: { width: '100%', height: '100%', display: 'block' } }), badge && ((0, jsx_runtime_1.jsx)("div", { style: { position: 'absolute', top: '10px', left: '10px', zIndex: 10 }, children: (0, jsx_runtime_1.jsx)(EditableText_2.EditableBadge, { id: `${itemPath}.badge`, "data-preview-field-path": `${itemPath}.badge`, defaultValue: badge, badgeVariant: "primary" }) }))] }), (0, jsx_runtime_1.jsxs)("div", { style: {
+                }, children: [(0, jsx_runtime_1.jsx)(EditableImage_1.EditableImage, { id: `${itemPath}.${imageKey}`, "data-preview-field-path": `${itemPath}.${imageKey}`, src: imageUrl, fallbackSrc: imageFallback, alt: name, aspectRatio: isHorizontal ? 'square' : '4/3', fit: "cover", hoverZoom: true, style: { width: '100%', height: '100%', display: 'block' } }), badge && ((0, jsx_runtime_1.jsx)("div", { style: { position: 'absolute', top: '10px', left: '10px', zIndex: 10 }, children: (0, jsx_runtime_1.jsx)(EditableText_2.EditableBadge, { id: `${itemPath}.${badgeKey}`, "data-preview-field-path": `${itemPath}.${badgeKey}`, defaultValue: badge, badgeVariant: "primary" }) }))] }), (0, jsx_runtime_1.jsxs)("div", { style: {
                     padding: '1.25rem',
                     display: 'flex',
                     flexDirection: 'column',
@@ -135,13 +160,13 @@ function EditableProductCard({ itemPath, product, cardVariant = 'modern-glass',
                                             backgroundColor: 'var(--tag-bg, var(--color-secondary, rgba(241, 245, 249, 0.9)))',
                                             padding: '2px 8px',
                                             borderRadius: '6px',
-                                        } })) : null] }), (0, jsx_runtime_1.jsx)(EditableText_1.EditableText, { as: "h3", id: `${itemPath}.name`, "data-preview-field-path": `${itemPath}.name`, defaultValue: name, style: {
+                                        } })) : null] }), (0, jsx_runtime_1.jsx)(EditableText_1.EditableText, { as: "h3", id: `${itemPath}.${titleKey}`, "data-preview-field-path": `${itemPath}.${titleKey}`, defaultValue: name, style: {
                                     fontSize: '1.125rem',
                                     fontWeight: 700,
                                     lineHeight: 1.35,
                                     color: 'var(--heading-color, #ffffff)',
                                     marginBottom: '0.375rem',
-                                } }), showDescription && description ? ((0, jsx_runtime_1.jsx)(EditableText_1.EditableText, { as: "p", id: `${itemPath}.description`, "data-preview-field-path": `${itemPath}.description`, defaultValue: description, style: {
+                                } }), showDescription && description ? ((0, jsx_runtime_1.jsx)(EditableText_1.EditableText, { as: "p", id: `${itemPath}.${descriptionKey}`, "data-preview-field-path": `${itemPath}.${descriptionKey}`, defaultValue: description, style: {
                                     fontSize: '0.875rem',
                                     color: 'var(--muted-text, #94a3b8)',
                                     lineHeight: 1.5,
@@ -157,12 +182,12 @@ function EditableProductCard({ itemPath, product, cardVariant = 'modern-glass',
                             display: 'flex',
                             flexDirection: 'column',
                             gap: '0.75rem',
-                        }, children: [hasPrice ? ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', alignItems: 'baseline', gap: '0.5rem', flexWrap: 'wrap' }, children: [(0, jsx_runtime_1.jsx)(EditableText_1.EditableText, { as: "span", id: `${itemPath}.price`, "data-preview-field-path": `${itemPath}.price`, defaultValue: formattedPrice, style: {
+                        }, children: [hasPrice ? ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', alignItems: 'baseline', gap: '0.5rem', flexWrap: 'wrap' }, children: [(0, jsx_runtime_1.jsx)(EditableText_1.EditableText, { as: "span", id: `${itemPath}.${priceKey}`, "data-preview-field-path": `${itemPath}.${priceKey}`, defaultValue: formattedPrice, style: {
                                             fontSize: '1.3rem',
                                             fontWeight: 800,
                                             color: 'var(--brand-color, #ffffff)',
                                             letterSpacing: '-0.02em',
-                                        } }), originalPrice ? ((0, jsx_runtime_1.jsx)(EditableText_1.EditableText, { as: "span", id: `${itemPath}.originalPrice`, "data-preview-field-path": `${itemPath}.originalPrice`, defaultValue: originalPrice, style: {
+                                        } }), originalPrice ? ((0, jsx_runtime_1.jsx)(EditableText_1.EditableText, { as: "span", id: `${itemPath}.${originalPriceKey}`, "data-preview-field-path": `${itemPath}.${originalPriceKey}`, defaultValue: originalPrice, style: {
                                             fontSize: '0.875rem',
                                             textDecoration: 'line-through',
                                             color: 'var(--muted-text, #94a3b8)',

package/dist/EditableProductDetail.js

@@ -29,9 +29,9 @@ function EditableProductDetail({ sectionPath = 'product', product, sizes, colors
             ? product.gallery
             : (product.images && product.images.length > 0)
                 ? product.images
-                : [product.featuredImage || product.imageUrl || product.image || '/products/vanta-aero-x.jpg'];
+                : [product.featuredImage || product.imageUrl || product.image || product.photo || product.thumbnail || '/products/vanta-aero-x.jpg'];
         return rawList.filter(Boolean);
-    }, [product.gallery, product.images, product.featuredImage, product.imageUrl, product.image]);
+    }, [product.gallery, product.images, product.featuredImage, product.imageUrl, product.image, product.photo, product.thumbnail]);
     // 2. Resolve Options (Sizes, Volumes, Weights, Counts)
     const resolved = (0, productOptions_1.resolveProductOptions)(product);
     const effectiveOptions = (0, react_1.useMemo)(() => {
@@ -106,8 +106,9 @@ function EditableProductDetail({ sectionPath = 'product', product, sizes, colors
             setActiveImage(c.image);
         }
     };
-    const name = String(product.name || product.title || 'Product Title');
-    const price = product.price !== undefined ? String(product.price) : 'LKR 0';
+    const name = String(product.name || product.title || product.productName || product.itemTitle || 'Product Title');
+    const rawPriceCandidate = product.price ?? product.cost ?? product.amount ?? product.productPrice;
+    const price = rawPriceCandidate !== undefined && rawPriceCandidate !== null ? String(rawPriceCandidate) : 'LKR 0';
     const originalPrice = product.originalPrice ?? product.compareAtPrice;
     const isAvailable = product.isAvailable !== false;
     const description = String(product.description || '');

package/dist/EditableProductGrid.js

@@ -20,6 +20,33 @@ function EditableProductGrid({ sectionPath = 'home', listPath = 'products', titl
     const siteApi = (0, SiteDataProvider_1.useSiteApi)();
     const liveProducts = (0, SiteDataProvider_1.useProducts)();
     const baseProducts = userProducts && userProducts.length > 0 ? userProducts : liveProducts;
+    const resolvedListPath = (0, react_1.useMemo)(() => {
+        if (listPath && listPath !== 'products') {
+            return listPath;
+        }
+        const content = (0, SiteDataProvider_1.isRecord)(siteData?.content) ? siteData.content : null;
+        if (!content)
+            return listPath || 'products';
+        if (Array.isArray(content.products) && content.products.length > 0)
+            return 'products';
+        if ((0, SiteDataProvider_1.isRecord)(content.shop) && Array.isArray(content.shop.products))
+            return 'shop.products';
+        if ((0, SiteDataProvider_1.isRecord)(content.home) && Array.isArray(content.home.products))
+            return 'home.products';
+        if ((0, SiteDataProvider_1.isRecord)(content.home) && Array.isArray(content.home.featuredProducts))
+            return 'home.featuredProducts';
+        if ((0, SiteDataProvider_1.isRecord)(content.catalog) && Array.isArray(content.catalog.products))
+            return 'catalog.products';
+        if ((0, SiteDataProvider_1.isRecord)(content.menu) && Array.isArray(content.menu.items))
+            return 'menu.items';
+        if ((0, SiteDataProvider_1.isRecord)(content.menu) && Array.isArray(content.menu.products))
+            return 'menu.products';
+        if ((0, SiteDataProvider_1.isRecord)(content.store) && Array.isArray(content.store.products))
+            return 'store.products';
+        if ((0, SiteDataProvider_1.isRecord)(content.shop) && Array.isArray(content.shop.items))
+            return 'shop.items';
+        return listPath || 'products';
+    }, [listPath, siteData]);
     const [searchQuery, setSearchQuery] = (0, react_1.useState)('');
     const [isSearchingBackend, setIsSearchingBackend] = (0, react_1.useState)(false);
     const [backendProducts, setBackendProducts] = (0, react_1.useState)(null);
@@ -103,12 +130,13 @@ function EditableProductGrid({ sectionPath = 'home', listPath = 'products', titl
         if (searchQuery.trim()) {
             const q = searchQuery.trim().toLowerCase();
             result = result.filter((p) => {
-                const name = String(p.name || p.title || '').toLowerCase();
-                const desc = String(p.description || '').toLowerCase();
+                const name = String(p.name || p.title || p.productName || p.itemTitle || '').toLowerCase();
+                const desc = String(p.description || p.desc || p.details || '').toLowerCase();
                 const brand = String(p.brand || '').toLowerCase();
                 const cat = String(p.category || '').toLowerCase();
                 const tags = Array.isArray(p.tags) ? p.tags.join(' ').toLowerCase() : '';
-                return name.includes(q) || desc.includes(q) || brand.includes(q) || cat.includes(q) || tags.includes(q);
+                const badge = String(p.badge || p.tag || '').toLowerCase();
+                return name.includes(q) || desc.includes(q) || brand.includes(q) || cat.includes(q) || tags.includes(q) || badge.includes(q);
             });
         }
         return result;
@@ -178,16 +206,17 @@ function EditableProductGrid({ sectionPath = 'home', listPath = 'products', titl
                                 }, placeholder: searchPlaceholder, className: "w-full pl-10 pr-10 py-2.5 rounded-2xl text-sm bg-slate-100/90 dark:bg-slate-900/90 border border-slate-200 dark:border-slate-800 text-slate-900 dark:text-white placeholder-slate-400 focus:outline-none focus:ring-2 focus:ring-lime-400 dark:focus:ring-lime-400 transition-all shadow-sm" }), searchQuery && ((0, jsx_runtime_1.jsx)("button", { type: "button", onClick: () => {
                                     setSearchQuery('');
                                     onSearchChange?.('');
-                                }, className: "absolute inset-y-0 right-0 pr-3.5 flex items-center text-slate-400 hover:text-slate-600 dark:hover:text-white transition-colors", title: "Clear search", children: (0, jsx_runtime_1.jsx)("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3 text-xs text-slate-500 dark:text-slate-400", children: [isSearchingBackend && ((0, jsx_runtime_1.jsxs)("span", { className: "inline-flex items-center gap-1.5 text-emerald-600 dark:text-lime-400 font-medium animate-pulse", children: [(0, jsx_runtime_1.jsx)("span", { className: "w-1.5 h-1.5 rounded-full bg-lime-400" }), "Searching live catalog..."] })), (0, jsx_runtime_1.jsxs)("span", { className: "font-semibold bg-slate-100 dark:bg-slate-900/80 px-3 py-1.5 rounded-xl border border-slate-200/80 dark:border-slate-800", children: ["Showing ", (0, jsx_runtime_1.jsx)("span", { className: "text-slate-900 dark:text-white font-bold", children: filteredProducts.length }), " of ", products.length, " products"] })] })] })), (0, jsx_runtime_1.jsx)("div", { ...(listPath ? { 'data-preview-list-path': listPath } : {}), className: displayedProducts.length > 0
+                                }, className: "absolute inset-y-0 right-0 pr-3.5 flex items-center text-slate-400 hover:text-slate-600 dark:hover:text-white transition-colors", title: "Clear search", children: (0, jsx_runtime_1.jsx)("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3 text-xs text-slate-500 dark:text-slate-400", children: [isSearchingBackend && ((0, jsx_runtime_1.jsxs)("span", { className: "inline-flex items-center gap-1.5 text-emerald-600 dark:text-lime-400 font-medium animate-pulse", children: [(0, jsx_runtime_1.jsx)("span", { className: "w-1.5 h-1.5 rounded-full bg-lime-400" }), "Searching live catalog..."] })), (0, jsx_runtime_1.jsxs)("span", { className: "font-semibold bg-slate-100 dark:bg-slate-900/80 px-3 py-1.5 rounded-xl border border-slate-200/80 dark:border-slate-800", children: ["Showing ", (0, jsx_runtime_1.jsx)("span", { className: "text-slate-900 dark:text-white font-bold", children: filteredProducts.length }), " of ", products.length, " products"] })] })] })), (0, jsx_runtime_1.jsx)("div", { ...(resolvedListPath ? { 'data-preview-list-path': resolvedListPath } : {}), className: displayedProducts.length > 0
                     ? `deneb-product-grid grid ${gridColClasses} gap-6 sm:gap-8`
                     : 'deneb-product-grid-empty w-full', children: displayedProducts.length > 0 ? (displayedProducts.map((product, idx) => {
                     // Determine true index in baseProducts for exact Fivora visual editing focus targeting
                     const baseIndex = baseProducts.findIndex((bp) => (bp.id && product.id ? String(bp.id) === String(product.id) : false) ||
                         (bp.name && product.name ? bp.name === product.name : false) ||
-                        (bp.title && product.title ? bp.title === product.title : false));
+                        (bp.title && product.title ? bp.title === product.title : false) ||
+                        (bp.productName && product.productName ? bp.productName === product.productName : false));
                     const effectiveIndex = baseIndex !== -1 ? baseIndex : (activePage - 1) * activePageSize + idx;
-                    const itemPath = listPath
-                        ? `${listPath}[${effectiveIndex}]`
+                    const itemPath = resolvedListPath
+                        ? `${resolvedListPath}[${effectiveIndex}]`
                         : `${sectionPath}.${cardPrefix}${effectiveIndex + 1}`;
                     return ((0, jsx_runtime_1.jsxs)("div", { "data-preview-item-path": itemPath, className: "relative group", children: [(0, jsx_runtime_1.jsx)(EditableProductCard_1.EditableProductCard, { itemPath: itemPath, product: product, cardVariant: cardVariant, className: "h-full" }), onQuickView && ((0, jsx_runtime_1.jsx)("div", { className: "absolute top-4 right-4 z-20 opacity-0 group-hover:opacity-100 transition-opacity duration-200", children: (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: () => onQuickView(product, itemPath), className: "p-2.5 rounded-xl bg-slate-950/80 backdrop-blur-md text-white hover:bg-lime-400 hover:text-slate-950 shadow-lg transition-all active:scale-95", title: "Quick View", "aria-label": `Quick View ${product.name || product.title}`, children: (0, jsx_runtime_1.jsxs)("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: [(0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z" }), (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z" })] }) }) }))] }, product.id || idx));
                 })) : (

package/dist/EditableProductShowcase.js

@@ -99,23 +99,34 @@ function EditableProductShowcase({ sectionPath = 'home', listPath = 'featuredPho
                     return { name: `Color ${cIdx + 1}`, hex: c };
                 return { name: c?.name || `Color ${cIdx + 1}`, hex: c?.hex || '#9d9890' };
             });
-            const resolvedImage = item.image && typeof item.image === 'string' && item.image.trim() !== ''
-                ? item.image
-                : (item.imageUrl && typeof item.imageUrl === 'string' && item.imageUrl.trim() !== ''
-                    ? item.imageUrl
-                    : (def.image || '/images/showcase-phone.jpg'));
+            const rawImage = item.image || item.imageUrl || item.photo || item.thumbnail || (Array.isArray(item.images) && item.images[0]);
+            const resolvedImage = typeof rawImage === 'string' && rawImage.trim() !== ''
+                ? rawImage
+                : (def.image || '/images/showcase-phone.jpg');
+            const rawPrice = item.price ?? item.cost ?? item.amount ?? item.productPrice;
+            const parsedPrice = typeof rawPrice === 'number'
+                ? rawPrice
+                : typeof rawPrice === 'string'
+                    ? parseFloat(rawPrice.replace(/[^0-9.]/g, ''))
+                    : NaN;
+            const finalPrice = Number.isFinite(parsedPrice) ? parsedPrice : def.price;
+            const rawOrig = item.originalPrice ?? item.compareAtPrice;
+            const parsedOrig = typeof rawOrig === 'number'
+                ? rawOrig
+                : typeof rawOrig === 'string'
+                    ? parseFloat(rawOrig.replace(/[^0-9.]/g, ''))
+                    : NaN;
+            const finalOrig = Number.isFinite(parsedOrig) ? parsedOrig : def.originalPrice;
             return {
                 ...def,
                 ...item,
                 _index: idx,
                 id: item.id || `product-${idx}`,
-                name: item.name || item.title || def.name,
+                name: item.name || item.title || item.productName || item.itemTitle || def.name,
                 brand: item.brand || item.category || def.brand || 'Store',
                 subtitle: item.subtitle || def.subtitle || '',
-                price: item.price != null ? Number(item.price) : def.price,
-                originalPrice: item.originalPrice != null
-                    ? Number(item.originalPrice)
-                    : (item.compareAtPrice != null ? Number(item.compareAtPrice) : def.originalPrice),
+                price: finalPrice,
+                originalPrice: finalOrig,
                 condition: item.condition || def.condition || 'Brand New',
                 category: item.category || item.brand || def.category || 'All',
                 badge: item.badge || def.badge || '',

package/dist/PlatformProductDetail.js

@@ -70,11 +70,16 @@ function normalizeProductForDetail(product, siteData) {
     };
     const name = (typeof mergedProduct.name === 'string' && mergedProduct.name) ||
         (typeof mergedProduct.title === 'string' && mergedProduct.title) ||
+        (typeof mergedProduct.productName === 'string' && mergedProduct.productName) ||
+        (typeof mergedProduct.itemTitle === 'string' && mergedProduct.itemTitle) ||
         undefined;
     const image = (typeof mergedProduct.featuredImage === 'string' && mergedProduct.featuredImage) ||
         (typeof mergedProduct.imageUrl === 'string' && mergedProduct.imageUrl) ||
         (typeof mergedProduct.image === 'string' && mergedProduct.image) ||
+        (typeof mergedProduct.photo === 'string' && mergedProduct.photo) ||
+        (typeof mergedProduct.thumbnail === 'string' && mergedProduct.thumbnail) ||
         undefined;
+    const price = mergedProduct.price ?? mergedProduct.cost ?? mergedProduct.amount ?? mergedProduct.productPrice;
     const images = Array.isArray(mergedProduct.gallery)
         ? mergedProduct.gallery
         : Array.isArray(mergedProduct.images)
@@ -103,6 +108,7 @@ function normalizeProductForDetail(product, siteData) {
         ...(image
             ? { featuredImage: image, imageUrl: image, image }
             : {}),
+        ...(price !== undefined ? { price } : {}),
         ...(images ? { gallery: images, images } : {}),
         ...(compareAtPrice !== undefined
             ? { compareAtPrice, originalPrice: compareAtPrice }

package/dist/SiteDataProvider.d.ts

@@ -106,6 +106,17 @@ export type DenebData = SiteData;
  * Hook to retrieve products cleanly from SiteData, supporting both
  * top-level content.products and nested content.home.products.
  */
+/**
+ * Universal Bidirectional Product Normalizer:
+ * Ensures every product object has both canonical and alias keys simultaneously populated
+ * with clean numbers and resolved image URLs, so any template component code works flawlessly
+ * regardless of whether the developer wrote .title or .name, .cost or .price, .image or .imageUrl.
+ */
+export declare function normalizeProductItem(p: unknown): ProductItem;
+/**
+ * Universal Service Normalizer
+ */
+export declare function normalizeServiceItem(s: unknown): ServiceItem;
 export declare function useProducts(fallback?: ProductItem[]): ProductItem[];
 /**
  * Hook to retrieve services cleanly from SiteData, supporting both

package/dist/SiteDataProvider.js

@@ -18,6 +18,8 @@ exports.contentNumber = contentNumber;
 exports.parseFieldPath = parseFieldPath;
 exports.getFieldStyle = getFieldStyle;
 exports.useFieldStyle = useFieldStyle;
+exports.normalizeProductItem = normalizeProductItem;
+exports.normalizeServiceItem = normalizeServiceItem;
 exports.useProducts = useProducts;
 exports.useServices = useServices;
 exports.useSiteApi = useSiteApi;
@@ -263,20 +265,8 @@ function SiteDataProvider({ children, initialSiteData, fallbackSiteData, liveCat
                 const currentCommon = isRecord(currentContent.common) ? currentContent.common : {};
                 const currentContact = isRecord(currentContent.contact) ? currentContent.contact : {};
                 const rawLiveProducts = Array.isArray(live.products) ? live.products : currentContent.products;
-                const nextProducts = Array.isArray(rawLiveProducts)
-                    ? rawLiveProducts.map((p) => {
-                        if (!isRecord(p))
-                            return p;
-                        const customData = isRecord(p.customData) ? p.customData : {};
-                        return {
-                            ...customData,
-                            ...p,
-                        };
-                    })
-                    : rawLiveProducts;
-                const nextServices = Array.isArray(live.services)
-                    ? live.services
-                    : currentContent.services;
+                const nextProducts = Array.isArray(rawLiveProducts) ? rawLiveProducts.map(normalizeProductItem) : rawLiveProducts;
+                const nextServices = Array.isArray(live.services) ? live.services.map(normalizeServiceItem) : currentContent.services;
                 const nextReviews = Array.isArray(live.reviews)
                     ? live.reviews
                     : null;
@@ -296,6 +286,7 @@ function SiteDataProvider({ children, initialSiteData, fallbackSiteData, liveCat
                             nextContact.phone = contact.phone;
                             nextContact.contactNumber = contact.phone;
                             nextCommon.contactNumber = contact.phone;
+                            nextCommon.phone = contact.phone;
                         }
                         if (typeof contact.whatsapp === 'string' && contact.whatsapp.trim()) {
                             nextContact.whatsapp = contact.whatsapp;
@@ -304,6 +295,7 @@ function SiteDataProvider({ children, initialSiteData, fallbackSiteData, liveCat
                             if (cleanWa) {
                                 nextContact.whatsappNumber = cleanWa;
                                 nextCommon.whatsappNumber = cleanWa;
+                                nextHome.whatsappNumber = cleanWa;
                                 // Dynamically update any hardcoded or static wa.me URLs across home and common
                                 const waRegex = /(https?:\/\/(?:wa\.me|api\.whatsapp\.com\/send\?phone=))\d+/gi;
                                 for (const key of ['whatsappCtaUrl', 'whatsappOrderUrl', 'whatsappUrl']) {
@@ -341,6 +333,7 @@ function SiteDataProvider({ children, initialSiteData, fallbackSiteData, liveCat
                         nextContact.hours = live.shop.openingHours;
                         nextContact.openingHours = live.shop.openingHours;
                         nextCommon.openingHours = live.shop.openingHours;
+                        nextCommon.hours = live.shop.openingHours;
                         nextHome.businessHours = live.shop.openingHours;
                     }
                     if (typeof live.shop.businessName === 'string' && live.shop.businessName.trim()) {
@@ -368,6 +361,18 @@ function SiteDataProvider({ children, initialSiteData, fallbackSiteData, liveCat
                         ...(nextProducts !== undefined ? { products: nextProducts } : {}),
                         ...(nextServices !== undefined ? { services: nextServices } : {}),
                         ...(nextReviews !== null ? { reviews: nextReviews, testimonials: nextReviews, feedbacks: nextReviews } : {}),
+                        ...(currentContent?.shop && typeof currentContent.shop === 'object' && nextProducts !== undefined
+                            ? { shop: { ...currentContent.shop, products: nextProducts } }
+                            : {}),
+                        ...(currentContent?.catalog && typeof currentContent.catalog === 'object' && nextProducts !== undefined
+                            ? { catalog: { ...currentContent.catalog, products: nextProducts } }
+                            : {}),
+                        ...(currentContent?.menu && typeof currentContent.menu === 'object' && nextProducts !== undefined
+                            ? { menu: { ...currentContent.menu, items: nextProducts, products: nextProducts } }
+                            : {}),
+                        ...(currentContent?.store && typeof currentContent.store === 'object' && nextProducts !== undefined
+                            ? { store: { ...currentContent.store, products: nextProducts } }
+                            : {}),
                         ...(currentHome || Object.keys(nextHome).length > 0
                             ? {
                                 home: {
@@ -681,37 +686,162 @@ exports.DenebDataContext = exports.SiteDataContext;
  * Hook to retrieve products cleanly from SiteData, supporting both
  * top-level content.products and nested content.home.products.
  */
+/**
+ * Universal Bidirectional Product Normalizer:
+ * Ensures every product object has both canonical and alias keys simultaneously populated
+ * with clean numbers and resolved image URLs, so any template component code works flawlessly
+ * regardless of whether the developer wrote .title or .name, .cost or .price, .image or .imageUrl.
+ */
+function normalizeProductItem(p) {
+    if (!isRecord(p))
+        return p;
+    const customData = isRecord(p.customData) ? p.customData : {};
+    const nameCandidate = p.name ?? p.title ?? p.productName ?? p.itemTitle ?? p.heading ?? p.label;
+    const titleCandidate = p.title ?? p.name ?? p.itemTitle ?? p.productName ?? p.heading ?? p.label;
+    const rawPrice = p.price !== undefined
+        ? p.price
+        : p.cost !== undefined
+            ? p.cost
+            : p.amount !== undefined
+                ? p.amount
+                : p.productPrice !== undefined
+                    ? p.productPrice
+                    : p.currentPrice !== undefined
+                        ? p.currentPrice
+                        : p.rate;
+    let numPrice = rawPrice;
+    if (typeof rawPrice === "string" && rawPrice.trim()) {
+        const match = rawPrice.match(/-?\d+(?:,\d{3})*(?:\.\d+)?|-?\d+(?:\.\d+)?/);
+        if (match) {
+            const parsed = parseFloat(match[0].replace(/,/g, ""));
+            if (!isNaN(parsed) && Number.isFinite(parsed)) {
+                numPrice = parsed;
+            }
+        }
+    }
+    const rawCompare = p.compareAtPrice !== undefined
+        ? p.compareAtPrice
+        : p.originalPrice !== undefined
+            ? p.originalPrice
+            : p.oldPrice !== undefined
+                ? p.oldPrice
+                : p.regularPrice !== undefined
+                    ? p.regularPrice
+                    : p.strikePrice;
+    let numCompare = rawCompare;
+    if (typeof rawCompare === "string" && rawCompare.trim()) {
+        const match = rawCompare.match(/-?\d+(?:,\d{3})*(?:\.\d+)?|-?\d+(?:\.\d+)?/);
+        if (match) {
+            const parsed = parseFloat(match[0].replace(/,/g, ""));
+            if (!isNaN(parsed) && Number.isFinite(parsed)) {
+                numCompare = parsed;
+            }
+        }
+    }
+    const imageCandidate = p.imageUrl ??
+        p.image ??
+        p.photo ??
+        p.thumbnail ??
+        p.picture ??
+        p.img ??
+        p.src ??
+        p.productImage ??
+        (Array.isArray(p.gallery) ? p.gallery[0] : undefined) ??
+        (Array.isArray(p.images) ? p.images[0] : undefined);
+    const badgeCandidate = p.badge ?? p.tag ?? p.label ?? p.badgeText ?? p.chip;
+    const descCandidate = p.description ?? p.desc ?? p.details ?? p.shortDescription ?? p.subtitle;
+    return {
+        ...customData,
+        ...p,
+        name: nameCandidate,
+        title: titleCandidate,
+        productName: (titleCandidate ?? nameCandidate),
+        itemTitle: (titleCandidate ?? nameCandidate),
+        ...(numPrice !== undefined
+            ? {
+                price: numPrice,
+                cost: numPrice,
+                amount: numPrice,
+                productPrice: numPrice,
+            }
+            : {}),
+        ...(numCompare !== undefined
+            ? {
+                compareAtPrice: numCompare,
+                originalPrice: numCompare,
+            }
+            : {}),
+        ...(imageCandidate !== undefined
+            ? {
+                imageUrl: imageCandidate,
+                image: imageCandidate,
+                photo: imageCandidate,
+                thumbnail: imageCandidate,
+                productImage: imageCandidate,
+            }
+            : {}),
+        ...(badgeCandidate !== undefined
+            ? {
+                badge: badgeCandidate,
+                tag: badgeCandidate,
+            }
+            : {}),
+        ...(descCandidate !== undefined
+            ? {
+                description: descCandidate,
+                desc: descCandidate,
+                details: descCandidate,
+            }
+            : {}),
+    };
+}
+/**
+ * Universal Service Normalizer
+ */
+function normalizeServiceItem(s) {
+    if (!isRecord(s))
+        return s;
+    const customData = isRecord(s.customData) ? s.customData : {};
+    const nameCandidate = s.name ?? s.title ?? s.serviceName ?? s.heading;
+    const titleCandidate = s.title ?? s.name ?? s.serviceName ?? s.heading;
+    const descCandidate = s.description ?? s.desc ?? s.details ?? s.shortDescription;
+    const imageCandidate = s.imageUrl ?? s.image ?? s.photo ?? s.thumbnail ?? s.picture;
+    return {
+        ...customData,
+        ...s,
+        name: nameCandidate,
+        title: titleCandidate,
+        ...(descCandidate !== undefined ? { description: descCandidate, desc: descCandidate, details: descCandidate } : {}),
+        ...(imageCandidate !== undefined ? { imageUrl: imageCandidate, image: imageCandidate, photo: imageCandidate } : {}),
+    };
+}
 function useProducts(fallback = []) {
     const siteData = useSiteData();
     const content = isRecord(siteData?.content) ? siteData.content : null;
     if (!content)
         return fallback;
     let rawList = null;
-    if (Array.isArray(content.products) && content.products.length > 0) {
-        rawList = content.products;
-    }
-    else {
-        const home = isRecord(content.home) ? content.home : null;
-        if (home) {
-            if (Array.isArray(home.products) && home.products.length > 0) {
-                rawList = home.products;
-            }
-            else if (Array.isArray(home.featuredProducts) && home.featuredProducts.length > 0) {
-                rawList = home.featuredProducts;
-            }
+    const candidates = [
+        content.products,
+        content.shop?.products,
+        content.home?.products,
+        content.home?.featuredProducts,
+        content.catalog?.products,
+        content.menu?.items,
+        content.menu?.products,
+        content.store?.products,
+        content.shop?.items,
+        siteData.shop?.products,
+    ];
+    for (const candidate of candidates) {
+        if (Array.isArray(candidate) && candidate.length > 0) {
+            rawList = candidate;
+            break;
         }
     }
     if (!rawList)
         return fallback;
-    return rawList.map((p) => {
-        if (!isRecord(p))
-            return p;
-        const customData = isRecord(p.customData) ? p.customData : {};
-        return {
-            ...customData,
-            ...p,
-        };
-    });
+    return rawList.map(normalizeProductItem);
 }
 /**
  * Hook to retrieve services cleanly from SiteData, supporting both
@@ -722,16 +852,17 @@ function useServices(fallback = []) {
     const content = isRecord(siteData?.content) ? siteData.content : null;
     if (!content)
         return fallback;
-    if (Array.isArray(content.services) && content.services.length > 0) {
-        return content.services;
-    }
-    const home = isRecord(content.home) ? content.home : null;
-    if (home) {
-        if (Array.isArray(home.services) && home.services.length > 0) {
-            return home.services;
-        }
-        if (Array.isArray(home.featuredServices) && home.featuredServices.length > 0) {
-            return home.featuredServices;
+    const candidates = [
+        content.services,
+        content.servicesPage?.services,
+        content.home?.services,
+        content.home?.featuredServices,
+        content.company?.services,
+        content.business?.services,
+    ];
+    for (const candidate of candidates) {
+        if (Array.isArray(candidate) && candidate.length > 0) {
+            return candidate.map(normalizeServiceItem);
         }
     }
     return fallback;

package/dist/cart/useCart.d.ts

@@ -12,6 +12,7 @@ export interface CartItem {
     sku?: string;
     metadata?: Record<string, unknown>;
 }
+export declare function parseNumericPrice(value: unknown): number;
 export declare function formatCurrency(amount: number, currency?: string): string;
 export declare function getProductWhatsAppUrl(product: {
     name?: string;

package/dist/cart/useCart.js

@@ -1,6 +1,7 @@
 "use strict";
 'use client';
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseNumericPrice = parseNumericPrice;
 exports.formatCurrency = formatCurrency;
 exports.getProductWhatsAppUrl = getProductWhatsAppUrl;
 exports.CartProvider = CartProvider;
@@ -8,6 +9,17 @@ exports.useOptionalCart = useOptionalCart;
 exports.useCart = useCart;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
+function parseNumericPrice(value) {
+    if (typeof value === "number" && Number.isFinite(value))
+        return value;
+    if (typeof value !== "string" || !value.trim())
+        return 0;
+    const match = value.match(/-?\d+(?:,\d{3})*(?:\.\d+)?|-?\d+(?:\.\d+)?/);
+    if (!match)
+        return 0;
+    const parsed = parseFloat(match[0].replace(/,/g, ""));
+    return Number.isFinite(parsed) ? parsed : 0;
+}
 function formatCurrency(amount, currency = 'LKR') {
     const formatted = (amount || 0).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
     if (currency === 'LKR' || currency === 'Rs.' || currency === 'Rs') {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deneb-ui/ui",
-  "version": "2.0.86",
+  "version": "2.0.87",
   "description": "Visual-first React component library for editable commerce storefronts. Built for Next.js and Fivora.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -50,7 +50,7 @@
   ],
   "license": "MIT",
   "dependencies": {
-    "@deneb-ui/core": "^2.0.86"
+    "@deneb-ui/core": "^2.0.87"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",