storefront-layouts-staging 1.0.0-staging.0

package/dist/layouts/shared/components/GenericPageWrapper.js

@@ -0,0 +1,24 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { StoreHeader } from '../../shared/components/StoreHeader.js';
+import { StoreFooter } from '../../shared/components/StoreFooter.js';
+import { useStore } from '../../../lib/store-context.js';
+export function GenericPageWrapper({ children, storeConfig: initialConfig }) {
+    const { store } = useStore();
+    const storeConfig = store || initialConfig;
+    // These layouts suppress the header/footer in BaseStoreLayout
+    // So we need to re-add them for generic pages like Contact, About, etc.
+    // 'electronics' and 'electronics-grid' are handled by ElectronicsPageWrapper usually, 
+    // but if we use this wrapper, we should check.
+    // BaseStoreLayout now handles headers for these layouts on inner pages, 
+    // so we don't need to add them here anymore to avoid duplication.
+    const customLayouts = [];
+    // Note: electronics layouts usually use ElectronicsPageWrapper which has its own header.
+    // If this wrapper is used for them, we might want to check or just use StoreHeader as fallback.
+    // But typically we route those to ElectronicsPageWrapper.
+    const needsHeader = customLayouts.includes(storeConfig.layout);
+    if (needsHeader) {
+        return (_jsxs("div", { className: "min-h-screen flex flex-col", children: [_jsx(StoreHeader, { storeConfig: storeConfig }), _jsx("main", { className: "flex-1", children: children }), _jsx(StoreFooter, { storeConfig: storeConfig })] }));
+    }
+    return _jsx(_Fragment, { children: children });
+}

package/dist/layouts/shared/components/PromoBanner.d.ts

@@ -0,0 +1,12 @@
+import { PromoBannerSection } from '../../../lib/store-types';
+interface PromoBannerProps {
+    config: PromoBannerSection | null | undefined;
+    storeSlug?: string;
+    layoutStyle?: 'food' | 'electronics' | 'clothing' | 'default';
+    className?: string;
+    sectionKey?: string;
+    page?: string;
+}
+export declare function PromoBanner({ config, storeSlug, layoutStyle, className, sectionKey, page }: PromoBannerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PromoBanner.d.ts.map

package/dist/layouts/shared/components/PromoBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromoBanner.d.ts","sourceRoot":"","sources":["../../../../src/layouts/shared/components/PromoBanner.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAM9D,UAAU,gBAAgB;IACxB,MAAM,EAAE,kBAAkB,GAAG,IAAI,GAAG,SAAS,CAAC;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,GAAG,aAAa,GAAG,UAAU,GAAG,SAAS,CAAC;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,WAAuB,EAAE,SAAS,EAAE,UAAwB,EAAE,IAAa,EAAE,EAAE,gBAAgB,2CA4D/I"}

package/dist/layouts/shared/components/PromoBanner.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from 'next/link';
+import { Button } from '../../../components/ui/button.js';
+import { cn } from '../../../lib/utils/index.js';
+import { payazaInlineBindingProps } from '../../../preview/canvas/field-key.js';
+import { resolveStoreLink } from '../../../lib/layout-route-utils.js';
+export function PromoBanner({ config, storeSlug, layoutStyle = 'default', className, sectionKey = 'marketing', page = 'home' }) {
+    if (!config?.show)
+        return null;
+    const hasContent = config.image || config.title || config.subtitle || config.buttonText;
+    if (!hasContent)
+        return null;
+    const isPreview = typeof window !== 'undefined' && window.__IS_PREVIEW__;
+    const content = (_jsxs("div", { className: cn('relative w-full overflow-hidden rounded-lg', layoutStyle === 'food' && 'min-h-[400px]', layoutStyle === 'electronics' && 'min-h-[300px]', layoutStyle === 'clothing' && 'min-h-[350px]', 'min-h-[300px]', className), children: [config.image && (_jsx("div", { className: "absolute inset-0 bg-cover bg-center", style: { backgroundImage: `url(${config.image})` } })), _jsxs("div", { className: cn('relative z-10 flex flex-col items-center justify-center p-8 md:p-12 text-center', config.image ? 'bg-black/40' : 'bg-gradient-to-r from-primary/90 to-primary', 'min-h-[300px]'), children: [config.title && (_jsx("h3", { className: "text-3xl md:text-4xl font-bold text-white mb-4", ...payazaInlineBindingProps(isPreview, sectionKey, ['title']), children: config.title })), config.subtitle && (_jsx("p", { className: "text-lg md:text-xl text-white/90 mb-6 max-w-2xl", ...payazaInlineBindingProps(isPreview, sectionKey, ['subtitle']), children: config.subtitle })), config.buttonText && (_jsx(Button, { asChild: true, size: "lg", className: "bg-white text-primary hover:bg-white/90", children: _jsx(Link, { href: storeSlug ? resolveStoreLink(config.buttonLink || 'products', storeSlug) : (config.buttonLink || '/products'), ...payazaInlineBindingProps(isPreview, sectionKey, ['buttonText']), children: config.buttonText }) }))] })] }));
+    return (_jsx("section", { "data-section": sectionKey, "data-payaza-section-key": sectionKey, "data-payaza-page": page, className: "py-8 md:py-12 px-4 sm:px-6 lg:px-8", children: content }));
+}

package/dist/layouts/shared/components/StoreFooter.d.ts

@@ -0,0 +1,7 @@
+import { StoreConfig } from '../../../lib/store-types';
+interface StoreFooterProps {
+    storeConfig: StoreConfig;
+}
+export declare function StoreFooter({ storeConfig: initialConfig }: StoreFooterProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=StoreFooter.d.ts.map

package/dist/layouts/shared/components/StoreFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StoreFooter.d.ts","sourceRoot":"","sources":["../../../../src/layouts/shared/components/StoreFooter.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AA4BvD,UAAU,gBAAgB;IACxB,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,WAAW,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,gBAAgB,2CAga3E"}

package/dist/layouts/shared/components/StoreFooter.js

@@ -0,0 +1,156 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from 'next/link';
+import { getCurrentYear } from '../../../utils/date.js';
+import { Facebook, Twitter, Instagram, Share2 } from 'lucide-react';
+import { DotPattern } from '../../../components/ui/background-patterns.js';
+import { cn } from '../../../lib/utils/index.js';
+import { getLogoUrl } from '../../../lib/utils/asset-helpers.js';
+import { StoreLogo } from '../../../components/ui/store-logos.js';
+import { useStore } from '../../../lib/store-context.js';
+import { payazaInlineBindingProps } from '../../../preview/canvas/field-key.js';
+import { isEditorPreviewMode } from '../../../lib/utils/editor-preview.js';
+import { resolveStoreLink } from '../../../lib/layout-route-utils.js';
+import { BOOKING_DEFAULT_FOOTER_TAGLINE, resolveBookingFooterMainLinks, resolveBookingFooterSupportLinks, resolveBookingFooterPrimaryColumnTitle, } from '../../booking/components/booking-footer-defaults.js';
+const PAYMENT_METHODS = [
+    'Bank Transfer',
+    'Visa',
+    'Mastercard',
+    'Verve',
+    'Afrigo',
+    'ApplePay',
+    'Google Pay',
+    'Mobile Money',
+];
+export function StoreFooter({ storeConfig: initialConfig }) {
+    const { store } = useStore();
+    const storeConfig = store || initialConfig;
+    const currentYear = getCurrentYear();
+    const primaryColor = storeConfig.branding.primaryColor || '#000000';
+    const isDarkTheme = storeConfig.branding.theme === 'dark';
+    const isPreview = isEditorPreviewMode(storeConfig);
+    const footerConfig = storeConfig.layoutConfig?.sections?.footer;
+    const inline = (path) => payazaInlineBindingProps(isPreview, 'footer', path);
+    if (footerConfig?.show === false) {
+        return null;
+    }
+    const tagline = footerConfig?.tagline ||
+        storeConfig.description ||
+        BOOKING_DEFAULT_FOOTER_TAGLINE;
+    const primaryColumnTitle = resolveBookingFooterPrimaryColumnTitle(footerConfig, storeConfig);
+    const supportColumnTitle = footerConfig?.supportColumnTitle || 'Support';
+    const contactColumnTitle = footerConfig?.contactColumnTitle || 'Contact';
+    const mainLinks = resolveBookingFooterMainLinks(footerConfig, storeConfig);
+    const supportLinks = resolveBookingFooterSupportLinks(footerConfig, storeConfig);
+    const footerAddress = footerConfig?.address ||
+        [
+            storeConfig.contactInfo?.address?.street,
+            [
+                storeConfig.contactInfo?.address?.city,
+                storeConfig.contactInfo?.address?.state,
+                storeConfig.contactInfo?.address?.zipCode,
+            ]
+                .filter(Boolean)
+                .join(', '),
+        ]
+            .filter(Boolean)
+            .join('\n');
+    const footerEmail = footerConfig?.email || storeConfig.contactInfo?.email;
+    const footerPhone = footerConfig?.phone || storeConfig.contactInfo?.phone;
+    const copyrightLine = footerConfig?.copyrightText?.trim() ||
+        `© ${currentYear} ${storeConfig.name}. All rights reserved.`;
+    const showSocial = footerConfig?.showSocialLinks !== false;
+    const showPaymentBadges = footerConfig?.showPaymentBadges !== false;
+    const bgPrimary = isDarkTheme ? '#000000' : '#F8FAFC';
+    const bgSecondary = isDarkTheme ? '#0a0a0f' : '#FFFFFF';
+    const bgDark = '#000000';
+    const borderPrimary = isDarkTheme ? 'rgba(255,255,255,0.1)' : '#E2E8F0';
+    // Build footer background style
+    const footerBg = isDarkTheme
+        ? `linear-gradient(to bottom, ${bgDark}CC, ${bgSecondary}, ${bgDark})`
+        : bgPrimary;
+    return (_jsxs("footer", { "data-section": "footer", "data-payaza-section-key": "footer", className: cn("relative border-t overflow-hidden backdrop-blur-xl"), style: {
+            background: footerBg,
+            borderTopColor: borderPrimary,
+            borderTopWidth: '1px',
+            borderTopStyle: 'solid',
+        }, children: [_jsx("div", { className: "absolute inset-0 z-0 opacity-[0.4] pointer-events-none", children: _jsx(DotPattern, { color: isDarkTheme ? "#3b82f6" : "#94a3b8", cx: 1, cy: 1, cr: 1, width: 20, height: 20 }) }), _jsxs("div", { className: "relative z-10 container mx-auto px-4 sm:px-6 lg:px-8 pt-16 pb-8", children: [_jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-12 gap-12 lg:gap-8 mb-16", children: [_jsxs("div", { className: "lg:col-span-4 space-y-6", children: [_jsx(Link, { href: `/${storeConfig.slug}`, className: "inline-block", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(StoreLogo, { storeConfig: storeConfig, className: "h-10 w-10", alt: storeConfig.name }), !getLogoUrl(storeConfig) && (_jsx("span", { className: cn("text-2xl font-extrabold tracking-tight", isDarkTheme ? "text-white" : ""), style: {
+                                                        color: isDarkTheme ? undefined : primaryColor,
+                                                    }, children: storeConfig.name }))] }) }), _jsx("p", { className: cn("text-base leading-relaxed max-w-sm", isDarkTheme ? "text-gray-400" : "text-gray-500"), children: _jsx("span", { ...inline(['tagline']), children: tagline }) }), showSocial && storeConfig.branding.socialMedia && (_jsxs("div", { className: "flex items-center gap-4 pt-2", children: [storeConfig.branding.socialMedia.facebook && (_jsx("a", { href: storeConfig.branding.socialMedia.facebook, target: "_blank", rel: "noopener noreferrer", className: cn("h-10 w-10 flex items-center justify-center rounded-full transition-all duration-300 transform hover:scale-110 shadow-sm", isDarkTheme
+                                                    ? "bg-white/10 border border-white/20 text-gray-400 hover:text-white hover:border-white/40"
+                                                    : "bg-white border border-gray-200 text-gray-500 hover:text-white hover:border-transparent"), style: {
+                                                    '--hover-bg': primaryColor
+                                                }, onMouseEnter: (e) => {
+                                                    e.currentTarget.style.backgroundColor = primaryColor;
+                                                    e.currentTarget.style.color = '#ffffff';
+                                                    e.currentTarget.style.borderColor = primaryColor;
+                                                }, onMouseLeave: (e) => {
+                                                    if (isDarkTheme) {
+                                                        e.currentTarget.style.backgroundColor = 'rgba(255, 255, 255, 0.1)';
+                                                        e.currentTarget.style.color = '#9ca3af';
+                                                        e.currentTarget.style.borderColor = 'rgba(255, 255, 255, 0.2)';
+                                                    }
+                                                    else {
+                                                        e.currentTarget.style.backgroundColor = '#ffffff';
+                                                        e.currentTarget.style.color = '#6b7280';
+                                                        e.currentTarget.style.borderColor = '#e5e7eb';
+                                                    }
+                                                }, children: _jsx(Facebook, { className: "h-5 w-5" }) })), storeConfig.branding.socialMedia.twitter && (_jsx("a", { href: storeConfig.branding.socialMedia.twitter, target: "_blank", rel: "noopener noreferrer", className: cn("h-10 w-10 flex items-center justify-center rounded-full transition-all duration-300 transform hover:scale-110 shadow-sm", isDarkTheme
+                                                    ? "bg-white/10 border border-white/20 text-gray-400 hover:text-white hover:border-white/40"
+                                                    : "bg-white border border-gray-200 text-gray-500 hover:text-white hover:border-transparent"), style: {
+                                                    '--hover-bg': primaryColor
+                                                }, onMouseEnter: (e) => {
+                                                    e.currentTarget.style.backgroundColor = primaryColor;
+                                                    e.currentTarget.style.color = '#ffffff';
+                                                    e.currentTarget.style.borderColor = primaryColor;
+                                                }, onMouseLeave: (e) => {
+                                                    if (isDarkTheme) {
+                                                        e.currentTarget.style.backgroundColor = 'rgba(255, 255, 255, 0.1)';
+                                                        e.currentTarget.style.color = '#9ca3af';
+                                                        e.currentTarget.style.borderColor = 'rgba(255, 255, 255, 0.2)';
+                                                    }
+                                                    else {
+                                                        e.currentTarget.style.backgroundColor = '#ffffff';
+                                                        e.currentTarget.style.color = '#6b7280';
+                                                        e.currentTarget.style.borderColor = '#e5e7eb';
+                                                    }
+                                                }, children: _jsx(Twitter, { className: "h-5 w-5" }) })), storeConfig.branding.socialMedia.instagram && (_jsx("a", { href: storeConfig.branding.socialMedia.instagram, target: "_blank", rel: "noopener noreferrer", className: cn("h-10 w-10 flex items-center justify-center rounded-full transition-all duration-300 transform hover:scale-110 shadow-sm", isDarkTheme
+                                                    ? "bg-white/10 border border-white/20 text-gray-400 hover:text-white hover:border-white/40"
+                                                    : "bg-white border border-gray-200 text-gray-500 hover:text-white hover:border-transparent"), style: {
+                                                    '--hover-bg': primaryColor
+                                                }, onMouseEnter: (e) => {
+                                                    e.currentTarget.style.backgroundColor = primaryColor;
+                                                    e.currentTarget.style.color = '#ffffff';
+                                                    e.currentTarget.style.borderColor = primaryColor;
+                                                }, onMouseLeave: (e) => {
+                                                    if (isDarkTheme) {
+                                                        e.currentTarget.style.backgroundColor = 'rgba(255, 255, 255, 0.1)';
+                                                        e.currentTarget.style.color = '#9ca3af';
+                                                        e.currentTarget.style.borderColor = 'rgba(255, 255, 255, 0.2)';
+                                                    }
+                                                    else {
+                                                        e.currentTarget.style.backgroundColor = '#ffffff';
+                                                        e.currentTarget.style.color = '#6b7280';
+                                                        e.currentTarget.style.borderColor = '#e5e7eb';
+                                                    }
+                                                }, children: _jsx(Instagram, { className: "h-5 w-5" }) })), storeConfig.branding.socialMedia.pinterest && (_jsx("a", { href: storeConfig.branding.socialMedia.pinterest, target: "_blank", rel: "noopener noreferrer", className: cn("h-10 w-10 flex items-center justify-center rounded-full transition-all duration-300 transform hover:scale-110 shadow-sm", isDarkTheme
+                                                    ? "bg-white/10 border border-white/20 text-gray-400 hover:text-white hover:border-white/40"
+                                                    : "bg-white border border-gray-200 text-gray-500 hover:text-white hover:border-transparent"), style: {
+                                                    '--hover-bg': primaryColor
+                                                }, onMouseEnter: (e) => {
+                                                    e.currentTarget.style.backgroundColor = primaryColor;
+                                                    e.currentTarget.style.color = '#ffffff';
+                                                    e.currentTarget.style.borderColor = primaryColor;
+                                                }, onMouseLeave: (e) => {
+                                                    if (isDarkTheme) {
+                                                        e.currentTarget.style.backgroundColor = 'rgba(255, 255, 255, 0.1)';
+                                                        e.currentTarget.style.color = '#9ca3af';
+                                                        e.currentTarget.style.borderColor = 'rgba(255, 255, 255, 0.2)';
+                                                    }
+                                                    else {
+                                                        e.currentTarget.style.backgroundColor = '#ffffff';
+                                                        e.currentTarget.style.color = '#6b7280';
+                                                        e.currentTarget.style.borderColor = '#e5e7eb';
+                                                    }
+                                                }, children: _jsx(Share2, { className: "h-5 w-5" }) }))] }))] }), _jsxs("div", { className: "lg:col-span-8 grid grid-cols-2 sm:grid-cols-3 gap-8", children: [_jsxs("div", { children: [_jsx("h4", { className: cn("font-bold text-lg mb-6", isDarkTheme ? "text-white" : "text-gray-900"), children: _jsx("span", { ...inline(['primaryColumnTitle']), children: primaryColumnTitle }) }), _jsx("ul", { className: "space-y-4", children: mainLinks.map((link, index) => (_jsx("li", { children: _jsx(Link, { href: resolveStoreLink(link.href, storeConfig.slug), className: cn("transition-colors flex items-center group", isDarkTheme ? "text-gray-400 hover:text-white" : "text-gray-500 hover:text-gray-900"), children: _jsxs("span", { className: "relative", children: [_jsx("span", { ...inline(['mainLinks', String(index), 'label']), children: link.label }), _jsx("span", { className: cn("absolute -bottom-1 left-0 w-0 h-0.5 transition-all group-hover:w-full", isDarkTheme ? "bg-white" : "bg-gray-900") })] }) }) }, link.id || `${index}-${link.href}`))) })] }), _jsxs("div", { children: [_jsx("h4", { className: cn("font-bold text-lg mb-6", isDarkTheme ? "text-white" : "text-gray-900"), children: _jsx("span", { ...inline(['supportColumnTitle']), children: supportColumnTitle }) }), _jsx("ul", { className: "space-y-4", children: supportLinks.map((link, index) => (_jsx("li", { children: _jsx(Link, { href: resolveStoreLink(link.href, storeConfig.slug), className: cn("transition-colors group flex items-center", isDarkTheme ? "text-gray-400 hover:text-white" : "text-gray-500 hover:text-gray-900"), children: _jsxs("span", { className: "relative", children: [_jsx("span", { ...inline(['supportLinks', String(index), 'label']), children: link.label }), _jsx("span", { className: cn("absolute -bottom-1 left-0 w-0 h-0.5 transition-all group-hover:w-full", isDarkTheme ? "bg-white" : "bg-gray-900") })] }) }) }, link.id || `support-${index}-${link.href}`))) })] }), _jsxs("div", { children: [_jsx("h4", { className: cn("font-bold text-lg mb-6", isDarkTheme ? "text-white" : "text-gray-900"), children: _jsx("span", { ...inline(['contactColumnTitle']), children: contactColumnTitle }) }), _jsxs("ul", { className: "space-y-4", children: [footerAddress && (_jsx("li", { className: cn("text-sm leading-relaxed whitespace-pre-line", isDarkTheme ? "text-gray-400" : "text-gray-500"), children: _jsx("span", { ...inline(['address']), children: footerAddress }) })), footerEmail && (_jsx("li", { className: cn(isDarkTheme ? "text-gray-400" : "text-gray-500"), children: _jsx("a", { href: `mailto:${footerEmail}`, className: cn("transition-colors", isDarkTheme ? "hover:text-white" : "hover:text-gray-900"), children: _jsx("span", { ...inline(['email']), children: footerEmail }) }) })), footerPhone && (_jsx("li", { className: cn(isDarkTheme ? "text-gray-400" : "text-gray-500"), children: _jsx("a", { href: `tel:${footerPhone.replace(/\D/g, '')}`, className: cn("transition-colors", isDarkTheme ? "hover:text-white" : "hover:text-gray-900"), children: _jsx("span", { ...inline(['phone']), children: footerPhone }) }) }))] })] })] })] }), _jsxs("div", { className: cn("pt-8 border-t flex flex-col md:flex-row justify-between items-center gap-4", isDarkTheme ? "border-white/10" : "border-slate-200"), children: [_jsx("p", { className: cn("text-sm font-medium", isDarkTheme ? "text-gray-500" : "text-gray-500"), children: _jsx("span", { ...inline(['copyrightText']), children: copyrightLine }) }), showPaymentBadges && (_jsx("div", { className: "flex items-center gap-4 grayscale opacity-70 hover:grayscale-0 hover:opacity-100 transition-all w-full md:w-auto justify-center md:justify-end", children: _jsxs("div", { className: "flex gap-2 flex-wrap justify-center md:justify-end max-w-full", children: [PAYMENT_METHODS.map((method, index) => (_jsx("div", { className: `h-8 px-2 bg-white border border-gray-200 rounded flex items-center justify-center text-[10px] font-bold text-gray-600 shadow-sm whitespace-nowrap ${index >= 6 ? 'hidden lg:flex' : 'flex'}`, children: method }, method))), PAYMENT_METHODS.length > 6 && (_jsxs("div", { className: "h-8 px-2 bg-gray-50 border border-gray-200 rounded flex items-center justify-center text-[10px] font-bold text-gray-500 shadow-sm cursor-help lg:hidden", title: PAYMENT_METHODS.slice(6).join(', '), children: ["+", PAYMENT_METHODS.length - 6, " more"] }))] }) }))] })] })] }));
+}

package/dist/layouts/shared/components/StoreHeader.d.ts

@@ -0,0 +1,8 @@
+import { StoreConfig } from '../../../lib/store-types';
+interface StoreHeaderProps {
+    storeConfig: StoreConfig;
+    cartItemCount?: number;
+}
+export declare function StoreHeader({ storeConfig: initialConfig, cartItemCount }: StoreHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=StoreHeader.d.ts.map

package/dist/layouts/shared/components/StoreHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StoreHeader.d.ts","sourceRoot":"","sources":["../../../../src/layouts/shared/components/StoreHeader.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AA6BvD,UAAU,gBAAgB;IACxB,WAAW,EAAE,WAAW,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,WAAW,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,aAAiB,EAAE,EAAE,gBAAgB,2CAge9F"}

package/dist/layouts/shared/components/StoreHeader.js

@@ -0,0 +1,111 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import Link from 'next/link';
+import { Button } from '../../../components/ui/button.js';
+import { ShoppingCart, Heart, Search, Menu, X, ChevronRight, ChevronDown, Instagram, Twitter, Youtube, Home, Info, Phone, Package, Calendar, BookOpen, GraduationCap, Sparkles, Tag, LayoutGrid } from 'lucide-react';
+// Navigation icon helper
+const getNavIcon = (label) => {
+    const l = label.toLowerCase();
+    if (l.includes('home'))
+        return Home;
+    if (l.includes('about'))
+        return Info;
+    if (l.includes('contact'))
+        return Phone;
+    if (l.includes('product') || l.includes('shop') || l.includes('arrival'))
+        return Package;
+    if (l.includes('service') || l.includes('book'))
+        return Calendar;
+    if (l.includes('course') || l.includes('learn'))
+        return BookOpen;
+    if (l.includes('mentorship'))
+        return GraduationCap;
+    if (l.includes('collection'))
+        return Sparkles;
+    if (l.includes('sale'))
+        return Tag;
+    if (l.includes('catalogue'))
+        return LayoutGrid;
+    return null;
+};
+import { useState, useEffect, useRef } from 'react';
+import { usePathname } from 'next/navigation';
+import { cn, formatStoreDisplayName } from '../../../lib/utils/index.js';
+import { useAuth } from '../../../lib/auth-context.js';
+import { StoreLogo } from '../../../components/ui/store-logos.js';
+import { useStore } from '../../../lib/store-context.js';
+import { getLogoUrl } from '../../../lib/utils/asset-helpers.js';
+import { AvatarImage } from '../../../components/ui/avatar-image.js';
+import { motion, AnimatePresence } from 'framer-motion';
+export function StoreHeader({ storeConfig: initialConfig, cartItemCount = 0 }) {
+    const { store, wishlist } = useStore();
+    const storeConfig = store || initialConfig;
+    const wishlistCount = wishlist.length;
+    const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
+    const [searchOpen, setSearchOpen] = useState(false);
+    const [searchQuery, setSearchQuery] = useState('');
+    const [scrolled, setScrolled] = useState(false);
+    const [isCatalogueOpen, setIsCatalogueOpen] = useState(false);
+    const pathname = usePathname();
+    const { isAuthenticated, user, openLogin } = useAuth();
+    const [mounted, setMounted] = useState(false);
+    const searchInputRef = useRef(null);
+    // Filter to show only parent categories (no parentId)
+    const allCategories = storeConfig.categories || [];
+    const parentCategories = allCategories.filter(cat => !cat.parentId);
+    useEffect(() => {
+        setMounted(true);
+        const handleScroll = () => {
+            setScrolled(window.scrollY > 10);
+        };
+        window.addEventListener('scroll', handleScroll);
+        return () => window.removeEventListener('scroll', handleScroll);
+    }, []);
+    useEffect(() => {
+        if (searchOpen && searchInputRef.current) {
+            searchInputRef.current.focus();
+        }
+    }, [searchOpen]);
+    const primaryColor = storeConfig.branding.primaryColor;
+    const storeDisplayName = formatStoreDisplayName(storeConfig.name);
+    const isDarkTheme = storeConfig.branding.theme === 'dark' || storeConfig.type === 'electronics';
+    if (!mounted) {
+        return null;
+    }
+    const headerBg = isDarkTheme
+        ? scrolled ? 'rgba(0, 0, 0, 0.9)' : 'rgba(0, 0, 0, 0.7)'
+        : scrolled ? 'rgba(255, 255, 255, 0.98)' : 'rgba(255, 255, 255, 0.9)';
+    return (_jsxs(_Fragment, { children: [_jsx("header", { "data-section": "header", className: cn("sticky top-0 z-[60] w-full transition-all duration-500 backdrop-blur-xl border-b", scrolled
+                    ? "shadow-lg border-gray-100 dark:border-white/5 py-0 sm:py-1"
+                    : "border-transparent py-0 sm:py-2.5"), style: { backgroundColor: headerBg }, children: _jsx("div", { className: "container mx-auto px-3 sm:px-6 lg:px-8", children: _jsxs("div", { className: "flex h-12 items-center gap-2 sm:gap-3 sm:h-14 lg:h-16", children: [_jsx("div", { className: "flex items-center flex-shrink-0 z-20", children: _jsxs(Link, { href: `/${storeConfig.slug}`, className: "flex items-center gap-3 group", children: [_jsx(StoreLogo, { storeConfig: storeConfig, className: "h-8 w-8 transition-transform duration-500 group-hover:scale-105 sm:h-9 sm:w-9 lg:h-10 lg:w-10", alt: storeDisplayName }), !getLogoUrl(storeConfig) && (_jsx("span", { className: cn("text-xl font-bold tracking-tight transition-colors hidden xl:block", isDarkTheme ? "text-white" : "text-gray-900"), children: storeDisplayName }))] }) }), _jsx("nav", { className: "hidden lg:flex flex-1 min-w-0 items-center justify-center gap-1 overflow-hidden px-2 pr-4 mr-1", children: (() => {
+                                    const menuItems = storeConfig.navigation.main;
+                                    const categories = parentCategories;
+                                    // Logic to determine how many categories to show directly
+                                    // Max total top-level items (menu + categories)
+                                    const maxTotalItems = storeConfig.layout === 'motivational-speaker' ? 5 : 6;
+                                    // How many categories can we fit?
+                                    const categoriesToShowCount = Math.max(0, maxTotalItems - menuItems.length);
+                                    const categoriesToDisplay = categories.slice(0, categoriesToShowCount);
+                                    const overflowCategories = categories.slice(categoriesToShowCount);
+                                    return (_jsxs(_Fragment, { children: [menuItems.map((item, index) => {
+                                                return (_jsx(Link, { href: `/${storeConfig.slug}${item.href}`, className: cn("px-4 py-2.5 text-[11px] font-bold uppercase tracking-[0.12em] transition-all rounded-full flex items-center gap-2 group/nav whitespace-nowrap", isDarkTheme
+                                                        ? "text-gray-400 hover:text-white hover:bg-white/10"
+                                                        : "text-gray-600 hover:text-black hover:bg-gray-100"), children: item.label }, `nav-${index}-${item.href}`));
+                                            }), categoriesToDisplay.map((cat) => (_jsx(Link, { href: `/${storeConfig.slug}/categories/${cat.slug}`, className: cn("px-4 py-2.5 text-[11px] font-bold uppercase tracking-[0.12em] transition-all rounded-full flex items-center gap-2 group/nav whitespace-nowrap", isDarkTheme
+                                                    ? "text-gray-400 hover:text-white hover:bg-white/10"
+                                                    : "text-gray-600 hover:text-black hover:bg-gray-100"), children: cat.name }, `cat-direct-${cat.id}`))), overflowCategories.length > 0 && (_jsxs("div", { className: "relative group", onMouseEnter: () => setIsCatalogueOpen(true), onMouseLeave: () => setIsCatalogueOpen(false), children: [_jsxs("button", { className: cn("px-4 py-2.5 text-[11px] font-bold uppercase tracking-[0.12em] transition-all rounded-full flex items-center gap-2 group/nav whitespace-nowrap", isDarkTheme
+                                                            ? "text-gray-400 hover:text-white hover:bg-white/10"
+                                                            : "text-gray-600 hover:text-black hover:bg-gray-100"), children: [categoriesToDisplay.length > 0 ? "More" : "Catalogue", _jsx(ChevronDown, { className: cn("w-3.5 h-3.5 transition-transform duration-300", isCatalogueOpen && "rotate-180") })] }), _jsx(AnimatePresence, { children: isCatalogueOpen && (_jsx(motion.div, { initial: { opacity: 0, y: 10, scale: 0.95 }, animate: { opacity: 1, y: 0, scale: 1 }, exit: { opacity: 0, y: 10, scale: 0.95 }, transition: { duration: 0.2 }, className: cn("absolute top-full left-1/2 -translate-x-1/2 mt-2 w-64 p-3 rounded-2xl shadow-2xl border backdrop-blur-2xl z-50", isDarkTheme ? "bg-black/90 border-white/10" : "bg-white/95 border-gray-100"), children: _jsx("div", { className: "grid gap-1 overflow-y-auto max-h-[70vh]", children: overflowCategories.map((cat) => (_jsxs(Link, { href: `/${storeConfig.slug}/categories/${cat.slug}`, className: cn("flex items-center justify-between px-4 py-3 rounded-xl transition-all group/item", isDarkTheme ? "hover:bg-white/5" : "hover:bg-gray-50"), onClick: () => setIsCatalogueOpen(false), children: [_jsx("span", { className: cn("text-sm font-medium", isDarkTheme ? "text-gray-300 group-hover/item:text-white" : "text-gray-600 group-hover/item:text-black"), children: cat.name }), _jsx(ChevronRight, { className: "w-4 h-4 opacity-0 -translate-x-2 group-hover/item:opacity-100 group-hover/item:translate-x-0 transition-all text-gray-400" })] }, `cat-overflow-${cat.id}`))) }) })) })] }))] }));
+                                })() }), _jsxs("div", { className: "flex items-center gap-0.5 sm:gap-1 lg:gap-2 flex-shrink-0 z-20 ml-auto lg:ml-0 lg:pl-1", children: [_jsx(Button, { variant: "ghost", size: "icon", className: cn("h-9 w-9 sm:h-10 sm:w-10 rounded-full transition-all relative", isDarkTheme ? "hover:bg-white/10 text-gray-300" : "hover:bg-gray-100 text-gray-600", searchOpen && "bg-transparent shadow-none"), onClick: () => setSearchOpen(true), children: _jsx(Search, { className: "h-5 w-5" }) }), storeConfig.features.wishlist && (_jsx(Link, { href: `/${storeConfig.slug}/wishlist`, children: _jsxs(Button, { variant: "ghost", size: "icon", className: "h-9 w-9 sm:h-10 sm:w-10 relative rounded-full group hover:bg-red-50 dark:hover:bg-red-900/10", children: [_jsx(Heart, { className: cn("h-5 w-5 transition-all group-hover:scale-110", wishlistCount > 0 && "fill-red-500 text-red-500") }), wishlistCount > 0 && (_jsx("span", { className: "absolute -top-1 -right-1 h-4 w-4 text-[9px] font-bold text-white rounded-full flex items-center justify-center shadow-lg", style: { backgroundColor: primaryColor }, children: wishlistCount }))] }) })), storeConfig.layout === 'motivational-speaker' && isAuthenticated && (_jsx(Link, { href: `/${storeConfig.slug}/account?tab=learning`, children: _jsxs(Button, { variant: "ghost", size: "icon", className: cn("h-9 w-9 sm:h-10 sm:w-10 relative rounded-full group transition-all", isDarkTheme ? "hover:bg-blue-900/20 text-blue-400" : "hover:bg-blue-50 text-blue-600"), children: [_jsx(BookOpen, { className: "h-5 w-5 transition-all group-hover:scale-110" }), _jsx("span", { className: "sr-only", children: "My Learning" })] }) })), storeConfig.features.cart && (_jsx(Link, { href: `/${storeConfig.slug}/cart`, children: _jsxs(Button, { variant: "ghost", size: "icon", className: "h-9 w-9 sm:h-10 sm:w-10 relative rounded-full group hover:bg-gray-100 dark:hover:bg-white/10", children: [_jsx(ShoppingCart, { className: "h-5 w-5 group-hover:scale-110 transition-all" }), cartItemCount > 0 && (_jsx("span", { className: "absolute -top-1 -right-1 h-4 w-4 text-[9px] font-bold text-white rounded-full flex items-center justify-center shadow-lg", style: { backgroundColor: primaryColor }, children: cartItemCount }))] }) })), isAuthenticated ? (_jsx(Link, { href: `/${storeConfig.slug}/account`, children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-9 w-9 sm:h-10 sm:w-10 rounded-full overflow-hidden border-2 border-transparent hover:border-gray-200 transition-all", children: _jsx(AvatarImage, { src: user?.avatar, alt: "User", size: 32 }) }) })) : (_jsx(Button, { className: "ml-1 hidden sm:block h-10 px-6 rounded-full font-bold text-xs uppercase tracking-widest transition-all shadow-md hover:shadow-lg active:scale-95", style: { backgroundColor: primaryColor, color: 'white' }, onClick: () => openLogin({
+                                            callbackUrl: pathname || `/${storeConfig.slug}`,
+                                        }), children: storeConfig.headerConfig?.loginButtonText || 'Log In' })), _jsx(Button, { variant: "ghost", size: "icon", className: "lg:hidden h-9 w-9 sm:h-10 sm:w-10 rounded-full", onClick: () => setMobileMenuOpen(true), children: _jsx(Menu, { className: "h-6 w-6" }) })] })] }) }) }), _jsx(AnimatePresence, { children: searchOpen && (_jsx(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, className: "fixed inset-0 z-[100] flex flex-col items-center justify-start pt-24 px-4 bg-white/80 dark:bg-black/80 backdrop-blur-2xl", children: _jsxs(motion.div, { initial: { y: -20, opacity: 0 }, animate: { y: 0, opacity: 1 }, exit: { y: -20, opacity: 0 }, className: "w-full max-w-3xl relative", children: [_jsxs("div", { className: "relative flex items-center group", children: [_jsx(Search, { className: "absolute left-6 h-6 w-6 text-gray-400 group-focus-within:text-black dark:group-focus-within:text-white transition-colors" }), _jsx("input", { ref: searchInputRef, type: "text", placeholder: storeConfig.headerConfig?.searchPlaceholder || "Search products, categories, guides...", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), className: cn("w-full pl-16 pr-24 py-6 text-2xl md:text-3xl font-light bg-transparent border-b-2 border-gray-200 dark:border-white/10 focus:outline-none focus:border-black dark:focus:border-white transition-all", isDarkTheme ? "text-white placeholder-gray-600" : "text-black placeholder-gray-300"), onKeyDown: (e) => e.key === 'Escape' && setSearchOpen(false) }), _jsxs("div", { className: "absolute right-0 flex items-center gap-2", children: [searchQuery && (_jsx(Button, { variant: "ghost", size: "icon", onClick: () => setSearchQuery(''), className: "h-10 w-10 rounded-full", children: _jsx(X, { className: "h-5 w-5 text-gray-400" }) })), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => setSearchOpen(false), className: "text-xs font-bold uppercase tracking-widest text-gray-400 hover:text-black dark:hover:text-white", children: "Esc" })] })] }), _jsxs("div", { className: "mt-12 grid grid-cols-1 md:grid-cols-2 gap-12", children: [_jsxs("div", { className: "space-y-6", children: [_jsx("h4", { className: "text-[10px] font-black uppercase tracking-[0.3em] text-gray-400", children: "Quick Links" }), _jsx("div", { className: "flex flex-wrap gap-2", children: ['Courses', 'Mentorship', 'Free Guides', 'Memberships', 'Contact'].map((tag) => (_jsx("button", { className: cn("px-4 py-2 rounded-full text-sm border transition-all", isDarkTheme
+                                                        ? "border-white/10 hover:border-white text-gray-400 hover:text-white"
+                                                        : "border-gray-200 hover:border-black text-gray-600 hover:text-black"), children: tag }, tag))) })] }), _jsxs("div", { className: "space-y-6", children: [_jsx("h4", { className: "text-[10px] font-black uppercase tracking-[0.3em] text-gray-400", children: "Popular Categories" }), _jsx("div", { className: "grid gap-3", children: parentCategories.map((cat) => (_jsxs(Link, { href: `/${storeConfig.slug}/categories/${cat.slug}`, className: "flex items-center gap-3 group", onClick: () => setSearchOpen(false), children: [_jsx("div", { className: "w-10 h-10 rounded-lg bg-gray-100 dark:bg-white/5 flex items-center justify-center group-hover:scale-110 transition-transform", children: _jsx(ChevronRight, { className: "w-4 h-4 text-gray-400" }) }), _jsx("span", { className: "text-lg font-medium text-gray-500 group-hover:text-black dark:group-hover:text-white transition-colors", children: cat.name })] }, cat.id))) })] })] })] }) })) }), _jsx(AnimatePresence, { children: mobileMenuOpen && (_jsxs("div", { className: "fixed inset-0 z-[100] lg:hidden", children: [_jsx(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, className: "absolute inset-0 bg-black/60 backdrop-blur-md", onClick: () => setMobileMenuOpen(false) }), _jsxs(motion.nav, { initial: { x: '100%' }, animate: { x: 0 }, exit: { x: '100%' }, transition: { type: "spring", damping: 25, stiffness: 200 }, className: cn("absolute right-0 top-0 bottom-0 w-[300px] shadow-2xl p-8 flex flex-col", isDarkTheme ? "bg-black text-white" : "bg-white text-black"), children: [_jsxs("div", { className: "flex items-center justify-between mb-12", children: [_jsx(StoreLogo, { storeConfig: storeConfig, className: "h-8 w-8" }), _jsx(Button, { variant: "ghost", size: "icon", onClick: () => setMobileMenuOpen(false), children: _jsx(X, { className: "h-6 w-6" }) })] }), _jsxs("div", { className: "flex flex-col gap-8", children: [storeConfig.navigation.main.map((item, i) => {
+                                            return (_jsx(Link, { href: `/${storeConfig.slug}${item.href}`, className: "text-3xl font-bold tracking-tight hover:opacity-50 transition-opacity flex items-center gap-4", onClick: () => setMobileMenuOpen(false), children: item.label }, i));
+                                        }), _jsxs("div", { className: "pt-8 space-y-4 border-t border-gray-100 dark:border-white/10", children: [_jsx("h4", { className: "text-[10px] font-black uppercase tracking-[0.3em] text-gray-400", children: "Catalogue" }), _jsx("div", { className: "grid gap-4", children: parentCategories.map((cat) => (_jsx(Link, { href: `/${storeConfig.slug}/categories/${cat.slug}`, className: "text-lg font-medium text-gray-500 hover:text-black dark:hover:text-white transition-colors", onClick: () => setMobileMenuOpen(false), children: cat.name }, cat.id))) })] })] }), _jsxs("div", { className: "mt-auto pt-8 border-t border-gray-100 dark:border-white/10 flex flex-col gap-6", children: [!isAuthenticated ? (_jsx(Button, { className: "w-full h-14 rounded-full font-bold text-sm uppercase tracking-widest shadow-xl", style: { backgroundColor: primaryColor, color: 'white' }, onClick: () => {
+                                                setMobileMenuOpen(false);
+                                                openLogin({
+                                                    callbackUrl: pathname || `/${storeConfig.slug}`,
+                                                });
+                                            }, children: "Sign In" })) : (_jsx(Link, { href: `/${storeConfig.slug}/account`, children: _jsx(Button, { variant: "outline", className: "w-full h-14 rounded-full font-bold text-sm uppercase tracking-widest", children: "My Account" }) })), _jsxs("div", { className: "flex justify-center gap-6 text-gray-400", children: [_jsx(Instagram, { className: "w-5 h-5" }), _jsx(Twitter, { className: "w-5 h-5" }), _jsx(Youtube, { className: "w-5 h-5" })] })] })] })] })) })] }));
+}

package/dist/layouts/shared/components/TestimonialCard.d.ts

@@ -0,0 +1,8 @@
+import { TestimonialItem } from '../../../lib/store-types';
+interface TestimonialCardProps {
+    testimonial: TestimonialItem;
+    className?: string;
+}
+export declare function TestimonialCard({ testimonial, className }: TestimonialCardProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TestimonialCard.d.ts.map

package/dist/layouts/shared/components/TestimonialCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestimonialCard.d.ts","sourceRoot":"","sources":["../../../../src/layouts/shared/components/TestimonialCard.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIpD,UAAU,oBAAoB;IAC5B,WAAW,EAAE,eAAe,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,eAAe,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,oBAAoB,2CA6D/E"}

package/dist/layouts/shared/components/TestimonialCard.js

@@ -0,0 +1,10 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Image from 'next/image';
+import { Star } from 'lucide-react';
+import { cn } from '../../../lib/utils/index.js';
+export function TestimonialCard({ testimonial, className }) {
+    return (_jsxs("div", { "data-section": "testimonials", className: cn('bg-white p-6 md:p-8 rounded-2xl shadow-sm border border-gray-100', 'hover:shadow-lg transition-all duration-300', className), children: [_jsx("div", { className: "flex items-center gap-1 mb-4", children: [...Array(5)].map((_, i) => (_jsx(Star, { className: cn('h-4 w-4 md:h-5 md:w-5', i < testimonial.rating
+                        ? 'fill-yellow-400 text-yellow-400'
+                        : 'text-gray-300') }, i))) }), _jsxs("div", { className: "mb-6 relative", children: [_jsx("div", { className: "absolute -top-2 -left-2 text-4xl md:text-6xl text-gray-100 font-serif leading-none", children: "\"" }), _jsxs("p", { className: "text-gray-600 italic leading-relaxed relative z-10 text-sm md:text-base font-medium pl-4", children: ["\"", testimonial.quote, "\""] })] }), _jsxs("div", { className: "flex items-center gap-4 pt-6 border-t border-gray-50", children: [testimonial.image ? (_jsx("div", { className: "relative w-12 h-12 md:w-14 md:h-14 rounded-full overflow-hidden ring-4 ring-gray-50 flex-shrink-0", children: _jsx(Image, { src: testimonial.image, alt: testimonial.name, fill: true, className: "object-cover", unoptimized: true }) })) : (_jsx("div", { className: "w-12 h-12 md:w-14 md:h-14 rounded-full bg-gray-200 flex items-center justify-center flex-shrink-0", children: _jsx("span", { className: "text-gray-500 font-semibold text-lg", children: testimonial.name.charAt(0).toUpperCase() }) })), _jsxs("div", { children: [_jsx("h4", { className: "font-bold text-gray-900 text-sm md:text-base mb-1", children: testimonial.name }), testimonial.role && (_jsx("p", { className: "text-gray-500 text-xs md:text-sm", children: testimonial.role }))] })] })] }));
+}

package/dist/layouts/shared/components/headers/BookingAgendaSidebar.d.ts

@@ -0,0 +1,8 @@
+import { StoreConfig } from '../../../../lib/store-types';
+interface BookingAgendaSidebarProps {
+    storeConfig: StoreConfig;
+    onBookClick: () => void;
+}
+export declare function BookingAgendaSidebar({ storeConfig, onBookClick }: BookingAgendaSidebarProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=BookingAgendaSidebar.d.ts.map

package/dist/layouts/shared/components/headers/BookingAgendaSidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BookingAgendaSidebar.d.ts","sourceRoot":"","sources":["../../../../../src/layouts/shared/components/headers/BookingAgendaSidebar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAO1D,UAAU,yBAAyB;IACjC,WAAW,EAAE,WAAW,CAAC;IACzB,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,wBAAgB,oBAAoB,CAAC,EAAE,WAAW,EAAE,WAAW,EAAE,EAAE,yBAAyB,2CA2E3F"}

package/dist/layouts/shared/components/headers/BookingAgendaSidebar.js

@@ -0,0 +1,16 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../../../../components/ui/button.js';
+import { User, Sparkles, X, MoreHorizontal, Calendar, Search, Heart } from 'lucide-react';
+import Link from 'next/link';
+import { useState } from 'react';
+import { getLayoutText, getThemeColor } from '../../../../lib/utils/asset-helpers.js';
+export function BookingAgendaSidebar({ storeConfig, onBookClick }) {
+    const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);
+    const categories = storeConfig.categories || [];
+    // Get theme colors with fallbacks
+    const sidebarBg = getThemeColor(storeConfig, 'layoutSpecific', 'sidebar', 'rgba(255,255,255,0.8)');
+    const buttonBg = getThemeColor(storeConfig, 'layoutSpecific', 'button', '#1E293B');
+    const borderPrimary = getThemeColor(storeConfig, 'border', 'primary', 'rgba(0,0,0,0.05)');
+    return (_jsxs("aside", { className: "w-full md:w-72 border-r flex-shrink-0 md:h-screen md:sticky md:top-0 z-30 flex flex-col backdrop-blur-md", style: { backgroundColor: sidebarBg, borderRightColor: borderPrimary }, children: [_jsxs("div", { className: "p-8 border-b border-gray-100/50 flex items-center justify-between md:block", children: [_jsxs(Link, { href: `/${storeConfig.slug}`, className: "text-2xl font-serif font-bold text-slate-800 flex items-center gap-2 tracking-tight", children: [_jsx("span", { className: "w-8 h-8 bg-rose-500 rounded-full flex items-center justify-center text-white", children: _jsx(Sparkles, { className: "h-4 w-4" }) }), storeConfig.name] }), _jsx(Button, { variant: "ghost", size: "icon", className: "md:hidden", onClick: () => setIsMobileMenuOpen(!isMobileMenuOpen), children: isMobileMenuOpen ? _jsx(X, { className: "h-5 w-5" }) : _jsx(MoreHorizontal, { className: "h-5 w-5" }) })] }), _jsxs("div", { className: `p-6 space-y-8 overflow-y-auto md:flex-1 transition-all duration-300 ${isMobileMenuOpen ? 'block' : 'hidden md:block'}`, children: [_jsxs(Button, { onClick: onBookClick, className: "w-full justify-center text-white hover:opacity-90 h-12 rounded-xl font-medium shadow-lg transition-all hover:scale-[1.02]", style: { backgroundColor: buttonBg }, children: [_jsx(Calendar, { className: "mr-2 h-4 w-4" }), " ", getLayoutText(storeConfig, 'booking.bookAppointment', 'Book Appointment')] }), _jsxs("div", { className: "space-y-1", children: [_jsx("h3", { className: "px-3 text-xs font-bold text-slate-400 uppercase tracking-widest mb-3", children: "Menu" }), _jsxs(Link, { href: `/${storeConfig.slug}/services`, className: "flex items-center gap-3 px-3 py-2.5 text-sm font-medium text-slate-600 hover:text-rose-600 hover:bg-rose-50/50 rounded-lg transition-colors", children: [_jsx(Search, { className: "h-4 w-4" }), " Discover"] }), _jsxs(Link, { href: `/${storeConfig.slug}/account`, className: "flex items-center gap-3 px-3 py-2.5 text-sm font-medium text-slate-600 hover:text-rose-600 hover:bg-rose-50/50 rounded-lg transition-colors", children: [_jsx(User, { className: "h-4 w-4" }), " My Profile"] }), storeConfig.features.wishlist ? (_jsxs(Link, { href: `/${storeConfig.slug}/wishlist`, className: "flex items-center gap-3 px-3 py-2.5 text-sm font-medium text-slate-600 hover:text-rose-600 hover:bg-rose-50/50 rounded-lg transition-colors", children: [_jsx(Heart, { className: "h-4 w-4" }), " Favorites"] })) : (_jsxs(Link, { href: `/${storeConfig.slug}/services`, className: "flex items-center gap-3 px-3 py-2.5 text-sm font-medium text-slate-600 hover:text-rose-600 hover:bg-rose-50/50 rounded-lg transition-colors", children: [_jsx(Heart, { className: "h-4 w-4" }), " Favorites"] }))] }), _jsxs("div", { className: "space-y-1", children: [_jsx("h3", { className: "px-3 text-xs font-bold text-slate-400 uppercase tracking-widest mb-3", children: "Categories" }), categories.map(cat => (_jsxs(Link, { href: `/${storeConfig.slug}/categories/${cat.slug}`, className: "flex items-center gap-3 px-3 py-2.5 text-sm font-medium text-slate-600 hover:text-rose-600 hover:bg-rose-50/50 rounded-lg transition-colors group", children: [_jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-slate-300 group-hover:bg-rose-500 transition-colors" }), cat.name] }, cat.id)))] })] }), _jsx("div", { className: `p-6 border-t border-gray-100/50 ${isMobileMenuOpen ? 'block' : 'hidden md:block'}`, children: _jsx(Link, { href: `/${storeConfig.slug}/account`, children: _jsxs("div", { className: "flex items-center gap-3 p-3 rounded-xl bg-slate-50 hover:bg-slate-100 transition-colors cursor-pointer", children: [_jsx("div", { className: "w-8 h-8 rounded-full bg-rose-200 flex items-center justify-center text-rose-700 text-xs font-bold", children: "JD" }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("p", { className: "text-sm font-bold text-slate-700 truncate", children: "My Account" }), _jsx("p", { className: "text-xs text-slate-500 truncate", children: "View Profile" })] })] }) }) })] }));
+}

package/dist/layouts/shared/components/headers/ClothingMinimalHeader.d.ts

@@ -0,0 +1,7 @@
+import { StoreConfig } from '../../../../lib/store-types';
+interface ClothingMinimalHeaderProps {
+    storeConfig: StoreConfig;
+}
+export declare function ClothingMinimalHeader({ storeConfig }: ClothingMinimalHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ClothingMinimalHeader.d.ts.map

package/dist/layouts/shared/components/headers/ClothingMinimalHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClothingMinimalHeader.d.ts","sourceRoot":"","sources":["../../../../../src/layouts/shared/components/headers/ClothingMinimalHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAiB1D,UAAU,0BAA0B;IAClC,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,qBAAqB,CAAC,EAAE,WAAW,EAAE,EAAE,0BAA0B,2CAgNhF"}

package/dist/layouts/shared/components/headers/ClothingMinimalHeader.js

@@ -0,0 +1,38 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button } from '../../../../components/ui/button.js';
+import { Sheet } from '../../../../components/ui/sheet.js';
+import { CheckoutButton } from '../../../../components/ui/checkout-button.js';
+import { useStore } from '../../../../lib/store-context.js';
+import { ImageWithFallback } from '../../../../components/ui/image-with-fallback.js';
+import { ShoppingBag, Menu, Search, Trash2, Plus, Minus } from 'lucide-react';
+import Link from 'next/link';
+import { useState, useEffect } from 'react';
+import { usePathname } from 'next/navigation';
+import { formatCurrency, formatStoreDisplayName } from '../../../../lib/utils/index.js';
+import { getLayoutText, getLogoUrl } from '../../../../lib/utils/asset-helpers.js';
+import { StoreLogo } from '../../../../components/ui/store-logos.js';
+import { useAuth } from '../../../../lib/auth-context.js';
+import { AvatarImage } from '../../../../components/ui/avatar-image.js';
+import { User } from 'lucide-react';
+export function ClothingMinimalHeader({ storeConfig }) {
+    const { cart, removeFromCart, updateCartQuantity, isCartOpen, setIsCartOpen, cartTotal, cartCount } = useStore();
+    const pathname = usePathname();
+    const { isAuthenticated, user, openLogin } = useAuth();
+    const layoutConfig = storeConfig.layoutConfig;
+    const storeDisplayName = formatStoreDisplayName(storeConfig.name);
+    const [isMenuOpen, setIsMenuOpen] = useState(false);
+    const [isClient, setIsClient] = useState(false);
+    const [isSearchOpen, setIsSearchOpen] = useState(false);
+    useEffect(() => {
+        setIsClient(true);
+    }, []);
+    return (_jsxs(_Fragment, { children: [layoutConfig?.sections?.header?.show !== false && (_jsx("header", { className: "fixed top-0 w-full z-40 bg-white/90 backdrop-blur-sm transition-all duration-300 border-b border-transparent hover:border-gray-100", children: _jsxs("div", { className: "container mx-auto px-4 md:px-8 h-20 flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-6", children: [_jsx(Button, { variant: "ghost", size: "icon", onClick: () => setIsMenuOpen(true), className: "hover:bg-gray-100 rounded-full", children: _jsx(Menu, { className: "h-5 w-5" }) }), storeConfig.features.search && (_jsx(Button, { variant: "ghost", size: "icon", onClick: () => setIsSearchOpen(!isSearchOpen), className: "hidden md:flex hover:bg-gray-100 rounded-full", children: _jsx(Search, { className: "h-5 w-5" }) }))] }), !getLogoUrl(storeConfig) && (_jsx(Link, { href: `/${storeConfig.slug}`, className: "text-xl md:text-2xl font-bold tracking-tight absolute left-1/2 -translate-x-1/2 whitespace-nowrap", children: storeDisplayName })), getLogoUrl(storeConfig) && (_jsx(Link, { href: `/${storeConfig.slug}`, className: "absolute left-1/2 -translate-x-1/2", children: _jsx(StoreLogo, { storeConfig: storeConfig, className: "h-10 w-10 transition-all duration-300 hover:opacity-90", alt: storeDisplayName }) })), _jsxs("div", { className: "flex items-center gap-6", children: [isAuthenticated && user ? (_jsx(Link, { href: `/${storeConfig.slug}/account`, className: "hidden md:flex items-center gap-2 text-sm font-medium hover:text-gray-600", children: user.avatar ? (_jsx("div", { className: "h-6 w-6 rounded-full overflow-hidden", children: _jsx(AvatarImage, { src: user.avatar, alt: `${user.firstName} ${user.lastName}` || 'User' }) })) : (_jsx(User, { className: "h-5 w-5" })) })) : (_jsx("button", { type: "button", className: "hidden md:block text-sm font-medium hover:text-gray-600", onClick: () => openLogin({
+                                        callbackUrl: pathname || `/${storeConfig.slug}`,
+                                    }), children: storeConfig.headerConfig?.loginButtonText || 'Log In' })), _jsxs(Button, { variant: "ghost", size: "icon", onClick: () => setIsCartOpen(true), className: "relative hover:bg-gray-100 rounded-full", children: [_jsx(ShoppingBag, { className: "h-5 w-5" }), isClient && cartCount > 0 && (_jsx("span", { className: "absolute top-2 right-2 h-2 w-2 bg-black rounded-full animate-pulse" }))] })] })] }) })), isSearchOpen && storeConfig.features.search && (_jsx("div", { className: "fixed inset-0 z-50 bg-white/95 backdrop-blur-md pt-20", children: _jsx("div", { className: "container mx-auto px-4 md:px-8", children: _jsxs("div", { className: "relative max-w-2xl mx-auto", children: [_jsx(Search, { className: "absolute left-4 top-1/2 -translate-y-1/2 h-5 w-5 text-gray-400" }), _jsx("input", { type: "text", placeholder: getLayoutText(storeConfig, 'header.searchPlaceholder', 'Search products...'), autoFocus: true, className: "w-full pl-12 pr-4 py-4 text-lg border-b-2 border-black focus:outline-none", onBlur: () => setIsSearchOpen(false) })] }) }) })), _jsx(Sheet, { isOpen: isCartOpen, onClose: () => setIsCartOpen(false), title: `Shopping Bag (${cartCount})`, side: "right", children: cart.length === 0 ? (_jsxs("div", { className: "flex flex-col items-center justify-center h-full text-center space-y-4", children: [_jsx(ShoppingBag, { className: "h-12 w-12 text-gray-300" }), _jsx("p", { className: "text-gray-500", children: getLayoutText(storeConfig, 'header.cartEmpty', 'Your bag is empty.') }), _jsx(Button, { onClick: () => setIsCartOpen(false), variant: "outline", className: "mt-4", children: getLayoutText(storeConfig, 'common.continueShopping', 'Continue Shopping') })] })) : (_jsxs("div", { className: "flex flex-col h-full", children: [_jsx("div", { className: "flex-1 overflow-y-auto py-4 space-y-6", children: cart.map((item) => (_jsxs("div", { className: "flex gap-4", children: [_jsx("div", { className: "w-20 h-24 bg-gray-100 flex-shrink-0 overflow-hidden relative", children: _jsx(ImageWithFallback, { src: item.product.images[0], alt: item.product.name, className: "w-full h-full object-cover" }) }), _jsxs("div", { className: "flex-1 flex flex-col justify-between", children: [_jsxs("div", { children: [_jsx("h4", { className: "font-medium text-sm line-clamp-2", children: item.product.name }), _jsx("p", { className: "text-gray-500 text-xs mt-1", children: item.variantName })] }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center border border-gray-200 rounded-full", children: [_jsx("button", { onClick: () => updateCartQuantity(item.id, item.quantity - 1), className: "p-1 hover:bg-gray-100 rounded-full", children: _jsx(Minus, { className: "h-3 w-3" }) }), _jsx("span", { className: "text-xs font-medium px-2", children: item.quantity }), _jsx("button", { onClick: () => updateCartQuantity(item.id, item.quantity + 1), className: "p-1 hover:bg-gray-100 rounded-full", children: _jsx(Plus, { className: "h-3 w-3" }) })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("span", { className: "font-medium text-sm", children: formatCurrency(item.price * item.quantity, item.product?.currency || storeConfig.settings?.currency || 'USD') }), _jsx("button", { onClick: () => removeFromCart(item.id), className: "text-gray-400 hover:text-red-500", children: _jsx(Trash2, { className: "h-4 w-4" }) })] })] })] })] }, item.id))) }), _jsxs("div", { className: "border-t pt-4 space-y-4", children: [_jsxs("div", { className: "flex justify-between font-medium text-lg", children: [_jsx("span", { children: "Subtotal" }), _jsx("span", { children: formatCurrency(cartTotal, storeConfig.settings?.currency || 'USD') })] }), _jsx("p", { className: "text-xs text-gray-500 text-center", children: "Shipping and taxes calculated at checkout." }), _jsx(CheckoutButton, { storeConfig: storeConfig, className: "w-full h-12 bg-black text-white hover:bg-gray-800 rounded-full font-bold" })] })] })) }), _jsxs(Sheet, { isOpen: isMenuOpen, onClose: () => setIsMenuOpen(false), title: "Menu", side: "left", children: [_jsx("div", { className: "pt-4 pb-6", children: _jsxs("div", { className: "relative", children: [_jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" }), _jsx("input", { type: "text", placeholder: "Search...", className: "w-full pl-10 pr-4 py-2 border border-gray-200 rounded-lg text-sm focus:outline-none focus:border-black transition-colors" })] }) }), _jsxs("nav", { className: "flex flex-col space-y-6 text-lg font-medium", children: [_jsx(Link, { href: `/${storeConfig.slug}/products`, onClick: () => setIsMenuOpen(false), className: "hover:text-gray-500", children: "Shop All" }), _jsx(Link, { href: `/${storeConfig.slug}/categories`, onClick: () => setIsMenuOpen(false), className: "hover:text-gray-500", children: "Categories" }), _jsx("div", { className: "h-px bg-gray-100 my-2" }), _jsx(Link, { href: `/${storeConfig.slug}/about`, onClick: () => setIsMenuOpen(false), className: "hover:text-gray-500 text-base font-normal", children: "Our Story" }), _jsx(Link, { href: `/${storeConfig.slug}/contact`, onClick: () => setIsMenuOpen(false), className: "hover:text-gray-500 text-base font-normal", children: "Contact" }), _jsx("div", { className: "mt-auto pt-12 text-sm font-normal text-gray-500 flex flex-col gap-3", children: isAuthenticated ? (_jsxs(_Fragment, { children: [_jsx(Link, { href: `/${storeConfig.slug}/account`, className: "hover:text-black transition-colors", children: "My Account" }), _jsx(Link, { href: `/auth/logout?callbackUrl=/${storeConfig.slug}`, className: "hover:text-black transition-colors", children: "Sign Out" })] })) : (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", className: "hover:text-black transition-colors text-left", onClick: () => {
+                                                setIsMenuOpen(false);
+                                                openLogin({
+                                                    callbackUrl: pathname || `/${storeConfig.slug}`,
+                                                });
+                                            }, children: "Sign In" }), _jsx(Link, { href: `/auth/signup?callbackUrl=${encodeURIComponent(pathname || `/${storeConfig.slug}`)}`, className: "hover:text-black transition-colors", onClick: () => setIsMenuOpen(false), children: "Create Account" })] })) })] })] })] }));
+}

package/dist/layouts/shared/components/headers/FoodModernHeader.d.ts

@@ -0,0 +1,7 @@
+import { StoreConfig } from '../../../../lib/store-types';
+interface FoodModernHeaderProps {
+    storeConfig: StoreConfig;
+}
+export declare function FoodModernHeader({ storeConfig }: FoodModernHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FoodModernHeader.d.ts.map

package/dist/layouts/shared/components/headers/FoodModernHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FoodModernHeader.d.ts","sourceRoot":"","sources":["../../../../../src/layouts/shared/components/headers/FoodModernHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAa1D,UAAU,qBAAqB;IAC7B,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,gBAAgB,CAAC,EAAE,WAAW,EAAE,EAAE,qBAAqB,2CA4OtE"}