storefront-layouts 1.0.18 → 1.0.19

package/dist/editor/shared/EditorHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditorHeader.d.ts","sourceRoot":"","sources":["../../../src/editor/shared/EditorHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoE,MAAM,OAAO,CAAC;AA6BzF,OAAO,EAAwB,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAsI5E,UAAU,iBAAiB;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,KAAK,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACtC,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC3C,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,KAAK,IAAI,CAAC;IACnE,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAClD,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,8DAA8D;IAC9D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,2CAA2C;IAC3C,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,uBAAuB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC7D,sFAAsF;IACtF,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,oEAAoE;IACpE,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAChD,uDAAuD;IACvD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,6DAA6D;IAC7D,kBAAkB,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;IACnE,yDAAyD;IACzD,eAAe,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACzD;AA8ID,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA4fpD,CAAC"}
+{"version":3,"file":"EditorHeader.d.ts","sourceRoot":"","sources":["../../../src/editor/shared/EditorHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoE,MAAM,OAAO,CAAC;AA4BzF,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAuJtD,UAAU,iBAAiB;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,KAAK,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACtC,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC3C,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,KAAK,IAAI,CAAC;IACnE,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAClD,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,8DAA8D;IAC9D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,2CAA2C;IAC3C,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,uBAAuB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC7D,sFAAsF;IACtF,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,oEAAoE;IACpE,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAChD,uDAAuD;IACvD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,6DAA6D;IAC7D,kBAAkB,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;IACnE,yDAAyD;IACzD,eAAe,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACzD;AA0DD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgfpD,CAAC"}

package/dist/editor/shared/EditorHeader.js

@@ -3,30 +3,43 @@ import { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react
 import { createPortal } from 'react-dom';
 import { motion, AnimatePresence } from 'framer-motion';
 import { cn } from '../../lib/utils/index.js';
-import { ArrowLeft, Layout, Save, Smartphone, Monitor, Tablet, Eye, Pencil, PanelLeft, ChevronDown, Home, ShoppingBag, ShoppingCart, FileText, Settings, Undo2, Redo2, Send, Sparkles, Image as ImageIcon, Palette, Check, ZoomIn, } from 'lucide-react';
-import { PREVIEW_ZOOM_OPTIONS } from './preview-viewport.js';
+import { ArrowLeft, Layout, Save, Smartphone, Monitor, Tablet, Eye, Pencil, PanelLeft, ChevronDown, Home, ShoppingBag, ShoppingCart, FileText, Settings, Undo2, Redo2, Send, Sparkles, Image as ImageIcon, Palette, Check, } from 'lucide-react';
 const Tooltip = ({ text, children }) => {
     const [isVisible, setIsVisible] = useState(false);
     const [coords, setCoords] = useState({ top: 0, left: 0 });
     const showTimeoutRef = useRef(null);
     const hideTimeoutRef = useRef(null);
     const triggerRef = useRef(null);
+    const bubbleRef = useRef(null);
     const visibleRef = useRef(false);
     const updatePosition = useCallback(() => {
         const el = triggerRef.current;
         if (!el)
             return;
+        const pad = 12;
         const r = el.getBoundingClientRect();
-        setCoords({ top: r.bottom + 8, left: r.left + r.width / 2 });
+        const bubble = bubbleRef.current;
+        const bubbleWidth = bubble?.offsetWidth ?? Math.min(352, window.innerWidth - pad * 2);
+        const bubbleHeight = bubble?.offsetHeight ?? 44;
+        const centerX = r.left + r.width / 2;
+        let left = centerX - bubbleWidth / 2;
+        left = Math.max(pad, Math.min(left, window.innerWidth - pad - bubbleWidth));
+        let top = r.bottom + 8;
+        if (top + bubbleHeight > window.innerHeight - pad) {
+            top = Math.max(pad, r.top - 8 - bubbleHeight);
+        }
+        setCoords({ top, left });
     }, []);
     useLayoutEffect(() => {
         if (!isVisible)
             return;
         updatePosition();
+        const raf = requestAnimationFrame(() => updatePosition());
         const onReposition = () => updatePosition();
         window.addEventListener('scroll', onReposition, true);
         window.addEventListener('resize', onReposition);
         return () => {
+            cancelAnimationFrame(raf);
             window.removeEventListener('scroll', onReposition, true);
             window.removeEventListener('resize', onReposition);
         };
@@ -73,12 +86,12 @@ const Tooltip = ({ text, children }) => {
         }
         scheduleHide();
     };
-    const tooltipBubble = typeof document !== 'undefined' ? (createPortal(_jsx(AnimatePresence, { children: isVisible && (_jsx(motion.div, { initial: { opacity: 0, y: 6, scale: 0.97 }, animate: { opacity: 1, y: 0, scale: 1 }, exit: { opacity: 0, y: 6, scale: 0.97 }, transition: { duration: 0.15, ease: [0.23, 1, 0.32, 1] }, style: {
+    const tooltipBubble = typeof document !== 'undefined' ? (createPortal(_jsx(AnimatePresence, { children: isVisible && (_jsx(motion.div, { ref: bubbleRef, initial: { opacity: 0, y: 6, scale: 0.97 }, animate: { opacity: 1, y: 0, scale: 1 }, exit: { opacity: 0, y: 6, scale: 0.97 }, transition: { duration: 0.15, ease: [0.23, 1, 0.32, 1] }, style: {
                 position: 'fixed',
                 top: coords.top,
                 left: coords.left,
-                transform: 'translateX(-50%)',
                 zIndex: 200000,
+                maxWidth: 'min(22rem, calc(100vw - 24px))',
             }, className: "pointer-events-auto", onMouseEnter: cancelHide, onMouseLeave: scheduleHide, children: _jsx("div", { "data-payaza-header-tooltip": true, className: "max-w-[min(92vw,22rem)] rounded-lg border border-white/12 border-l-[3px] border-l-shopaza-green bg-shopaza-ink px-3 py-2 text-left text-[12px] font-medium leading-relaxed tracking-tight text-white shadow-[0_12px_40px_rgba(27,0,41,0.38)] ring-1 ring-black/20", children: text }) }, text)) }), document.body)) : null;
     return (_jsxs(_Fragment, { children: [_jsx("div", { ref: triggerRef, className: "relative flex items-center justify-center", onMouseEnter: onTriggerEnter, onMouseLeave: onTriggerLeave, onFocusCapture: onTriggerEnter, onBlurCapture: onTriggerLeave, children: children }), tooltipBubble] }));
 };
@@ -104,24 +117,6 @@ function Cluster({ children, className }) {
 function Divider() {
     return _jsx("span", { className: "mx-1 inline-block h-6 w-px shrink-0 bg-[#eef1f5]", "aria-hidden": true });
 }
-function PreviewZoomDropdown({ previewZoom, onPreviewZoomChange }) {
-    const [isOpen, setIsOpen] = useState(false);
-    const activeLabel = PREVIEW_ZOOM_OPTIONS.find((option) => option.value === previewZoom)?.label ?? 'Fit';
-    useEffect(() => {
-        const onClickOutside = (e) => {
-            if (!e.target.closest('.zoom-dropdown-container')) {
-                setIsOpen(false);
-            }
-        };
-        if (isOpen)
-            document.addEventListener('mousedown', onClickOutside);
-        return () => document.removeEventListener('mousedown', onClickOutside);
-    }, [isOpen]);
-    return (_jsxs("div", { className: "zoom-dropdown-container relative", children: [_jsx(Tooltip, { text: "Preview zoom level", children: _jsxs("button", { type: "button", onClick: () => setIsOpen((v) => !v), "aria-haspopup": "listbox", "aria-expanded": isOpen, "aria-label": `Preview zoom: ${activeLabel}`, className: "flex h-8 min-w-[4.75rem] items-center gap-1.5 rounded-lg border border-[#e6e9ee] bg-white px-2.5 text-[12px] font-semibold text-[#374151] shadow-[0_1px_2px_rgba(15,23,42,0.05)] transition-colors hover:border-[#d4dae3] hover:bg-[#fcfdff]", children: [_jsx(ZoomIn, { className: "h-3.5 w-3.5 shrink-0 text-[#440066]", strokeWidth: 2 }), _jsx("span", { className: "tabular-nums", children: activeLabel }), _jsx(ChevronDown, { className: cn('ml-auto h-3.5 w-3.5 shrink-0 text-[#9aa3b2] transition-transform', isOpen && 'rotate-180'), strokeWidth: 2 })] }) }), _jsx(AnimatePresence, { children: isOpen && (_jsxs(motion.div, { initial: { opacity: 0, y: 6 }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: 6 }, transition: { duration: 0.12 }, role: "listbox", "aria-label": "Preview zoom options", className: "absolute right-0 top-full z-[200] mt-1.5 w-[8.5rem] rounded-xl border border-[#e6e9ee] bg-white py-1 shadow-[0_12px_24px_rgba(15,23,42,0.08)]", children: [_jsx("div", { className: "border-b border-[#f3f4f6] px-3 py-2", children: _jsx("span", { className: "text-[11px] font-semibold uppercase tracking-wide text-[#8a94a5]", children: "Zoom" }) }), _jsx("div", { className: "py-1", children: PREVIEW_ZOOM_OPTIONS.map((option) => (_jsxs("button", { type: "button", role: "option", "aria-selected": previewZoom === option.value, onClick: () => {
-                                    onPreviewZoomChange(option.value);
-                                    setIsOpen(false);
-                                }, className: cn('flex w-full items-center gap-2 px-3 py-2 text-left text-[13px] transition-colors hover:bg-[#f8fafc]', previewZoom === option.value && 'bg-[#f5f0ff] font-medium text-[#440066] hover:bg-[#ede9ff]'), children: [_jsx("span", { className: "flex-1 tabular-nums", children: option.label }), previewZoom === option.value && (_jsx(Check, { className: "h-4 w-4 shrink-0 text-[#440066]", strokeWidth: 2.5 }))] }, String(option.value)))) })] })) })] }));
-}
 /* ─── Component ──────────────────────────────────────────────────────────── */
 export const EditorHeader = ({ layoutName, storeName, storeLogo, activePage, isSaving, isPublishing, onSave, onPublish, onBack, onBackToSettings, onOpenAssets, onBackToTheme, onUndo, onRedo, canUndo, canRedo, onGenerateAI, isGeneratingAI, pages, onPageSwitch, viewMode = 'desktop', onViewModeChange, previewZoom = 'fit', onPreviewZoomChange, publishButtonText = 'Publish', centerTemplateLabel, showPageSwitcher = true, showPageContextCard = true, currentPageLabel, outlinePanelOpen, onToggleOutlinePanel, listViewOpen = true, onToggleListView, interactionMode = 'edit', onInteractionModeChange, isMobileChrome = false, headerRef, headerStatusNote, mobileStatusBanner, draftSaveStatus = 'idle', }) => {
     const navigatorOpen = outlinePanelOpen !== undefined ? outlinePanelOpen : listViewOpen;
@@ -151,14 +146,14 @@ export const EditorHeader = ({ layoutName, storeName, storeLogo, activePage, isS
                 ? 'Unsaved changes'
                 : null;
     const showMobileStatusRow = isMobileChrome && (headerStatusNote || mobileStatusBanner);
-    return (_jsxs("header", { ref: headerRef, className: cn('sticky top-0 z-[100] flex shrink-0 flex-col border-b border-[#e6e9ee] bg-white/95 font-sans antialiased text-[#1f2937] backdrop-blur supports-[backdrop-filter]:bg-white/88', isMobileChrome ? 'min-h-0' : 'min-h-[52px] md:min-h-[72px]'), style: { paddingTop: 'env(safe-area-inset-top, 0px)' }, children: [_jsxs("div", { className: cn('flex w-full flex-1 items-center overflow-x-auto', isMobileChrome ? 'min-h-[48px] gap-2 px-3 py-1.5' : 'min-h-[52px] gap-3 px-3 py-2 md:min-h-[72px] md:px-5'), children: [_jsxs("div", { className: cn('flex min-w-0 shrink-0 items-center', isMobileChrome ? 'gap-1' : 'gap-1.5'), children: [onBack && (_jsx(Tooltip, { text: "Close editor and return to dashboard", children: _jsxs("button", { type: "button", onClick: onBack, "aria-label": "Close editor", className: cn('flex shrink-0 items-center gap-1.5 rounded-lg border border-transparent text-[12px] font-medium text-[#5b6470] transition-colors hover:border-[#e6e9ee] hover:bg-[#f4f5f7] hover:text-[#1f2937] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#440066]/35 focus-visible:ring-offset-2', isMobileChrome ? 'h-9 px-2' : 'h-9 px-2 min-[900px]:px-2.5'), children: [_jsx(ArrowLeft, { className: "h-4 w-4 shrink-0", strokeWidth: 2.25, "aria-hidden": true }), _jsx("span", { className: "hidden min-[900px]:inline", children: "Close" })] }) })), toggleNavigator && (_jsx(Tooltip, { text: navigatorOpen ? 'Hide outline panel' : 'Show outline panel', children: _jsx(IconBtn, { active: navigatorOpen, onClick: toggleNavigator, "aria-label": navigatorOpen ? 'Hide outline panel' : 'Show outline panel', children: _jsx(PanelLeft, { className: "h-4 w-4", strokeWidth: 2 }) }) })), (toggleNavigator || onUndo || onRedo) && (_jsx("span", { className: cn('inline-block w-px shrink-0 bg-[#eef1f5]', isMobileChrome ? 'mx-0.5 h-5' : 'mx-0.5 h-5'), "aria-hidden": true })), _jsx(Tooltip, { text: "Undo last change (Ctrl+Z)", children: _jsx(IconBtn, { onClick: onUndo, disabled: !canUndo, "aria-label": "Undo", children: _jsx(Undo2, { className: "h-4 w-4", strokeWidth: 2 }) }) }), _jsx(Tooltip, { text: "Redo last change (Ctrl+Y)", children: _jsx(IconBtn, { onClick: onRedo, disabled: !canRedo, "aria-label": "Redo", children: _jsx(Redo2, { className: "h-4 w-4", strokeWidth: 2 }) }) }), _jsxs("div", { className: "hidden min-w-0 items-center gap-2.5 min-[900px]:flex", children: [_jsx("span", { className: "h-7 w-px shrink-0 bg-[#e8ecf2]", "aria-hidden": true }), _jsx("div", { className: cn('flex h-9 w-9 shrink-0 items-center justify-center overflow-hidden rounded-lg border border-[#e6e9ee] bg-white shadow-sm', storeLogo && !logoError && storeLogo.trim() !== '' ? '' : 'bg-[#f6f7f7]'), children: storeLogo && !logoError && storeLogo.trim() !== '' ? (_jsx("img", { src: storeLogo, alt: "", className: "h-full w-full object-cover", onError: () => setLogoError(true) })) : (_jsx(Layout, { className: "h-4 w-4 text-[#9ca3af]", strokeWidth: 2 })) }), _jsxs("div", { className: "min-w-0 max-w-[11rem]", children: [_jsx("p", { className: "truncate text-[13px] font-semibold leading-tight text-[#1b0029]", children: storeName || layoutName }), _jsx("p", { className: "truncate text-[11px] leading-tight text-[#7b8492]", children: layoutName })] })] })] }), _jsx("div", { className: "hidden min-w-0 flex-1 items-center justify-center px-1 md:flex md:px-4", children: showPageSwitcher ? (_jsxs("div", { className: "page-switcher-container relative", children: [_jsxs("button", { type: "button", onClick: () => setIsPageDropdownOpen((v) => !v), className: "flex max-w-[min(92vw,360px)] items-center gap-2.5 rounded-xl border border-[#e6e9ee] bg-white px-3.5 py-2.5 text-left shadow-[0_1px_2px_rgba(15,23,42,0.05)] transition-colors hover:border-[#d4dae3] hover:bg-[#fcfdff]", children: [_jsx("span", { className: "shrink-0 text-[#440066]", children: getPageIcon(activePage) }), _jsx("span", { className: "truncate text-[13px] font-semibold text-[#1f2937]", children: pages.find((p) => p.id === activePage)?.name || activePage }), _jsx(ChevronDown, { className: cn('ml-auto h-4 w-4 shrink-0 text-[#9aa3b2] transition-transform', isPageDropdownOpen && 'rotate-180'), strokeWidth: 2 })] }), _jsx(AnimatePresence, { children: isPageDropdownOpen && (_jsxs(motion.div, { initial: { opacity: 0, y: 6 }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: 6 }, transition: { duration: 0.12 }, className: "absolute left-1/2 top-full z-[200] mt-1.5 w-[min(calc(100vw-24px),17rem)] -translate-x-1/2 rounded-xl border border-[#e6e9ee] bg-white py-1 shadow-[0_12px_24px_rgba(15,23,42,0.08)]", children: [_jsx("div", { className: "border-b border-[#f3f4f6] px-3.5 py-2.5", children: _jsx("span", { className: "text-[11px] font-semibold uppercase tracking-wide text-[#8a94a5]", children: "Pages" }) }), _jsx("div", { className: "max-h-[280px] overflow-y-auto py-1", children: pages.map((page) => (_jsxs("button", { type: "button", onClick: () => { onPageSwitch(page.id); setIsPageDropdownOpen(false); }, className: cn('flex w-full items-center gap-3 px-3.5 py-2.5 text-left text-[13px] transition-colors hover:bg-[#f8fafc]', activePage === page.id && 'bg-[#f5f0ff] font-medium text-[#440066] hover:bg-[#ede9ff]'), children: [_jsx("span", { className: activePage === page.id ? 'text-[#440066]' : 'text-[#9ca3af]', children: getPageIcon(page.id) }), _jsx("span", { className: "flex-1", children: page.name }), activePage === page.id && (_jsx(Check, { className: "h-4 w-4 shrink-0 text-[#440066]", strokeWidth: 2.5 }))] }, page.id))) })] })) })] })) : showPageContextCard ? (_jsxs("div", { className: "flex max-w-[min(92vw,400px)] items-center gap-2.5 rounded-lg border border-[#e8ecf2] bg-white px-3 py-1.5 shadow-[0_1px_2px_rgba(15,23,42,0.04)]", children: [_jsx("span", { className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md bg-[#f7f3ff] text-[#440066]", children: getPageIcon(activePage) }), _jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "text-[9px] font-semibold uppercase tracking-[0.07em] text-[#8a94a5]", children: interactionMode === 'preview' ? 'Previewing page' : 'Current page' }), _jsx("p", { className: "truncate text-[12px] font-semibold text-[#1f2937]", children: centerTemplateLabel ||
+    return (_jsxs("header", { ref: headerRef, className: cn('sticky top-0 z-[100] flex shrink-0 flex-col border-b border-[#e6e9ee] bg-white/95 font-sans antialiased text-[#1f2937] backdrop-blur supports-[backdrop-filter]:bg-white/88', isMobileChrome ? 'min-h-0' : 'min-h-[52px] md:min-h-[72px]'), style: { paddingTop: 'env(safe-area-inset-top, 0px)' }, children: [_jsxs("div", { className: cn('flex w-full flex-1 items-center overflow-x-auto', isMobileChrome ? 'min-h-[48px] gap-2 px-3 py-1.5' : 'min-h-[52px] gap-3 px-3 py-2 md:min-h-[72px] md:px-5'), children: [_jsxs("div", { className: cn('flex min-w-0 shrink-0 items-center', isMobileChrome ? 'gap-1' : 'gap-1.5'), children: [onBack && (_jsx(Tooltip, { text: "Back to layout selection", children: _jsxs("button", { type: "button", onClick: onBack, "aria-label": "Back to layout selection", className: cn('flex shrink-0 items-center gap-1.5 rounded-lg text-[12px] font-semibold text-[#50575e] transition-colors hover:bg-[#f3f4f6] hover:text-[#1b0029] active:bg-[#eef1f5] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#440066]/35 focus-visible:ring-offset-2', isMobileChrome ? 'h-9 px-2' : 'h-9 px-2 min-[900px]:px-2.5'), children: [_jsx(ArrowLeft, { className: "h-4 w-4 shrink-0", strokeWidth: 2, "aria-hidden": true }), _jsx("span", { className: "hidden min-[900px]:inline", children: "Back" })] }) })), toggleNavigator && (_jsx(Tooltip, { text: navigatorOpen ? 'Hide outline panel' : 'Show outline panel', children: _jsx(IconBtn, { active: navigatorOpen, onClick: toggleNavigator, "aria-label": navigatorOpen ? 'Hide outline panel' : 'Show outline panel', children: _jsx(PanelLeft, { className: "h-4 w-4", strokeWidth: 2 }) }) })), (toggleNavigator || onUndo || onRedo) && (_jsx("span", { className: cn('inline-block w-px shrink-0 bg-[#eef1f5]', isMobileChrome ? 'mx-0.5 h-5' : 'mx-0.5 h-5'), "aria-hidden": true })), _jsx(Tooltip, { text: "Undo last change (Ctrl+Z)", children: _jsx(IconBtn, { onClick: onUndo, disabled: !canUndo, "aria-label": "Undo", children: _jsx(Undo2, { className: "h-4 w-4", strokeWidth: 2 }) }) }), _jsx(Tooltip, { text: "Redo last change (Ctrl+Y)", children: _jsx(IconBtn, { onClick: onRedo, disabled: !canRedo, "aria-label": "Redo", children: _jsx(Redo2, { className: "h-4 w-4", strokeWidth: 2 }) }) }), _jsxs("div", { className: "hidden min-w-0 items-center gap-2.5 min-[900px]:flex", children: [_jsx("span", { className: "h-7 w-px shrink-0 bg-[#e8ecf2]", "aria-hidden": true }), _jsx("div", { className: cn('flex h-9 w-9 shrink-0 items-center justify-center overflow-hidden rounded-lg border border-[#e6e9ee] bg-white shadow-sm', storeLogo && !logoError && storeLogo.trim() !== '' ? '' : 'bg-[#f6f7f7]'), children: storeLogo && !logoError && storeLogo.trim() !== '' ? (_jsx("img", { src: storeLogo, alt: "", className: "h-full w-full object-cover", onError: () => setLogoError(true) })) : (_jsx(Layout, { className: "h-4 w-4 text-[#9ca3af]", strokeWidth: 2 })) }), _jsxs("div", { className: "min-w-0 max-w-[11rem]", children: [_jsx("p", { className: "truncate text-[13px] font-semibold leading-tight text-[#1b0029]", children: storeName || layoutName }), _jsx("p", { className: "truncate text-[11px] leading-tight text-[#7b8492]", children: layoutName })] })] })] }), _jsx("div", { className: "hidden min-w-0 flex-1 items-center justify-center px-1 md:flex md:px-4", children: showPageSwitcher ? (_jsxs("div", { className: "page-switcher-container relative", children: [_jsxs("button", { type: "button", onClick: () => setIsPageDropdownOpen((v) => !v), className: "flex max-w-[min(92vw,360px)] items-center gap-2.5 rounded-xl border border-[#e6e9ee] bg-white px-3.5 py-2.5 text-left shadow-[0_1px_2px_rgba(15,23,42,0.05)] transition-colors hover:border-[#d4dae3] hover:bg-[#fcfdff]", children: [_jsx("span", { className: "shrink-0 text-[#440066]", children: getPageIcon(activePage) }), _jsx("span", { className: "truncate text-[13px] font-semibold text-[#1f2937]", children: pages.find((p) => p.id === activePage)?.name || activePage }), _jsx(ChevronDown, { className: cn('ml-auto h-4 w-4 shrink-0 text-[#9aa3b2] transition-transform', isPageDropdownOpen && 'rotate-180'), strokeWidth: 2 })] }), _jsx(AnimatePresence, { children: isPageDropdownOpen && (_jsxs(motion.div, { initial: { opacity: 0, y: 6 }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: 6 }, transition: { duration: 0.12 }, className: "absolute left-1/2 top-full z-[200] mt-1.5 w-[min(calc(100vw-24px),17rem)] -translate-x-1/2 rounded-xl border border-[#e6e9ee] bg-white py-1 shadow-[0_12px_24px_rgba(15,23,42,0.08)]", children: [_jsx("div", { className: "border-b border-[#f3f4f6] px-3.5 py-2.5", children: _jsx("span", { className: "text-[11px] font-semibold uppercase tracking-wide text-[#8a94a5]", children: "Pages" }) }), _jsx("div", { className: "max-h-[280px] overflow-y-auto py-1", children: pages.map((page) => (_jsxs("button", { type: "button", onClick: () => { onPageSwitch(page.id); setIsPageDropdownOpen(false); }, className: cn('flex w-full items-center gap-3 px-3.5 py-2.5 text-left text-[13px] transition-colors hover:bg-[#f8fafc]', activePage === page.id && 'bg-[#f5f0ff] font-medium text-[#440066] hover:bg-[#ede9ff]'), children: [_jsx("span", { className: activePage === page.id ? 'text-[#440066]' : 'text-[#9ca3af]', children: getPageIcon(page.id) }), _jsx("span", { className: "flex-1", children: page.name }), activePage === page.id && (_jsx(Check, { className: "h-4 w-4 shrink-0 text-[#440066]", strokeWidth: 2.5 }))] }, page.id))) })] })) })] })) : showPageContextCard ? (_jsxs("div", { className: "flex max-w-[min(92vw,400px)] items-center gap-2.5 rounded-lg border border-[#e8ecf2] bg-white px-3 py-1.5 shadow-[0_1px_2px_rgba(15,23,42,0.04)]", children: [_jsx("span", { className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md bg-[#f7f3ff] text-[#440066]", children: getPageIcon(activePage) }), _jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "text-[9px] font-semibold uppercase tracking-[0.07em] text-[#8a94a5]", children: interactionMode === 'preview' ? 'Previewing page' : 'Current page' }), _jsx("p", { className: "truncate text-[12px] font-semibold text-[#1f2937]", children: centerTemplateLabel ||
                                                 currentPageLabel ||
                                                 pages.find((p) => p.id === activePage)?.name ||
                                                 activePage })] })] })) : null }), _jsxs("div", { className: cn('ml-auto flex shrink-0 items-center', isMobileChrome ? 'gap-1.5' : 'gap-2'), children: [!isMobileChrome && (_jsx("div", { className: "hidden md:block", children: onInteractionModeChange && (_jsxs(Cluster, { children: [_jsx(Tooltip, { text: "Edit mode \u2014 click elements on the canvas to edit them", children: _jsxs("button", { type: "button", onClick: () => onInteractionModeChange('edit'), "aria-pressed": interactionMode === 'edit', "aria-label": "Edit mode", className: cn('flex h-8 items-center gap-1.5 rounded-lg px-3 text-[12px] font-medium transition-colors', interactionMode === 'edit'
                                                     ? 'bg-[#440066] text-white shadow-sm'
                                                     : 'text-[#5b6470] hover:bg-[#f8fafc] hover:text-[#1f2937]'), children: [_jsx(Pencil, { className: cn('h-3.5 w-3.5 shrink-0', interactionMode === 'edit' && 'text-[#80FF73]'), strokeWidth: 2 }), _jsx("span", { className: "hidden min-[940px]:inline", children: "Edit" })] }) }), _jsx(Tooltip, { text: "Preview mode \u2014 browse your store as a visitor would", children: _jsxs("button", { type: "button", onClick: () => onInteractionModeChange('preview'), "aria-pressed": interactionMode === 'preview', "aria-label": "Preview mode", className: cn('flex h-8 items-center gap-1.5 rounded-lg px-3 text-[12px] font-medium transition-colors', interactionMode === 'preview'
                                                     ? 'bg-[#440066] text-white shadow-sm'
-                                                    : 'text-[#5b6470] hover:bg-[#f8fafc] hover:text-[#1f2937]'), children: [_jsx(Eye, { className: cn('h-3.5 w-3.5 shrink-0', interactionMode === 'preview' && 'text-[#80FF73]'), strokeWidth: 2 }), _jsx("span", { className: "hidden min-[940px]:inline", children: "Preview" })] }) })] })) })), !isMobileChrome && (_jsx("div", { className: "hidden md:block", children: _jsxs(Cluster, { children: [_jsx(Tooltip, { text: "Desktop view", children: _jsx(IconBtn, { onClick: () => onViewModeChange?.('desktop'), active: viewMode === 'desktop', "aria-pressed": viewMode === 'desktop', "aria-label": "Desktop view", children: _jsx(Monitor, { className: "h-4 w-4", strokeWidth: 2 }) }) }), _jsx(Tooltip, { text: "Tablet view", children: _jsx(IconBtn, { onClick: () => onViewModeChange?.('tablet'), active: viewMode === 'tablet', "aria-pressed": viewMode === 'tablet', "aria-label": "Tablet view", children: _jsx(Tablet, { className: "h-4 w-4", strokeWidth: 2 }) }) }), _jsx(Tooltip, { text: "Mobile view", children: _jsx(IconBtn, { onClick: () => onViewModeChange?.('mobile'), active: viewMode === 'mobile', "aria-pressed": viewMode === 'mobile', "aria-label": "Mobile view", children: _jsx(Smartphone, { className: "h-4 w-4", strokeWidth: 2 }) }) })] }) })), !isMobileChrome && (_jsx("div", { className: "hidden md:block", children: viewMode === 'desktop' && onPreviewZoomChange && (_jsx(PreviewZoomDropdown, { previewZoom: previewZoom, onPreviewZoomChange: onPreviewZoomChange })) })), !isMobileChrome && (_jsx("div", { className: "hidden md:block", children: hasUtilityTools && (_jsxs(Cluster, { children: [onBackToSettings && (_jsx(Tooltip, { text: "Store settings", children: _jsx(IconBtn, { onClick: onBackToSettings, "aria-label": "Store settings", children: _jsx(Settings, { className: "h-4 w-4", strokeWidth: 2 }) }) })), onOpenAssets && (_jsx(Tooltip, { text: "Media library \u2014 browse and upload images", children: _jsx(IconBtn, { onClick: onOpenAssets, "aria-label": "Media library", children: _jsx(ImageIcon, { className: "h-4 w-4", strokeWidth: 2 }) }) })), onBackToTheme && (_jsx(Tooltip, { text: "Change template \u2014 switch to a different layout template", children: _jsx(IconBtn, { onClick: onBackToTheme, "aria-label": "Change template", children: _jsx(Palette, { className: "h-4 w-4", strokeWidth: 2 }) }) })), onGenerateAI && (onBackToSettings || onOpenAssets || onBackToTheme) && (_jsx(Divider, {})), onGenerateAI && (_jsx(Tooltip, { text: "AI assistant \u2014 generate and improve content with AI", children: _jsx(IconBtn, { id: "tour-ai-button", onClick: onGenerateAI, disabled: isGeneratingAI, "aria-label": "AI assistant", className: "text-[#440066] hover:bg-[#f5f0ff] hover:text-[#440066]", children: isGeneratingAI ? (_jsx("span", { className: "h-4 w-4 animate-spin rounded-full border-2 border-[#440066]/25 border-t-[#440066]" })) : (_jsx(Sparkles, { className: "h-4 w-4", strokeWidth: 2 })) }) }))] })) })), _jsxs("div", { className: cn('flex shrink-0 items-center', isMobileChrome ? 'gap-1.5' : 'gap-2 pl-1'), children: [_jsx(Tooltip, { text: isMobileChrome && draftStatusLabel
+                                                    : 'text-[#5b6470] hover:bg-[#f8fafc] hover:text-[#1f2937]'), children: [_jsx(Eye, { className: cn('h-3.5 w-3.5 shrink-0', interactionMode === 'preview' && 'text-[#80FF73]'), strokeWidth: 2 }), _jsx("span", { className: "hidden min-[940px]:inline", children: "Preview" })] }) })] })) })), !isMobileChrome && (_jsx("div", { className: "hidden md:block", children: _jsxs(Cluster, { children: [_jsx(Tooltip, { text: "Desktop view", children: _jsx(IconBtn, { onClick: () => onViewModeChange?.('desktop'), active: viewMode === 'desktop', "aria-pressed": viewMode === 'desktop', "aria-label": "Desktop view", children: _jsx(Monitor, { className: "h-4 w-4", strokeWidth: 2 }) }) }), _jsx(Tooltip, { text: "Tablet view", children: _jsx(IconBtn, { onClick: () => onViewModeChange?.('tablet'), active: viewMode === 'tablet', "aria-pressed": viewMode === 'tablet', "aria-label": "Tablet view", children: _jsx(Tablet, { className: "h-4 w-4", strokeWidth: 2 }) }) }), _jsx(Tooltip, { text: "Mobile view", children: _jsx(IconBtn, { onClick: () => onViewModeChange?.('mobile'), active: viewMode === 'mobile', "aria-pressed": viewMode === 'mobile', "aria-label": "Mobile view", children: _jsx(Smartphone, { className: "h-4 w-4", strokeWidth: 2 }) }) })] }) })), !isMobileChrome && (_jsx("div", { className: "hidden md:block", children: hasUtilityTools && (_jsxs(Cluster, { children: [onBackToSettings && (_jsx(Tooltip, { text: "Store settings", children: _jsx(IconBtn, { onClick: onBackToSettings, "aria-label": "Store settings", children: _jsx(Settings, { className: "h-4 w-4", strokeWidth: 2 }) }) })), onOpenAssets && (_jsx(Tooltip, { text: "Media library \u2014 browse and upload images", children: _jsx(IconBtn, { onClick: onOpenAssets, "aria-label": "Media library", children: _jsx(ImageIcon, { className: "h-4 w-4", strokeWidth: 2 }) }) })), onBackToTheme && (_jsx(Tooltip, { text: "Change template \u2014 switch to a different layout template", children: _jsx(IconBtn, { onClick: onBackToTheme, "aria-label": "Change template", children: _jsx(Palette, { className: "h-4 w-4", strokeWidth: 2 }) }) })), onGenerateAI && (onBackToSettings || onOpenAssets || onBackToTheme) && (_jsx(Divider, {})), onGenerateAI && (_jsx(Tooltip, { text: "AI assistant \u2014 generate and improve content with AI", children: _jsx(IconBtn, { id: "tour-ai-button", onClick: onGenerateAI, disabled: isGeneratingAI, "aria-label": "AI assistant", className: "text-[#440066] hover:bg-[#f5f0ff] hover:text-[#440066]", children: isGeneratingAI ? (_jsx("span", { className: "h-4 w-4 animate-spin rounded-full border-2 border-[#440066]/25 border-t-[#440066]" })) : (_jsx(Sparkles, { className: "h-4 w-4", strokeWidth: 2 })) }) }))] })) })), _jsxs("div", { className: cn('flex shrink-0 items-center', isMobileChrome ? 'gap-1.5' : 'gap-2 pl-1'), children: [_jsx(Tooltip, { text: isMobileChrome && draftStatusLabel
                                             ? draftStatusLabel
                                             : 'Save your current changes as a draft (not yet live)', children: _jsxs("button", { type: "button", onClick: onSave, disabled: isSaving, "aria-label": draftStatusLabel ? `Save draft — ${draftStatusLabel}` : 'Save draft', className: cn('relative flex shrink-0 items-center gap-2 whitespace-nowrap rounded-xl border border-[#e6e9ee] bg-white text-[13px] font-semibold text-[#374151] shadow-[0_1px_2px_rgba(15,23,42,0.05)] transition-colors hover:border-[#d2d9e3] hover:bg-[#f8fafc] disabled:opacity-50', isMobileChrome ? 'h-9 px-2.5' : 'h-8 px-2 md:h-10 md:px-4'), children: [isMobileChrome && draftSaveStatus === 'dirty' && (_jsx("span", { className: "absolute -right-0.5 -top-0.5 h-2 w-2 rounded-full bg-amber-400 ring-2 ring-white", "aria-hidden": true })), isSaving ? (_jsx("span", { className: "h-3.5 w-3.5 animate-spin rounded-full border-2 border-[#d1d5db] border-t-[#6b7280]" })) : (_jsx(Save, { className: "h-3.5 w-3.5", strokeWidth: 2.5 })), _jsx("span", { className: isMobileChrome ? 'sr-only' : 'hidden md:inline', children: "Save draft" })] }) }), _jsx(Tooltip, { text: publishDisabled
                                             ? 'No pending changes to publish'

package/dist/editor/shared/IframePreview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IframePreview.d.ts","sourceRoot":"","sources":["../../../src/editor/shared/IframePreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgF,MAAM,OAAO,CAAC;AACrG,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIzD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AAC1F,OAAO,EAEL,KAAK,WAAW,EAEjB,MAAM,oBAAoB,CAAC;AAE5B,YAAY,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAE3D,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,WAAW,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC1C,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,6FAA6F;IAC7F,YAAY,CAAC,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,EAAE,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IACvF,uEAAuE;IACvE,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,mEAAmE;IACnE,cAAc,CAAC,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAClF,wEAAwE;IACxE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sFAAsF;IACtF,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,qGA6TxB,CAAC"}
+{"version":3,"file":"IframePreview.d.ts","sourceRoot":"","sources":["../../../src/editor/shared/IframePreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgF,MAAM,OAAO,CAAC;AACrG,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIzD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AAC1F,OAAO,EAEL,KAAK,WAAW,EAEjB,MAAM,oBAAoB,CAAC;AAE5B,YAAY,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAE3D,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,WAAW,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC1C,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,6FAA6F;IAC7F,YAAY,CAAC,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,EAAE,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IACvF,uEAAuE;IACvE,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,mEAAmE;IACnE,cAAc,CAAC,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAClF,wEAAwE;IACxE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sFAAsF;IACtF,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgBD,eAAO,MAAM,aAAa,qGA+UxB,CAAC"}

package/dist/editor/shared/IframePreview.js

@@ -6,26 +6,41 @@ import { previewPageIdToRoute } from '../../preview/canvas/preview-route.js';
 import { PREVIEW_MSG } from '../../preview/canvas/preview-messages.js';
 import { DESKTOP_PREVIEW_WIDTH, resolvePreviewScale, } from './preview-viewport.js';
 export { DESKTOP_PREVIEW_WIDTH } from './preview-viewport.js';
+function resetPreviewSyncRefs(refs) {
+    refs.lastSentConfig.current = null;
+    refs.lastPostedRoute.current = null;
+    refs.lastPostedViewMode.current = null;
+    refs.lastPostedInteraction.current = null;
+    refs.lastPostedFocus.current = null;
+}
 export const IframePreview = forwardRef(function IframePreview({ layoutId, config, activePageId, viewMode, selectedSection, focusedField = null, interactionMode = 'edit', slideIndexSync = null, flushRequestId = 0, previewZoom = 'fit', desktopCanvasWidth = DESKTOP_PREVIEW_WIDTH, className = '', }, ref) {
     const iframeRef = useRef(null);
     const viewportContainerRef = useRef(null);
     const [isReady, setIsReady] = useState(false);
     const [containerWidth, setContainerWidth] = useState(0);
     const route = useMemo(() => previewPageIdToRoute(layoutId, activePageId, config), [layoutId, activePageId, config]);
+    const lastSentConfigRef = useRef(null);
+    const lastPostedRouteRef = useRef(null);
+    const lastPostedViewModeRef = useRef(null);
+    const lastPostedInteractionRef = useRef(null);
+    const lastPostedFocusRef = useRef(null);
+    const requestRef = useRef(null);
     useEffect(() => {
         const handleMessage = (event) => {
-            if (event.data?.type === 'PREVIEW_READY') {
-                setIsReady(true);
-            }
+            if (event.data?.type !== 'PREVIEW_READY')
+                return;
+            resetPreviewSyncRefs({
+                lastSentConfig: lastSentConfigRef,
+                lastPostedRoute: lastPostedRouteRef,
+                lastPostedViewMode: lastPostedViewModeRef,
+                lastPostedInteraction: lastPostedInteractionRef,
+                lastPostedFocus: lastPostedFocusRef,
+            });
+            setIsReady(true);
         };
         window.addEventListener('message', handleMessage);
         return () => window.removeEventListener('message', handleMessage);
     }, []);
-    const lastSentConfigRef = useRef(null);
-    const lastPostedRouteRef = useRef(null);
-    const lastPostedViewModeRef = useRef(null);
-    const lastPostedInteractionRef = useRef(null);
-    const requestRef = useRef(null);
     useEffect(() => {
         if (isReady && iframeRef.current?.contentWindow) {
             if (requestRef.current) {
@@ -77,7 +92,6 @@ export const IframePreview = forwardRef(function IframePreview({ layoutId, confi
             iframeRef.current.contentWindow.postMessage({ type: 'SECTION_SELECTED_SYNC', section: selectedSection }, '*');
         }
     }, [selectedSection, isReady]);
-    const lastPostedFocusRef = useRef(null);
     useEffect(() => {
         if (!isReady || !iframeRef.current?.contentWindow)
             return;
@@ -149,11 +163,13 @@ export const IframePreview = forwardRef(function IframePreview({ layoutId, confi
     }, [layoutId, config?.id, config?.slug]);
     useEffect(() => {
         setIsReady(false);
-        lastPostedRouteRef.current = null;
-        lastPostedViewModeRef.current = null;
-        lastPostedInteractionRef.current = null;
-        lastSentConfigRef.current = null;
-        lastPostedFocusRef.current = null;
+        resetPreviewSyncRefs({
+            lastSentConfig: lastSentConfigRef,
+            lastPostedRoute: lastPostedRouteRef,
+            lastPostedViewMode: lastPostedViewModeRef,
+            lastPostedInteraction: lastPostedInteractionRef,
+            lastPostedFocus: lastPostedFocusRef,
+        });
     }, [previewUrl]);
     useEffect(() => {
         if (viewMode !== 'desktop')
@@ -194,6 +210,7 @@ export const IframePreview = forwardRef(function IframePreview({ layoutId, confi
                 return { width: '100%', height: '100%', rounded: '', border: '' };
         }
     }, [viewMode]);
+    const isDesktop = viewMode === 'desktop';
     const iframeNode = (_jsxs(_Fragment, { children: [!isReady && (_jsx("div", { className: "absolute inset-0 z-10 flex items-center justify-center rounded-[inherit] bg-white", children: _jsxs("div", { className: "flex flex-col items-center gap-3", children: [_jsx("div", { className: "h-8 w-8 animate-spin rounded-full border-[3px] border-[#F7F5F0] border-t-[#440066]" }), _jsx("p", { className: "text-[11px] font-medium text-[#1b0029]/70", children: "Loading preview\u2026" })] }) })), _jsx("iframe", { ref: iframeRef, src: previewUrl, className: "block h-full w-full rounded-[inherit] border-none", title: "Layout Preview", sandbox: "allow-scripts allow-same-origin allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox", style: {
                     width: '100%',
                     height: '100%',
@@ -201,17 +218,24 @@ export const IframePreview = forwardRef(function IframePreview({ layoutId, confi
                     margin: 0,
                     padding: 0,
                 } })] }));
-    if (viewMode === 'desktop') {
-        return (_jsx("div", { ref: viewportContainerRef, className: `relative h-full w-full overflow-auto bg-[#e2e4e7] p-3 md:p-4 ${className}`, style: { WebkitOverflowScrolling: 'touch' }, children: _jsx("div", { className: "flex min-h-full justify-center py-1", children: _jsx("div", { className: "shrink-0 overflow-hidden rounded-lg bg-white shadow-[0_1px_2px_rgba(15,23,42,0.04),0_12px_32px_-8px_rgba(15,23,42,0.1)] transition-transform duration-200 ease-out", style: {
+    return (_jsx("div", { ref: viewportContainerRef, className: `relative h-full w-full ${isDesktop
+            ? 'overflow-auto bg-[#e2e4e7] p-3 md:p-4'
+            : 'flex items-start justify-center bg-[#dcdcde] p-4 md:p-8'} ${className}`, style: isDesktop ? { WebkitOverflowScrolling: 'touch' } : undefined, children: _jsx("div", { className: isDesktop
+                ? 'flex min-h-full w-full justify-center py-1'
+                : `flex flex-col overflow-hidden bg-white shadow-2xl transition-all duration-500 ease-in-out ${deviceDimensions.rounded} ${deviceDimensions.border} border-[#c3c4c7]`, style: isDesktop
+                ? undefined
+                : {
+                    width: `${deviceDimensions.width}px`,
+                    height: `${deviceDimensions.height}px`,
+                }, children: _jsx("div", { className: isDesktop
+                    ? 'relative shrink-0 overflow-hidden rounded-lg bg-white shadow-[0_1px_2px_rgba(15,23,42,0.04),0_12px_32px_-8px_rgba(15,23,42,0.1)] transition-transform duration-200 ease-out'
+                    : 'relative min-h-0 flex-1 overflow-hidden bg-white', style: isDesktop
+                    ? {
                         width: desktopCanvasWidth,
                         height: scaledDesktopHeight,
                         minHeight: 480,
                         transform: `scale(${desktopScale})`,
                         transformOrigin: 'top center',
-                    }, children: _jsx("div", { className: "relative h-full w-full overflow-hidden rounded-lg", children: iframeNode }) }) }) }));
-    }
-    return (_jsx("div", { className: `relative flex h-full w-full items-start justify-center bg-[#dcdcde] p-4 md:p-8 ${className}`, children: _jsx("div", { className: `flex flex-col overflow-hidden bg-white shadow-2xl transition-all duration-500 ease-in-out ${deviceDimensions.rounded} ${deviceDimensions.border} border-[#c3c4c7]`, style: {
-                width: `${deviceDimensions.width}px`,
-                height: `${deviceDimensions.height}px`,
-            }, children: _jsx("div", { className: "relative min-h-0 flex-1 overflow-hidden bg-white", children: iframeNode }) }) }));
+                    }
+                    : undefined, children: _jsx("div", { className: "relative h-full w-full overflow-hidden rounded-lg", children: iframeNode }) }) }) }));
 });

package/dist/hooks/use-payaza-checkout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-payaza-checkout.d.ts","sourceRoot":"","sources":["../../src/hooks/use-payaza-checkout.ts"],"names":[],"mappings":"AAGA,OAAO,EAA0B,oBAAoB,EAAE,sBAAsB,EAA6B,MAAM,uBAAuB,CAAC;AAGxI,UAAU,wBAAwB;IAChC,2FAA2F;IAC3F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACvD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,SAAc,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,wBAAwB;uBAiBzE,IAAI,CAAC,oBAAoB,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,CAAC;;;EAoHhG"}
+{"version":3,"file":"use-payaza-checkout.d.ts","sourceRoot":"","sources":["../../src/hooks/use-payaza-checkout.ts"],"names":[],"mappings":"AAGA,OAAO,EAA0B,oBAAoB,EAAE,sBAAsB,EAA6B,MAAM,uBAAuB,CAAC;AAGxI,UAAU,wBAAwB;IAChC,2FAA2F;IAC3F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACvD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,SAAc,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,wBAAwB;uBAiBzE,IAAI,CAAC,oBAAoB,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,CAAC;;;EAkHhG"}

package/dist/hooks/use-payaza-checkout.js

@@ -42,7 +42,6 @@ export function usePayazaCheckout({ publicKey = '', onSuccess, onError, onClose
         const setLoadingTimeout = () => {
             timeoutRef.current = setTimeout(() => {
                 if (!callbackFired && mountedRef.current) {
-                    console.warn('[Payaza] Timeout: checkout did not complete within 45 seconds');
                     setIsLoading(false);
                     setError('Payment popup may not have opened. Please try again.');
                     onError?.('Payment popup may not have opened. Please try again.');
@@ -60,7 +59,6 @@ export function usePayazaCheckout({ publicKey = '', onSuccess, onError, onClose
                     clearLoadingWithTimeout();
                     if (config.orderId) {
                         void orderService.markPaymentInitiated(config.orderId).catch((err) => {
-                            console.warn('[Payaza] markPaymentInitiated failed:', err);
                         });
                     }
                     if (mountedRef.current) {

package/dist/layouts/booking/components/booking-about-defaults.d.ts

@@ -10,17 +10,33 @@ export type BookingAboutStatItem = {
     label: string;
 };
 export declare const BOOKING_DEFAULT_ABOUT_VALUES: BookingAboutValueItem[];
+export declare const CLOTHING_DEFAULT_ABOUT_VALUES: BookingAboutValueItem[];
+export declare const FOOD_DEFAULT_ABOUT_VALUES: BookingAboutValueItem[];
+export declare const CLOTHING_MINIMAL_DEFAULT_ABOUT_VALUES: BookingAboutValueItem[];
+export declare const CLOTHING_DEFAULT_ABOUT_STATS: BookingAboutStatItem[];
 export declare const BOOKING_DEFAULT_ABOUT_STATS: BookingAboutStatItem[];
+export declare const FOOD_DEFAULT_ABOUT_STATS: BookingAboutStatItem[];
+export declare const CLOTHING_MINIMAL_DEFAULT_ABOUT_STATS: BookingAboutStatItem[];
 export declare const BOOKING_DEFAULT_STORY_IMAGE = "https://images.unsplash.com/photo-1522202176988-66273c2fd55f?q=80&w=2071&auto=format&fit=crop";
 /** Merge saved array items with schema defaults by index / id — keeps all default slots. */
 export declare function mergeBookingAboutArrayItems<T extends Record<string, unknown>>(defaults: T[], actual: unknown[] | undefined): T[];
 export declare function resolveBookingAboutValues(config: {
     items?: unknown[];
 } | undefined, fallbackDefaults?: BookingAboutValueItem[]): BookingAboutValueItem[];
+export declare function resolveAboutPageValueItems(layoutConfig: {
+    pages?: {
+        about?: Record<string, unknown>;
+    };
+    sections?: Record<string, unknown>;
+} | undefined, fallbackDefaults: BookingAboutValueItem[]): BookingAboutValueItem[];
 export declare function resolveBookingAboutStats(config: {
     items?: unknown[];
 } | undefined, options?: {
     servicesCount?: number;
 }, fallbackDefaults?: BookingAboutStatItem[]): BookingAboutStatItem[];
 export declare function mergeBookingAboutItemsSection(actual: Record<string, unknown>, requirement: Record<string, unknown>, defaultItems: Record<string, unknown>[]): Record<string, unknown>;
+/** Flat / layout-specific keys → grouped visit / email / hours cards for about contact sections. */
+export declare function normalizeAboutContactInfoCards(section: Record<string, unknown> | undefined): Record<string, unknown>;
+/** @deprecated Use normalizeAboutContactInfoCards */
+export declare const normalizeClothingAboutContactInfo: typeof normalizeAboutContactInfoCards;
 //# sourceMappingURL=booking-about-defaults.d.ts.map

package/dist/layouts/booking/components/booking-about-defaults.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"booking-about-defaults.d.ts","sourceRoot":"","sources":["../../../../src/layouts/booking/components/booking-about-defaults.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,qBAAqB,GAAG;IAClC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,qBAAqB,EAyB/D,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,oBAAoB,EAK7D,CAAC;AAEF,eAAO,MAAM,2BAA2B,kGACyD,CAAC;AAkBlG,4FAA4F;AAC5F,wBAAgB,2BAA2B,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC3E,QAAQ,EAAE,CAAC,EAAE,EACb,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,GAC5B,CAAC,EAAE,CA+BL;AAED,wBAAgB,yBAAyB,CACvC,MAAM,EAAE;IAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAA;CAAE,GAAG,SAAS,EACzC,gBAAgB,GAAE,qBAAqB,EAAiC,GACvE,qBAAqB,EAAE,CAEzB;AAED,wBAAgB,wBAAwB,CACtC,MAAM,EAAE;IAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAA;CAAE,GAAG,SAAS,EACzC,OAAO,CAAC,EAAE;IAAE,aAAa,CAAC,EAAE,MAAM,CAAA;CAAE,EACpC,gBAAgB,GAAE,oBAAoB,EAAgC,GACrE,oBAAoB,EAAE,CAYxB;AAED,wBAAgB,6BAA6B,CAC3C,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC/B,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACpC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,GACtC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAWzB"}
+{"version":3,"file":"booking-about-defaults.d.ts","sourceRoot":"","sources":["../../../../src/layouts/booking/components/booking-about-defaults.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,qBAAqB,GAAG;IAClC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,qBAAqB,EAyB/D,CAAC;AAEF,eAAO,MAAM,6BAA6B,EAAE,qBAAqB,EAahE,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,qBAAqB,EAyB5D,CAAC;AAEF,eAAO,MAAM,qCAAqC,EAAE,qBAAqB,EAyBxE,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,oBAAoB,EAK9D,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,oBAAoB,EAK7D,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,oBAAoB,EAK1D,CAAC;AAEF,eAAO,MAAM,oCAAoC,EAAE,oBAAoB,EAKtE,CAAC;AAEF,eAAO,MAAM,2BAA2B,kGACyD,CAAC;AAkBlG,4FAA4F;AAC5F,wBAAgB,2BAA2B,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC3E,QAAQ,EAAE,CAAC,EAAE,EACb,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,GAC5B,CAAC,EAAE,CAmCL;AAED,wBAAgB,yBAAyB,CACvC,MAAM,EAAE;IAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAA;CAAE,GAAG,SAAS,EACzC,gBAAgB,GAAE,qBAAqB,EAAiC,GACvE,qBAAqB,EAAE,CAEzB;AAED,wBAAgB,0BAA0B,CACxC,YAAY,EACR;IACE,KAAK,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE,CAAC;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACpC,GACD,SAAS,EACb,gBAAgB,EAAE,qBAAqB,EAAE,GACxC,qBAAqB,EAAE,CAgBzB;AAED,wBAAgB,wBAAwB,CACtC,MAAM,EAAE;IAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAA;CAAE,GAAG,SAAS,EACzC,OAAO,CAAC,EAAE;IAAE,aAAa,CAAC,EAAE,MAAM,CAAA;CAAE,EACpC,gBAAgB,GAAE,oBAAoB,EAAgC,GACrE,oBAAoB,EAAE,CAYxB;AAED,wBAAgB,6BAA6B,CAC3C,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC/B,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACpC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,GACtC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAWzB;AAiBD,oGAAoG;AACpG,wBAAgB,8BAA8B,CAC5C,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,GAC3C,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CA6DzB;AAED,qDAAqD;AACrD,eAAO,MAAM,iCAAiC,uCAAiC,CAAC"}

package/dist/layouts/booking/components/booking-about-defaults.js

@@ -24,12 +24,96 @@ export const BOOKING_DEFAULT_ABOUT_VALUES = [
         description: 'We use only the best tools and products for our services.',
     },
 ];
+export const CLOTHING_DEFAULT_ABOUT_VALUES = [
+    {
+        id: 'about-v1',
+        icon: 'Award',
+        title: 'Quality First',
+        description: 'We never compromise on the quality of our products and services.',
+    },
+    {
+        id: 'about-v2',
+        icon: 'Users',
+        title: 'Customer Focused',
+        description: "Your satisfaction is our top priority. We're here to help.",
+    },
+];
+export const FOOD_DEFAULT_ABOUT_VALUES = [
+    {
+        id: 'about-v1',
+        icon: 'Award',
+        title: 'Fresh Ingredients',
+        description: 'We source the finest local ingredients for every dish we prepare.',
+    },
+    {
+        id: 'about-v2',
+        icon: 'Users',
+        title: 'Community Driven',
+        description: "We're proud to be a local favorite and give back to our community.",
+    },
+    {
+        id: 'about-v3',
+        icon: 'Heart',
+        title: 'Made with Love',
+        description: 'Every meal is prepared with passion and attention to detail.',
+    },
+    {
+        id: 'about-v4',
+        icon: 'Leaf',
+        title: 'Sustainability',
+        description: 'Committed to eco-friendly packaging and responsible sourcing.',
+    },
+];
+export const CLOTHING_MINIMAL_DEFAULT_ABOUT_VALUES = [
+    {
+        id: 'about-v1',
+        icon: 'Award',
+        title: 'Pure Materials',
+        description: 'We use only the highest quality organic and sustainable fabrics.',
+    },
+    {
+        id: 'about-v2',
+        icon: 'Users',
+        title: 'Inclusive Design',
+        description: 'Fashion designed for every body and every style.',
+    },
+    {
+        id: 'about-v3',
+        icon: 'Heart',
+        title: 'Ethical Craft',
+        description: 'Our garments are made in ethical workshops with fair wages.',
+    },
+    {
+        id: 'about-v4',
+        icon: 'Leaf',
+        title: 'Eco-Conscious',
+        description: 'Minimal waste production and plastic-free packaging.',
+    },
+];
+export const CLOTHING_DEFAULT_ABOUT_STATS = [
+    { id: 'clothing-s1', value: '20k+', label: 'Style Lovers' },
+    { id: 'clothing-s2', value: '100+', label: 'New Arrivals' },
+    { id: 'clothing-s3', value: '50+', label: 'Global Shipping' },
+    { id: 'clothing-s4', value: '15+', label: 'Design Experts' },
+];
 export const BOOKING_DEFAULT_ABOUT_STATS = [
     { id: 'about-s1', value: '8k+', label: 'Bookings Completed' },
     { id: 'about-s2', value: '15+', label: 'Expert Staff' },
     { id: 'about-s3', value: '20+', label: 'Services Offered' },
     { id: 'about-s4', value: '10+', label: 'Years Experience' },
 ];
+export const FOOD_DEFAULT_ABOUT_STATS = [
+    { id: 'food-s1', value: '15k+', label: 'Happy Foodies' },
+    { id: 'food-s2', value: '40+', label: 'Menu Items' },
+    { id: 'food-s3', value: '8+', label: 'Years of Cooking' },
+    { id: 'food-s4', value: '12+', label: 'Expert Chefs' },
+];
+export const CLOTHING_MINIMAL_DEFAULT_ABOUT_STATS = [
+    { id: 'minimal-s1', value: '12k+', label: 'Happy Shoppers' },
+    { id: 'minimal-s2', value: '60+', label: 'Active Designs' },
+    { id: 'minimal-s3', value: '30+', label: 'Countries Served' },
+    { id: 'minimal-s4', value: '100%', label: 'Eco Impact' },
+];
 export const BOOKING_DEFAULT_STORY_IMAGE = 'https://images.unsplash.com/photo-1522202176988-66273c2fd55f?q=80&w=2071&auto=format&fit=crop';
 function mergeRecordPreferFilled(defaults, actual) {
     if (!defaults)
@@ -50,7 +134,11 @@ export function mergeBookingAboutArrayItems(defaults, actual) {
         return defaults.map((item) => ({ ...item }));
     }
     const defaultsById = new Map(defaults.filter((item) => item.id).map((item) => [String(item.id), item]));
-    const result = defaults.map((item) => ({ ...item }));
+    const slotCount = Math.max(defaults.length, actual.length);
+    const result = [];
+    for (let i = 0; i < slotCount; i++) {
+        result.push(i < defaults.length ? { ...defaults[i] } : {});
+    }
     actual.forEach((raw, index) => {
         if (!raw || typeof raw !== 'object')
             return;
@@ -75,6 +163,21 @@ export function mergeBookingAboutArrayItems(defaults, actual) {
 export function resolveBookingAboutValues(config, fallbackDefaults = BOOKING_DEFAULT_ABOUT_VALUES) {
     return mergeBookingAboutArrayItems(fallbackDefaults, config?.items);
 }
+export function resolveAboutPageValueItems(layoutConfig, fallbackDefaults) {
+    const about = layoutConfig?.pages?.about;
+    const aboutContent = about?.aboutContent;
+    const embeddedValues = aboutContent && Array.isArray(aboutContent.values)
+        ? {
+            show: aboutContent.show,
+            items: aboutContent.values,
+        }
+        : undefined;
+    const valuesSection = about?.values;
+    const valuesConfig = valuesSection ||
+        embeddedValues ||
+        layoutConfig?.sections?.values;
+    return resolveBookingAboutValues(valuesConfig, fallbackDefaults);
+}
 export function resolveBookingAboutStats(config, options, fallbackDefaults = BOOKING_DEFAULT_ABOUT_STATS) {
     const defaults = fallbackDefaults.map((item) => ({ ...item }));
     if (options?.servicesCount && options.servicesCount > 0) {
@@ -97,3 +200,70 @@ export function mergeBookingAboutItemsSection(actual, requirement, defaultItems)
         items: mergeBookingAboutArrayItems((reqItems.length > 0 ? reqItems : defaultItems), actualItems),
     };
 }
+const DEFAULT_CONTACT_INTRO = "Have questions? We'd love to hear from you. Reach out to our team via email, phone, or visit us at our store.";
+function contactHoursFromLegacy(section, hours) {
+    if (typeof hours.hours === 'string' && hours.hours.trim()) {
+        return hours.hours;
+    }
+    if (typeof section.hours === 'string' && section.hours.trim()) {
+        return section.hours;
+    }
+    const line1 = section.hoursLine1;
+    const line2 = section.hoursLine2;
+    return [line1, line2].filter((line) => typeof line === 'string' && line.trim()).join('\n');
+}
+/** Flat / layout-specific keys → grouped visit / email / hours cards for about contact sections. */
+export function normalizeAboutContactInfoCards(section) {
+    if (!section || typeof section !== 'object') {
+        return {};
+    }
+    const s = { ...section };
+    s.title =
+        (typeof s.title === 'string' && s.title.trim()) ||
+            (typeof s.sectionTitle === 'string' && s.sectionTitle.trim()) ||
+            'Get in Touch';
+    s.description =
+        (typeof s.description === 'string' && s.description.trim()) ||
+            (typeof s.sectionSubtitle === 'string' && s.sectionSubtitle.trim()) ||
+            DEFAULT_CONTACT_INTRO;
+    const visit = s.visitCard && typeof s.visitCard === 'object'
+        ? { ...s.visitCard }
+        : {};
+    s.visitCard = {
+        title: visit.title ??
+            s.visitTitle ??
+            s.visitLabel ??
+            'Visit Us',
+        icon: visit.icon ?? s.visitIcon ?? 'MapPin',
+        address: visit.address ??
+            s.address ??
+            s.visitAddress ??
+            '',
+    };
+    const email = s.emailCard && typeof s.emailCard === 'object'
+        ? { ...s.emailCard }
+        : {};
+    s.emailCard = {
+        title: email.title ?? s.emailTitle ?? s.emailLabel ?? 'Email Us',
+        icon: email.icon ?? s.emailIcon ?? 'Mail',
+        email: email.email ?? s.email ?? s.email1 ?? '',
+        emailSecondary: email.emailSecondary ?? s.emailSecondary ?? s.email2 ?? '',
+        phone: email.phone ?? s.phone ?? '',
+        ctaLabel: email.ctaLabel ??
+            s.emailCTALabel ??
+            s.ctaLabel ??
+            'Send a message',
+        ctaLink: email.ctaLink ?? s.emailLink ?? s.ctaLink ?? '/contact',
+    };
+    const hours = s.hoursCard && typeof s.hoursCard === 'object'
+        ? { ...s.hoursCard }
+        : {};
+    s.hoursCard = {
+        title: hours.title ?? s.hoursTitle ?? s.hoursLabel ?? 'Opening Hours',
+        icon: hours.icon ?? s.hoursIcon ?? 'Clock',
+        hours: contactHoursFromLegacy(s, hours),
+    };
+    return s;
+}
+/** @deprecated Use normalizeAboutContactInfoCards */
+export const normalizeClothingAboutContactInfo = normalizeAboutContactInfoCards;

package/dist/layouts/booking/components/booking-footer-defaults.d.ts

@@ -9,9 +9,9 @@ export declare const BOOKING_DEFAULT_FOOTER_TAGLINE = "Experience the best in qu
 export declare function resolveBookingFooterMainLinks(config: {
     mainLinks?: unknown[];
 } | undefined, storeConfig: Pick<StoreConfig, 'layout' | 'type' | 'navigation'>): BookingFooterLink[];
-export declare function resolveBookingFooterSupportLinks(config: {
+export declare function resolveBookingFooterSupportLinks(_config: {
     supportLinks?: unknown[];
-} | undefined, storeConfig: Pick<StoreConfig, 'layout' | 'type'>): BookingFooterLink[];
+} | undefined, _storeConfig: Pick<StoreConfig, 'layout' | 'type' | 'pageFeatures'>): BookingFooterLink[];
 export declare function resolveBookingFooterPrimaryColumnTitle(config: {
     primaryColumnTitle?: string;
 } | undefined, storeConfig: Pick<StoreConfig, 'layout' | 'type'>): string;

package/dist/layouts/booking/components/booking-footer-defaults.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"booking-footer-defaults.d.ts","sourceRoot":"","sources":["../../../../src/layouts/booking/components/booking-footer-defaults.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAIL,KAAK,aAAa,EACnB,MAAM,wCAAwC,CAAC;AAGhD,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAAG;IAAE,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEhE,eAAO,MAAM,iCAAiC,EAAE,iBAAiB,EAKhE,CAAC;AAEF,eAAO,MAAM,oCAAoC,EAAE,iBAAiB,EAInE,CAAC;AAEF,eAAO,MAAM,8BAA8B,uHAC2E,CAAC;AAEvH,wBAAgB,6BAA6B,CAC3C,MAAM,EAAE;IAAE,SAAS,CAAC,EAAE,OAAO,EAAE,CAAA;CAAE,GAAG,SAAS,EAC7C,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,QAAQ,GAAG,MAAM,GAAG,YAAY,CAAC,GAC/D,iBAAiB,EAAE,CAqBrB;AAED,wBAAgB,gCAAgC,CAC9C,MAAM,EAAE;IAAE,YAAY,CAAC,EAAE,OAAO,EAAE,CAAA;CAAE,GAAG,SAAS,EAChD,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,QAAQ,GAAG,MAAM,CAAC,GAChD,iBAAiB,EAAE,CAUrB;AAED,wBAAgB,sCAAsC,CACpD,MAAM,EAAE;IAAE,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,EACnD,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,QAAQ,GAAG,MAAM,CAAC,GAChD,MAAM,CAER;AAED,wBAAgB,yBAAyB,CACvC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC/B,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GACnC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAkBzB"}
+{"version":3,"file":"booking-footer-defaults.d.ts","sourceRoot":"","sources":["../../../../src/layouts/booking/components/booking-footer-defaults.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAIL,KAAK,aAAa,EACnB,MAAM,wCAAwC,CAAC;AAGhD,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAAG;IAAE,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEhE,eAAO,MAAM,iCAAiC,EAAE,iBAAiB,EAKhE,CAAC;AAEF,eAAO,MAAM,oCAAoC,EAAE,iBAAiB,EAInE,CAAC;AAEF,eAAO,MAAM,8BAA8B,uHAC2E,CAAC;AAEvH,wBAAgB,6BAA6B,CAC3C,MAAM,EAAE;IAAE,SAAS,CAAC,EAAE,OAAO,EAAE,CAAA;CAAE,GAAG,SAAS,EAC7C,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,QAAQ,GAAG,MAAM,GAAG,YAAY,CAAC,GAC/D,iBAAiB,EAAE,CAuBrB;AAED,wBAAgB,gCAAgC,CAC9C,OAAO,EAAE;IAAE,YAAY,CAAC,EAAE,OAAO,EAAE,CAAA;CAAE,GAAG,SAAS,EACjD,YAAY,EAAE,IAAI,CAAC,WAAW,EAAE,QAAQ,GAAG,MAAM,GAAG,cAAc,CAAC,GAClE,iBAAiB,EAAE,CAErB;AAED,wBAAgB,sCAAsC,CACpD,MAAM,EAAE;IAAE,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,EACnD,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,QAAQ,GAAG,MAAM,CAAC,GAChD,MAAM,CAER;AAED,wBAAgB,yBAAyB,CACvC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC/B,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GACnC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAkBzB"}

package/dist/layouts/booking/components/booking-footer-defaults.js

@@ -1,4 +1,4 @@
-import { getDefaultFooterMainLinks, getDefaultFooterSupportLinks, getFooterPrimaryColumnTitle, } from '../../../lib/utils/footer-nav-defaults.js';
+import { getDefaultFooterMainLinks, getFooterPrimaryColumnTitle, withoutContactPageNavLinks, } from '../../../lib/utils/footer-nav-defaults.js';
 import { mergeBookingAboutArrayItems } from './booking-about-defaults.js';
 export const BOOKING_DEFAULT_FOOTER_MAIN_LINKS = [
     { id: 'f-m1', label: 'Services', href: '/services' },
@@ -26,14 +26,11 @@ export function resolveBookingFooterMainLinks(config, storeConfig) {
     const defaults = Array.isArray(config?.mainLinks) && config.mainLinks.length > 0
         ? config.mainLinks
         : navLinks;
-    return mergeBookingAboutArrayItems(defaults.length > 0 ? defaults : BOOKING_DEFAULT_FOOTER_MAIN_LINKS, config?.mainLinks);
+    const merged = mergeBookingAboutArrayItems(defaults.length > 0 ? defaults : BOOKING_DEFAULT_FOOTER_MAIN_LINKS, config?.mainLinks);
+    return withoutContactPageNavLinks(merged);
 }
-export function resolveBookingFooterSupportLinks(config, storeConfig) {
-    const defaults = getDefaultFooterSupportLinks(storeConfig).map((link, index) => ({
-        id: `def-s-${index}`,
-        ...link,
-    }));
-    return mergeBookingAboutArrayItems(defaults.length > 0 ? defaults : BOOKING_DEFAULT_FOOTER_SUPPORT_LINKS, config?.supportLinks);
+export function resolveBookingFooterSupportLinks(_config, _storeConfig) {
+    return [];
 }
 export function resolveBookingFooterPrimaryColumnTitle(config, storeConfig) {
     return config?.primaryColumnTitle?.trim() || getFooterPrimaryColumnTitle(storeConfig);

package/dist/layouts/booking/pages/AboutPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AboutPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/booking/pages/AboutPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAgBhD,UAAU,cAAc;IACtB,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,SAAS,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,cAAc,+BAqPvE"}
+{"version":3,"file":"AboutPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/booking/pages/AboutPage.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AA0BhD,UAAU,cAAc;IACtB,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,SAAS,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,cAAc,+BAwSvE"}