@deneb-ui/ui 2.0.127 → 2.0.128

package/dist/EditableProductCard.d.ts

@@ -36,6 +36,12 @@ export interface ProductItem {
     reviewsCount?: number | string;
     isNew?: boolean;
     isBestSeller?: boolean;
+    isAvailable?: boolean;
+    inStock?: boolean;
+    available?: boolean;
+    isActive?: boolean;
+    active?: boolean;
+    status?: string;
     whatsappNumber?: string;
     whatsappButtonText?: string;
     addToCartButtonText?: string;

package/dist/EditableProductCard.js

@@ -451,7 +451,7 @@ function EditableProductCard({ itemPath, product: productProp, item: itemProp, c
                                             fontSize: '0.8rem',
                                             fontWeight: 500,
                                             color: 'var(--muted-text, #64748b)',
-                                        } })) : null] })) : !effectiveShowPrice ? ((0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', alignItems: 'center', gap: '0.5rem' }, children: (0, jsx_runtime_1.jsx)("span", { style: {
+                                        } })) : null] })) : (!effectiveShowPrice || !hasPrice) ? ((0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', alignItems: 'center', gap: '0.5rem' }, children: (0, jsx_runtime_1.jsx)("span", { style: {
                                         display: 'inline-flex',
                                         alignItems: 'center',
                                         padding: '4px 10px',

package/dist/EditableServiceCard.d.ts

@@ -4,8 +4,16 @@ export interface ServiceItem {
     name?: string;
     title?: string;
     price?: string | number;
+    cost?: string | number;
+    amount?: string | number;
+    rate?: string | number;
+    serviceFee?: string | number;
+    servicePrice?: string | number;
+    compareAtPrice?: string | number;
+    originalPrice?: string | number;
     priceLabel?: string;
     showPrice?: boolean;
+    currency?: string;
     customData?: Record<string, unknown>;
     description?: string;
     imageUrl?: string;
@@ -14,6 +22,12 @@ export interface ServiceItem {
     images?: string[];
     additionalImages?: string[];
     features?: unknown[];
+    badge?: string;
+    tag?: string;
+    isActive?: boolean;
+    active?: boolean;
+    isAvailable?: boolean;
+    available?: boolean;
     [key: string]: unknown;
 }
 export interface EditableServiceCardProps extends React.HTMLAttributes<HTMLElement> {
@@ -38,9 +52,17 @@ export interface EditableServiceCardProps extends React.HTMLAttributes<HTMLEleme
      */
     align?: 'left' | 'center' | 'right';
     showPrice?: boolean;
+    /**
+     * Whether to show active/inactive status badge (default: true).
+     */
+    showStatusBadge?: boolean;
+    /**
+     * Currency code override (e.g. "LKR", "USD"). If omitted, auto-resolves from live shop profile.
+     */
+    currency?: string;
 }
 /**
  * EditableServiceCard standardizes service presentation across Home and Services pages.
  * Supports service name, description, image, and repeatable features checklist.
  */
-export declare function EditableServiceCard({ itemPath, service, imageFallback, as: Component, align, showPrice, className, style, children, ...props }: EditableServiceCardProps): React.JSX.Element;
+export declare function EditableServiceCard({ itemPath, service, imageFallback, as: Component, align, showPrice, showStatusBadge, currency: currencyOverride, className, style, children, ...props }: EditableServiceCardProps): React.JSX.Element;

package/dist/EditableServiceCard.js

@@ -5,11 +5,17 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const EditableText_1 = require("./EditableText");
 const EditableImage_1 = require("./EditableImage");
 const catalogMedia_1 = require("./utils/catalogMedia");
+const SiteDataProvider_1 = require("./SiteDataProvider");
 /**
  * EditableServiceCard standardizes service presentation across Home and Services pages.
  * Supports service name, description, image, and repeatable features checklist.
  */
-function EditableServiceCard({ itemPath, service, imageFallback = '/placeholder.svg', as: Component = 'article', align = 'left', showPrice = true, className = '', style, children, ...props }) {
+function EditableServiceCard({ itemPath, service, imageFallback = '/placeholder.svg', as: Component = 'article', align = 'left', showPrice = true, showStatusBadge = true, currency: currencyOverride, className = '', style, children, ...props }) {
+    const isServiceActive = service?.isActive !== false &&
+        service?.active !== false &&
+        service?.isAvailable !== false &&
+        service?.available !== false;
+    const badgeCandidate = service?.badge || service?.tag;
     const name = String(service?.name || service?.title || '');
     const description = String(service?.description || '');
     const itemShowPrice = service.showPrice !== undefined
@@ -22,38 +28,95 @@ function EditableServiceCard({ itemPath, service, imageFallback = '/placeholder.
     const hasRawPrice = rawPriceCandidate !== undefined && rawPriceCandidate !== null && String(rawPriceCandidate).trim() !== '';
     const priceLabel = service?.priceLabel ? String(service.priceLabel) : '';
     const hasPrice = effectiveShowPrice && (hasRawPrice || Boolean(priceLabel));
+    const liveCurrency = (0, SiteDataProvider_1.useCurrency)();
+    const currency = currencyOverride || service?.currency || liveCurrency;
     const formattedPrice = hasRawPrice
         ? typeof rawPriceCandidate === 'number'
-            ? 'LKR ' + rawPriceCandidate.toLocaleString()
-            : String(rawPriceCandidate).includes('LKR')
+            ? currency + ' ' + rawPriceCandidate.toLocaleString()
+            : String(rawPriceCandidate).match(/^[A-Z]{3}\s/) || String(rawPriceCandidate).includes(currency)
                 ? String(rawPriceCandidate)
-                : 'LKR ' + String(rawPriceCandidate)
+                : currency + ' ' + String(rawPriceCandidate)
+        : '';
+    const rawCompareCandidate = service?.compareAtPrice || service?.originalPrice;
+    const hasComparePrice = effectiveShowPrice &&
+        rawCompareCandidate !== undefined &&
+        rawCompareCandidate !== null &&
+        String(rawCompareCandidate).trim() !== '' &&
+        Number(rawCompareCandidate) > Number(rawPriceCandidate);
+    const formattedComparePrice = hasComparePrice
+        ? typeof rawCompareCandidate === 'number'
+            ? currency + ' ' + rawCompareCandidate.toLocaleString()
+            : String(rawCompareCandidate).match(/^[A-Z]{3}\s/) || String(rawCompareCandidate).includes(currency)
+                ? String(rawCompareCandidate)
+                : currency + ' ' + String(rawCompareCandidate)
         : '';
     const serviceImages = (0, catalogMedia_1.resolveCatalogImages)(service);
     const imageUrl = serviceImages[0] || '';
     const features = Array.isArray(service?.features) ? service.features : [];
     const mergedStyle = {
         textAlign: align,
+        opacity: !isServiceActive ? 0.72 : 1,
         ...style,
     };
-    return ((0, jsx_runtime_1.jsxs)(Component, { "data-preview-item-path": itemPath, className: `editable-service-card ${className}`.trim(), style: mergedStyle, ...props, children: [(imageUrl || service?.imageUrl !== undefined || service?.image !== undefined) && ((0, jsx_runtime_1.jsx)("div", { className: "service-card-image-wrap", children: (0, jsx_runtime_1.jsx)(EditableImage_1.EditableImage, { id: `${itemPath}.imageUrl`, "data-preview-field-path": `${itemPath}.imageUrl`, src: imageUrl, fallbackSrc: imageFallback, alt: name, className: "service-card-image" }) })), (0, jsx_runtime_1.jsxs)("div", { className: "service-card-body", children: [(0, jsx_runtime_1.jsx)(EditableText_1.EditableText, { as: "h2", id: `${itemPath}.name`, "data-preview-field-path": `${itemPath}.name`, defaultValue: name, className: "service-card-title" }), (0, jsx_runtime_1.jsx)(EditableText_1.EditableText, { as: "p", id: `${itemPath}.description`, "data-preview-field-path": `${itemPath}.description`, defaultValue: description, className: "service-card-description" }), hasPrice ? ((0, jsx_runtime_1.jsxs)("div", { className: "service-card-price-wrap", style: { margin: '0.5rem 0', display: 'flex', alignItems: 'baseline', gap: '0.375rem', flexWrap: 'wrap' }, children: [hasRawPrice && ((0, jsx_runtime_1.jsx)(EditableText_1.EditableText, { as: "span", id: `${itemPath}.price`, "data-preview-field-path": `${itemPath}.price`, defaultValue: formattedPrice, className: "service-card-price", style: {
+    const badgeElement = (badgeCandidate || (!isServiceActive && showStatusBadge)) ? ((0, jsx_runtime_1.jsx)("div", { className: "service-card-badge-wrap", style: {
+            position: 'absolute',
+            top: '0.75rem',
+            left: '0.75rem',
+            zIndex: 3,
+            display: 'flex',
+            gap: '0.375rem',
+            pointerEvents: 'none',
+        }, children: !isServiceActive && showStatusBadge ? ((0, jsx_runtime_1.jsxs)("span", { className: "service-card-status-badge inactive", style: {
+                display: 'inline-flex',
+                alignItems: 'center',
+                gap: '0.25rem',
+                padding: '0.25rem 0.625rem',
+                borderRadius: '9999px',
+                fontSize: '0.6875rem',
+                fontWeight: 700,
+                textTransform: 'uppercase',
+                letterSpacing: '0.05em',
+                backgroundColor: 'rgba(239, 68, 68, 0.95)',
+                color: '#ffffff',
+                boxShadow: '0 2px 4px rgba(0,0,0,0.15)',
+            }, children: [(0, jsx_runtime_1.jsx)("span", { style: { width: 6, height: 6, borderRadius: '50%', backgroundColor: 'currentColor' } }), "Unavailable"] })) : badgeCandidate ? ((0, jsx_runtime_1.jsx)(EditableText_1.EditableText, { as: "span", id: `${itemPath}.badge`, "data-preview-field-path": `${itemPath}.badge`, defaultValue: String(badgeCandidate), className: "service-card-badge", style: {
+                display: 'inline-flex',
+                alignItems: 'center',
+                padding: '0.25rem 0.625rem',
+                borderRadius: '9999px',
+                fontSize: '0.6875rem',
+                fontWeight: 700,
+                textTransform: 'uppercase',
+                letterSpacing: '0.05em',
+                backgroundColor: 'var(--brand-color, #2563eb)',
+                color: '#ffffff',
+                boxShadow: '0 2px 4px rgba(0,0,0,0.15)',
+                pointerEvents: 'auto',
+            } })) : null })) : null;
+    return ((0, jsx_runtime_1.jsxs)(Component, { "data-preview-item-path": itemPath, className: `editable-service-card ${!isServiceActive ? 'is-inactive is-unavailable' : ''} ${className}`.trim(), style: mergedStyle, ...props, children: [(imageUrl || service?.imageUrl !== undefined || service?.image !== undefined) ? ((0, jsx_runtime_1.jsxs)("div", { className: "service-card-image-wrap", style: { position: 'relative' }, children: [badgeElement, (0, jsx_runtime_1.jsx)(EditableImage_1.EditableImage, { id: `${itemPath}.imageUrl`, "data-preview-field-path": `${itemPath}.imageUrl`, src: imageUrl, fallbackSrc: imageFallback, alt: name, className: "service-card-image" })] })) : badgeElement ? ((0, jsx_runtime_1.jsx)("div", { style: { position: 'relative', width: '100%', height: '1.75rem', marginBottom: '0.5rem' }, children: badgeElement })) : null, (0, jsx_runtime_1.jsxs)("div", { className: "service-card-body", children: [(0, jsx_runtime_1.jsx)(EditableText_1.EditableText, { as: "h2", id: `${itemPath}.name`, "data-preview-field-path": `${itemPath}.name`, defaultValue: name, className: "service-card-title" }), (0, jsx_runtime_1.jsx)(EditableText_1.EditableText, { as: "p", id: `${itemPath}.description`, "data-preview-field-path": `${itemPath}.description`, defaultValue: description, className: "service-card-description" }), hasPrice ? ((0, jsx_runtime_1.jsxs)("div", { className: "service-card-price-wrap", style: { margin: '0.5rem 0', display: 'flex', alignItems: 'baseline', gap: '0.5rem', flexWrap: 'wrap' }, children: [hasRawPrice && ((0, jsx_runtime_1.jsx)(EditableText_1.EditableText, { as: "span", id: `${itemPath}.price`, "data-preview-field-path": `${itemPath}.price`, defaultValue: formattedPrice, className: "service-card-price", style: {
                                     fontSize: '1.125rem',
                                     fontWeight: 700,
                                     color: 'var(--brand-color, #2563eb)',
-                                } })), priceLabel && ((0, jsx_runtime_1.jsx)(EditableText_1.EditableText, { as: "span", id: `${itemPath}.priceLabel`, "data-preview-field-path": `${itemPath}.priceLabel`, defaultValue: priceLabel, className: "service-card-price-label", style: {
+                                } })), hasComparePrice && ((0, jsx_runtime_1.jsx)("span", { className: "service-card-compare-price", style: {
+                                    fontSize: '0.875rem',
+                                    fontWeight: 500,
+                                    color: 'var(--muted-text, #94a3b8)',
+                                    textDecoration: 'line-through',
+                                }, children: formattedComparePrice })), priceLabel && ((0, jsx_runtime_1.jsx)(EditableText_1.EditableText, { as: "span", id: `${itemPath}.priceLabel`, "data-preview-field-path": `${itemPath}.priceLabel`, defaultValue: priceLabel, className: "service-card-price-label", style: {
                                     fontSize: '0.8125rem',
                                     fontWeight: 500,
                                     color: 'var(--muted-text, #94a3b8)',
-                                } }))] })) : !effectiveShowPrice ? ((0, jsx_runtime_1.jsx)("div", { className: "service-card-price-wrap", style: { margin: '0.5rem 0' }, children: (0, jsx_runtime_1.jsx)("span", { style: {
+                                } }))] })) : (!effectiveShowPrice || (!hasRawPrice && !priceLabel)) ? ((0, jsx_runtime_1.jsx)("div", { className: "service-card-price-wrap", style: { margin: '0.5rem 0' }, children: (0, jsx_runtime_1.jsx)("span", { style: {
                                 display: 'inline-flex',
                                 alignItems: 'center',
-                                padding: '3px 8px',
-                                borderRadius: '6px',
-                                fontSize: '0.75rem',
+                                padding: '4px 10px',
+                                borderRadius: '8px',
+                                fontSize: '0.8125rem',
                                 fontWeight: 600,
                                 backgroundColor: 'rgba(255, 255, 255, 0.08)',
                                 color: 'var(--muted-text, #94a3b8)',
                                 border: '1px solid rgba(255, 255, 255, 0.12)',
+                                letterSpacing: '0.01em',
                             }, children: "Quote on Request" }) })) : null, (features.length > 0 || Array.isArray(service?.features)) && ((0, jsx_runtime_1.jsx)("ul", { "data-preview-list-path": `${itemPath}.features`, className: "service-card-features", children: features.map((feature, featureIndex) => {
                             const featureText = typeof feature === 'string'
                                 ? feature

package/dist/SiteDataProvider.d.ts

@@ -11,7 +11,6 @@ export declare const LEGACY_PREVIEW_READY_MESSAGE: string;
 export declare const DENEB_PREVIEW_FOCUS_MESSAGE = "DENEB_PREVIEW_FOCUS_PAGE";
 export declare const PREVIEW_FOCUS_MESSAGE = "FIVORA_PREVIEW_FOCUS_PAGE";
 export declare const LEGACY_PREVIEW_FOCUS_MESSAGE: string;
-export declare const DENEB_REFRESH_LIVE_CATALOG_EVENT = "deneb:refresh-live-catalog";
 export declare const PREVIEW_FIELD_ATTRIBUTE = "data-preview-field-path";
 export { STYLE_PATCH_MESSAGE, DENEB_STYLE_PATCH_MESSAGE } from '@deneb-ui/core';
 export type GenericRecord = Record<string, any>;
@@ -113,14 +112,24 @@ export declare function formatWeeklyHoursToString(value: unknown): string;
 export declare function normalizeProductItem(p: unknown): ProductItem;
 /**
  * Universal Service Normalizer
+ * Ensures every service object has both canonical and alias keys simultaneously populated
+ * with clean numbers and resolved image URLs, matching the product normalizer's robustness.
  */
 export declare function normalizeServiceItem(s: unknown): ServiceItem;
-export declare function useProducts(fallback?: ProductItem[]): ProductItem[];
+export interface UseProductsOptions {
+    inStockOnly?: boolean;
+    activeOnly?: boolean;
+}
+export declare function useProducts(fallback?: ProductItem[], options?: UseProductsOptions): ProductItem[];
+export interface UseServicesOptions {
+    activeOnly?: boolean;
+}
 /**
  * Hook to retrieve services cleanly from SiteData, supporting both
  * top-level content.services and nested content.home.services.
+ * Supports optional { activeOnly: true } filtering to mirror product availability.
  */
-export declare function useServices(fallback?: ServiceItem[]): ServiceItem[];
+export declare function useServices(fallback?: ServiceItem[], options?: UseServicesOptions): ServiceItem[];
 /**
  * Hook to access official Fivora backend API endpoints (catalogUrl, contactUrl, analyticsUrl).
  */
@@ -179,3 +188,31 @@ export interface SyncedBranding {
  * Hierarchy: Visual Editor Edits (content.common) -> Live Merchant Shop Profile -> Template Fallback.
  */
 export declare function useSyncedBranding(fallback?: Partial<SyncedBranding>): SyncedBranding;
+/**
+ * Hook to retrieve the live store currency code (e.g. "LKR", "USD", "EUR").
+ * Auto-hydrates from the merchant portal's shop profile.
+ * Hierarchy: shop.currency → content.common.currency → merchant.currency → fallback.
+ */
+export declare function useCurrency(fallback?: string): string;
+export interface SocialLinksMap {
+    facebook: string;
+    instagram: string;
+    tiktok: string;
+    youtube: string;
+    linkedin: string;
+    twitter: string;
+    website: string;
+    [key: string]: string;
+}
+/**
+ * Hook to retrieve the live social links map from the merchant profile.
+ * Auto-hydrates from the shop owner's Fivora Portal social configuration.
+ * Returns a map like { facebook: "https://...", instagram: "https://...", ... }.
+ */
+export declare function useSocial(fallback?: Partial<SocialLinksMap>): SocialLinksMap;
+/**
+ * Hook to retrieve the live shop front / cover / banner image URL.
+ * Auto-hydrates from the merchant portal's shop profile.
+ * Hierarchy: shop.coverImage → shop.shopImage → shop.bannerImage → shop.heroImage → content.common.shopImage → fallback.
+ */
+export declare function useShopImage(fallback?: string): string;

package/dist/SiteDataProvider.js

@@ -1,7 +1,7 @@
 "use strict";
 'use client';
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DUMMY_PREVIEW_SHOP_NAME = exports.DUMMY_PREVIEW_ADDRESS = exports.DUMMY_PREVIEW_EMAIL = exports.DUMMY_PREVIEW_WHATSAPP = exports.DUMMY_PREVIEW_PHONE = exports.DenebDataContext = exports.useDenebData = exports.DenebDataProvider = exports.resolveAsset = exports.withBasePath = exports.SiteDataContext = exports.DENEB_STYLE_PATCH_MESSAGE = exports.STYLE_PATCH_MESSAGE = exports.PREVIEW_FIELD_ATTRIBUTE = exports.DENEB_REFRESH_LIVE_CATALOG_EVENT = exports.LEGACY_PREVIEW_FOCUS_MESSAGE = exports.PREVIEW_FOCUS_MESSAGE = exports.DENEB_PREVIEW_FOCUS_MESSAGE = exports.LEGACY_PREVIEW_READY_MESSAGE = exports.PREVIEW_READY_MESSAGE = exports.DENEB_PREVIEW_READY_MESSAGE = exports.LEGACY_PREVIEW_DATA_MESSAGE = exports.PREVIEW_DATA_MESSAGE = exports.DENEB_PREVIEW_DATA_MESSAGE = void 0;
+exports.DUMMY_PREVIEW_SHOP_NAME = exports.DUMMY_PREVIEW_ADDRESS = exports.DUMMY_PREVIEW_EMAIL = exports.DUMMY_PREVIEW_WHATSAPP = exports.DUMMY_PREVIEW_PHONE = exports.DenebDataContext = exports.useDenebData = exports.DenebDataProvider = exports.resolveAsset = exports.withBasePath = exports.SiteDataContext = exports.DENEB_STYLE_PATCH_MESSAGE = exports.STYLE_PATCH_MESSAGE = exports.PREVIEW_FIELD_ATTRIBUTE = exports.LEGACY_PREVIEW_FOCUS_MESSAGE = exports.PREVIEW_FOCUS_MESSAGE = exports.DENEB_PREVIEW_FOCUS_MESSAGE = exports.LEGACY_PREVIEW_READY_MESSAGE = exports.PREVIEW_READY_MESSAGE = exports.DENEB_PREVIEW_READY_MESSAGE = exports.LEGACY_PREVIEW_DATA_MESSAGE = exports.PREVIEW_DATA_MESSAGE = exports.DENEB_PREVIEW_DATA_MESSAGE = void 0;
 exports.isRecord = isRecord;
 exports.isDarkColor = isDarkColor;
 exports.syncThemeToDocument = syncThemeToDocument;
@@ -32,6 +32,9 @@ exports.isPreviewValidation = isPreviewValidation;
 exports.useCommon = useCommon;
 exports.useContact = useContact;
 exports.useSyncedBranding = useSyncedBranding;
+exports.useCurrency = useCurrency;
+exports.useSocial = useSocial;
+exports.useShopImage = useShopImage;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const useCart_1 = require("./cart/useCart");
 const react_1 = require("react");
@@ -56,7 +59,6 @@ exports.LEGACY_PREVIEW_READY_MESSAGE = previousPreviewMessage('READY');
 exports.DENEB_PREVIEW_FOCUS_MESSAGE = 'DENEB_PREVIEW_FOCUS_PAGE';
 exports.PREVIEW_FOCUS_MESSAGE = 'FIVORA_PREVIEW_FOCUS_PAGE';
 exports.LEGACY_PREVIEW_FOCUS_MESSAGE = previousPreviewMessage('FOCUS_PAGE');
-exports.DENEB_REFRESH_LIVE_CATALOG_EVENT = 'deneb:refresh-live-catalog';
 exports.PREVIEW_FIELD_ATTRIBUTE = 'data-preview-field-path';
 var core_2 = require("@deneb-ui/core");
 Object.defineProperty(exports, "STYLE_PATCH_MESSAGE", { enumerable: true, get: function () { return core_2.STYLE_PATCH_MESSAGE; } });
@@ -368,9 +370,6 @@ function SiteDataProvider({ children, initialSiteData, fallbackSiteData, liveCat
                 }
                 return {
                     ...current,
-                    liveCatalogUpdatedAt: typeof live.updatedAt === 'string'
-                        ? live.updatedAt
-                        : new Date().toISOString(),
                     shop: nextShop,
                     merchant: nextMerchant,
                     reviews: nextReviews ?? current.reviews,
@@ -393,36 +392,6 @@ function SiteDataProvider({ children, initialSiteData, fallbackSiteData, liveCat
                         ...(currentContent?.store && typeof currentContent.store === 'object' && nextProducts !== undefined
                             ? { store: { ...currentContent.store, products: nextProducts } }
                             : {}),
-                        ...(currentContent?.servicesPage &&
-                            typeof currentContent.servicesPage === 'object' &&
-                            nextServices !== undefined
-                            ? {
-                                servicesPage: {
-                                    ...currentContent.servicesPage,
-                                    services: nextServices,
-                                },
-                            }
-                            : {}),
-                        ...(currentContent?.company &&
-                            typeof currentContent.company === 'object' &&
-                            nextServices !== undefined
-                            ? {
-                                company: {
-                                    ...currentContent.company,
-                                    services: nextServices,
-                                },
-                            }
-                            : {}),
-                        ...(currentContent?.business &&
-                            typeof currentContent.business === 'object' &&
-                            nextServices !== undefined
-                            ? {
-                                business: {
-                                    ...currentContent.business,
-                                    services: nextServices,
-                                },
-                            }
-                            : {}),
                         ...(currentHome || Object.keys(nextHome).length > 0
                             ? {
                                 home: {
@@ -493,19 +462,9 @@ function SiteDataProvider({ children, initialSiteData, fallbackSiteData, liveCat
                 void loadLiveCatalog();
             }
         };
-        const refreshNow = () => {
-            if (document.visibilityState !== 'visible')
-                return;
-            if (retryTimer !== null)
-                window.clearTimeout(retryTimer);
-            retryTimer = null;
-            void loadLiveCatalog();
-        };
         void loadLiveCatalog();
         window.addEventListener("focus", refreshIfStale);
         window.addEventListener("online", refreshIfStale);
-        window.addEventListener('pageshow', refreshIfStale);
-        window.addEventListener(exports.DENEB_REFRESH_LIVE_CATALOG_EVENT, refreshNow);
         document.addEventListener("visibilitychange", refreshIfStale);
         return () => {
             stopped = true;
@@ -514,8 +473,6 @@ function SiteDataProvider({ children, initialSiteData, fallbackSiteData, liveCat
                 window.clearTimeout(retryTimer);
             window.removeEventListener("focus", refreshIfStale);
             window.removeEventListener("online", refreshIfStale);
-            window.removeEventListener('pageshow', refreshIfStale);
-            window.removeEventListener(exports.DENEB_REFRESH_LIVE_CATALOG_EVENT, refreshNow);
             document.removeEventListener("visibilitychange", refreshIfStale);
         };
     }, [liveCatalogEndpoint, siteSlug, initialSiteData]);
@@ -931,6 +888,27 @@ function normalizeProductItem(p) {
     const explicitMax = p.maxPrice ?? customData.maxPrice;
     const explicitRange = p.priceRange ?? customData.priceRange;
     const isRange = Boolean(p.isPriceRange || customData.isPriceRange || (explicitMax && explicitMin));
+    const isAvailableCandidate = p.isAvailable !== undefined
+        ? Boolean(p.isAvailable)
+        : p.available !== undefined
+            ? Boolean(p.available)
+            : p.inStock !== undefined
+                ? Boolean(p.inStock)
+                : customData.isAvailable !== undefined
+                    ? Boolean(customData.isAvailable)
+                    : true;
+    const isActiveCandidate = p.isActive !== undefined
+        ? Boolean(p.isActive)
+        : p.active !== undefined
+            ? Boolean(p.active)
+            : customData.isActive !== undefined
+                ? Boolean(customData.isActive)
+                : true;
+    const showPriceCandidate = p.showPrice !== undefined
+        ? Boolean(p.showPrice)
+        : customData.showPrice !== undefined
+            ? Boolean(customData.showPrice)
+            : true;
     return {
         ...customData,
         ...p,
@@ -938,6 +916,12 @@ function normalizeProductItem(p) {
         title: titleCandidate,
         productName: (titleCandidate ?? nameCandidate),
         itemTitle: (titleCandidate ?? nameCandidate),
+        isAvailable: isAvailableCandidate,
+        inStock: isAvailableCandidate,
+        available: isAvailableCandidate,
+        isActive: isActiveCandidate,
+        active: isActiveCandidate,
+        showPrice: showPriceCandidate,
         minPrice: explicitMin !== undefined ? explicitMin : undefined,
         priceMin: (explicitMin ?? p.priceMin) !== undefined ? (explicitMin ?? p.priceMin) : undefined,
         maxPrice: explicitMax !== undefined ? explicitMax : undefined,
@@ -991,6 +975,8 @@ function normalizeProductItem(p) {
 }
 /**
  * Universal Service Normalizer
+ * Ensures every service object has both canonical and alias keys simultaneously populated
+ * with clean numbers and resolved image URLs, matching the product normalizer's robustness.
  */
 function normalizeServiceItem(s) {
     if (!isRecord(s))
@@ -1008,13 +994,90 @@ function normalizeServiceItem(s) {
         (Array.isArray(s.images) ? s.images[0] : undefined) ??
         (Array.isArray(s.additionalImages) ? s.additionalImages[0] : undefined);
     const catalogImages = (0, catalogMedia_1.resolveCatalogImages)(s);
+    // Price normalization — parse string prices to clean numbers, support aliases
+    const rawPrice = s.price !== undefined
+        ? s.price
+        : s.cost !== undefined
+            ? s.cost
+            : s.amount !== undefined
+                ? s.amount
+                : s.rate !== undefined
+                    ? s.rate
+                    : s.serviceFee !== undefined
+                        ? s.serviceFee
+                        : s.servicePrice !== undefined
+                            ? s.servicePrice
+                            : customData.price !== undefined
+                                ? customData.price
+                                : undefined;
+    let numPrice = rawPrice;
+    if (typeof rawPrice === "string" && rawPrice.trim()) {
+        const isRangeStr = rawPrice.includes("-") || rawPrice.includes("–") || rawPrice.includes("—") || /\bto\b/i.test(rawPrice);
+        if (!isRangeStr) {
+            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;
+                }
+            }
+        }
+    }
+    // Compare/original price normalization for services
+    const rawCompare = s.compareAtPrice !== undefined
+        ? s.compareAtPrice
+        : s.originalPrice !== undefined
+            ? s.originalPrice
+            : s.oldPrice !== undefined
+                ? s.oldPrice
+                : s.regularPrice !== undefined
+                    ? s.regularPrice
+                    : customData.compareAtPrice !== undefined
+                        ? customData.compareAtPrice
+                        : undefined;
+    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 priceLabelCandidate = s.priceLabel ?? customData.priceLabel;
+    const isActiveCandidate = s.isActive !== undefined
+        ? Boolean(s.isActive)
+        : s.active !== undefined
+            ? Boolean(s.active)
+            : s.isAvailable !== undefined
+                ? Boolean(s.isAvailable)
+                : s.available !== undefined
+                    ? Boolean(s.available)
+                    : customData.isActive !== undefined
+                        ? Boolean(customData.isActive)
+                        : customData.isAvailable !== undefined
+                            ? Boolean(customData.isAvailable)
+                            : true;
+    const showPriceCandidate = s.showPrice !== undefined
+        ? Boolean(s.showPrice)
+        : customData.showPrice !== undefined
+            ? Boolean(customData.showPrice)
+            : true;
+    const badgeCandidate = s.badge ?? s.tag ?? s.label ?? customData.badge ?? customData.tag;
     return {
         ...customData,
         ...s,
         name: nameCandidate,
         title: titleCandidate,
+        isActive: isActiveCandidate,
+        active: isActiveCandidate,
+        isAvailable: isActiveCandidate,
+        available: isActiveCandidate,
+        showPrice: showPriceCandidate,
         ...(descCandidate !== undefined ? { description: descCandidate, desc: descCandidate, details: descCandidate } : {}),
         ...(imageCandidate !== undefined ? { imageUrl: imageCandidate, image: imageCandidate, photo: imageCandidate } : {}),
+        ...(badgeCandidate !== undefined ? { badge: String(badgeCandidate), tag: String(badgeCandidate) } : {}),
         ...(catalogImages.length > 0
             ? {
                 gallery: catalogImages,
@@ -1022,20 +1085,30 @@ function normalizeServiceItem(s) {
                 additionalImages: catalogImages.slice(1),
             }
             : {}),
+        ...(numPrice !== undefined
+            ? {
+                price: numPrice,
+                cost: numPrice,
+                amount: numPrice,
+                rate: numPrice,
+                serviceFee: numPrice,
+                servicePrice: numPrice,
+            }
+            : {}),
+        ...(numCompare !== undefined
+            ? {
+                compareAtPrice: numCompare,
+                originalPrice: numCompare,
+            }
+            : {}),
+        ...(priceLabelCandidate !== undefined ? { priceLabel: priceLabelCandidate } : {}),
     };
 }
-function useProducts(fallback = []) {
+function useProducts(fallback = [], options) {
     const siteData = useSiteData();
     const content = isRecord(siteData?.content) ? siteData.content : null;
     if (!content)
         return fallback;
-    // Once the public catalog endpoint has answered, its top-level collection is
-    // authoritative even when it is empty. This prevents deleted products from
-    // falling back to stale products embedded in the generated site bundle.
-    if (typeof siteData.liveCatalogUpdatedAt === 'string' &&
-        Array.isArray(content.products)) {
-        return content.products.map(normalizeProductItem);
-    }
     let rawList = null;
     const candidates = [
         content.products,
@@ -1057,23 +1130,26 @@ function useProducts(fallback = []) {
     }
     if (!rawList)
         return fallback;
-    return rawList.map(normalizeProductItem);
+    let list = rawList.map(normalizeProductItem);
+    if (options?.activeOnly) {
+        list = list.filter((p) => p.isActive !== false && p.status !== 'ARCHIVED' && p.status !== 'DRAFT');
+    }
+    if (options?.inStockOnly) {
+        list = list.filter((p) => p.isAvailable !== false && p.inStock !== false);
+    }
+    return list;
 }
 /**
  * Hook to retrieve services cleanly from SiteData, supporting both
  * top-level content.services and nested content.home.services.
+ * Supports optional { activeOnly: true } filtering to mirror product availability.
  */
-function useServices(fallback = []) {
+function useServices(fallback = [], options) {
     const siteData = useSiteData();
     const content = isRecord(siteData?.content) ? siteData.content : null;
     if (!content)
         return fallback;
-    // An empty live response is meaningful: all services were removed. Do not
-    // resurrect build-time services from a nested legacy collection or fallback.
-    if (typeof siteData.liveCatalogUpdatedAt === 'string' &&
-        Array.isArray(content.services)) {
-        return content.services.map(normalizeServiceItem);
-    }
+    let rawList = null;
     const candidates = [
         content.services,
         content.servicesPage?.services,
@@ -1084,10 +1160,15 @@ function useServices(fallback = []) {
     ];
     for (const candidate of candidates) {
         if (Array.isArray(candidate) && candidate.length > 0) {
-            return candidate.map(normalizeServiceItem);
+            rawList = candidate;
+            break;
         }
     }
-    return fallback;
+    const list = rawList ? rawList.map(normalizeServiceItem) : fallback;
+    if (options?.activeOnly) {
+        return list.filter((s) => s.isActive !== false && s.isAvailable !== false);
+    }
+    return list;
 }
 /**
  * Hook to access official Fivora backend API endpoints (catalogUrl, contactUrl, analyticsUrl).
@@ -1314,3 +1395,79 @@ function useSyncedBranding(fallback = {}) {
         faviconUrl,
     };
 }
+/**
+ * Hook to retrieve the live store currency code (e.g. "LKR", "USD", "EUR").
+ * Auto-hydrates from the merchant portal's shop profile.
+ * Hierarchy: shop.currency → content.common.currency → merchant.currency → fallback.
+ */
+function useCurrency(fallback = 'LKR') {
+    const siteData = useSiteData();
+    const content = isRecord(siteData?.content) ? siteData.content : null;
+    const common = isRecord(content?.common) ? content.common : {};
+    const shop = useShop();
+    return ((typeof shop.currency === 'string' && shop.currency.trim()) ||
+        (typeof common.currency === 'string' && common.currency.trim()) ||
+        (typeof shop.currencyCode === 'string' && shop.currencyCode.trim()) ||
+        (typeof common.currencyCode === 'string' && common.currencyCode.trim()) ||
+        fallback);
+}
+/**
+ * Hook to retrieve the live social links map from the merchant profile.
+ * Auto-hydrates from the shop owner's Fivora Portal social configuration.
+ * Returns a map like { facebook: "https://...", instagram: "https://...", ... }.
+ */
+function useSocial(fallback = {}) {
+    const siteData = useSiteData();
+    const content = isRecord(siteData?.content) ? siteData.content : null;
+    const common = isRecord(content?.common) ? content.common : {};
+    const shop = useShop();
+    const shopSocial = isRecord(shop.socialLinks) ? shop.socialLinks : (isRecord(shop.social) ? shop.social : {});
+    const commonSocial = isRecord(common.socialLinks) ? common.socialLinks : (isRecord(common.social) ? common.social : {});
+    const extractString = (key) => {
+        const candidates = [
+            shopSocial[key],
+            commonSocial[key],
+            shop[key],
+            common[key],
+            fallback[key],
+        ];
+        for (const candidate of candidates) {
+            if (typeof candidate === 'string' && candidate.trim()) {
+                return candidate.trim();
+            }
+        }
+        return '';
+    };
+    return {
+        facebook: extractString('facebook') || extractString('facebookUrl'),
+        instagram: extractString('instagram') || extractString('instagramUrl'),
+        tiktok: extractString('tiktok') || extractString('tiktokUrl'),
+        youtube: extractString('youtube') || extractString('youtubeUrl'),
+        linkedin: extractString('linkedin') || extractString('linkedinUrl'),
+        twitter: extractString('twitter') || extractString('twitterUrl') || extractString('x'),
+        website: extractString('website') || extractString('websiteUrl'),
+        ...Object.fromEntries(Object.entries({ ...fallback, ...commonSocial, ...shopSocial })
+            .filter(([, v]) => typeof v === 'string' && v.trim())
+            .map(([k, v]) => [k, String(v).trim()])),
+    };
+}
+/**
+ * Hook to retrieve the live shop front / cover / banner image URL.
+ * Auto-hydrates from the merchant portal's shop profile.
+ * Hierarchy: shop.coverImage → shop.shopImage → shop.bannerImage → shop.heroImage → content.common.shopImage → fallback.
+ */
+function useShopImage(fallback = '') {
+    const siteData = useSiteData();
+    const content = isRecord(siteData?.content) ? siteData.content : null;
+    const common = isRecord(content?.common) ? content.common : {};
+    const shop = useShop();
+    return ((typeof shop.coverImage === 'string' && shop.coverImage.trim()) ||
+        (typeof shop.shopImage === 'string' && shop.shopImage.trim()) ||
+        (typeof shop.bannerImage === 'string' && shop.bannerImage.trim()) ||
+        (typeof shop.heroImage === 'string' && shop.heroImage.trim()) ||
+        (typeof shop.shopFrontImage === 'string' && shop.shopFrontImage.trim()) ||
+        (typeof common.shopImage === 'string' && common.shopImage.trim()) ||
+        (typeof common.coverImage === 'string' && common.coverImage.trim()) ||
+        (typeof common.bannerImage === 'string' && common.bannerImage.trim()) ||
+        fallback);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deneb-ui/ui",
-  "version": "2.0.127",
+  "version": "2.0.128",
   "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.127"
+    "@deneb-ui/core": "^2.0.128"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",