@deneb-ui/ui 2.0.99 → 2.0.101

package/dist/EditableFooter.js

@@ -93,13 +93,25 @@ function EditableFooter({ defaultLinks = DEFAULT_FOOTER_PAGES, links, basePath =
         : ['twitter', 'github', 'linkedin', 'instagram'];
     // Direct message / WhatsApp action
     const directMessageLabel = String(contact?.directMessageText || common?.directMessageText || props.directMessageText || 'Send us a direct message');
-    const rawWhatsapp = String(contact?.whatsapp || contact?.whatsappUrl || common?.whatsapp || business?.whatsapp || props.whatsappUrl || phone || '');
+    const liveWhatsapp = shopContact?.whatsapp ||
+        shop?.businessWhatsapp ||
+        shop?.whatsappNumber ||
+        shop?.whatsapp;
+    const rawWhatsapp = String(liveWhatsapp ||
+        contact?.whatsapp ||
+        contact?.whatsappUrl ||
+        common?.whatsapp ||
+        common?.whatsappNumber ||
+        business?.whatsapp ||
+        props.whatsappUrl ||
+        phone ||
+        '94771234567');
     const cleanDigits = rawWhatsapp.replace(/[^\d]/g, '');
     const whatsappHref = rawWhatsapp.startsWith('http')
-        ? rawWhatsapp
+        ? (rawWhatsapp.includes('wa.me') && cleanDigits ? `https://wa.me/${cleanDigits}` : rawWhatsapp)
         : cleanDigits
             ? `https://wa.me/${cleanDigits}`
-            : 'https://wa.me/';
+            : 'https://wa.me/94771234567';
     // Route filtering
     const navigationItems = links || defaultLinks;
     const requiredPages = Array.isArray(siteData?.requirements?.requiredPages)

package/dist/EditableProductCard.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EditableProductCard = EditableProductCard;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const SiteDataProvider_1 = require("./SiteDataProvider");
 const react_1 = require("react");
 const EditableText_1 = require("./EditableText");
 const EditableImage_1 = require("./EditableImage");
@@ -134,7 +135,17 @@ function EditableProductCard({ itemPath, product: productProp, item: itemProp, c
         : ('photo' in (product || {}) && !('imageUrl' in (product || {}) && product.imageUrl)
             ? 'photo'
             : 'imageUrl');
-    const resolvedPhone = String(product?.whatsappNumber || whatsappNumber || '94770000000');
+    const siteDataCard = (0, SiteDataProvider_1.useSiteData)();
+    const liveShopCard = siteDataCard?.shop;
+    const liveWaCard = liveShopCard?.contact?.whatsapp ||
+        liveShopCard?.businessWhatsapp ||
+        liveShopCard?.whatsappNumber ||
+        liveShopCard?.whatsapp;
+    const resolvedPhone = String(product?.whatsappNumber ||
+        (whatsappPhoneProp || whatsappNumberProp ? whatsappNumber : null) ||
+        liveWaCard ||
+        whatsappNumber ||
+        '94771234567');
     const resolvedWhatsAppText = String(product?.whatsappButtonText || whatsappActionLabel);
     const resolvedAddToCartText = String(product?.addToCartButtonText || addToCartLabel);
     const isHorizontal = cardVariant === 'horizontal';

package/dist/EditableProductShowcase.js

@@ -160,11 +160,17 @@ function EditableProductShowcase({ sectionPath = 'home', listPath = 'featuredPho
         });
     }, [normalizedProducts, selectedFilter]);
     // Resolve merchant WhatsApp target dynamically ([DNB-WHA-008])
-    const rawWhatsAppTarget = secContent.whatsappOrderUrl ||
+    const liveShopShowcase = siteData?.shop;
+    const liveWaShowcase = liveShopShowcase?.contact?.whatsapp ||
+        liveShopShowcase?.businessWhatsapp ||
+        liveShopShowcase?.whatsappNumber ||
+        liveShopShowcase?.whatsapp;
+    const rawWhatsAppTarget = liveWaShowcase ||
+        secContent.whatsappOrderUrl ||
         secContent.whatsappNumber ||
         siteData?.content?.common?.business?.whatsapp ||
         siteData?.content?.merchant?.whatsapp ||
-        'https://wa.me/15550192834';
+        'https://wa.me/94771234567';
     const handleWhatsAppOrder = (product, colorName, e) => {
         e.stopPropagation();
         const productName = product.name || product.title || 'Product';

package/dist/SiteDataProvider.d.ts

@@ -151,9 +151,33 @@ export declare function useReviews(fallback?: GenericRecord[]): GenericRecord[];
  * with safe hierarchical fallbacks across content.common, shop profile, and user fallbacks.
  * Never throws ReferenceError or crashes on missing data.
  */
+export declare const DUMMY_PREVIEW_PHONE = "+94 11 234 5678";
+export declare const DUMMY_PREVIEW_WHATSAPP = "94771234567";
+export declare const DUMMY_PREVIEW_EMAIL = "info@store.com";
+export declare const DUMMY_PREVIEW_ADDRESS = "Flagship Studio: Galle Face Promenade, Colombo 03, Sri Lanka";
+export declare const DUMMY_PREVIEW_SHOP_NAME = "Storefront";
+/**
+ * Checks whether the active storefront runtime is running in visual editor preview,
+ * template authoring frame, or automated template validation.
+ */
+export declare function isPreviewValidation(siteData?: any): boolean;
 export declare function useCommon(fallback?: GenericRecord): GenericRecord;
 /**
  * Hook to retrieve contact information (WhatsApp, phone, address, email, map link)
  * with robust fallbacks across contact, common, and shop profile.
  */
 export declare function useContact(fallback?: GenericRecord): GenericRecord;
+export interface SyncedBranding {
+    logoUrl: string;
+    websiteTitle: string;
+    brandSubtext: string;
+    slogan: string;
+    faviconUrl: string;
+}
+/**
+ * Universal Synced Branding Hook:
+ * Guarantees real-time live synchronization for brand identity across visual editor preview,
+ * merchant DB profile, and template defaults.
+ * Hierarchy: Visual Editor Edits (content.common) -> Live Merchant Shop Profile -> Template Fallback.
+ */
+export declare function useSyncedBranding(fallback?: Partial<SyncedBranding>): SyncedBranding;

package/dist/SiteDataProvider.js

@@ -1,7 +1,7 @@
 "use strict";
 'use client';
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DenebDataContext = exports.useDenebData = exports.DenebDataProvider = 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.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.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;
@@ -26,8 +26,10 @@ exports.useSiteApi = useSiteApi;
 exports.useSiteCatalog = useSiteCatalog;
 exports.useShop = useShop;
 exports.useReviews = useReviews;
+exports.isPreviewValidation = isPreviewValidation;
 exports.useCommon = useCommon;
 exports.useContact = useContact;
+exports.useSyncedBranding = useSyncedBranding;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const core_1 = require("@deneb-ui/core");
@@ -251,13 +253,20 @@ function SiteDataProvider({ children, initialSiteData, fallbackSiteData, liveCat
                     window.location.pathname.includes('/preview/')))) {
             return;
         }
+        const isLocalhost = typeof window !== 'undefined' &&
+            (window.location.hostname === 'localhost' ||
+                window.location.hostname === '127.0.0.1');
         const endpoint = liveCatalogEndpoint ||
-            initialSiteData?.api?.catalogUrl ||
-            (candidateSlug && initialSiteData?.api?.baseUrl
-                ? `${initialSiteData.api.baseUrl.replace(/\/+$/, '')}/site-catalog/${candidateSlug}/live-data`
-                : candidateSlug
-                    ? `/site-catalog/${candidateSlug}/live-data`
-                    : null);
+            (isLocalhost &&
+                initialSiteData?.api?.catalogUrl &&
+                initialSiteData.api.catalogUrl.includes('api.fivora.site')
+                ? `http://localhost:3000/site-catalog/${candidateSlug}/live-data`
+                : initialSiteData?.api?.catalogUrl ||
+                    (candidateSlug && initialSiteData?.api?.baseUrl
+                        ? `${initialSiteData.api.baseUrl.replace(/\/+$/, '')}/site-catalog/${candidateSlug}/live-data`
+                        : candidateSlug
+                            ? `/site-catalog/${candidateSlug}/live-data`
+                            : null));
         if (!endpoint)
             return;
         let stopped = false;
@@ -288,40 +297,50 @@ function SiteDataProvider({ children, initialSiteData, fallbackSiteData, liveCat
                     nextMerchant = mergeSiteData(nextMerchant, live.shop);
                     const contact = isRecord(live.shop.contact) ? live.shop.contact : null;
                     const address = isRecord(live.shop.address) ? live.shop.address : null;
-                    if (contact) {
-                        if (typeof contact.phone === 'string' && contact.phone.trim()) {
-                            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;
-                            nextCommon.whatsapp = contact.whatsapp;
-                            const cleanWa = contact.whatsapp.replace(/\D/g, '');
-                            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']) {
-                                    if (typeof nextHome[key] === 'string' && waRegex.test(nextHome[key])) {
-                                        nextHome[key] = nextHome[key].replace(waRegex, `$1${cleanWa}`);
-                                    }
-                                    if (typeof nextCommon[key] === 'string' && waRegex.test(nextCommon[key])) {
-                                        nextCommon[key] = nextCommon[key].replace(waRegex, `$1${cleanWa}`);
-                                    }
+                    const phoneVal = (contact && typeof contact.phone === 'string' && contact.phone.trim()) ||
+                        (typeof live.shop.businessPhone === 'string' && live.shop.businessPhone.trim()) ||
+                        null;
+                    if (phoneVal) {
+                        nextContact.phone = phoneVal;
+                        nextContact.contactNumber = phoneVal;
+                        nextCommon.contactNumber = phoneVal;
+                        nextCommon.phone = phoneVal;
+                    }
+                    const whatsappVal = (contact && typeof contact.whatsapp === 'string' && contact.whatsapp.trim()) ||
+                        (typeof live.shop.businessWhatsapp === 'string' && live.shop.businessWhatsapp.trim()) ||
+                        null;
+                    if (whatsappVal) {
+                        nextContact.whatsapp = whatsappVal;
+                        nextCommon.whatsapp = whatsappVal;
+                        const cleanWa = whatsappVal.replace(/\D/g, '');
+                        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']) {
+                                if (typeof nextHome[key] === 'string' && waRegex.test(nextHome[key])) {
+                                    nextHome[key] = nextHome[key].replace(waRegex, `$1${cleanWa}`);
                                 }
-                                if (!nextCommon.whatsappUrl || waRegex.test(nextCommon.whatsappUrl)) {
-                                    nextCommon.whatsappUrl = `https://wa.me/${cleanWa}`;
+                                if (typeof nextCommon[key] === 'string' && waRegex.test(nextCommon[key])) {
+                                    nextCommon[key] = nextCommon[key].replace(waRegex, `$1${cleanWa}`);
                                 }
                             }
+                            if (!nextCommon.whatsappUrl || waRegex.test(nextCommon.whatsappUrl)) {
+                                nextCommon.whatsappUrl = `https://wa.me/${cleanWa}`;
+                            }
                         }
-                        if (typeof contact.email === 'string' && contact.email.trim()) {
-                            nextContact.email = contact.email;
-                            nextCommon.email = contact.email;
-                        }
+                    }
+                    const emailVal = (contact && typeof contact.email === 'string' && contact.email.trim()) ||
+                        (typeof live.shop.businessEmail === 'string' && live.shop.businessEmail.trim()) ||
+                        null;
+                    if (emailVal) {
+                        nextContact.email = emailVal;
+                        nextCommon.email = emailVal;
+                    }
+                    if (typeof live.shop.businessName === 'string' && live.shop.businessName.trim()) {
+                        nextCommon.websiteTitle = live.shop.businessName.trim();
                     }
                     if (address) {
                         const street = address.street || address.line1;
@@ -958,6 +977,31 @@ function useReviews(fallback = []) {
  * with safe hierarchical fallbacks across content.common, shop profile, and user fallbacks.
  * Never throws ReferenceError or crashes on missing data.
  */
+exports.DUMMY_PREVIEW_PHONE = '+94 11 234 5678';
+exports.DUMMY_PREVIEW_WHATSAPP = '94771234567';
+exports.DUMMY_PREVIEW_EMAIL = 'info@store.com';
+exports.DUMMY_PREVIEW_ADDRESS = 'Flagship Studio: Galle Face Promenade, Colombo 03, Sri Lanka';
+exports.DUMMY_PREVIEW_SHOP_NAME = 'Storefront';
+/**
+ * Checks whether the active storefront runtime is running in visual editor preview,
+ * template authoring frame, or automated template validation.
+ */
+function isPreviewValidation(siteData) {
+    if (!siteData)
+        return true;
+    const slug = siteData?.project?.slug || siteData?.siteInstance?.slug;
+    const id = siteData?.project?.id;
+    if (slug === 'template-validation' || id === 'template-validation' || slug === 'preview' || id === 'preview') {
+        return true;
+    }
+    if (typeof window !== 'undefined') {
+        const path = window.location.pathname || '';
+        if (path.includes('/template-validation') || path.includes('/template-preview') || path.includes('/preview/')) {
+            return true;
+        }
+    }
+    return false;
+}
 function useCommon(fallback = {}) {
     const siteData = useSiteData();
     const content = isRecord(siteData?.content) ? siteData.content : null;
@@ -1043,3 +1087,37 @@ function useContact(fallback = {}) {
         googleMapLink,
     };
 }
+/**
+ * Universal Synced Branding Hook:
+ * Guarantees real-time live synchronization for brand identity across visual editor preview,
+ * merchant DB profile, and template defaults.
+ * Hierarchy: Visual Editor Edits (content.common) -> Live Merchant Shop Profile -> Template Fallback.
+ */
+function useSyncedBranding(fallback = {}) {
+    const siteData = useSiteData();
+    const content = isRecord(siteData?.content) ? siteData.content : null;
+    const common = isRecord(content?.common) ? content.common : {};
+    const shop = useShop();
+    const websiteTitle = (typeof common.websiteTitle === 'string' && common.websiteTitle.trim()) ||
+        (typeof common.siteName === 'string' && common.siteName.trim()) ||
+        (typeof shop.businessName === 'string' && shop.businessName.trim()) ||
+        (typeof shop.name === 'string' && shop.name.trim()) ||
+        (typeof fallback.websiteTitle === 'string' && fallback.websiteTitle.trim()) ||
+        'Storefront';
+    const logoUrl = (typeof common.logoUrl === 'string' && common.logoUrl.trim()) ||
+        (typeof shop.logoUrl === 'string' && shop.logoUrl.trim()) ||
+        (typeof fallback.logoUrl === 'string' && fallback.logoUrl.trim()) ||
+        '';
+    const brandSubtext = (typeof common.brandSubtext === 'string' && common.brandSubtext.trim()) ||
+        (typeof common.slogan === 'string' && common.slogan.trim()) ||
+        (typeof fallback.brandSubtext === 'string' && fallback.brandSubtext.trim()) ||
+        '';
+    const faviconUrl = logoUrl || fallback.faviconUrl || '';
+    return {
+        logoUrl,
+        websiteTitle,
+        brandSubtext,
+        slogan: brandSubtext,
+        faviconUrl,
+    };
+}

package/dist/StickyMobileBar.js

@@ -18,11 +18,13 @@ const SiteDataProvider_1 = require("./SiteDataProvider");
  * Created by Chamika Gayashan & Induranga Kawishwara
  */
 function StickyMobileBar({ fieldPath, actions, showOnDesktop = false, className = '', style = {}, phone: propPhone, whatsapp: propWhatsapp, primaryActionLabel = 'Shop Now', primaryActionHref = '#products', onPrimaryAction, }) {
-    const { siteData } = (0, SiteDataProvider_1.useSiteData)();
+    const siteData = (0, SiteDataProvider_1.useSiteData)();
     // Resolve merchant contacts from siteData if not explicitly provided
-    const merchant = siteData?.merchant || {};
-    const phone = propPhone || merchant.phone || merchant.supportPhone || '';
-    const whatsapp = propWhatsapp || merchant.whatsapp || merchant.phone || '';
+    const shop = siteData?.shop || siteData?.merchant || {};
+    const livePhone = shop?.contact?.phone || shop?.businessPhone || shop?.phone || shop?.supportPhone || '';
+    const liveWa = shop?.contact?.whatsapp || shop?.businessWhatsapp || shop?.whatsapp || shop?.phone || '';
+    const phone = propPhone || livePhone || '+94 11 234 5678';
+    const whatsapp = propWhatsapp || liveWa || '94771234567';
     // Default action buttons if custom actions array is not provided
     const resolvedActions = actions || [
         ...(phone

package/dist/contact/EmailButton.js

@@ -8,17 +8,22 @@ const SiteDataProvider_1 = require("../SiteDataProvider");
 function EmailButton({ email, value, label = 'Email Us', fieldPath = 'common.business.email', variant = 'outline', ...rest }) {
     const liveShop = (0, SiteDataProvider_1.useShop)();
     const siteData = (0, SiteDataProvider_1.useSiteData)();
+    const isPreview = (0, SiteDataProvider_1.isPreviewValidation)(siteData);
     const content = (siteData?.content && typeof siteData.content === 'object' ? siteData.content : {});
     const common = (content.common && typeof content.common === 'object' ? content.common : {});
     const contact = (content.contact && typeof content.contact === 'object' ? content.contact : (common.contact && typeof common.contact === 'object' ? common.contact : {}));
     const merchant = (siteData && 'merchant' in siteData && typeof siteData.merchant === 'object' ? siteData.merchant : {});
+    const liveEmail = liveShop?.contact?.email ||
+        (typeof liveShop?.businessEmail === 'string' ? liveShop.businessEmail : null);
     const effectiveEmail = email ||
+        (!isPreview ? liveEmail : null) ||
         value ||
-        liveShop?.contact?.email ||
         contact.email ||
+        contact.emailAddress ||
         common.email ||
+        common.emailAddress ||
         merchant.email ||
-        '';
+        (isPreview ? SiteDataProvider_1.DUMMY_PREVIEW_EMAIL : '');
     if (!effectiveEmail && !fieldPath)
         return null;
     return ((0, jsx_runtime_1.jsx)(ContactButton_1.ContactButton, { type: "email", value: effectiveEmail, label: label, fieldPath: fieldPath, variant: variant, ...rest }));

package/dist/contact/PhoneButton.js

@@ -8,17 +8,24 @@ const SiteDataProvider_1 = require("../SiteDataProvider");
 function PhoneButton({ phoneNumber, value, label = 'Call Us', fieldPath = 'common.business.phone', variant = 'primary', ...rest }) {
     const liveShop = (0, SiteDataProvider_1.useShop)();
     const siteData = (0, SiteDataProvider_1.useSiteData)();
+    const isPreview = (0, SiteDataProvider_1.isPreviewValidation)(siteData);
     const content = (siteData?.content && typeof siteData.content === 'object' ? siteData.content : {});
     const common = (content.common && typeof content.common === 'object' ? content.common : {});
     const contact = (content.contact && typeof content.contact === 'object' ? content.contact : (common.contact && typeof common.contact === 'object' ? common.contact : {}));
     const merchant = (siteData && 'merchant' in siteData && typeof siteData.merchant === 'object' ? siteData.merchant : {});
+    const liveNumber = liveShop?.contact?.phone ||
+        (typeof liveShop?.businessPhone === 'string' ? liveShop.businessPhone : null) ||
+        liveShop?.contact?.whatsapp ||
+        (typeof liveShop?.businessWhatsapp === 'string' ? liveShop.businessWhatsapp : null);
     const effectiveNumber = phoneNumber ||
+        (!isPreview ? liveNumber : null) ||
         value ||
-        liveShop?.contact?.phone ||
         contact.phone ||
+        contact.contactNumber ||
         common.phone ||
+        common.contactNumber ||
         merchant.phone ||
-        '';
+        (isPreview ? SiteDataProvider_1.DUMMY_PREVIEW_PHONE : '');
     if (!effectiveNumber && !fieldPath)
         return null;
     return ((0, jsx_runtime_1.jsx)(ContactButton_1.ContactButton, { type: "phone", value: effectiveNumber, label: label, fieldPath: fieldPath, variant: variant, ...rest }));

package/dist/contact/WhatsAppButton.d.ts

@@ -6,5 +6,6 @@ export interface WhatsAppButtonProps extends Omit<ContactButtonProps, 'type'> {
 /**
  * WhatsAppButton automatically connects customers directly to the shop's WhatsApp chat.
  * Self-hydrates from live shop registration, contact config, and merchant profile if phoneNumber is omitted.
+ * In preview mode, defaults to template dummy preview data.
  */
 export declare function WhatsAppButton({ phoneNumber, value, label, fieldPath, variant, message, ...rest }: WhatsAppButtonProps): React.JSX.Element | null;

package/dist/contact/WhatsAppButton.js

@@ -8,27 +8,34 @@ const SiteDataProvider_1 = require("../SiteDataProvider");
 /**
  * WhatsAppButton automatically connects customers directly to the shop's WhatsApp chat.
  * Self-hydrates from live shop registration, contact config, and merchant profile if phoneNumber is omitted.
+ * In preview mode, defaults to template dummy preview data.
  */
 function WhatsAppButton({ phoneNumber, value, label = 'Chat on WhatsApp', fieldPath = 'common.business.whatsapp', variant = 'whatsapp', message, ...rest }) {
     const liveShop = (0, SiteDataProvider_1.useShop)();
     const siteData = (0, SiteDataProvider_1.useSiteData)();
+    const isPreview = (0, SiteDataProvider_1.isPreviewValidation)(siteData);
     const content = (siteData?.content && typeof siteData.content === 'object' ? siteData.content : {});
     const common = (content.common && typeof content.common === 'object' ? content.common : {});
     const contact = (content.contact && typeof content.contact === 'object' ? content.contact : (common.contact && typeof common.contact === 'object' ? common.contact : {}));
     const home = (content.home && typeof content.home === 'object' ? content.home : {});
     const merchant = (siteData && 'merchant' in siteData && typeof siteData.merchant === 'object' ? siteData.merchant : {});
+    const liveNumber = liveShop?.contact?.whatsapp ||
+        (typeof liveShop?.businessWhatsapp === 'string' ? liveShop.businessWhatsapp : null) ||
+        liveShop?.contact?.phone ||
+        (typeof liveShop?.businessPhone === 'string' ? liveShop.businessPhone : null);
     const effectiveNumber = phoneNumber ||
+        (!isPreview ? liveNumber : null) ||
         value ||
-        liveShop?.contact?.whatsapp ||
-        liveShop?.contact?.phone ||
         contact.whatsapp ||
+        contact.whatsappNumber ||
         contact.phone ||
         home.whatsappNumber ||
         home.whatsappCtaUrl ||
         common.whatsapp ||
+        common.whatsappNumber ||
         merchant.whatsapp ||
         merchant.phone ||
-        '';
+        (isPreview ? SiteDataProvider_1.DUMMY_PREVIEW_WHATSAPP : '');
     if (!effectiveNumber && !fieldPath)
         return null;
     return ((0, jsx_runtime_1.jsx)(ContactButton_1.ContactButton, { type: "whatsapp", value: effectiveNumber, label: label, fieldPath: fieldPath, variant: variant, message: message, ...rest }));

package/package.json

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