@deneb-ui/ui 2.0.72 → 2.0.74

package/dist/EditableCustomerReviews.js

@@ -4,6 +4,7 @@ exports.CustomerReviews = void 0;
 exports.EditableCustomerReviews = EditableCustomerReviews;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
+const SiteDataProvider_1 = require("./SiteDataProvider");
 const DEFAULT_REVIEWS = [
     {
         id: 1,
@@ -43,14 +44,47 @@ const DEFAULT_REVIEWS = [
  *
  * Created by Chamika Gayashan & Induranga Kawishwara
  */
-function EditableCustomerReviews({ sectionPath = 'home', title = 'Loved by Athletes & Runners Worldwide', subtitle = 'Verified Customer Reviews', averageRating = '4.9', totalReviews = '1,420+', reviews = DEFAULT_REVIEWS, className = '', style, ...props }) {
+function EditableCustomerReviews({ sectionPath = 'home', title, subtitle, averageRating, totalReviews, reviews, className = '', style, ...props }) {
     const [selectedStarFilter, setSelectedStarFilter] = (0, react_1.useState)(null);
+    const liveReviews = (0, SiteDataProvider_1.useReviews)();
+    const siteData = (0, SiteDataProvider_1.useSiteData)();
+    const siteReviews = siteData?.content?.[sectionPath]?.reviews || siteData?.content?.reviews || siteData?.content?.home?.reviews;
+    const rawReviews = (reviews && reviews.length > 0)
+        ? reviews
+        : (liveReviews && liveReviews.length > 0)
+            ? liveReviews
+            : (Array.isArray(siteReviews) && siteReviews.length > 0)
+                ? siteReviews
+                : DEFAULT_REVIEWS;
+    const normalizedReviews = (0, react_1.useMemo)(() => {
+        return rawReviews.map((r, idx) => ({
+            id: r.id ?? idx + 1,
+            author: r.author || r.name || r.customerName || 'Customer',
+            rating: typeof r.rating === 'number' ? r.rating : (parseInt(r.rating, 10) || 5),
+            date: r.date || r.timeAgo || 'Recently',
+            comment: r.comment || r.body || r.feedback || r.quote || '',
+            verified: r.verified !== false,
+            productName: r.productName || r.item || undefined,
+            helpfulCount: r.helpfulCount || undefined,
+        }));
+    }, [rawReviews]);
+    const calculatedAvg = (0, react_1.useMemo)(() => {
+        if (!normalizedReviews.length)
+            return '5.0';
+        const sum = normalizedReviews.reduce((acc, r) => acc + (Number(r.rating) || 5), 0);
+        return (sum / normalizedReviews.length).toFixed(1);
+    }, [normalizedReviews]);
+    const hasLive = (liveReviews && liveReviews.length > 0) || (reviews && reviews.length > 0);
+    const resolvedAverageRating = averageRating ?? (hasLive ? calculatedAvg : '4.9');
+    const resolvedTotalReviews = totalReviews ?? (hasLive ? `${normalizedReviews.length}+` : '1,420+');
+    const resolvedTitle = title ?? siteData?.content?.[sectionPath]?.reviewsTitle ?? siteData?.content?.home?.reviewsTitle ?? 'Loved by Customers Worldwide';
+    const resolvedSubtitle = subtitle ?? siteData?.content?.[sectionPath]?.reviewsSubtitle ?? siteData?.content?.home?.reviewsSubtitle ?? 'Verified Customer Reviews';
     const filteredReviews = (0, react_1.useMemo)(() => {
         if (selectedStarFilter === null)
-            return reviews;
-        return reviews.filter((r) => r.rating === selectedStarFilter);
-    }, [reviews, selectedStarFilter]);
-    return ((0, jsx_runtime_1.jsxs)("section", { "data-preview-page-key": sectionPath, className: `editable-customer-reviews max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16 ${className}`.trim(), style: style, ...props, children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-center max-w-2xl mx-auto mb-12", children: [subtitle && ((0, jsx_runtime_1.jsx)("span", { "data-preview-field-path": `${sectionPath}.reviewsSubtitle`, className: "text-xs font-black tracking-widest uppercase text-emerald-600 dark:text-lime-400 block mb-2", children: subtitle })), (0, jsx_runtime_1.jsx)("h2", { "data-preview-field-path": `${sectionPath}.reviewsTitle`, className: "text-3xl sm:text-4xl font-extrabold tracking-tight text-slate-900 dark:text-white leading-tight", children: title }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-4 flex items-center justify-center gap-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex text-amber-500 dark:text-amber-400 text-lg", children: '★★★★★' }), (0, jsx_runtime_1.jsxs)("span", { className: "text-slate-900 dark:text-white font-extrabold text-lg", children: [(0, jsx_runtime_1.jsx)("span", { "data-preview-field-path": `${sectionPath}.reviewsAverage`, children: averageRating }), " / 5.0"] }), (0, jsx_runtime_1.jsxs)("span", { className: "text-slate-500 dark:text-slate-400 text-sm", children: ["(", (0, jsx_runtime_1.jsx)("span", { "data-preview-field-path": `${sectionPath}.reviewsCount`, children: totalReviews }), " reviews)"] })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex justify-center gap-2 mb-8", children: [(0, jsx_runtime_1.jsx)("button", { type: "button", onClick: () => setSelectedStarFilter(null), className: `px-3.5 py-1.5 rounded-xl text-xs font-bold transition-all ${selectedStarFilter === null
+            return normalizedReviews;
+        return normalizedReviews.filter((r) => r.rating === selectedStarFilter);
+    }, [normalizedReviews, selectedStarFilter]);
+    return ((0, jsx_runtime_1.jsxs)("section", { "data-preview-page-key": sectionPath, className: `editable-customer-reviews max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16 ${className}`.trim(), style: style, ...props, children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-center max-w-2xl mx-auto mb-12", children: [subtitle && ((0, jsx_runtime_1.jsx)("span", { "data-preview-field-path": `${sectionPath}.reviewsSubtitle`, className: "text-xs font-black tracking-widest uppercase text-emerald-600 dark:text-lime-400 block mb-2", children: resolvedSubtitle })), (0, jsx_runtime_1.jsx)("h2", { "data-preview-field-path": `${sectionPath}.reviewsTitle`, className: "text-3xl sm:text-4xl font-extrabold tracking-tight text-slate-900 dark:text-white leading-tight", children: title }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-4 flex items-center justify-center gap-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex text-amber-500 dark:text-amber-400 text-lg", children: '★★★★★' }), (0, jsx_runtime_1.jsxs)("span", { className: "text-slate-900 dark:text-white font-extrabold text-lg", children: [(0, jsx_runtime_1.jsx)("span", { "data-preview-field-path": `${sectionPath}.reviewsAverage`, children: resolvedAverageRating }), " / 5.0"] }), (0, jsx_runtime_1.jsxs)("span", { className: "text-slate-500 dark:text-slate-400 text-sm", children: ["(", (0, jsx_runtime_1.jsx)("span", { "data-preview-field-path": `${sectionPath}.reviewsCount`, children: resolvedTotalReviews }), " reviews)"] })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex justify-center gap-2 mb-8", children: [(0, jsx_runtime_1.jsx)("button", { type: "button", onClick: () => setSelectedStarFilter(null), className: `px-3.5 py-1.5 rounded-xl text-xs font-bold transition-all ${selectedStarFilter === null
                             ? 'bg-slate-900 text-white dark:bg-lime-400 dark:text-slate-950 font-extrabold shadow-sm'
                             : 'bg-slate-100 text-slate-600 hover:text-slate-900 border border-slate-200 dark:bg-slate-900/60 dark:text-slate-400 dark:hover:text-white dark:border-slate-800'}`, children: "All Reviews" }), [5, 4, 3].map((stars) => ((0, jsx_runtime_1.jsxs)("button", { type: "button", onClick: () => setSelectedStarFilter(stars), className: `px-3.5 py-1.5 rounded-xl text-xs font-bold transition-all flex items-center gap-1 ${selectedStarFilter === stars
                             ? 'bg-slate-900 text-white dark:bg-lime-400 dark:text-slate-950 font-extrabold shadow-sm'

package/dist/EditableGoogleFeedback.d.ts

@@ -23,3 +23,4 @@ export interface EditableGoogleFeedbackProps extends React.HTMLAttributes<HTMLEl
     cardClassName?: string;
 }
 export declare function EditableGoogleFeedback({ heading, subheading, badgeTitle, badgeRating, badgeReviewsCount, badgeIcon, feedbacks, maxStars, className, cardClassName, style, basePath, ...props }: EditableGoogleFeedbackProps): React.JSX.Element;
+export declare const GoogleFeedback: typeof EditableGoogleFeedback;

package/dist/EditableGoogleFeedback.js

@@ -1,9 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.GoogleFeedback = void 0;
 exports.EditableGoogleFeedback = EditableGoogleFeedback;
 const jsx_runtime_1 = require("react/jsx-runtime");
 /* eslint-disable @next/next/no-img-element */
 const react_1 = require("react");
+const SiteDataProvider_1 = require("./SiteDataProvider");
 const DEFAULT_GOOGLE_ICON = 'https://upload.wikimedia.org/wikipedia/commons/c/c1/Google_%22G%22_logo.svg';
 const DEFAULT_FEEDBACKS = [
     {
@@ -117,9 +119,42 @@ function FeedbackCard({ item, index, maxStars, badgeIcon, badgeTitle, cardClassN
                                 }, title: "Click to upload/change review platform icon (Google, Twitter, Trustpilot, etc.)" }));
                         })()] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between gap-2 pt-1", children: [(0, jsx_runtime_1.jsxs)("div", { className: "inline-flex items-center gap-2 p-1 -ml-1 rounded-lg cursor-pointer transition-all hover:bg-amber-500/10 group", onClick: handleFocusRating, title: `Rating: ${currentRating} of ${maxStars} (Click to edit)`, children: [(0, jsx_runtime_1.jsx)("div", { className: "flex items-center gap-[2px]", "data-fivora-stars-row": "true", children: Array.from({ length: maxStars }).map((_, sIdx) => ((0, jsx_runtime_1.jsx)(GoogleStarSvg, { filled: sIdx < currentRating, size: 18 }, sIdx))) }), (0, jsx_runtime_1.jsx)("span", { ref: ratingRef, "data-preview-field-path": `feedback.feedbacks[${index}].rating`, "data-fivora-rating-text": "true", className: "text-xs font-black text-amber-600 bg-amber-500/10 px-1.5 py-0.5 rounded-md border border-amber-500/20 dark:text-amber-400 group-hover:bg-amber-500/20 transition-colors tabular-nums", title: "Star count (1-5)", children: currentRating })] }), (0, jsx_runtime_1.jsxs)("div", { className: "inline-flex items-center gap-1 text-[11px] font-bold text-blue-600 bg-blue-50 dark:text-blue-400 dark:bg-blue-500/10 px-2.5 py-1 rounded-full border border-blue-500/20", children: [(0, jsx_runtime_1.jsx)("svg", { className: "w-3 h-3 fill-current", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" }) }), (0, jsx_runtime_1.jsx)("span", { children: "Verified" })] })] }), (0, jsx_runtime_1.jsxs)("p", { "data-preview-field-path": `feedback.feedbacks[${index}].comment`, className: "text-sm sm:text-base text-slate-700 dark:text-slate-300 leading-relaxed italic font-normal pt-1", children: ["\u201C", reviewerComment, "\u201D"] })] }) }));
 }
-function EditableGoogleFeedback({ heading = 'Loved by Customers Worldwide', subheading = 'Real stories and verified 5-star reviews from our official Google Business profile.', badgeTitle = 'Google Reviews', badgeRating = '4.9', badgeReviewsCount = '128 verified reviews', badgeIcon, feedbacks = DEFAULT_FEEDBACKS, maxStars = 5, className = '', cardClassName = '', style, basePath = 'feedback', ...props }) {
-    const items = Array.isArray(feedbacks) && feedbacks.length > 0 ? feedbacks : DEFAULT_FEEDBACKS;
+function EditableGoogleFeedback({ heading, subheading, badgeTitle = 'Google Reviews', badgeRating, badgeReviewsCount, badgeIcon, feedbacks, maxStars = 5, className = '', cardClassName = '', style, basePath = 'feedback', ...props }) {
+    const liveReviews = (0, SiteDataProvider_1.useReviews)();
+    const siteData = (0, SiteDataProvider_1.useSiteData)();
+    const siteFeedback = siteData?.content?.[basePath]?.feedbacks || siteData?.content?.[basePath]?.reviews || siteData?.content?.reviews;
+    const rawFeedbacks = (feedbacks && feedbacks.length > 0)
+        ? feedbacks
+        : (liveReviews && liveReviews.length > 0)
+            ? liveReviews
+            : (Array.isArray(siteFeedback) && siteFeedback.length > 0)
+                ? siteFeedback
+                : DEFAULT_FEEDBACKS;
+    const items = (0, react_1.useMemo)(() => {
+        return rawFeedbacks.map((f, index) => ({
+            id: f.id ?? index + 1,
+            name: f.name || f.author || f.customerName || 'Customer',
+            avatar: f.avatar || `https://api.dicebear.com/7.x/avataaars/svg?seed=${encodeURIComponent(f.name || f.author || String(index))}`,
+            rating: typeof f.rating === 'number' ? f.rating : (parseInt(f.rating, 10) || 5),
+            date: f.date || f.timeAgo || 'Recently',
+            comment: f.comment || f.body || f.feedback || f.quote || '',
+            verified: f.verified !== false,
+        }));
+    }, [rawFeedbacks]);
+    const calculatedAvg = (0, react_1.useMemo)(() => {
+        if (!items.length)
+            return '5.0';
+        const sum = items.reduce((acc, r) => acc + (Number(r.rating) || 5), 0);
+        return (sum / items.length).toFixed(1);
+    }, [items]);
+    const hasLive = (liveReviews && liveReviews.length > 0) || (feedbacks && feedbacks.length > 0);
+    const effectiveBadgeRating = badgeRating ?? (hasLive ? calculatedAvg : '4.9');
+    const effectiveBadgeCount = badgeReviewsCount ?? (hasLive ? `${items.length} verified reviews` : '128 verified reviews');
+    const effectiveHeading = heading ?? siteData?.content?.[basePath]?.heading ?? 'Loved by Customers Worldwide';
+    const effectiveSubheading = subheading ?? siteData?.content?.[basePath]?.subheading ?? 'Real stories and verified 5-star reviews from our official Google Business profile.';
     const hasCustomPy = /(^|\s)(p|py|pt)-/.test(className);
     const defaultPadding = hasCustomPy ? '' : 'py-6 sm:py-8';
-    return ((0, jsx_runtime_1.jsx)("section", { "data-preview-page-key": basePath, className: `editable-google-feedback w-full ${defaultPadding} ${className}`.trim(), style: style, ...props, children: (0, jsx_runtime_1.jsxs)("div", { className: "max-w-[1600px] mx-auto px-4 sm:px-6 lg:px-10", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col md:flex-row md:items-end justify-between gap-6 mb-6 sm:mb-8", children: [(0, jsx_runtime_1.jsxs)("div", { className: "max-w-2xl space-y-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "inline-flex items-center gap-2.5 px-3.5 py-1.5 rounded-full bg-slate-100 border border-slate-200 dark:bg-slate-900/80 dark:border-slate-800 shadow-sm", children: [(0, jsx_runtime_1.jsx)("img", { src: badgeIcon || DEFAULT_GOOGLE_ICON, alt: "Google", "data-preview-field-path": `feedback.badgeIcon`, className: "w-4 h-4 object-contain" }), (0, jsx_runtime_1.jsx)("span", { "data-preview-field-path": `feedback.badgeTitle`, className: "text-xs uppercase tracking-widest font-black text-slate-800 dark:text-slate-200", children: badgeTitle }), (0, jsx_runtime_1.jsx)("span", { className: "w-1 h-1 rounded-full bg-slate-400 dark:bg-slate-600" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5", children: [(0, jsx_runtime_1.jsx)("span", { "data-preview-field-path": `feedback.badgeRating`, className: "text-xs font-black text-amber-600 dark:text-amber-400", children: badgeRating }), (0, jsx_runtime_1.jsx)("div", { className: "flex items-center gap-[2px]", children: Array.from({ length: 5 }).map((_, sIdx) => ((0, jsx_runtime_1.jsx)(GoogleStarSvg, { filled: true, size: 14 }, sIdx))) })] }), (0, jsx_runtime_1.jsxs)("span", { className: "text-[11px] text-slate-500 dark:text-slate-400 font-medium hidden sm:inline", children: ["(", (0, jsx_runtime_1.jsx)("span", { "data-preview-field-path": `feedback.badgeReviewsCount`, children: badgeReviewsCount }), ")"] })] }), (0, jsx_runtime_1.jsx)("h2", { "data-preview-field-path": `feedback.heading`, className: "font-heading text-2xl xs:text-3xl sm:text-4xl lg:text-5xl font-black text-slate-900 dark:text-white tracking-tight", children: heading }), (0, jsx_runtime_1.jsx)("p", { "data-preview-field-path": `feedback.subheading`, className: "text-xs sm:text-base text-slate-600 dark:text-slate-400 leading-relaxed", children: subheading })] }), (0, jsx_runtime_1.jsx)("div", { className: "hidden md:flex flex-col items-end text-right", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("span", { "data-preview-field-path": `feedback.badgeRating`, className: "font-heading text-4xl font-black text-amber-500 dark:text-amber-400", children: badgeRating }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-start gap-0.5", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex items-center gap-[2px]", children: Array.from({ length: 5 }).map((_, sIdx) => ((0, jsx_runtime_1.jsx)(GoogleStarSvg, { filled: true, size: 16 }, sIdx))) }), (0, jsx_runtime_1.jsx)("span", { "data-preview-field-path": `feedback.badgeReviewsCount`, className: "text-xs text-slate-500 dark:text-slate-400 font-bold", children: badgeReviewsCount })] })] }) })] }), (0, jsx_runtime_1.jsx)("div", { "data-preview-list-path": `feedback.feedbacks`, className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: items.map((item, index) => ((0, jsx_runtime_1.jsx)(FeedbackCard, { item: item, index: index, maxStars: maxStars, badgeIcon: badgeIcon, badgeTitle: badgeTitle, cardClassName: cardClassName }, item.id || String(index)))) })] }) }));
+    return ((0, jsx_runtime_1.jsx)("section", { "data-preview-page-key": basePath, className: `editable-google-feedback w-full ${defaultPadding} ${className}`.trim(), style: style, ...props, children: (0, jsx_runtime_1.jsxs)("div", { className: "max-w-[1600px] mx-auto px-4 sm:px-6 lg:px-10", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col md:flex-row md:items-end justify-between gap-6 mb-6 sm:mb-8", children: [(0, jsx_runtime_1.jsxs)("div", { className: "max-w-2xl space-y-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "inline-flex items-center gap-2.5 px-3.5 py-1.5 rounded-full bg-slate-100 border border-slate-200 dark:bg-slate-900/80 dark:border-slate-800 shadow-sm", children: [(0, jsx_runtime_1.jsx)("img", { src: badgeIcon || DEFAULT_GOOGLE_ICON, alt: "Google", "data-preview-field-path": `feedback.badgeIcon`, className: "w-4 h-4 object-contain" }), (0, jsx_runtime_1.jsx)("span", { "data-preview-field-path": `feedback.badgeTitle`, className: "text-xs uppercase tracking-widest font-black text-slate-800 dark:text-slate-200", children: badgeTitle }), (0, jsx_runtime_1.jsx)("span", { className: "w-1 h-1 rounded-full bg-slate-400 dark:bg-slate-600" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5", children: [(0, jsx_runtime_1.jsx)("span", { "data-preview-field-path": `feedback.badgeRating`, className: "text-xs font-black text-amber-600 dark:text-amber-400", children: effectiveBadgeRating }), (0, jsx_runtime_1.jsx)("div", { className: "flex items-center gap-[2px]", children: Array.from({ length: 5 }).map((_, sIdx) => ((0, jsx_runtime_1.jsx)(GoogleStarSvg, { filled: true, size: 14 }, sIdx))) })] }), (0, jsx_runtime_1.jsxs)("span", { className: "text-[11px] text-slate-500 dark:text-slate-400 font-medium hidden sm:inline", children: ["(", (0, jsx_runtime_1.jsx)("span", { "data-preview-field-path": `feedback.badgeReviewsCount`, children: effectiveBadgeCount }), ")"] })] }), (0, jsx_runtime_1.jsx)("h2", { "data-preview-field-path": `feedback.heading`, className: "font-heading text-2xl xs:text-3xl sm:text-4xl lg:text-5xl font-black text-slate-900 dark:text-white tracking-tight", children: effectiveHeading }), (0, jsx_runtime_1.jsx)("p", { "data-preview-field-path": `feedback.subheading`, className: "text-xs sm:text-base text-slate-600 dark:text-slate-400 leading-relaxed", children: effectiveSubheading })] }), (0, jsx_runtime_1.jsx)("div", { className: "hidden md:flex flex-col items-end text-right", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("span", { "data-preview-field-path": `feedback.badgeRating`, className: "font-heading text-4xl font-black text-amber-500 dark:text-amber-400", children: badgeRating }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-start gap-0.5", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex items-center gap-[2px]", children: Array.from({ length: 5 }).map((_, sIdx) => ((0, jsx_runtime_1.jsx)(GoogleStarSvg, { filled: true, size: 16 }, sIdx))) }), (0, jsx_runtime_1.jsx)("span", { "data-preview-field-path": `feedback.badgeReviewsCount`, className: "text-xs text-slate-500 dark:text-slate-400 font-bold", children: badgeReviewsCount })] })] }) })] }), (0, jsx_runtime_1.jsx)("div", { "data-preview-list-path": `feedback.feedbacks`, className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: items.map((item, index) => ((0, jsx_runtime_1.jsx)(FeedbackCard, { item: item, index: index, maxStars: maxStars, badgeIcon: badgeIcon, badgeTitle: badgeTitle, cardClassName: cardClassName }, item.id || String(index)))) })] }) }));
 }
+// Canonical alias
+exports.GoogleFeedback = EditableGoogleFeedback;

package/dist/EditableTestimonialSection.d.ts

@@ -15,3 +15,4 @@ export interface EditableTestimonialSectionProps extends React.HTMLAttributes<HT
     cardClassName?: string;
 }
 export declare function EditableTestimonialSection({ basePath, badge, heading, subheading, testimonials, maxStars, className, cardClassName, style, ...props }: EditableTestimonialSectionProps): React.JSX.Element;
+export declare const TestimonialSection: typeof EditableTestimonialSection;

package/dist/EditableTestimonialSection.js

@@ -1,9 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TestimonialSection = void 0;
 exports.EditableTestimonialSection = EditableTestimonialSection;
 const jsx_runtime_1 = require("react/jsx-runtime");
 /* eslint-disable @next/next/no-img-element */
 const react_1 = require("react");
+const SiteDataProvider_1 = require("./SiteDataProvider");
 const DEFAULT_TESTIMONIALS = [
     {
         id: 1,
@@ -83,26 +85,33 @@ function TestimonialCard({ item, index, maxStars, cardClassName, }) {
     const tagText = String(currentItem.tag || '');
     return ((0, jsx_runtime_1.jsxs)("div", { "data-preview-item-path": `testimonials.testimonials[${index}]`, className: `relative p-5 sm:p-7 lg:p-8 rounded-2xl sm:rounded-3xl bg-white border border-slate-200 hover:border-slate-300 shadow-sm hover:shadow-md dark:bg-gradient-to-b dark:from-slate-900/70 dark:to-slate-950/90 dark:border-slate-800/80 dark:hover:border-slate-700 dark:shadow-xl transition-[transform,box-shadow] duration-200 flex flex-col justify-between space-y-5 min-w-0 ${cardClassName || ''}`.trim(), children: [(0, jsx_runtime_1.jsxs)("div", { className: "space-y-4 min-w-0", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [Boolean(currentItem.tag) && ((0, jsx_runtime_1.jsx)("span", { "data-preview-field-path": `testimonials.testimonials[${index}].tag`, className: "px-2.5 py-1 rounded-full bg-slate-100 text-slate-700 border border-slate-200 dark:bg-slate-800/80 dark:text-lime-400 dark:border-lime-400/20 text-[10px] sm:text-[11px] uppercase tracking-wider font-extrabold shrink-0", children: tagText })), (0, jsx_runtime_1.jsxs)("div", { className: "inline-flex items-center gap-1.5 p-1 -mr-1 rounded-lg cursor-pointer transition-all hover:bg-amber-500/10 group ml-auto shrink-0", onClick: handleFocusRating, title: `Rating: ${currentRating} of ${maxStars} (Click to edit)`, children: [(0, jsx_runtime_1.jsx)("div", { className: "flex items-center gap-[2px]", "data-fivora-stars-row": "true", children: Array.from({ length: maxStars }).map((_, sIdx) => ((0, jsx_runtime_1.jsx)(StarSvg, { filled: sIdx < currentRating, size: 14 }, sIdx))) }), (0, jsx_runtime_1.jsx)("span", { ref: ratingRef, "data-preview-field-path": `testimonials.testimonials[${index}].rating`, "data-fivora-rating-text": "true", className: "text-xs font-black text-amber-600 bg-amber-500/10 px-1.5 py-0.5 rounded-md border border-amber-500/20 dark:text-amber-400 group-hover:bg-amber-500/20 transition-colors tabular-nums", title: "Star count (1-5)", children: currentRating })] })] }), (0, jsx_runtime_1.jsxs)("blockquote", { "data-preview-field-path": `testimonials.testimonials[${index}].quote`, className: "font-serif-italic text-sm sm:text-base text-slate-700 dark:text-slate-300 leading-relaxed break-words", children: ["\u201C", quoteText, "\u201D"] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "pt-4 border-t border-slate-100 dark:border-slate-800 flex items-center gap-3 min-w-0", children: [(0, jsx_runtime_1.jsx)("img", { src: authorAvatar, alt: authorName, "data-preview-field-path": `testimonials.testimonials[${index}].avatar`, className: "w-10 h-10 sm:w-12 sm:h-12 rounded-full object-cover border border-slate-200 dark:border-slate-700 shadow-sm shrink-0" }), (0, jsx_runtime_1.jsxs)("div", { className: "min-w-0 flex-1", children: [(0, jsx_runtime_1.jsx)("h4", { "data-preview-field-path": `testimonials.testimonials[${index}].author`, className: "font-heading font-black text-sm sm:text-base text-slate-900 dark:text-white truncate", children: authorName }), (0, jsx_runtime_1.jsx)("p", { "data-preview-field-path": `testimonials.testimonials[${index}].role`, className: "text-xs text-slate-500 dark:text-slate-400 font-medium leading-snug line-clamp-2", children: authorRole })] })] })] }));
 }
-function EditableTestimonialSection({ basePath = 'testimonials', badge = 'WORDS OF ACCLAIM', heading = 'WHAT THE CRITICS ARE SAYING', subheading = 'Reflections from international cuppers, culinary masters, and dedicated regulars.', testimonials = DEFAULT_TESTIMONIALS, maxStars = 5, className = '', cardClassName = '', style, ...props }) {
+function EditableTestimonialSection({ basePath = 'testimonials', badge = 'WORDS OF ACCLAIM', heading, subheading, testimonials, maxStars = 5, className = '', cardClassName = '', style, ...props }) {
+    const liveReviews = (0, SiteDataProvider_1.useReviews)();
+    const siteData = (0, SiteDataProvider_1.useSiteData)();
+    const siteTestimonials = siteData?.content?.[basePath]?.testimonials || siteData?.content?.[basePath]?.reviews || siteData?.content?.reviews;
+    const rawTestimonials = (testimonials && testimonials.length > 0)
+        ? testimonials
+        : (liveReviews && liveReviews.length > 0)
+            ? liveReviews
+            : (Array.isArray(siteTestimonials) && siteTestimonials.length > 0)
+                ? siteTestimonials
+                : DEFAULT_TESTIMONIALS;
     const items = (0, react_1.useMemo)(() => {
-        const list = Array.isArray(testimonials) ? testimonials : [];
-        if (list.length === 0) {
-            return DEFAULT_TESTIMONIALS;
-        }
-        return list.map((item, index) => {
-            const fallback = DEFAULT_TESTIMONIALS[index % DEFAULT_TESTIMONIALS.length] || DEFAULT_TESTIMONIALS[0];
-            if (!item || typeof item !== 'object') {
-                return { ...fallback, id: `fallback-${index}` };
-            }
-            return {
-                ...fallback,
-                ...item,
-                id: item.id || `testimonial-${index}`,
-                rating: item.rating !== undefined && item.rating !== null ? item.rating : 5,
-            };
-        });
-    }, [testimonials]);
+        return rawTestimonials.map((t, index) => ({
+            id: t.id ?? index + 1,
+            author: t.author || t.name || t.customerName || 'Customer',
+            role: t.role || (t.verified !== false ? 'Verified Customer' : 'Customer'),
+            quote: t.quote || t.comment || t.feedback || t.body || '',
+            avatar: t.avatar || `https://api.dicebear.com/7.x/avataaars/svg?seed=${encodeURIComponent(t.author || t.name || String(index))}`,
+            rating: typeof t.rating === 'number' ? t.rating : (parseInt(t.rating, 10) || 5),
+            tag: t.tag || 'Verified Buyer',
+        }));
+    }, [rawTestimonials]);
+    const effectiveHeading = heading ?? siteData?.content?.[basePath]?.heading ?? 'WHAT OUR CUSTOMERS ARE SAYING';
+    const effectiveSubheading = subheading ?? siteData?.content?.[basePath]?.subheading ?? 'Reflections and feedback from verified customers and dedicated regulars.';
     const hasCustomPy = /(^|\s)(p|py|pt)-/.test(className);
     const defaultPadding = hasCustomPy ? '' : 'py-6 sm:py-8';
     return ((0, jsx_runtime_1.jsx)("section", { "data-preview-page-key": basePath, "data-design-section": basePath, className: `editable-testimonial-section w-full ${defaultPadding} px-3 sm:px-6 lg:px-8 ${className}`.trim(), style: style, ...props, children: (0, jsx_runtime_1.jsxs)("div", { className: "w-full mx-auto", children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-center max-w-3xl mx-auto space-y-3 mb-6 sm:mb-8 px-2", children: [badge && ((0, jsx_runtime_1.jsx)("div", { className: "inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-slate-100 text-slate-800 border border-slate-200 dark:bg-slate-800/80 dark:text-lime-400 dark:border-lime-400/20 text-xs uppercase tracking-widest font-black shadow-sm", children: (0, jsx_runtime_1.jsx)("span", { "data-preview-field-path": `testimonials.badge`, children: badge }) })), (0, jsx_runtime_1.jsx)("h2", { "data-preview-field-path": `testimonials.heading`, className: "font-heading text-2xl xs:text-3xl sm:text-4xl lg:text-5xl font-black text-slate-900 dark:text-white tracking-tight", children: heading }), (0, jsx_runtime_1.jsx)("p", { "data-preview-field-path": `testimonials.subheading`, className: "text-xs sm:text-base text-slate-600 dark:text-slate-400 leading-relaxed max-w-2xl mx-auto", children: subheading })] }), (0, jsx_runtime_1.jsx)("div", { "data-preview-list-path": `testimonials.testimonials`, className: "grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-5 sm:gap-7 [grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr))] w-full", children: items.map((item, index) => ((0, jsx_runtime_1.jsx)(TestimonialCard, { item: item, index: index, maxStars: maxStars, cardClassName: cardClassName }, item.id || String(index)))) })] }) }));
 }
+// Canonical alias
+exports.TestimonialSection = EditableTestimonialSection;

package/dist/SiteDataProvider.d.ts

@@ -126,3 +126,12 @@ export declare function useSiteCatalog(): {
     siteInstance: SiteInstanceData | null;
     api: SiteDataApiConfig | null;
 };
+/**
+ * Hook to retrieve shop profile cleanly from SiteData, supporting both
+ * top-level siteData.shop and siteData.merchant.
+ */
+export declare function useShop(fallback?: GenericRecord): GenericRecord;
+/**
+ * Hook to retrieve customer reviews / testimonials cleanly from SiteData.
+ */
+export declare function useReviews(fallback?: GenericRecord[]): GenericRecord[];

package/dist/SiteDataProvider.js

@@ -22,6 +22,8 @@ exports.useProducts = useProducts;
 exports.useServices = useServices;
 exports.useSiteApi = useSiteApi;
 exports.useSiteCatalog = useSiteCatalog;
+exports.useShop = useShop;
+exports.useReviews = useReviews;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const core_1 = require("@deneb-ui/core");
@@ -256,31 +258,114 @@ function SiteDataProvider({ children, initialSiteData, fallbackSiteData, liveCat
             setSiteData((current) => {
                 const currentContent = isRecord(current.content) ? current.content : {};
                 const currentHome = isRecord(currentContent.home) ? currentContent.home : null;
+                const currentCommon = isRecord(currentContent.common) ? currentContent.common : {};
+                const currentContact = isRecord(currentContent.contact) ? currentContent.contact : {};
                 const nextProducts = Array.isArray(live.products)
                     ? live.products
                     : currentContent.products;
                 const nextServices = Array.isArray(live.services)
                     ? live.services
                     : currentContent.services;
+                const nextReviews = Array.isArray(live.reviews)
+                    ? live.reviews
+                    : null;
+                // Shop / Merchant profile live synchronization
+                let nextShop = isRecord(current.shop) ? { ...current.shop } : {};
+                let nextMerchant = isRecord(current.merchant) ? { ...current.merchant } : {};
+                let nextCommon = { ...currentCommon };
+                let nextContact = { ...currentContact };
+                let nextHome = currentHome ? { ...currentHome } : {};
+                if (isRecord(live.shop)) {
+                    nextShop = mergeSiteData(nextShop, live.shop);
+                    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;
+                        }
+                        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;
+                                // Dynamically update any hardcoded or static wa.me URLs across home
+                                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 contact.email === 'string' && contact.email.trim()) {
+                            nextContact.email = contact.email;
+                            nextCommon.email = contact.email;
+                        }
+                    }
+                    if (address) {
+                        const street = address.street || address.line1;
+                        if (typeof street === 'string' && street.trim()) {
+                            nextContact.address = street;
+                            nextCommon.address = street;
+                        }
+                        if (typeof address.mapLocation === 'string' && address.mapLocation.trim()) {
+                            nextContact.googleMapLink = address.mapLocation;
+                            nextContact.mapLocation = address.mapLocation;
+                            nextContact.mapUrl = address.mapLocation;
+                        }
+                    }
+                    if (live.shop.openingHours) {
+                        nextContact.hours = live.shop.openingHours;
+                        nextContact.openingHours = live.shop.openingHours;
+                        nextCommon.openingHours = live.shop.openingHours;
+                        nextHome.businessHours = live.shop.openingHours;
+                    }
+                    if (typeof live.shop.businessName === 'string' && live.shop.businessName.trim()) {
+                        nextCommon.websiteTitle = live.shop.businessName;
+                    }
+                    if (typeof live.shop.logoUrl === 'string' && live.shop.logoUrl.trim()) {
+                        nextCommon.logoUrl = live.shop.logoUrl;
+                    }
+                }
+                // Reviews / Testimonials live synchronization
+                if (nextReviews) {
+                    nextHome.reviews = nextReviews;
+                    nextHome.testimonials = nextReviews;
+                    nextHome.feedbacks = nextReviews;
+                }
                 return {
                     ...current,
+                    shop: nextShop,
+                    merchant: nextMerchant,
+                    reviews: nextReviews ?? current.reviews,
                     content: {
                         ...currentContent,
+                        common: nextCommon,
+                        contact: nextContact,
                         ...(nextProducts !== undefined ? { products: nextProducts } : {}),
                         ...(nextServices !== undefined ? { services: nextServices } : {}),
-                        ...(currentHome
+                        ...(nextReviews !== null ? { reviews: nextReviews, testimonials: nextReviews, feedbacks: nextReviews } : {}),
+                        ...(currentHome || Object.keys(nextHome).length > 0
                             ? {
                                 home: {
-                                    ...currentHome,
-                                    ...(nextProducts !== undefined && 'products' in currentHome
+                                    ...nextHome,
+                                    ...(nextProducts !== undefined && 'products' in (currentHome || {})
                                         ? { products: nextProducts }
                                         : {}),
-                                    ...(nextServices !== undefined && 'services' in currentHome
+                                    ...(nextServices !== undefined && 'services' in (currentHome || {})
                                         ? { services: nextServices }
                                         : {}),
-                                    ...(nextProducts !== undefined && 'featuredProducts' in currentHome
+                                    ...(nextProducts !== undefined && 'featuredProducts' in (currentHome || {})
                                         ? { featuredProducts: nextProducts }
                                         : {}),
+                                    ...(nextServices !== undefined && 'featuredServices' in (currentHome || {})
+                                        ? { featuredServices: nextServices }
+                                        : {}),
                                 },
                             }
                             : {}),
@@ -613,3 +698,49 @@ function useSiteCatalog() {
         api: siteData?.api ?? null,
     };
 }
+/**
+ * Hook to retrieve shop profile cleanly from SiteData, supporting both
+ * top-level siteData.shop and siteData.merchant.
+ */
+function useShop(fallback = {}) {
+    const siteData = useSiteData();
+    if (isRecord(siteData?.shop))
+        return siteData.shop;
+    if (isRecord(siteData?.merchant))
+        return siteData.merchant;
+    return fallback;
+}
+/**
+ * Hook to retrieve customer reviews / testimonials cleanly from SiteData.
+ */
+function useReviews(fallback = []) {
+    const siteData = useSiteData();
+    const content = isRecord(siteData?.content) ? siteData.content : null;
+    if (content) {
+        if (Array.isArray(content.reviews) && content.reviews.length > 0) {
+            return content.reviews;
+        }
+        if (Array.isArray(content.testimonials) && content.testimonials.length > 0) {
+            return content.testimonials;
+        }
+        if (Array.isArray(content.customerReviews) && content.customerReviews.length > 0) {
+            return content.customerReviews;
+        }
+        const home = isRecord(content.home) ? content.home : null;
+        if (home) {
+            if (Array.isArray(home.reviews) && home.reviews.length > 0) {
+                return home.reviews;
+            }
+            if (Array.isArray(home.testimonials) && home.testimonials.length > 0) {
+                return home.testimonials;
+            }
+            if (Array.isArray(home.feedbacks) && home.feedbacks.length > 0) {
+                return home.feedbacks;
+            }
+        }
+    }
+    if (Array.isArray(siteData?.reviews) && siteData.reviews.length > 0) {
+        return siteData.reviews;
+    }
+    return fallback;
+}

package/dist/business/BusinessHours.d.ts

@@ -16,5 +16,6 @@ export interface BusinessHoursProps {
 }
 /**
  * BusinessHours component displaying weekly operating schedule with live Open/Closed status.
+ * Automatically self-hydrates from live shop registration and site data when props are omitted.
  */
-export declare function BusinessHours({ hours, title, fieldPath, showStatusBadge, compact, className, style, }: BusinessHoursProps): React.JSX.Element | null;
+export declare function BusinessHours({ hours, title, fieldPath, showStatusBadge, compact, className, style, }: BusinessHoursProps): React.JSX.Element;

package/dist/business/BusinessHours.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.BusinessHours = BusinessHours;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
+const SiteDataProvider_1 = require("../SiteDataProvider");
 const DAYS_OF_WEEK = [
     'monday',
     'tuesday',
@@ -13,11 +14,19 @@ const DAYS_OF_WEEK = [
     'saturday',
     'sunday',
 ];
+const DEFAULT_HOURS = {
+    monday: { open: '09:00', close: '18:00', closed: false },
+    tuesday: { open: '09:00', close: '18:00', closed: false },
+    wednesday: { open: '09:00', close: '18:00', closed: false },
+    thursday: { open: '09:00', close: '18:00', closed: false },
+    friday: { open: '09:00', close: '18:00', closed: false },
+    saturday: { open: '10:00', close: '16:00', closed: false },
+    sunday: { closed: true },
+};
 function formatTime(timeStr) {
     if (!timeStr)
         return '';
     const clean = timeStr.trim();
-    // If already contains AM/PM
     if (/am|pm/i.test(clean))
         return clean;
     const [hourStr, minStr = '00'] = clean.split(':');
@@ -30,16 +39,28 @@ function formatTime(timeStr) {
 }
 /**
  * BusinessHours component displaying weekly operating schedule with live Open/Closed status.
+ * Automatically self-hydrates from live shop registration and site data when props are omitted.
  */
 function BusinessHours({ hours, title = 'Business Hours', fieldPath = 'common.business.hours', showStatusBadge = true, compact = false, className = '', style, }) {
-    // Determine current day and status
+    const liveShop = (0, SiteDataProvider_1.useShop)();
+    const siteData = (0, SiteDataProvider_1.useSiteData)();
+    const contact = siteData?.content?.contact || siteData?.content?.common?.contact || {};
+    const common = siteData?.content?.common || {};
+    const merchant = siteData?.merchant || {};
+    const effectiveHours = hours ||
+        liveShop?.openingHours ||
+        contact.hours ||
+        contact.openingHours ||
+        common.openingHours ||
+        merchant.openingHours ||
+        DEFAULT_HOURS;
     const currentStatus = (0, react_1.useMemo)(() => {
-        if (!hours)
+        if (!effectiveHours)
             return null;
         const now = new Date();
-        const dayIndex = (now.getDay() + 6) % 7; // Convert 0(Sun)-6(Sat) to 0(Mon)-6(Sun)
+        const dayIndex = (now.getDay() + 6) % 7;
         const todayName = DAYS_OF_WEEK[dayIndex];
-        const todaySched = hours[todayName];
+        const todaySched = effectiveHours[todayName];
         if (!todaySched)
             return { todayName, isOpen: false };
         if (typeof todaySched === 'string') {
@@ -57,9 +78,7 @@ function BusinessHours({ hours, title = 'Business Hours', fieldPath = 'common.bu
         const closeMinutes = parseInt(closeH, 10) * 60 + parseInt(closeM, 10);
         const isOpen = currentMinutes >= openMinutes && currentMinutes < closeMinutes;
         return { todayName, isOpen };
-    }, [hours]);
-    if (!hours)
-        return null;
+    }, [effectiveHours]);
     const containerStyles = {
         padding: compact ? '1rem' : '1.5rem',
         borderRadius: '0.75rem',
@@ -83,7 +102,7 @@ function BusinessHours({ hours, title = 'Business Hours', fieldPath = 'common.bu
                                     borderRadius: '50%',
                                     backgroundColor: currentStatus.isOpen ? '#10b981' : '#94a3b8',
                                 } }), currentStatus.isOpen ? 'Open Now' : 'Closed'] }))] }), (0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', flexDirection: 'column', gap: compact ? '0.35rem' : '0.5rem' }, children: DAYS_OF_WEEK.map((day) => {
-                    const sched = hours[day];
+                    const sched = effectiveHours[day];
                     const isToday = currentStatus?.todayName === day;
                     const dayLabel = day.charAt(0).toUpperCase() + day.slice(1);
                     let scheduleText = 'Closed';

package/dist/contact/EmailButton.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ContactButtonProps } from './ContactButton';
 export interface EmailButtonProps extends Omit<ContactButtonProps, 'type'> {
-    emailAddress?: string | null;
+    email?: string | null;
 }
-export declare function EmailButton({ emailAddress, value, label, fieldPath, variant, subject, ...rest }: EmailButtonProps): React.JSX.Element | null;
+export declare function EmailButton({ email, value, label, fieldPath, variant, ...rest }: EmailButtonProps): React.JSX.Element | null;

package/dist/contact/EmailButton.js

@@ -4,9 +4,21 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.EmailButton = EmailButton;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const ContactButton_1 = require("./ContactButton");
-function EmailButton({ emailAddress, value, label = 'Email Us', fieldPath = 'common.business.email', variant = 'secondary', subject, ...rest }) {
-    const email = emailAddress || value;
-    if (!email && !fieldPath)
+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 contact = siteData?.content?.contact || siteData?.content?.common?.contact || {};
+    const common = siteData?.content?.common || {};
+    const merchant = siteData?.merchant || {};
+    const effectiveEmail = email ||
+        value ||
+        liveShop?.contact?.email ||
+        contact.email ||
+        common.email ||
+        merchant.email ||
+        '';
+    if (!effectiveEmail && !fieldPath)
         return null;
-    return ((0, jsx_runtime_1.jsx)(ContactButton_1.ContactButton, { type: "email", value: email, label: label, fieldPath: fieldPath, variant: variant, subject: subject, ...rest }));
+    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

@@ -4,9 +4,21 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PhoneButton = PhoneButton;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const ContactButton_1 = require("./ContactButton");
+const SiteDataProvider_1 = require("../SiteDataProvider");
 function PhoneButton({ phoneNumber, value, label = 'Call Us', fieldPath = 'common.business.phone', variant = 'primary', ...rest }) {
-    const number = phoneNumber ?? value;
-    if (!number && !fieldPath)
+    const liveShop = (0, SiteDataProvider_1.useShop)();
+    const siteData = (0, SiteDataProvider_1.useSiteData)();
+    const contact = siteData?.content?.contact || siteData?.content?.common?.contact || {};
+    const common = siteData?.content?.common || {};
+    const merchant = siteData?.merchant || {};
+    const effectiveNumber = phoneNumber ||
+        value ||
+        liveShop?.contact?.phone ||
+        contact.phone ||
+        common.phone ||
+        merchant.phone ||
+        '';
+    if (!effectiveNumber && !fieldPath)
         return null;
-    return ((0, jsx_runtime_1.jsx)(ContactButton_1.ContactButton, { type: "phone", value: number, label: label, fieldPath: fieldPath, variant: variant, ...rest }));
+    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

@@ -3,4 +3,8 @@ import { ContactButtonProps } from './ContactButton';
 export interface WhatsAppButtonProps extends Omit<ContactButtonProps, 'type'> {
     phoneNumber?: string | null;
 }
+/**
+ * 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.
+ */
 export declare function WhatsAppButton({ phoneNumber, value, label, fieldPath, variant, message, ...rest }: WhatsAppButtonProps): React.JSX.Element | null;

package/dist/contact/WhatsAppButton.js

@@ -4,10 +4,31 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.WhatsAppButton = WhatsAppButton;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const ContactButton_1 = require("./ContactButton");
+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.
+ */
 function WhatsAppButton({ phoneNumber, value, label = 'Chat on WhatsApp', fieldPath = 'common.business.whatsapp', variant = 'whatsapp', message, ...rest }) {
-    const number = phoneNumber || value;
-    // Don't render if no number and no fieldPath configured
-    if (!number && !fieldPath)
+    const liveShop = (0, SiteDataProvider_1.useShop)();
+    const siteData = (0, SiteDataProvider_1.useSiteData)();
+    const contact = siteData?.content?.contact || siteData?.content?.common?.contact || {};
+    const common = siteData?.content?.common || {};
+    const home = siteData?.content?.home || {};
+    const merchant = siteData?.merchant || {};
+    const effectiveNumber = phoneNumber ||
+        value ||
+        liveShop?.contact?.whatsapp ||
+        liveShop?.contact?.phone ||
+        contact.whatsapp ||
+        contact.phone ||
+        home.whatsappNumber ||
+        home.whatsappCtaUrl ||
+        common.whatsapp ||
+        merchant.whatsapp ||
+        merchant.phone ||
+        '';
+    if (!effectiveNumber && !fieldPath)
         return null;
-    return ((0, jsx_runtime_1.jsx)(ContactButton_1.ContactButton, { type: "whatsapp", value: number, label: label, fieldPath: fieldPath, variant: variant, message: message, ...rest }));
+    return ((0, jsx_runtime_1.jsx)(ContactButton_1.ContactButton, { type: "whatsapp", value: effectiveNumber, label: label, fieldPath: fieldPath, variant: variant, message: message, ...rest }));
 }

package/dist/location/LocationCard.d.ts

@@ -21,5 +21,6 @@ export interface LocationCardProps {
 }
 /**
  * Premium storefront LocationCard displaying address, pin icon, and Google Maps directions button.
+ * Automatically self-hydrates from live shop registration and site data when props are omitted.
  */
 export declare function LocationCard({ name, title, titleFieldPath, address, city, state, country, postalCode, mapUrl, addressUrl, url, fieldPath, nameFieldPath, addressFieldPath, mapUrlFieldPath, directionsLabel, className, style, }: LocationCardProps): React.JSX.Element | null;

package/dist/location/LocationCard.js

@@ -6,14 +6,26 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const Address_1 = require("./Address");
 const MapLink_1 = require("./MapLink");
 const EditableText_1 = require("../EditableText");
+const SiteDataProvider_1 = require("../SiteDataProvider");
 /**
  * Premium storefront LocationCard displaying address, pin icon, and Google Maps directions button.
+ * Automatically self-hydrates from live shop registration and site data when props are omitted.
  */
 function LocationCard({ name, title = 'Our Location', titleFieldPath, address, city, state, country, postalCode, mapUrl, addressUrl, url, fieldPath, nameFieldPath, addressFieldPath = 'common.business.location.address', mapUrlFieldPath = 'common.business.location.addressUrl', directionsLabel = 'Get Directions →', className = '', style, }) {
-    const explicitUrl = (addressUrl || mapUrl || url || '').trim();
-    const cardTitle = name || title || 'Our Location';
+    const liveShop = (0, SiteDataProvider_1.useShop)();
+    const siteData = (0, SiteDataProvider_1.useSiteData)();
+    const contact = siteData?.content?.contact || siteData?.content?.common?.contact || {};
+    const common = siteData?.content?.common || {};
+    const merchant = siteData?.merchant || {};
+    const effectiveAddress = address ?? liveShop?.address ?? contact.address ?? contact.location ?? merchant.address ?? '';
+    const effectiveCity = city ?? liveShop?.city ?? contact.city ?? merchant.city ?? '';
+    const effectiveState = state ?? '';
+    const effectiveCountry = country ?? contact.country ?? merchant.country ?? '';
+    const effectivePostalCode = postalCode ?? contact.postalCode ?? '';
+    const explicitUrl = (addressUrl || mapUrl || url || liveShop?.mapLocation || contact.googleMapLink || contact.mapLocation || merchant.mapLocation || merchant.googleMapLink || '').trim();
+    const effectiveName = name ?? liveShop?.name ?? common.websiteTitle ?? merchant.businessName ?? title ?? 'Our Location';
     const resolvedTitleFieldPath = nameFieldPath || titleFieldPath || (fieldPath ? `${fieldPath}.name` : 'contact.locationTitle');
-    if (!address && !city && !country && !explicitUrl && !name) {
+    if (!effectiveAddress && !effectiveCity && !effectiveCountry && !explicitUrl && !effectiveName) {
         return null;
     }
     const cardStyles = {
@@ -40,5 +52,5 @@ function LocationCard({ name, title = 'Our Location', titleFieldPath, address, c
         alignItems: 'center',
         justifyContent: 'center',
     };
-    return ((0, jsx_runtime_1.jsxs)("div", { className: `deneb-location-card ${className}`.trim(), style: cardStyles, children: [(0, jsx_runtime_1.jsx)("div", { style: iconCircleStyles, children: (0, jsx_runtime_1.jsxs)("svg", { "data-preview-static": "location-card-icon", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [(0, jsx_runtime_1.jsx)("path", { d: "M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z" }), (0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "10", r: "3" })] }) }), (0, jsx_runtime_1.jsx)(EditableText_1.EditableText, { as: "h3", id: titleFieldPath || (fieldPath ? `${fieldPath}.title` : 'contact.locationTitle'), defaultValue: cardTitle, style: { margin: 0, fontSize: '1.25rem', fontWeight: 600, color: 'var(--color-text, #0f172a)' } }), (0, jsx_runtime_1.jsx)(Address_1.Address, { address: address, city: city, country: country, postalCode: postalCode, fieldPath: fieldPath, addressFieldPath: addressFieldPath }), (0, jsx_runtime_1.jsx)("div", { style: { marginTop: '0.5rem', width: '100%' }, children: (0, jsx_runtime_1.jsx)(MapLink_1.MapLink, { name: name, mapUrl: explicitUrl, addressUrl: explicitUrl, url: explicitUrl, address: address, city: city, state: state, country: country, postalCode: postalCode, label: directionsLabel, urlFieldPath: mapUrlFieldPath, variant: "primary", size: "md", style: { width: '100%' } }) })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: `deneb-location-card ${className}`.trim(), style: cardStyles, children: [(0, jsx_runtime_1.jsx)("div", { style: iconCircleStyles, children: (0, jsx_runtime_1.jsxs)("svg", { "data-preview-static": "location-card-icon", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [(0, jsx_runtime_1.jsx)("path", { d: "M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z" }), (0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "10", r: "3" })] }) }), (0, jsx_runtime_1.jsx)(EditableText_1.EditableText, { as: "h3", id: resolvedTitleFieldPath, defaultValue: effectiveName, style: { margin: 0, fontSize: '1.25rem', fontWeight: 600, color: 'var(--color-text, #0f172a)' } }), (0, jsx_runtime_1.jsx)(Address_1.Address, { address: effectiveAddress, city: effectiveCity, country: effectiveCountry, postalCode: effectivePostalCode, fieldPath: fieldPath, addressFieldPath: addressFieldPath }), (0, jsx_runtime_1.jsx)("div", { style: { marginTop: '0.5rem', width: '100%' }, children: (0, jsx_runtime_1.jsx)(MapLink_1.MapLink, { name: effectiveName, mapUrl: explicitUrl, addressUrl: explicitUrl, url: explicitUrl, address: effectiveAddress, city: effectiveCity, state: effectiveState, country: effectiveCountry, postalCode: effectivePostalCode, label: directionsLabel, urlFieldPath: mapUrlFieldPath, variant: "primary", size: "md", style: { width: '100%' } }) })] }));
 }

package/dist/location/LocationLink.d.ts

@@ -14,5 +14,6 @@ export interface LocationLinkProps {
 }
 /**
  * Combines physical address with an interactive "Get Directions" action.
+ * Automatically self-hydrates from live shop registration and site data when props are omitted.
  */
 export declare function LocationLink({ address, city, country, mapUrl, fieldPath, addressFieldPath, mapUrlFieldPath, directionsLabel, showAddress, className, style, }: LocationLinkProps): React.JSX.Element | null;

package/dist/location/LocationLink.js

@@ -5,11 +5,21 @@ exports.LocationLink = LocationLink;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const Address_1 = require("./Address");
 const MapLink_1 = require("./MapLink");
+const SiteDataProvider_1 = require("../SiteDataProvider");
 /**
  * Combines physical address with an interactive "Get Directions" action.
+ * Automatically self-hydrates from live shop registration and site data when props are omitted.
  */
 function LocationLink({ address, city, country, mapUrl, fieldPath, addressFieldPath = 'common.business.location.address', mapUrlFieldPath = 'common.business.location.addressUrl', directionsLabel = 'Get Directions', showAddress = true, className = '', style, }) {
-    if (!address && !city && !country && !mapUrl) {
+    const liveShop = (0, SiteDataProvider_1.useShop)();
+    const siteData = (0, SiteDataProvider_1.useSiteData)();
+    const contact = siteData?.content?.contact || siteData?.content?.common?.contact || {};
+    const merchant = siteData?.merchant || {};
+    const effectiveAddress = address ?? liveShop?.address ?? contact.address ?? contact.location ?? merchant.address ?? '';
+    const effectiveCity = city ?? liveShop?.city ?? contact.city ?? merchant.city ?? '';
+    const effectiveCountry = country ?? contact.country ?? merchant.country ?? '';
+    const effectiveMapUrl = (mapUrl || liveShop?.mapLocation || contact.googleMapLink || contact.mapLocation || merchant.mapLocation || '').trim();
+    if (!effectiveAddress && !effectiveCity && !effectiveCountry && !effectiveMapUrl) {
         return null;
     }
     const containerStyles = {
@@ -19,5 +29,5 @@ function LocationLink({ address, city, country, mapUrl, fieldPath, addressFieldP
         alignItems: 'flex-start',
         ...style,
     };
-    return ((0, jsx_runtime_1.jsxs)("div", { className: `deneb-location-link ${className}`.trim(), style: containerStyles, children: [showAddress && ((0, jsx_runtime_1.jsx)(Address_1.Address, { address: address, city: city, country: country, fieldPath: fieldPath, addressFieldPath: addressFieldPath })), (0, jsx_runtime_1.jsx)(MapLink_1.MapLink, { mapUrl: mapUrl, address: address, city: city, country: country, label: directionsLabel, fieldPath: mapUrlFieldPath, variant: "outline", size: "sm" })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: `deneb-location-link ${className}`.trim(), style: containerStyles, children: [showAddress && ((0, jsx_runtime_1.jsx)(Address_1.Address, { address: effectiveAddress, city: effectiveCity, country: effectiveCountry, fieldPath: fieldPath, addressFieldPath: addressFieldPath })), (0, jsx_runtime_1.jsx)(MapLink_1.MapLink, { mapUrl: effectiveMapUrl, address: effectiveAddress, city: effectiveCity, country: effectiveCountry, label: directionsLabel, fieldPath: mapUrlFieldPath, variant: "outline", size: "sm" })] }));
 }

package/dist/location/MapEmbed.d.ts

@@ -14,5 +14,6 @@ export interface MapEmbedProps {
 /**
  * Safe, responsive Google Maps Embed component with automatic fallback to MapLink
  * when an embed URL is not yet configured by the merchant.
+ * Automatically self-hydrates from live shop registration and site data when props are omitted.
  */
 export declare function MapEmbed({ embedUrl, mapUrl, address, city, country, title, fieldPath, height, className, style, }: MapEmbedProps): React.JSX.Element;

package/dist/location/MapEmbed.js

@@ -4,11 +4,22 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MapEmbed = MapEmbed;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const MapLink_1 = require("./MapLink");
+const SiteDataProvider_1 = require("../SiteDataProvider");
 /**
  * Safe, responsive Google Maps Embed component with automatic fallback to MapLink
  * when an embed URL is not yet configured by the merchant.
+ * Automatically self-hydrates from live shop registration and site data when props are omitted.
  */
 function MapEmbed({ embedUrl, mapUrl, address, city, country, title = 'Business Location Map', fieldPath = 'common.business.location.mapEmbedUrl', height = 360, className = '', style, }) {
+    const liveShop = (0, SiteDataProvider_1.useShop)();
+    const siteData = (0, SiteDataProvider_1.useSiteData)();
+    const contact = siteData?.content?.contact || siteData?.content?.common?.contact || {};
+    const merchant = siteData?.merchant || {};
+    const effectiveEmbedUrl = embedUrl ?? contact.mapEmbedUrl ?? merchant.mapEmbedUrl ?? '';
+    const effectiveMapUrl = (mapUrl || liveShop?.mapLocation || contact.googleMapLink || contact.mapLocation || merchant.mapLocation || '').trim();
+    const effectiveAddress = address ?? liveShop?.address ?? contact.address ?? contact.location ?? merchant.address ?? '';
+    const effectiveCity = city ?? liveShop?.city ?? contact.city ?? merchant.city ?? '';
+    const effectiveCountry = country ?? contact.country ?? merchant.country ?? '';
     const containerStyles = {
         width: '100%',
         height: typeof height === 'number' ? `${height}px` : height,
@@ -22,9 +33,9 @@ function MapEmbed({ embedUrl, mapUrl, address, city, country, title = 'Business
         justifyContent: 'center',
         ...style,
     };
-    if (embedUrl && (embedUrl.startsWith('http://') || embedUrl.startsWith('https://'))) {
-        return ((0, jsx_runtime_1.jsx)("div", { className: `deneb-map-embed ${className}`.trim(), style: containerStyles, children: (0, jsx_runtime_1.jsx)("iframe", { "data-preview-field-path": fieldPath, src: embedUrl, title: title, width: "100%", height: "100%", style: { border: 0 }, loading: "lazy", allowFullScreen: true, referrerPolicy: "no-referrer-when-downgrade" }) }));
+    if (effectiveEmbedUrl && (effectiveEmbedUrl.startsWith('http://') || effectiveEmbedUrl.startsWith('https://'))) {
+        return ((0, jsx_runtime_1.jsx)("div", { className: `deneb-map-embed ${className}`.trim(), style: containerStyles, children: (0, jsx_runtime_1.jsx)("iframe", { "data-preview-field-path": fieldPath, src: effectiveEmbedUrl, title: title, width: "100%", height: "100%", style: { border: 0 }, loading: "lazy", allowFullScreen: true, referrerPolicy: "no-referrer-when-downgrade" }) }));
     }
     // Fallback when no direct iframe URL is provided
-    return ((0, jsx_runtime_1.jsx)("div", { className: `deneb-map-embed deneb-map-fallback ${className}`.trim(), style: containerStyles, children: (0, jsx_runtime_1.jsxs)("div", { style: { textAlign: 'center', padding: '1.5rem' }, children: [(0, jsx_runtime_1.jsx)("div", { style: { marginBottom: '0.75rem', opacity: 0.6 }, children: (0, jsx_runtime_1.jsxs)("svg", { "data-preview-static": "map-pin-icon", width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [(0, jsx_runtime_1.jsx)("path", { d: "M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z" }), (0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "10", r: "3" })] }) }), (0, jsx_runtime_1.jsx)("p", { "data-preview-static": "map-placeholder-title", style: { margin: '0 0 0.75rem 0', fontWeight: 500, color: 'var(--color-text, #0f172a)' }, children: address ? `${address}${city ? `, ${city}` : ''}` : 'Location Map' }), (0, jsx_runtime_1.jsx)(MapLink_1.MapLink, { mapUrl: mapUrl, address: address, city: city, country: country, label: "Open in Google Maps \u2197", variant: "primary", size: "sm" })] }) }));
+    return ((0, jsx_runtime_1.jsx)("div", { className: `deneb-map-embed deneb-map-fallback ${className}`.trim(), style: containerStyles, children: (0, jsx_runtime_1.jsxs)("div", { style: { textAlign: 'center', padding: '1.5rem' }, children: [(0, jsx_runtime_1.jsx)("div", { style: { marginBottom: '0.75rem', opacity: 0.6 }, children: (0, jsx_runtime_1.jsxs)("svg", { "data-preview-static": "map-pin-icon", width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [(0, jsx_runtime_1.jsx)("path", { d: "M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z" }), (0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "10", r: "3" })] }) }), (0, jsx_runtime_1.jsx)("p", { "data-preview-static": "map-placeholder-title", style: { margin: '0 0 0.75rem 0', fontWeight: 500, color: 'var(--color-text, #0f172a)' }, children: effectiveAddress ? `${effectiveAddress}${effectiveCity ? `, ${effectiveCity}` : ''}` : 'Location Map' }), (0, jsx_runtime_1.jsx)(MapLink_1.MapLink, { mapUrl: effectiveMapUrl, address: effectiveAddress, city: effectiveCity, country: effectiveCountry, label: "Open in Google Maps \u2197", variant: "primary", size: "sm" })] }) }));
 }

package/package.json

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