@deneb-ui/ui 2.0.79 → 2.0.81

package/dist/EditableFooter.js

@@ -72,18 +72,20 @@ function EditableFooter({ defaultLinks = DEFAULT_FOOTER_PAGES, links, basePath =
     const common = (content?.common || {});
     const contact = (content?.contact || {});
     const business = (common?.business || {});
+    const shop = (siteData?.shop || {});
+    const shopContact = (shop?.contact || {});
     // Auto-synchronized with Header
-    const siteName = String(common?.websiteTitle || common?.siteName || 'Storefront');
-    const logoUrl = String(common?.logoUrl || '');
+    const siteName = String(common?.websiteTitle || common?.siteName || shop?.businessName || 'Storefront');
+    const logoUrl = String(common?.logoUrl || shop?.logoUrl || '');
     const navLabels = (common?.navLabels || {});
     // Footer-specific editable fields
     const shortDescription = String(common?.shortDescription || 'A modern digital storefront engineered for high conversion and seamless visual editing.');
     const footerHeading = String(common?.footerHeading || 'Stay Connected');
     const copyright = String(common?.copyright || `© ${new Date().getFullYear()} ${siteName}. All rights reserved.`);
     // Contact / business values
-    const phone = String(business?.phone || common?.phone || contact?.phone || '');
-    const emailContact = String(business?.email || common?.email || contact?.email || '');
-    const address = String(business?.location?.address || common?.address || contact?.address || '');
+    const phone = String(shopContact?.phone || shop?.businessPhone || business?.phone || common?.phone || contact?.phone || '');
+    const emailContact = String(shopContact?.email || shop?.businessEmail || business?.email || common?.email || contact?.email || '');
+    const address = String(shop?.address?.line1 || business?.location?.address || common?.address || contact?.address || '');
     // Social media mapping with live editable URL bindings
     const rawSocial = (common?.socialMedia || content?.socialMedia || props.socialMedia || {});
     const socialPlatforms = Object.keys(rawSocial).length > 0

package/dist/EditableNavbar.js

@@ -30,8 +30,9 @@ function EditableNavbar({ defaultLinks = DEFAULT_PAGES, sticky = true, activeRou
     const [mobileMenuOpen, setMobileMenuOpen] = (0, react_1.useState)(false);
     const content = (siteData?.content || {});
     const common = (content?.common || {});
-    const siteName = String(common?.websiteTitle || common?.siteName || 'Storefront');
-    const logoUrl = String(common?.logoUrl || '');
+    const shop = (siteData?.shop || {});
+    const siteName = String(common?.websiteTitle || common?.siteName || shop?.businessName || 'Storefront');
+    const logoUrl = String(common?.logoUrl || shop?.logoUrl || '');
     const headerCtaLabel = String(common?.headerCtaLabel || 'Get in Touch');
     const navLabels = (common?.navLabels || {});
     const requiredPages = Array.isArray(siteData?.requirements?.requiredPages)

package/dist/EditableProductGrid.d.ts

@@ -123,3 +123,4 @@ export interface EditableProductGridProps extends React.HTMLAttributes<HTMLEleme
  */
 export declare function EditableProductGrid({ sectionPath, listPath, title, subtitle, products: userProducts, categories, cardVariant, columns, onQuickView, cardPrefix, showSearch, searchPlaceholder, enableBackendSearch, onSearchChange, enablePagination, pageSize, pageSizeOptions, showPageSizeSelector, paginationVariant, hidePaginationOnSinglePage, currentPage: controlledPage, initialPage, onPageChange, scrollToTopOnPageChange, totalProducts, className, style, ...props }: EditableProductGridProps): React.JSX.Element;
 export declare const ProductGrid: typeof EditableProductGrid;
+export type ProductGridItem = ProductItem;

package/dist/SiteDataProvider.d.ts

@@ -135,3 +135,14 @@ export declare function useShop(fallback?: GenericRecord): GenericRecord;
  * Hook to retrieve customer reviews / testimonials cleanly from SiteData.
  */
 export declare function useReviews(fallback?: GenericRecord[]): GenericRecord[];
+/**
+ * Hook to retrieve common storefront metadata (website title, slogan, branding, etc.)
+ * with safe hierarchical fallbacks across content.common, shop profile, and user fallbacks.
+ * Never throws ReferenceError or crashes on missing data.
+ */
+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;

package/dist/SiteDataProvider.js

@@ -24,6 +24,8 @@ exports.useSiteApi = useSiteApi;
 exports.useSiteCatalog = useSiteCatalog;
 exports.useShop = useShop;
 exports.useReviews = useReviews;
+exports.useCommon = useCommon;
+exports.useContact = useContact;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const core_1 = require("@deneb-ui/core");
@@ -566,6 +568,35 @@ function SiteDataProvider({ children, initialSiteData, fallbackSiteData, liveCat
         window.parent.postMessage({ type: exports.LEGACY_PREVIEW_READY_MESSAGE, pathname: window.location.pathname }, parentOrigin ?? '*');
         return () => window.removeEventListener('message', onMessage);
     }, []);
+    // Synchronize document.title and favicon in client environments (both preview and live)
+    (0, react_1.useEffect)(() => {
+        if (typeof document === "undefined")
+            return;
+        const sd = siteData;
+        const common = isRecord(sd?.content?.common) ? sd.content.common : null;
+        const shop = isRecord(sd?.shop) ? sd.shop : null;
+        const site = isRecord(sd?.site) ? sd.site : null;
+        const candidateTitle = (typeof common?.websiteTitle === "string" && common.websiteTitle.trim()) ||
+            (typeof shop?.businessName === "string" && shop.businessName.trim()) ||
+            (typeof site?.name === "string" && site.name.trim());
+        if (candidateTitle) {
+            document.title = candidateTitle;
+        }
+        const candidateIcon = (typeof common?.logoUrl === "string" && common.logoUrl.trim()) ||
+            (typeof shop?.logoUrl === "string" && shop.logoUrl.trim()) ||
+            (typeof site?.logoUrl === "string" && site.logoUrl.trim());
+        if (candidateIcon) {
+            let link = document.querySelector("link[rel*='icon']");
+            if (!link) {
+                link = document.createElement("link");
+                link.rel = "icon";
+                document.head.appendChild(link);
+            }
+            if (link.href !== candidateIcon) {
+                link.href = candidateIcon;
+            }
+        }
+    }, [siteData]);
     const value = (0, react_1.useMemo)(() => siteData, [siteData]);
     return ((0, jsx_runtime_1.jsxs)(exports.SiteDataContext.Provider, { value: value, children: [(0, jsx_runtime_1.jsx)(ThemeStyles_1.ThemeStyles, { theme: value?.theme }), (0, jsx_runtime_1.jsx)(FontLoader_1.FontLoader, {}), (0, jsx_runtime_1.jsx)(ResponsiveBaseStyles_1.ResponsiveBaseStyles, {}), (0, jsx_runtime_1.jsx)(DenebComponentStyles_1.DenebComponentStyles, {}), children] }));
 }
@@ -773,3 +804,93 @@ function useReviews(fallback = []) {
     }
     return fallback;
 }
+/**
+ * Hook to retrieve common storefront metadata (website title, slogan, branding, etc.)
+ * with safe hierarchical fallbacks across content.common, shop profile, and user fallbacks.
+ * Never throws ReferenceError or crashes on missing data.
+ */
+function useCommon(fallback = {}) {
+    const siteData = useSiteData();
+    const content = isRecord(siteData?.content) ? siteData.content : null;
+    const common = isRecord(content?.common) ? content.common : {};
+    const contact = isRecord(content?.contact) ? content.contact : {};
+    const shop = useShop();
+    const websiteTitle = (typeof common.websiteTitle === 'string' && common.websiteTitle.trim()) ||
+        (typeof shop.name === 'string' && shop.name.trim()) ||
+        (typeof shop.businessName === 'string' && shop.businessName.trim()) ||
+        (typeof fallback.websiteTitle === 'string' && fallback.websiteTitle.trim()) ||
+        'Store';
+    const whatsappNumber = (typeof common.whatsappNumber === 'string' && common.whatsappNumber.trim()) ||
+        (typeof contact.whatsappNumber === 'string' && contact.whatsappNumber.trim()) ||
+        (typeof shop.whatsappNumber === 'string' && shop.whatsappNumber.trim()) ||
+        (typeof shop.phone === 'string' && shop.phone.trim()) ||
+        (typeof fallback.whatsappNumber === 'string' && fallback.whatsappNumber.trim()) ||
+        '';
+    const cleanWa = whatsappNumber.replace(/\D+/g, '');
+    const whatsappUrl = (typeof common.whatsappUrl === 'string' && common.whatsappUrl.trim()) ||
+        (cleanWa ? `https://wa.me/${cleanWa}` : '') ||
+        (typeof fallback.whatsappUrl === 'string' && fallback.whatsappUrl.trim()) ||
+        '';
+    const address = (typeof common.address === 'string' && common.address.trim()) ||
+        (typeof common.footerAddress === 'string' && common.footerAddress.trim()) ||
+        (typeof contact.address === 'string' && contact.address.trim()) ||
+        (typeof shop.address === 'string' && shop.address.trim()) ||
+        (typeof fallback.address === 'string' && fallback.address.trim()) ||
+        '';
+    const logoUrl = (typeof common.logoUrl === 'string' && common.logoUrl.trim()) ||
+        (typeof shop.logoUrl === 'string' && shop.logoUrl.trim()) ||
+        (typeof fallback.logoUrl === 'string' && fallback.logoUrl.trim()) ||
+        '';
+    return {
+        ...fallback,
+        ...common,
+        websiteTitle,
+        whatsappNumber,
+        whatsappUrl,
+        address,
+        logoUrl,
+    };
+}
+/**
+ * Hook to retrieve contact information (WhatsApp, phone, address, email, map link)
+ * with robust fallbacks across contact, common, and shop profile.
+ */
+function useContact(fallback = {}) {
+    const siteData = useSiteData();
+    const content = isRecord(siteData?.content) ? siteData.content : null;
+    const contact = isRecord(content?.contact) ? content.contact : {};
+    const common = isRecord(content?.common) ? content.common : {};
+    const shop = useShop();
+    const whatsappNumber = (typeof contact.whatsappNumber === 'string' && contact.whatsappNumber.trim()) ||
+        (typeof common.whatsappNumber === 'string' && common.whatsappNumber.trim()) ||
+        (typeof shop.whatsappNumber === 'string' && shop.whatsappNumber.trim()) ||
+        (typeof shop.phone === 'string' && shop.phone.trim()) ||
+        (typeof fallback.whatsappNumber === 'string' && fallback.whatsappNumber.trim()) ||
+        '';
+    const cleanWa = whatsappNumber.replace(/\D+/g, '');
+    const whatsappUrl = (typeof contact.whatsappUrl === 'string' && contact.whatsappUrl.trim()) ||
+        (typeof common.whatsappUrl === 'string' && common.whatsappUrl.trim()) ||
+        (cleanWa ? `https://wa.me/${cleanWa}` : '') ||
+        '';
+    const address = (typeof contact.address === 'string' && contact.address.trim()) ||
+        (typeof common.address === 'string' && common.address.trim()) ||
+        (typeof shop.address === 'string' && shop.address.trim()) ||
+        (typeof fallback.address === 'string' && fallback.address.trim()) ||
+        '';
+    const email = (typeof contact.email === 'string' && contact.email.trim()) ||
+        (typeof shop.email === 'string' && shop.email.trim()) ||
+        (typeof fallback.email === 'string' && fallback.email.trim()) ||
+        '';
+    const googleMapLink = (typeof contact.googleMapLink === 'string' && contact.googleMapLink.trim()) ||
+        (typeof fallback.googleMapLink === 'string' && fallback.googleMapLink.trim()) ||
+        '';
+    return {
+        ...fallback,
+        ...contact,
+        whatsappNumber,
+        whatsappUrl,
+        address,
+        email,
+        googleMapLink,
+    };
+}

package/dist/contact/FloatingContactWidget.js

@@ -18,11 +18,42 @@ function FloatingContactWidget({ fieldPath = 'contact', defaultPhone, defaultWha
     const { siteData } = (0, SiteDataProvider_1.useSiteData)();
     const [isOpen, setIsOpen] = (0, react_1.useState)(false);
     const sdRecord = (siteData && typeof siteData === 'object' ? siteData : {});
+    const content = (sdRecord.content && typeof sdRecord.content === 'object' ? sdRecord.content : {});
+    const common = (content.common && typeof content.common === 'object' ? content.common : {});
+    const contentContact = (content.contact && typeof content.contact === 'object' ? content.contact : {});
+    const shop = (sdRecord.shop && typeof sdRecord.shop === 'object' ? sdRecord.shop : {});
+    const shopContact = (shop.contact && typeof shop.contact === 'object' ? shop.contact : {});
     const contactData = (sdRecord.contact && typeof sdRecord.contact === 'object' ? sdRecord.contact : {});
-    const phone = contactData.phone || defaultPhone || '';
-    const whatsapp = contactData.whatsapp || defaultWhatsApp || phone;
-    const email = contactData.email || defaultEmail || '';
-    const storeName = typeof sdRecord.site?.name === 'string' ? sdRecord.site.name : 'Support';
+    const phone = String(contentContact.phone ||
+        contentContact.contactNumber ||
+        common.contactNumber ||
+        shopContact.phone ||
+        shop.businessPhone ||
+        contactData.phone ||
+        defaultPhone ||
+        '').trim();
+    const whatsapp = String(common.whatsapp ||
+        common.whatsappNumber ||
+        contentContact.whatsapp ||
+        contentContact.whatsappNumber ||
+        shopContact.whatsapp ||
+        shop.businessWhatsapp ||
+        shop.whatsapp ||
+        contactData.whatsapp ||
+        defaultWhatsApp ||
+        phone ||
+        '').trim();
+    const email = String(contentContact.email ||
+        common.email ||
+        shopContact.email ||
+        shop.businessEmail ||
+        contactData.email ||
+        defaultEmail ||
+        '').trim();
+    const storeName = String(common.websiteTitle ||
+        shop.businessName ||
+        sdRecord.site?.name ||
+        'Support').trim();
     const hasWhatsApp = Boolean(whatsapp && whatsapp.trim().length > 0);
     const hasPhone = Boolean(phone && phone.trim().length > 0);
     const hasEmail = Boolean(email && email.trim().length > 0);

package/package.json

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