storefront-layouts 1.0.3 → 1.0.4

package/dist/layouts/booking/components/BookingHomePage.js

@@ -1,22 +1,13 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from '../../../components/ui/button.js';
-import { Clock, ArrowRight, User, Sparkles } from 'lucide-react';
-import { DynamicIcon } from '../../../components/ui/dynamic-icon.js';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button } from '../../../components/ui/button';
+import { Clock, Star, ArrowRight, User, Sparkles } from 'lucide-react';
 import Link from 'next/link';
 import Image from 'next/image';
-import { RichTextExcerpt } from '../../../components/rich-text/RichTextExcerpt.js';
-import { useStore } from '../../../lib/store-context.js';
-import { formatCurrency, filterActiveServices } from '../../../lib/utils/index.js';
-import { getBannerImage, getServiceImage, getTeamMemberImage, getTextContent, getFeaturesList, getLayoutText } from '../../../lib/utils/asset-helpers.js';
-import { encodePayazaFieldKey, payazaInlineBindingProps, payazaIconBindingProps } from '../../../preview/canvas/field-key.js';
-import { BookingMultilineHeading } from './BookingMultilineHeading.js';
-import { BookingTestimonialCard } from './BookingTestimonialCard.js';
-import { BookingTestimonialsEmptyState } from './BookingTestimonialsEmptyState.js';
-import { resolveBookingTestimonialsForDisplay } from './booking-testimonial-defaults.js';
-import { getPayazaSectionInlineStyle } from '../../../lib/payaza-section-styles.js';
-import { resolveStoreLink } from '../../../lib/layout-route-utils.js';
-import { showLayoutDecorativeBadges } from '../../../lib/layout-badges.js';
+import { useStore } from '../../../lib/store-context';
+import { formatCurrency, filterActiveServices } from '../../../lib/utils';
+import { getBannerImage, getServiceImage, getTeamMemberImage, getTextContent, getFeaturesList, getLayoutText } from '../../../lib/utils/asset-helpers';
+import { TestimonialCard } from '../../shared/components/TestimonialCard';
 export function BookingHomePage({ storeConfig: initialConfig }) {
     const { store } = useStore();
     const storeConfig = store || initialConfig;
@@ -24,7 +15,6 @@ export function BookingHomePage({ storeConfig: initialConfig }) {
     const layoutConfig = storeConfig.layoutConfig;
     // In preview mode, use mock services if none are available
     const isPreview = (typeof window !== 'undefined' && window.__IS_PREVIEW__) || storeConfig.layoutConfig?.isPreview;
-    const payaza = (sectionKey, segments) => isPreview ? encodePayazaFieldKey(sectionKey, segments) : undefined;
     const rawServices = storeConfig.services || [];
     const activeServices = filterActiveServices(rawServices);
     // Use real active services if available, otherwise if in preview, use all services (including drafts), 
@@ -39,69 +29,73 @@ export function BookingHomePage({ storeConfig: initialConfig }) {
                 { id: 'mock-3', name: 'Full Facial Spa', description: 'Deep cleansing and hydration treatment', price: 85, duration: 60, categoryId: 'cat-2', status: 'active', image: 'https://images.unsplash.com/photo-1540555700478-4be289fbecef?w=800', slug: 'full-facial-spa' }
             ] : []));
     const heroBg = getBannerImage(storeConfig, 'hero_bg', 'https://images.unsplash.com/photo-1457972729786-0411a3b2b626?q=80&w=2070&auto=format&fit=crop');
-    return (_jsxs("div", { className: "min-h-screen bg-white", children: [(layoutConfig?.sections?.hero?.show ?? layoutConfig?.hero?.show) !== false && _jsxs("section", { "data-section": "hero", "data-payaza-section-key": "hero", "data-payaza-page": "home", className: "relative h-[85vh] min-h-[600px] w-full overflow-hidden flex items-center bg-gray-900", style: getPayazaSectionInlineStyle(storeConfig, 'home', 'hero'), children: [_jsxs("div", { className: "absolute inset-0 z-0", "data-payaza-image": payaza('hero', ['hero_bg']), children: [_jsx(Image, { src: heroBg, alt: "Makeup Studio", fill: true, className: "object-cover", unoptimized: true }), _jsx("div", { className: "absolute inset-0 bg-black/40" })] }), _jsx("div", { className: "container mx-auto px-4 relative z-10 text-white", children: _jsxs("div", { className: "max-w-2xl animate-fade-in-up", children: [showLayoutDecorativeBadges() && (_jsxs("div", { className: "inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-white/20 backdrop-blur-md border border-white/30 text-white text-sm font-medium mb-6", children: [_jsx(Sparkles, { className: "w-4 h-4" }), _jsx("span", { "data-payaza-edit": payaza('hero', ['hero_badge']), children: layoutConfig?.sections?.hero?.hero_badge || getTextContent(storeConfig, 'hero_badge', 'Premium Beauty Studio') })] })), _jsx(BookingMultilineHeading, { as: "h1", className: "text-4xl md:text-5xl lg:text-7xl font-serif font-light mb-6 tracking-tight leading-tight", defaultText: "Reveal Your\\nInner Radiance.", text: layoutConfig?.sections?.hero?.title ||
-                                        getTextContent(storeConfig, 'hero_title', 'Reveal Your\nInner Radiance.'), isPreview: isPreview, sectionKey: "hero", fieldPath: ['title'] }), _jsx("p", { className: "text-xl md:text-2xl text-gray-200 mb-10 font-light leading-relaxed max-w-lg whitespace-pre-line", ...payazaInlineBindingProps(isPreview, 'hero', ['subtitle']), children: layoutConfig?.sections?.hero?.subtitle || getTextContent(storeConfig, 'hero_subtitle', storeConfig.description || "Enhance your natural beauty with our professional makeup artistry.") }), _jsxs("div", { className: "flex flex-col sm:flex-row gap-4", children: [_jsx(Link, { href: `/${storeConfig.slug}/book`, children: _jsx(Button, { size: "lg", className: "h-14 px-8 rounded-full text-lg font-medium bg-white text-black hover:bg-gray-100 transition-colors", children: _jsx("span", { "data-payaza-edit": payaza('hero', ['primaryButton', 'text']), children: layoutConfig?.sections?.hero?.primaryButton?.text || layoutConfig?.sections?.hero?.primaryCTA || getLayoutText(storeConfig, 'booking.bookAppointment', getTextContent(storeConfig, 'book_btn', 'Book Appointment')) }) }) }), _jsx(Link, { href: `/${storeConfig.slug}/services`, children: _jsx(Button, { size: "lg", variant: "outline", className: "h-14 px-8 rounded-full text-lg font-medium border-white/80 text-white bg-white/5 hover:bg-white/15 hover:text-white transition-colors backdrop-blur-sm shadow-lg", children: _jsx("span", { "data-payaza-edit": payaza('hero', ['secondaryButton', 'text']), children: layoutConfig?.sections?.hero?.secondaryButton?.text || layoutConfig?.sections?.hero?.secondaryCTA || getLayoutText(storeConfig, 'booking.viewServices', getTextContent(storeConfig, 'view_services_btn', 'View Services')) }) }) })] })] }) })] }), (layoutConfig?.sections?.featuredServices?.show) !== false && (_jsx("section", { "data-section": "featuredServices", "data-payaza-section-key": "featuredServices", "data-payaza-page": "home", className: "py-12 md:py-20 px-4 bg-gray-50/50", style: getPayazaSectionInlineStyle(storeConfig, 'home', 'featuredServices'), children: _jsxs("div", { className: "container mx-auto max-w-7xl", children: [_jsxs("div", { className: "flex justify-between items-end mb-8 md:mb-12", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-3xl font-bold text-gray-900 mb-2", children: _jsx("span", { "data-payaza-edit": payaza('featuredServices', ['title']), children: layoutConfig?.sections?.featuredServices?.title || getLayoutText(storeConfig, 'sections.featuredServices.title', getTextContent(storeConfig, 'services_section_title', 'Signature Looks')) }) }), _jsx("p", { className: "text-gray-500 whitespace-pre-line", children: _jsx("span", { "data-payaza-edit": payaza('featuredServices', ['subtitle']), children: layoutConfig?.sections?.featuredServices?.subtitle || getLayoutText(storeConfig, 'sections.featuredServices.subtitle', getTextContent(storeConfig, 'services_section_subtitle', 'Curated styles for every occasion')) }) })] }), _jsxs(Link, { href: `/${storeConfig.slug}/services`, className: "flex items-center gap-2 text-sm font-bold tracking-wide uppercase hover:underline", style: { color: primaryColor }, children: [_jsx("span", { "data-payaza-edit": payaza('featuredServices', ['viewAllLabel']), children: layoutConfig?.sections?.featuredServices?.viewAllLabel || getLayoutText(storeConfig, 'sections.featuredServices.viewAll', getTextContent(storeConfig, 'services_view_all', 'View All')) }), _jsx(ArrowRight, { className: "w-4 h-4" })] })] }), _jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8", children: services.slice(0, 3).map((service) => (_jsxs(Link, { href: `/${storeConfig.slug}/book?service=${service.slug}`, className: "group cursor-pointer", children: [_jsxs("div", { className: "relative aspect-[4/3] overflow-hidden rounded-2xl mb-6 bg-gray-200", children: [_jsx(Image, { src: getServiceImage(service.image, storeConfig, "https://images.unsplash.com/photo-1522337660859-02fbefca4702?q=80&w=2069&auto=format&fit=crop"), alt: service.name, fill: true, className: "object-cover transition-transform duration-700 group-hover:scale-110", unoptimized: true }), _jsx("div", { className: "absolute top-4 right-4 bg-white/90 backdrop-blur px-3 py-1 rounded-full text-sm font-bold shadow-sm", children: formatCurrency(service.price, service.currency || storeConfig.settings?.currency || 'USD') })] }), _jsx("h3", { className: "text-xl font-bold text-gray-900 mb-2 group-hover:text-gray-600 transition-colors", children: service.name }), _jsx(RichTextExcerpt, { value: service.description, as: "p", className: "text-gray-500 line-clamp-2 mb-4" }), _jsxs("div", { className: "flex items-center gap-4 text-sm text-gray-400", children: [_jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Clock, { className: "w-4 h-4" }), " ", service.duration, " mins"] }), service.provider && (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx(User, { className: "w-4 h-4" }), " ", service.provider.name] }))] })] }, service.id))) })] }) })), layoutConfig?.sections?.team?.show !== false && _jsx("section", { "data-section": "team", "data-payaza-section-key": "team", "data-payaza-page": "home", className: "py-12 md:py-24 px-4 bg-white", style: getPayazaSectionInlineStyle(storeConfig, 'home', 'team'), children: _jsx("div", { className: "container mx-auto max-w-7xl", children: (() => {
-                        const teamSection = layoutConfig?.sections?.team;
+    return (_jsxs("div", { className: "min-h-screen bg-white", children: [_jsxs("section", { "data-section": "hero", className: "relative h-[85vh] min-h-[600px] w-full overflow-hidden flex items-center bg-gray-900", children: [_jsxs("div", { className: "absolute inset-0 z-0", children: [_jsx(Image, { src: heroBg, alt: "Makeup Studio", fill: true, className: "object-cover" }), _jsx("div", { className: "absolute inset-0 bg-black/40" })] }), _jsx("div", { className: "container mx-auto px-4 relative z-10 text-white", children: _jsxs("div", { className: "max-w-2xl animate-fade-in-up", children: [_jsxs("div", { className: "inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-white/20 backdrop-blur-md border border-white/30 text-white text-sm font-medium mb-6", children: [_jsx(Sparkles, { className: "w-4 h-4" }), _jsx("span", { children: getTextContent(storeConfig, 'hero_badge', 'Premium Beauty Studio') })] }), _jsx("h1", { className: "text-4xl md:text-5xl lg:text-7xl font-light mb-6 tracking-tight leading-tight", children: (() => {
+                                        const titleText = layoutConfig?.sections?.hero?.title || getTextContent(storeConfig, 'hero_title', 'Reveal Your\nInner Radiance.');
+                                        const lines = titleText.split('\n');
+                                        return lines.map((line, i) => (_jsx("span", { children: i === lines.length - 1 ? (_jsx("span", { className: "font-bold", children: line })) : (_jsxs(_Fragment, { children: [line, " ", _jsx("br", {})] })) }, i)));
+                                    })() }), _jsx("p", { className: "text-xl md:text-2xl text-gray-200 mb-10 font-light leading-relaxed max-w-lg", children: layoutConfig?.sections?.hero?.subtitle || getTextContent(storeConfig, 'hero_subtitle', storeConfig.description || "Enhance your natural beauty with our professional makeup artistry.") }), _jsxs("div", { className: "flex flex-col sm:flex-row gap-4", children: [_jsx(Link, { href: `/${storeConfig.slug}/book`, children: _jsx(Button, { size: "lg", className: "h-14 px-8 rounded-full text-lg font-medium bg-white text-black hover:bg-gray-100 transition-colors", children: layoutConfig?.sections?.hero?.primaryCTA || getLayoutText(storeConfig, 'booking.bookAppointment', getTextContent(storeConfig, 'book_btn', 'Book Appointment')) }) }), _jsx(Link, { href: `/${storeConfig.slug}/services`, children: _jsx(Button, { size: "lg", variant: "outline", className: "h-14 px-8 rounded-full text-lg font-medium border-white/80 text-white bg-white/5 hover:bg-white/15 hover:text-white transition-colors backdrop-blur-sm shadow-lg", children: layoutConfig?.sections?.hero?.secondaryCTA || getLayoutText(storeConfig, 'booking.viewServices', getTextContent(storeConfig, 'view_services_btn', 'View Services')) }) })] })] }) })] }), _jsx("section", { "data-section": "featuredServices", className: "py-12 md:py-20 px-4 bg-gray-50/50", children: _jsxs("div", { className: "container mx-auto max-w-7xl", children: [_jsxs("div", { className: "flex justify-between items-end mb-8 md:mb-12", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-3xl font-bold text-gray-900 mb-2", children: layoutConfig?.sections?.featuredServices?.title || getLayoutText(storeConfig, 'sections.featuredServices.title', getTextContent(storeConfig, 'services_section_title', 'Signature Looks')) }), _jsx("p", { className: "text-gray-500", children: layoutConfig?.sections?.featuredServices?.subtitle || getLayoutText(storeConfig, 'sections.featuredServices.subtitle', getTextContent(storeConfig, 'services_section_subtitle', 'Curated styles for every occasion')) })] }), _jsxs(Link, { href: `/${storeConfig.slug}/services`, className: "flex items-center gap-2 text-sm font-bold tracking-wide uppercase hover:underline", style: { color: primaryColor }, children: [layoutConfig?.sections?.featuredServices?.viewAllLabel || getLayoutText(storeConfig, 'sections.featuredServices.viewAll', getTextContent(storeConfig, 'services_view_all', 'View All')), ' ', _jsx(ArrowRight, { className: "w-4 h-4" })] })] }), _jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8", children: services.slice(0, 3).map((service) => (_jsxs(Link, { href: `/${storeConfig.slug}/book?service=${service.slug}`, className: "group cursor-pointer", children: [_jsxs("div", { className: "relative aspect-[4/3] overflow-hidden rounded-2xl mb-6 bg-gray-200", children: [_jsx(Image, { src: getServiceImage(service.image, storeConfig, "https://images.unsplash.com/photo-1522337660859-02fbefca4702?q=80&w=2069&auto=format&fit=crop"), alt: service.name, fill: true, className: "object-cover transition-transform duration-700 group-hover:scale-110" }), _jsx("div", { className: "absolute top-4 right-4 bg-white/90 backdrop-blur px-3 py-1 rounded-full text-sm font-bold shadow-sm", children: formatCurrency(service.price, service.currency || storeConfig.settings?.currency || 'USD') })] }), _jsx("h3", { className: "text-xl font-bold text-gray-900 mb-2 group-hover:text-gray-600 transition-colors", children: service.name }), _jsx("p", { className: "text-gray-500 line-clamp-2 mb-4", children: service.description }), _jsxs("div", { className: "flex items-center gap-4 text-sm text-gray-400", children: [_jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Clock, { className: "w-4 h-4" }), " ", service.duration, " mins"] }), service.provider && (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx(User, { className: "w-4 h-4" }), " ", service.provider.name] }))] })] }, service.id))) })] }) }), _jsx("section", { "data-section": "team", className: "py-12 md:py-24 px-4 bg-white", children: _jsx("div", { className: "container mx-auto max-w-7xl", children: (() => {
                         const teamMembers = storeConfig.layoutConfig?.pages?.team?.members || [];
-                        const specialistFallback = 'https://blog.sugar.ng/files/styles/width-640/public/We%20Just%20Found%20the%20Perfect%20Nikkai%20Bridal%20Look%20for%20You.jpg?itok=HGIlGdwB';
-                        const configFeaturedMember = teamSection && teamSection.show !== false
-                            ? {
-                                name: teamSection.memberName ||
-                                    getLayoutText(storeConfig, 'sections.team.memberName', getTextContent(storeConfig, 'team_member_name', 'Sarah Mitchell')),
-                                role: teamSection.memberRole ||
-                                    getLayoutText(storeConfig, 'sections.team.memberRole', getTextContent(storeConfig, 'team_member_role', 'Lead Makeup Artist')),
-                                photo: (typeof teamSection.specialist_image === 'string' &&
-                                    teamSection.specialist_image.trim()
-                                    ? teamSection.specialist_image.trim()
-                                    : null) ||
-                                    getTeamMemberImage(storeConfig, teamSection.memberName || 'Sarah Mitchell', 'specialist_image', specialistFallback),
-                            }
-                            : null;
                         const fallbackTeam = [
                             {
                                 name: 'Sarah Mitchell',
                                 role: 'Lead Artist',
-                                photo: specialistFallback,
-                            },
+                                photo: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=400"
+                            }
                         ];
-                        const members = teamMembers.length > 0
-                            ? teamMembers
-                            : configFeaturedMember
-                                ? [configFeaturedMember]
-                                : isPreview
-                                    ? fallbackTeam
-                                    : [];
-                        const featuredMember = members[0] ?? null;
-                        if (!featuredMember) {
-                            return null;
-                        }
-                        return (_jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-10 md:gap-16 items-center", children: [_jsxs("div", { className: "relative", children: [_jsx("div", { className: "aspect-[4/5] rounded-[2rem] overflow-hidden bg-gray-100 relative", "data-payaza-image": payaza('team', ['specialist_image']), children: _jsx(Image, { src: featuredMember.photo, alt: featuredMember.name, fill: true, className: "object-cover", unoptimized: true }) }), _jsxs("div", { className: "absolute bottom-8 left-8 right-8 bg-white/95 backdrop-blur p-6 rounded-2xl shadow-xl", children: [_jsx("h3", { className: "text-xl font-bold text-gray-900", "data-payaza-edit": payaza('team', ['memberName']), children: featuredMember.name }), _jsx("p", { className: "text-gray-500 mb-4", "data-payaza-edit": payaza('team', ['memberRole']), children: featuredMember.role }), _jsxs("div", { className: "flex items-center gap-1 text-yellow-500", children: [_jsx("div", { ...payazaIconBindingProps(isPreview, 'team', ['ratingIcon']), children: _jsx(DynamicIcon, { name: layoutConfig?.sections?.team?.ratingIcon || 'Star', className: "w-4 h-4 fill-current" }) }), _jsx("span", { className: "font-bold text-black", "data-payaza-edit": payaza('team', ['memberRating']), children: layoutConfig?.sections?.team?.memberRating || '5.0' }), _jsx("span", { className: "text-gray-400 text-sm ml-1", "data-payaza-edit": payaza('team', ['memberReviewCount']), children: layoutConfig?.sections?.team?.memberReviewCount || '(150+ Reviews)' })] })] })] }), _jsxs("div", { className: "space-y-8", children: [_jsx(BookingMultilineHeading, { as: "h2", className: "text-4xl md:text-5xl font-serif font-light text-gray-900 leading-tight", defaultText: storeConfig.pageFeatures?.teamPage
-                                                ? 'Artistry in\nevery brushstroke.'
-                                                : 'Excellence in\nevery detail.', text: layoutConfig?.sections?.team?.title ||
-                                                getLayoutText(storeConfig, 'sections.team.title', getTextContent(storeConfig, 'team_section_title', storeConfig.pageFeatures?.teamPage
+                        const members = teamMembers.length > 0 ? teamMembers : (isPreview ? fallbackTeam : []);
+                        const featuredMember = members[0] || {
+                            name: getLayoutText(storeConfig, 'sections.team.memberName', getTextContent(storeConfig, 'team_member_name', 'Sarah Mitchell')),
+                            role: getLayoutText(storeConfig, 'sections.team.memberRole', getTextContent(storeConfig, 'team_member_role', 'Lead Makeup Artist')),
+                            photo: getTeamMemberImage(storeConfig, 'Sarah Mitchell', 'specialist_image', "https://blog.sugar.ng/files/styles/width-640/public/We%20Just%20Found%20the%20Perfect%20Nikkai%20Bridal%20Look%20for%20You.jpg?itok=HGIlGdwB")
+                        };
+                        return (_jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-10 md:gap-16 items-center", children: [_jsxs("div", { className: "relative", children: [_jsx("div", { className: "aspect-[4/5] rounded-[2rem] overflow-hidden bg-gray-100 relative", children: _jsx(Image, { src: featuredMember.photo, alt: featuredMember.name, fill: true, className: "object-cover" }) }), _jsxs("div", { className: "absolute bottom-8 left-8 right-8 bg-white/95 backdrop-blur p-6 rounded-2xl shadow-xl", children: [_jsx("h3", { className: "text-xl font-bold text-gray-900", children: featuredMember.name }), _jsx("p", { className: "text-gray-500 mb-4", children: featuredMember.role }), _jsxs("div", { className: "flex items-center gap-1 text-yellow-500", children: [_jsx(Star, { className: "w-4 h-4 fill-current" }), _jsx("span", { className: "font-bold text-black", children: "5.0" }), _jsx("span", { className: "text-gray-400 text-sm ml-1", children: "(150+ Reviews)" })] })] })] }), _jsxs("div", { className: "space-y-8", children: [_jsx("h2", { className: "text-4xl md:text-5xl font-light text-gray-900 leading-tight", children: (() => {
+                                                const defaultTitle = storeConfig.pageFeatures?.teamPage
                                                     ? 'Artistry in\nevery brushstroke.'
-                                                    : 'Excellence in\nevery detail.')), isPreview: isPreview, sectionKey: "team", fieldPath: ['title'] }), _jsx("p", { className: "text-xl text-gray-500 font-light leading-relaxed whitespace-pre-line", ...payazaInlineBindingProps(isPreview, 'team', ['subtitle']), children: layoutConfig?.sections?.team?.subtitle || getLayoutText(storeConfig, 'sections.team.subtitle', getTextContent(storeConfig, 'team_desc', storeConfig.pageFeatures?.teamPage
+                                                    : 'Excellence in\nevery detail.';
+                                                const titleText = layoutConfig?.sections?.team?.title || getLayoutText(storeConfig, 'sections.team.title', getTextContent(storeConfig, 'team_section_title', defaultTitle));
+                                                const lines = titleText.split('\n');
+                                                return lines.map((line, i) => (_jsx("span", { children: i === lines.length - 1 ? (_jsx("span", { className: "font-bold", children: line })) : (_jsxs(_Fragment, { children: [line, " ", _jsx("br", {})] })) }, i)));
+                                            })() }), _jsx("p", { className: "text-xl text-gray-500 font-light leading-relaxed", children: layoutConfig?.sections?.team?.subtitle || getLayoutText(storeConfig, 'sections.team.subtitle', getTextContent(storeConfig, 'team_desc', storeConfig.pageFeatures?.teamPage
                                                 ? "Our team of certified makeup artists brings passion and precision to every look. Whether it's your big day or a night out, we create looks that enhance your natural beauty."
-                                                : "We bring passion and precision to every look. Whether it's your big day or a night out, we create looks that enhance your natural beauty.")) }), _jsx("div", { className: "space-y-6", children: (() => {
-                                                const storedFeatures = layoutConfig?.sections?.team?.features || [];
-                                                const defaultFeatureItems = getFeaturesList(storeConfig, 'team_feature_', [
-                                                    "Certified Professional Artists",
-                                                    "Premium & Luxury Brands",
-                                                    "Customized Color Matching",
-                                                    "Long-lasting Techniques"
-                                                ]);
-                                                const featureItems = storedFeatures.length > 0
-                                                    ? storedFeatures
-                                                    : defaultFeatureItems.map((text) => ({ text }));
-                                                return featureItems.map((item, i) => (_jsxs("div", { className: "flex items-center gap-4", children: [_jsx("div", { className: "w-10 h-10 rounded-full flex items-center justify-center bg-gray-50 text-gray-900", ...payazaIconBindingProps(isPreview, 'team', ['features', String(i), 'icon']), children: _jsx(DynamicIcon, { name: item.icon || 'Star', className: "w-5 h-5" }) }), _jsx("span", { className: "text-lg font-medium text-gray-900", "data-payaza-edit": payaza('team', ['features', String(i), 'text']), children: item.text })] }, i)));
-                                            })() }), storeConfig.pageFeatures?.teamPage && (_jsx(Link, { href: `/${storeConfig.slug}/team`, children: _jsx(Button, { size: "lg", className: "mt-8 h-14 px-8 rounded-full text-lg", style: { backgroundColor: primaryColor }, children: "Meet Our Team" }) })), storeConfig.pageFeatures?.portfolioPage && !storeConfig.pageFeatures?.teamPage && (_jsx(Link, { href: `/${storeConfig.slug}/portfolio`, children: _jsx(Button, { size: "lg", className: "mt-8 h-14 px-8 rounded-full text-lg", style: { backgroundColor: primaryColor }, children: "View Portfolio" }) }))] })] }));
-                    })() }) }), layoutConfig?.sections?.testimonials?.show !== false && (_jsxs("section", { "data-section": "testimonials", "data-payaza-section-key": "testimonials", "data-payaza-page": "home", className: "py-16 md:py-24 px-4 bg-black text-white relative overflow-hidden", style: getPayazaSectionInlineStyle(storeConfig, 'home', 'testimonials'), children: [_jsx("div", { className: "absolute top-0 right-0 -mr-20 -mt-20 w-96 h-96 bg-white/5 rounded-full blur-3xl" }), _jsxs("div", { className: "container mx-auto max-w-7xl relative z-10", children: [_jsxs("div", { className: "text-center mb-12", children: [_jsx("h2", { className: "text-2xl md:text-4xl font-bold mb-4", children: _jsx("span", { "data-payaza-edit": payaza('testimonials', ['title']), children: layoutConfig?.sections?.testimonials?.title || getLayoutText(storeConfig, 'sections.testimonials.title', 'What Our Clients Say') }) }), layoutConfig?.sections?.testimonials?.subtitle && (_jsx("p", { className: "text-white/70 text-lg whitespace-pre-line", children: _jsx("span", { "data-payaza-edit": payaza('testimonials', ['subtitle']), children: layoutConfig.sections.testimonials.subtitle }) }))] }), (() => {
-                                const testimonialsConfig = layoutConfig?.sections?.testimonials;
-                                const showRatings = testimonialsConfig?.showRatings !== false;
-                                const visible = resolveBookingTestimonialsForDisplay(testimonialsConfig, { isPreview });
-                                if (visible.length === 0) {
-                                    return (_jsx(BookingTestimonialsEmptyState, { isPreview: isPreview, variant: "dark" }));
-                                }
-                                return (_jsx("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8", children: visible.map((testimonial, index) => (_jsx(BookingTestimonialCard, { testimonial: testimonial, index: index, isPreview: isPreview, showRatings: showRatings }, testimonial.id || `${testimonial.name}-${index}`))) }));
-                            })()] })] })), layoutConfig?.sections?.marketing?.show !== false && _jsx("section", { "data-section": "marketing", "data-payaza-section-key": "marketing", "data-payaza-page": "home", className: "py-24 px-4 bg-gray-50 text-center", style: getPayazaSectionInlineStyle(storeConfig, 'home', 'marketing'), children: _jsxs("div", { className: "container mx-auto max-w-2xl", children: [_jsx("h2", { className: "text-3xl md:text-4xl font-bold mb-6", children: _jsx("span", { "data-payaza-edit": payaza('marketing', ['ctaTitle']), children: layoutConfig?.sections?.marketing?.ctaTitle || getLayoutText(storeConfig, 'sections.cta.title', getTextContent(storeConfig, 'cta_title', 'Ready to glow?')) }) }), _jsx("p", { className: "text-gray-500 text-lg mb-10 whitespace-pre-line", children: _jsx("span", { "data-payaza-edit": payaza('marketing', ['ctaDescription']), children: layoutConfig?.sections?.marketing?.ctaDescription || getLayoutText(storeConfig, 'sections.cta.description', getTextContent(storeConfig, 'cta_description', 'Book your session today and let us create the perfect look for you.')) }) }), _jsx(Link, { href: `/${storeConfig.slug}/book`, children: _jsx(Button, { size: "lg", className: "h-16 px-12 rounded-full text-xl shadow-xl hover:shadow-2xl transition-all hover:-translate-y-1", style: { backgroundColor: primaryColor }, children: _jsx("span", { "data-payaza-edit": payaza('marketing', ['ctaButton']), children: layoutConfig?.sections?.marketing?.ctaButton || getLayoutText(storeConfig, 'booking.bookAppointment', 'Book Appointment') }) }) })] }) }), layoutConfig?.sections?.promoBanner?.show && (_jsxs("section", { "data-section": "promoBanner", "data-payaza-section-key": "promoBanner", "data-payaza-page": "home", className: "relative w-full overflow-hidden", style: getPayazaSectionInlineStyle(storeConfig, 'home', 'promoBanner'), children: [layoutConfig.sections.promoBanner.image && (_jsxs("div", { className: "absolute inset-0 z-0", "data-payaza-image": payaza('promoBanner', ['image']), children: [_jsx(Image, { src: layoutConfig.sections.promoBanner.image, alt: "Promotional Banner", fill: true, className: "object-cover", unoptimized: true }), _jsx("div", { className: "absolute inset-0 bg-black/50" })] })), _jsx("div", { className: `relative z-10 py-20 px-4 text-center ${layoutConfig.sections.promoBanner.image ? 'text-white' : 'bg-gray-900 text-white'}`, children: _jsxs("div", { className: "container mx-auto max-w-3xl", children: [layoutConfig.sections.promoBanner.title && (_jsx("h2", { className: "text-3xl md:text-5xl font-bold mb-4 whitespace-pre-line", children: _jsx("span", { "data-payaza-edit": payaza('promoBanner', ['title']), children: layoutConfig.sections.promoBanner.title }) })), layoutConfig.sections.promoBanner.subtitle && (_jsx("p", { className: "text-lg md:text-xl mb-8 opacity-90 whitespace-pre-line", children: _jsx("span", { "data-payaza-edit": payaza('promoBanner', ['subtitle']), children: layoutConfig.sections.promoBanner.subtitle }) })), layoutConfig.sections.promoBanner.buttonText && (_jsx(Link, { href: resolveStoreLink(layoutConfig.sections.promoBanner.buttonLink || 'book', storeConfig.slug), children: _jsx(Button, { size: "lg", className: "h-14 px-10 rounded-full text-lg font-semibold bg-white text-gray-900 hover:bg-gray-100 transition-colors shadow-xl", children: _jsx("span", { "data-payaza-edit": payaza('promoBanner', ['buttonText']), children: layoutConfig.sections.promoBanner.buttonText }) }) }))] }) })] }))] }));
+                                                : "We bring passion and precision to every look. Whether it's your big day or a night out, we create looks that enhance your natural beauty.")) }), _jsx("div", { className: "space-y-6", children: getFeaturesList(storeConfig, 'team_feature_', [
+                                                "Certified Professional Artists",
+                                                "Premium & Luxury Brands",
+                                                "Customized Color Matching",
+                                                "Long-lasting Techniques"
+                                            ]).map((item, i) => (_jsxs("div", { className: "flex items-center gap-4", children: [_jsx("div", { className: "w-10 h-10 rounded-full flex items-center justify-center bg-gray-50 text-gray-900", children: _jsx(Star, { className: "w-5 h-5" }) }), _jsx("span", { className: "text-lg font-medium text-gray-900", children: item })] }, i))) }), storeConfig.pageFeatures?.teamPage && (_jsx(Link, { href: `/${storeConfig.slug}/team`, children: _jsx(Button, { size: "lg", className: "mt-8 h-14 px-8 rounded-full text-lg", style: { backgroundColor: primaryColor }, children: "Meet Our Team" }) })), storeConfig.pageFeatures?.portfolioPage && !storeConfig.pageFeatures?.teamPage && (_jsx(Link, { href: `/${storeConfig.slug}/portfolio`, children: _jsx(Button, { size: "lg", className: "mt-8 h-14 px-8 rounded-full text-lg", style: { backgroundColor: primaryColor }, children: "View Portfolio" }) }))] })] }));
+                    })() }) }), layoutConfig?.sections?.testimonials?.show !== false && (_jsxs("section", { "data-section": "testimonials", className: "py-16 md:py-24 px-4 bg-black text-white relative overflow-hidden", children: [_jsx("div", { className: "absolute top-0 right-0 -mr-20 -mt-20 w-96 h-96 bg-white/5 rounded-full blur-3xl" }), _jsxs("div", { className: "container mx-auto max-w-7xl relative z-10", children: [_jsxs("div", { className: "text-center mb-12", children: [_jsx("h2", { className: "text-2xl md:text-4xl font-bold mb-4", children: layoutConfig?.sections?.testimonials?.title || getLayoutText(storeConfig, 'sections.testimonials.title', 'What Our Clients Say') }), layoutConfig?.sections?.testimonials?.subtitle && (_jsx("p", { className: "text-white/70 text-lg", children: layoutConfig.sections.testimonials.subtitle }))] }), (() => {
+                                const backendTestimonials = layoutConfig?.sections?.testimonials?.items || [];
+                                const fallbackTestimonials = [
+                                    {
+                                        id: '1',
+                                        name: getLayoutText(storeConfig, 'sections.testimonials.author', getTextContent(storeConfig, 'testimonial_author', 'Emily Davis')),
+                                        role: getLayoutText(storeConfig, 'sections.testimonials.role', getTextContent(storeConfig, 'testimonial_role', 'Bridal Client')),
+                                        quote: getLayoutText(storeConfig, 'sections.testimonials.quote', getTextContent(storeConfig, 'testimonial_quote', "I've never felt more beautiful. The makeup was flawless and lasted all night. Absolutely stunning work!")),
+                                        rating: 5,
+                                        image: getTeamMemberImage(storeConfig, 'Emily Davis', 'testimonial_image', "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=150&h=150&fit=crop"),
+                                        order: 1
+                                    }
+                                ];
+                                const testimonials = backendTestimonials.length > 0 ? backendTestimonials : (isPreview ? [
+                                    {
+                                        id: '1',
+                                        name: 'Emily Davis',
+                                        role: 'Bridal Client',
+                                        quote: "I've never felt more beautiful. The makeup was flawless and lasted all night. Absolutely stunning work!",
+                                        rating: 5,
+                                        image: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=150",
+                                        order: 1
+                                    },
+                                    {
+                                        id: '2',
+                                        name: 'Sarah Johnson',
+                                        role: 'Fashion Model',
+                                        quote: "Professional, creative and punctual. They really know how to work with light and camera!",
+                                        rating: 5,
+                                        image: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=150",
+                                        order: 2
+                                    }
+                                ] : []);
+                                return (_jsx("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8", children: testimonials.slice(0, 3).map((testimonial) => (_jsx("div", { className: "bg-white/5 backdrop-blur-sm rounded-2xl p-8 border border-white/10", children: _jsx(TestimonialCard, { testimonial: testimonial }) }, testimonial.id || testimonial.name))) }));
+                            })()] })] })), _jsx("section", { "data-section": "marketing", className: "py-24 px-4 bg-gray-50 text-center", children: _jsxs("div", { className: "container mx-auto max-w-2xl", children: [_jsx("h2", { className: "text-3xl md:text-4xl font-bold mb-6", children: layoutConfig?.sections?.marketing?.ctaTitle || getLayoutText(storeConfig, 'sections.cta.title', getTextContent(storeConfig, 'cta_title', 'Ready to glow?')) }), _jsx("p", { className: "text-gray-500 text-lg mb-10", children: layoutConfig?.sections?.marketing?.ctaDescription || getLayoutText(storeConfig, 'sections.cta.description', getTextContent(storeConfig, 'cta_description', 'Book your session today and let us create the perfect look for you.')) }), _jsx(Link, { href: `/${storeConfig.slug}/book`, children: _jsx(Button, { size: "lg", className: "h-16 px-12 rounded-full text-xl shadow-xl hover:shadow-2xl transition-all hover:-translate-y-1", style: { backgroundColor: primaryColor }, children: layoutConfig?.sections?.marketing?.ctaButton || getLayoutText(storeConfig, 'booking.bookAppointment', 'Book Appointment') }) })] }) })] }));
 }

package/dist/layouts/booking/components/BookingMultilineHeading.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import { payazaInlineBindingProps } from '../../../preview/canvas/field-key.js';
+import { payazaInlineBindingProps } from '../../../preview/canvas/field-key';
 function coalesceMultilineBreaks(text, fallback) {
     if (!text || text.includes('\n'))
         return text;

package/dist/layouts/booking/components/BookingTestimonialCard.js

@@ -2,8 +2,8 @@
 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';
-import { encodePayazaFieldKey, payazaRatingBindingProps } from '../../../preview/canvas/field-key.js';
+import { cn } from '../../../lib/utils';
+import { encodePayazaFieldKey, payazaRatingBindingProps } from '../../../preview/canvas/field-key';
 export function BookingTestimonialCard({ testimonial, index, isPreview, showRatings = true, }) {
     const payaza = (...segments) => isPreview ? encodePayazaFieldKey('testimonials', ['items', String(index), ...segments]) : undefined;
     const rating = Math.min(5, Math.max(1, Number(testimonial.rating) || 5));

package/dist/layouts/booking/components/BookingTestimonialsEmptyState.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { MessageCircle, Star } from 'lucide-react';
-import { cn } from '../../../lib/utils/index.js';
+import { cn } from '../../../lib/utils';
 function TypingDots({ className }) {
     return (_jsx("span", { className: cn('inline-flex items-center gap-1 ml-1', className), "aria-hidden": true, children: [0, 1, 2].map((index) => (_jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-current animate-bounce", style: { animationDelay: `${index * 160}ms`, animationDuration: '1.1s' } }, index))) }));
 }

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

@@ -1,5 +1,5 @@
-import { getDefaultFooterMainLinks, getDefaultFooterSupportLinks, getFooterPrimaryColumnTitle, } from '../../../lib/utils/footer-nav-defaults.js';
-import { mergeBookingAboutArrayItems } from './booking-about-defaults.js';
+import { getDefaultFooterMainLinks, getDefaultFooterSupportLinks, getFooterPrimaryColumnTitle, } from '../../../lib/utils/footer-nav-defaults';
+import { mergeBookingAboutArrayItems } from './booking-about-defaults';
 export const BOOKING_DEFAULT_FOOTER_MAIN_LINKS = [
     { id: 'f-m1', label: 'Services', href: '/services' },
     { id: 'f-m2', label: 'Book Appointment', href: '/book' },

package/dist/layouts/booking/index.js

@@ -1,9 +1,9 @@
 // BookEasy Standard (booking) layout — fully sandboxed exports
-export { BookingHomePage } from './components/BookingHomePage.js';
-export { BookingBookPage } from './pages/BookPage.js';
-export { BookingServicesPage } from './pages/ServicesPage.js';
-export { BookingProductDetailPage } from './pages/ProductDetailPage.js';
-export { BookingCategoryPage } from './pages/CategoryPage.js';
-export { BookingCategoriesPage } from './pages/CategoriesPage.js';
-export { BookingAboutPage } from './pages/AboutPage.js';
-export { BookingContactPage } from './pages/ContactPage.js';
+export { BookingHomePage } from './components/BookingHomePage';
+export { BookingBookPage } from './pages/BookPage';
+export { BookingServicesPage } from './pages/ServicesPage';
+export { BookingProductDetailPage } from './pages/ProductDetailPage';
+export { BookingCategoryPage } from './pages/CategoryPage';
+export { BookingCategoriesPage } from './pages/CategoriesPage';
+export { BookingAboutPage } from './pages/AboutPage';
+export { BookingContactPage } from './pages/ContactPage';

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

@@ -2,6 +2,6 @@ import { StoreConfig } from '../../../lib/store-types';
 interface AboutPageProps {
     storeConfig: StoreConfig;
 }
-export declare function BookingAboutPage({ storeConfig: initialConfig }: AboutPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function AboutPage({ storeConfig: initialConfig }: AboutPageProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=AboutPage.d.ts.map

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;AAqBhD,UAAU,cAAc;IACtB,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,gBAAgB,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,cAAc,2CAyV9E"}
+{"version":3,"file":"AboutPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/booking/pages/AboutPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAOhD,UAAU,cAAc;IACtB,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,SAAS,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,cAAc,2CA2OvE"}

package/dist/layouts/booking/pages/AboutPage.js

@@ -1,69 +1,48 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Heart, ArrowRight } from 'lucide-react';
-import { Button } from '../../../components/ui/button.js';
-import { DotPattern } from '../../../components/ui/background-patterns.js';
-import { DynamicIcon } from '../../../components/ui/dynamic-icon.js';
-import { useStore } from '../../../lib/store-context.js';
+import { Users, Award, Heart, Leaf, MapPin, Clock, Mail, ArrowRight } from 'lucide-react';
+import { Button } from '../../../components/ui/button';
+import { DotPattern } from '../../../components/ui/background-patterns';
+import { useStore } from '../../../lib/store-context';
 import Image from 'next/image';
-import Link from 'next/link';
-import { payazaInlineBindingProps, payazaIconBindingProps, encodePayazaFieldKey, } from '../../../preview/canvas/field-key.js';
-import { showLayoutDecorativeBadges } from '../../../lib/layout-badges.js';
-import { resolveStoreLink } from '../../../lib/layout-route-utils.js';
-import { BOOKING_DEFAULT_STORY_IMAGE, resolveBookingAboutStats, resolveBookingAboutValues, } from '../components/booking-about-defaults.js';
-export function BookingAboutPage({ storeConfig: initialConfig }) {
+export function AboutPage({ storeConfig: initialConfig }) {
     const { store } = useStore();
     const storeConfig = store || initialConfig;
     const primaryColor = storeConfig.branding.primaryColor;
     const secondaryColor = storeConfig.branding.secondaryColor || primaryColor;
     const aboutConfig = storeConfig.layoutConfig?.pages?.about;
-    const isPreview = !!storeConfig.isPreview;
-    const payaza = (sectionKey, segments) => isPreview ? encodePayazaFieldKey(sectionKey, segments) : undefined;
-    const inline = (sectionKey, path) => payazaInlineBindingProps(isPreview, sectionKey, path);
-    // Hero
-    const heroConfig = aboutConfig?.hero;
-    const heroImage = heroConfig?.heroImage || aboutConfig?.heroImage || 'https://images.unsplash.com/photo-1522071820081-009f0129c71c?q=80&w=2070&auto=format&fit=crop';
-    const pageTitle = heroConfig?.title || aboutConfig?.title || 'Crafting Experiences, Delivering Joy.';
-    const missionStatement = heroConfig?.missionStatement || aboutConfig?.missionStatement;
-    // Story
-    const storyConfig = aboutConfig?.story;
-    const pageContent = storyConfig?.content || aboutConfig?.content || storeConfig.description;
-    const storyLabel = storyConfig?.sectionLabel || 'Who We Are';
-    const storyHeading = storyConfig?.sectionHeading || 'Our Journey';
-    const storyImage = storyConfig?.storyImage || BOOKING_DEFAULT_STORY_IMAGE;
-    const galleryImages = aboutConfig?.gallerySection || storyConfig?.gallerySection;
-    const galleryOverlayTitle = storyConfig?.galleryOverlayTitle || 'The Dream Team';
-    const galleryOverlaySubtitle = storyConfig?.galleryOverlaySubtitle || 'Working together to serve you better';
-    // Values & stats — always resolve against schema defaults so canvas indices stay stable
-    const valuesData = resolveBookingAboutValues(aboutConfig?.values);
-    const statsData = resolveBookingAboutStats(aboutConfig?.stats, {
-        servicesCount: storeConfig.services?.length,
-    });
-    // Contact-info section
-    const contactInfoConfig = aboutConfig?.['contact-info'];
-    const contactInfoTitle = contactInfoConfig?.sectionTitle || 'Get in Touch';
-    const contactInfoSubtitle = contactInfoConfig?.sectionSubtitle ||
-        "Have questions? We'd love to hear from you. Reach out to our team via email, phone, or visit us at our store.";
-    const visitTitle = contactInfoConfig?.visitTitle || 'Visit Us';
-    const visitIcon = contactInfoConfig?.visitIcon || 'MapPin';
-    const emailTitle = contactInfoConfig?.emailTitle || 'Email Us';
-    const emailIcon = contactInfoConfig?.emailIcon || 'Mail';
-    const hoursTitle = contactInfoConfig?.hoursTitle || 'Opening Hours';
-    const hoursIcon = contactInfoConfig?.hoursIcon || 'Clock';
-    const emailCTALabel = contactInfoConfig?.emailCTALabel || 'Send a message';
-    const emailLink = contactInfoConfig?.emailLink || '/contact';
-    const defaultAddress = [
-        storeConfig.contactInfo?.address?.street || '123 Store Street',
-        [storeConfig.contactInfo?.address?.city || 'Commerce City', storeConfig.contactInfo?.address?.state || 'ST', storeConfig.contactInfo?.address?.zipCode || '12345'].filter(Boolean).join(', '),
-    ].filter(Boolean).join('\n');
-    const addressText = contactInfoConfig?.address || defaultAddress;
-    const emailAddress = contactInfoConfig?.email || storeConfig.contactInfo?.email || `hello@${storeConfig.slug}.com`;
-    const phoneNumber = contactInfoConfig?.phone || storeConfig.contactInfo?.phone || '+1 (555) 123-4567';
-    const defaultHours = 'Mon - Fri: 9am - 6pm\nSat - Sun: 10am - 4pm';
-    const hoursText = contactInfoConfig?.hours ||
-        (typeof storeConfig.locations?.[0]?.openingHours === 'string'
-            ? storeConfig.locations[0].openingHours
-            : defaultHours);
-    const establishedYear = heroConfig?.establishedYear || 'Est. 2024';
-    return (_jsxs("div", { className: "min-h-screen bg-white pb-20 overflow-hidden", children: [(heroConfig?.show !== false) && (_jsxs("section", { "data-section": "hero", "data-payaza-section-key": "hero", "data-payaza-page": "about", className: "relative h-[60vh] min-h-[500px] w-full overflow-hidden", children: [_jsxs("div", { className: "absolute inset-0", "data-payaza-image": payaza('hero', ['heroImage']), children: [_jsx(Image, { src: heroImage, alt: "About Us", fill: true, className: "w-full h-full object-cover transform scale-105 animate-pulse-slow", unoptimized: true }), _jsx("div", { className: "absolute inset-0 bg-gradient-to-r from-black/80 via-black/50 to-transparent" })] }), _jsx("div", { className: "absolute inset-0 flex items-center", children: _jsx("div", { className: "container mx-auto px-4 sm:px-6 lg:px-8", children: _jsxs("div", { className: "max-w-3xl animate-fade-in-up", children: [showLayoutDecorativeBadges() && (_jsxs("div", { className: "inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-white/10 backdrop-blur-md border border-white/20 text-white text-sm font-medium mb-6", children: [_jsx("span", { className: "w-2 h-2 rounded-full bg-white animate-pulse" }), _jsx("span", { ...inline('hero', ['establishedYear']), children: establishedYear })] })), _jsx("h1", { className: "text-5xl md:text-7xl font-bold text-white mb-6 tracking-tight leading-tight", children: _jsx("span", { ...inline('hero', ['title']), children: pageTitle }) }), _jsx("p", { className: "text-xl md:text-2xl text-gray-200 max-w-2xl leading-relaxed font-light", children: _jsx("span", { ...inline('hero', ['missionStatement']), children: missionStatement || storeConfig.description }) })] }) }) })] })), (storyConfig?.show !== false) && (_jsxs("section", { "data-section": "story", "data-payaza-section-key": "story", "data-payaza-page": "about", className: "py-24 px-4 sm:px-6 lg:px-8 relative", children: [_jsx("div", { className: "absolute top-0 right-0 -mt-24 -mr-24 w-96 h-96 bg-gray-50 rounded-full blur-3xl -z-10" }), _jsx("div", { className: "container mx-auto max-w-7xl", children: _jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-16 items-center", children: [_jsxs("div", { className: "relative", children: [galleryImages && galleryImages.length > 0 ? (_jsx("div", { className: "grid grid-cols-2 gap-4", children: galleryImages.slice(0, 4).map((img, i) => (_jsx("div", { className: `relative overflow-hidden rounded-2xl shadow-lg ${i === 0 ? 'col-span-2 aspect-[16/9]' : 'aspect-square'}`, "data-payaza-image": payaza('story', ['gallerySection', String(i), 'image']), children: _jsx(Image, { src: img.image, alt: img.caption || 'Gallery Image', fill: true, className: "w-full h-full object-cover hover:scale-110 transition-transform duration-500", unoptimized: true }) }, img.image || i))) })) : (_jsxs("div", { className: "relative aspect-[4/5] rounded-[2rem] overflow-hidden shadow-2xl", "data-payaza-image": payaza('story', ['storyImage']), children: [_jsx(Image, { src: storyImage, alt: "Our Team", fill: true, className: "w-full h-full object-cover", unoptimized: true }), _jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black/60 via-transparent to-transparent opacity-60" }), _jsxs("div", { className: "absolute bottom-8 left-8 text-white", children: [_jsx("p", { className: "font-bold text-lg", children: _jsx("span", { ...inline('story', ['galleryOverlayTitle']), children: galleryOverlayTitle }) }), _jsx("p", { className: "text-white/80 text-sm", children: _jsx("span", { ...inline('story', ['galleryOverlaySubtitle']), children: galleryOverlaySubtitle }) })] })] })), _jsx("div", { className: "absolute -bottom-6 -right-6 w-24 h-24 bg-white rounded-2xl shadow-xl flex items-center justify-center p-4 animate-bounce duration-[3000ms]", children: _jsx(Heart, { className: "w-10 h-10", style: { color: primaryColor, fill: primaryColor } }) })] }), _jsxs("div", { className: "space-y-10", children: [_jsxs("div", { children: [_jsx("span", { className: "text-sm font-bold uppercase tracking-widest mb-3 block", style: { color: primaryColor }, children: _jsx("span", { ...inline('story', ['sectionLabel']), children: storyLabel }) }), _jsx("h2", { className: "text-4xl md:text-5xl font-black text-gray-900 mb-6 tracking-tight", children: _jsx("span", { ...inline('story', ['sectionHeading']), children: storyHeading }) }), _jsxs("div", { className: "prose prose-lg text-gray-600 leading-relaxed space-y-6", ...payazaInlineBindingProps(isPreview, 'story', ['content'], { rich: 'inline' }), children: [pageContent?.split('\n').map((paragraph, idx) => (_jsx("p", { children: paragraph }, idx))), !pageContent && (_jsxs(_Fragment, { children: [_jsxs("p", { children: ["Founded with a bold vision to redefine excellence in the", ' ', _jsx("span", { className: "font-semibold text-gray-900", children: storeConfig.type }), " industry,", ' ', storeConfig.name, " has grown from a small passion project into a beloved brand. We believe in the power of quality, innovation, and community."] }), _jsx("p", { children: "Every day, we strive to bring you the best products, curated with care and delivered with a smile. Our team is dedicated to ensuring that your experience with us is nothing short of exceptional." })] }))] })] }), (aboutConfig?.values?.show !== false) && (_jsx("div", { "data-section": "values", "data-payaza-section-key": "values", "data-payaza-page": "about", className: "grid grid-cols-1 sm:grid-cols-2 gap-8", children: valuesData.map((item, idx) => (_jsxs("div", { className: "flex gap-4 group", "data-payaza-group": payaza('values', ['items', String(idx)]), children: [_jsx("div", { className: "flex-shrink-0", children: _jsx("div", { className: "w-14 h-14 rounded-2xl flex items-center justify-center transition-colors group-hover:bg-gray-100", style: { backgroundColor: `${primaryColor}10` }, ...payazaIconBindingProps(isPreview, 'values', ['items', String(idx), 'icon']), children: _jsx(DynamicIcon, { name: item.icon || 'Award', className: "h-7 w-7 transition-transform group-hover:scale-110", style: { color: primaryColor } }) }) }), _jsxs("div", { children: [_jsx("h4", { className: "font-bold text-gray-900 mb-2 text-lg", children: _jsx("span", { ...inline('values', ['items', String(idx), 'title']), children: item.title }) }), _jsx("p", { className: "text-gray-600 text-sm leading-relaxed", children: _jsx("span", { ...inline('values', ['items', String(idx), 'description']), children: item.description }) })] })] }, item.id || idx))) }))] })] }) })] })), (aboutConfig?.stats?.show !== false) && (_jsxs("section", { "data-section": "stats", "data-payaza-section-key": "stats", "data-payaza-page": "about", className: "py-20 relative overflow-hidden", children: [_jsx("div", { className: "absolute inset-0 opacity-10", children: _jsx(DotPattern, { color: primaryColor, cx: 2, cy: 2, cr: 2, width: 30, height: 30 }) }), _jsx("div", { className: "absolute inset-0", style: { backgroundColor: `${secondaryColor}15` } }), _jsx("div", { className: "container mx-auto px-4 relative z-10", children: _jsx("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-8 md:gap-12", children: statsData.map((stat, idx) => (_jsxs("div", { className: "text-center group", "data-payaza-group": payaza('stats', ['items', String(idx)]), children: [_jsx("div", { className: "text-5xl md:text-6xl font-black mb-2 tracking-tight transition-transform group-hover:scale-110 duration-300", style: { color: primaryColor }, children: _jsx("span", { ...inline('stats', ['items', String(idx), 'value']), children: stat.value }) }), _jsx("div", { className: "text-gray-600 font-bold uppercase tracking-widest text-xs md:text-sm", children: _jsx("span", { ...inline('stats', ['items', String(idx), 'label']), children: stat.label }) })] }, stat.id || idx))) }) })] })), (contactInfoConfig?.show !== false) && (_jsx("section", { "data-section": "contact-info", "data-payaza-section-key": "contact-info", "data-payaza-page": "about", className: "py-24 px-4 sm:px-6 lg:px-8 bg-white", children: _jsxs("div", { className: "container mx-auto max-w-6xl", children: [_jsxs("div", { className: "text-center mb-16", children: [_jsx("h2", { className: "text-3xl md:text-4xl font-bold text-gray-900 mb-4", children: _jsx("span", { ...inline('contact-info', ['sectionTitle']), children: contactInfoTitle }) }), _jsx("p", { className: "text-gray-500 max-w-xl mx-auto", children: _jsx("span", { ...payazaInlineBindingProps(isPreview, 'contact-info', ['sectionSubtitle'], { rich: 'inline' }), children: contactInfoSubtitle }) })] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8", children: [_jsxs("div", { className: "group p-8 rounded-[2rem] bg-gray-50 border border-gray-100 hover:shadow-xl hover:-translate-y-2 transition-all duration-300 text-center", children: [_jsx("div", { className: "w-16 h-16 mx-auto mb-6 rounded-2xl bg-white shadow-sm flex items-center justify-center group-hover:scale-110 transition-transform", ...payazaIconBindingProps(isPreview, 'contact-info', ['visitIcon']), children: _jsx(DynamicIcon, { name: visitIcon, className: "h-8 w-8 text-gray-400 group-hover:text-blue-500 transition-colors" }) }), _jsx("h3", { className: "font-bold text-xl text-gray-900 mb-3", children: _jsx("span", { ...inline('contact-info', ['visitTitle']), children: visitTitle }) }), _jsx("p", { className: "text-gray-600 leading-relaxed whitespace-pre-line", children: _jsx("span", { ...inline('contact-info', ['address']), children: addressText }) })] }), _jsxs("div", { className: "group p-8 rounded-[2rem] bg-gray-50 border border-gray-100 hover:shadow-xl hover:-translate-y-2 transition-all duration-300 text-center relative overflow-hidden", children: [_jsx("div", { className: "absolute inset-0 border-2 border-transparent group-hover:border-orange-100 rounded-[2rem] transition-colors pointer-events-none" }), _jsx("div", { className: "w-16 h-16 mx-auto mb-6 rounded-2xl bg-white shadow-sm flex items-center justify-center group-hover:scale-110 transition-transform", ...payazaIconBindingProps(isPreview, 'contact-info', ['emailIcon']), children: _jsx(DynamicIcon, { name: emailIcon, className: "h-8 w-8 text-gray-400 group-hover:text-orange-500 transition-colors" }) }), _jsx("h3", { className: "font-bold text-xl text-gray-900 mb-3", children: _jsx("span", { ...inline('contact-info', ['emailTitle']), children: emailTitle }) }), _jsxs("p", { className: "text-gray-600 leading-relaxed mb-4", children: [_jsx("span", { className: "block", ...inline('contact-info', ['email']), children: emailAddress }), _jsx("span", { className: "block", ...inline('contact-info', ['phone']), children: phoneNumber })] }), _jsx(Link, { href: resolveStoreLink(emailLink, storeConfig.slug), children: _jsxs(Button, { variant: "link", className: "text-orange-600 font-bold p-0 h-auto hover:no-underline group-hover:translate-x-1 transition-transform", children: [_jsx("span", { ...inline('contact-info', ['emailCTALabel']), children: emailCTALabel }), _jsx(ArrowRight, { className: "ml-1 h-4 w-4" })] }) })] }), _jsxs("div", { className: "group p-8 rounded-[2rem] bg-gray-50 border border-gray-100 hover:shadow-xl hover:-translate-y-2 transition-all duration-300 text-center", children: [_jsx("div", { className: "w-16 h-16 mx-auto mb-6 rounded-2xl bg-white shadow-sm flex items-center justify-center group-hover:scale-110 transition-transform", ...payazaIconBindingProps(isPreview, 'contact-info', ['hoursIcon']), children: _jsx(DynamicIcon, { name: hoursIcon, className: "h-8 w-8 text-gray-400 group-hover:text-green-500 transition-colors" }) }), _jsx("h3", { className: "font-bold text-xl text-gray-900 mb-3", children: _jsx("span", { ...inline('contact-info', ['hoursTitle']), children: hoursTitle }) }), _jsx("p", { className: "text-gray-600 leading-relaxed whitespace-pre-line", children: _jsx("span", { ...inline('contact-info', ['hours']), children: hoursText }) })] })] })] }) }))] }));
+    // Booking-specific hero image
+    const heroImage = aboutConfig?.heroImage || 'https://images.unsplash.com/photo-1522071820081-009f0129c71c?q=80&w=2070&auto=format&fit=crop';
+    const pageTitle = aboutConfig?.title || "Crafting Experiences, Delivering Joy.";
+    const pageContent = aboutConfig?.content || storeConfig.description;
+    const missionStatement = aboutConfig?.missionStatement;
+    const galleryImages = aboutConfig?.gallerySection;
+    const values = [
+        {
+            icon: Award,
+            title: "Certified Experts",
+            description: "Our professionals are highly trained and fully certified."
+        },
+        {
+            icon: Users,
+            title: "Personalized Care",
+            description: "We tailor every service to your specific needs and goals."
+        },
+        {
+            icon: Heart,
+            title: "Compassion",
+            description: "We care deeply about your well-being and results."
+        },
+        {
+            icon: Leaf,
+            title: "Premium Products",
+            description: "We use only the best tools and products for our services."
+        }
+    ];
+    return (_jsxs("div", { className: "min-h-screen bg-white pb-20 overflow-hidden", children: [_jsxs("section", { "data-section": "hero", className: "relative h-[60vh] min-h-[500px] w-full overflow-hidden", children: [_jsxs("div", { className: "absolute inset-0", children: [_jsx(Image, { src: heroImage, alt: "About Us", fill: true, className: "w-full h-full object-cover transform scale-105 animate-pulse-slow" }), _jsx("div", { className: "absolute inset-0 bg-gradient-to-r from-black/80 via-black/50 to-transparent" })] }), _jsx("div", { className: "absolute inset-0 flex items-center", children: _jsx("div", { className: "container mx-auto px-4 sm:px-6 lg:px-8", children: _jsxs("div", { className: "max-w-3xl animate-fade-in-up", children: [_jsxs("div", { className: "inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-white/10 backdrop-blur-md border border-white/20 text-white text-sm font-medium mb-6", children: [_jsx("span", { className: "w-2 h-2 rounded-full bg-white animate-pulse" }), "Est. 2024"] }), _jsx("h1", { className: "text-5xl md:text-7xl font-bold text-white mb-6 tracking-tight leading-tight", children: pageTitle }), _jsx("p", { className: "text-xl md:text-2xl text-gray-200 max-w-2xl leading-relaxed font-light", children: missionStatement || storeConfig.description })] }) }) })] }), _jsxs("section", { "data-section": "story", className: "py-24 px-4 sm:px-6 lg:px-8 relative", children: [_jsx("div", { className: "absolute top-0 right-0 -mt-24 -mr-24 w-96 h-96 bg-gray-50 rounded-full blur-3xl -z-10" }), _jsx("div", { className: "container mx-auto max-w-7xl", children: _jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-16 items-center", children: [_jsxs("div", { className: "relative", children: [galleryImages && galleryImages.length > 0 ? (_jsx("div", { className: "grid grid-cols-2 gap-4", children: galleryImages.slice(0, 4).map((img, i) => (_jsx("div", { className: `relative overflow-hidden rounded-2xl shadow-lg ${i === 0 ? 'col-span-2 aspect-[16/9]' : 'aspect-square'}`, children: _jsx(Image, { src: img.image, alt: img.caption || "Gallery Image", fill: true, className: "w-full h-full object-cover hover:scale-110 transition-transform duration-500" }) }, i))) })) : (_jsxs("div", { className: "relative aspect-[4/5] rounded-[2rem] overflow-hidden shadow-2xl", children: [_jsx(Image, { src: "https://images.unsplash.com/photo-1522202176988-66273c2fd55f?q=80&w=2071&auto=format&fit=crop", alt: "Our Team", fill: true, className: "w-full h-full object-cover" }), _jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black/60 via-transparent to-transparent opacity-60" }), _jsxs("div", { className: "absolute bottom-8 left-8 text-white", children: [_jsx("p", { className: "font-bold text-lg", children: "The Dream Team" }), _jsx("p", { className: "text-white/80 text-sm", children: "Working together to serve you better" })] })] })), _jsx("div", { className: "absolute -bottom-6 -right-6 w-24 h-24 bg-white rounded-2xl shadow-xl flex items-center justify-center p-4 animate-bounce duration-[3000ms]", children: _jsx(Heart, { className: "w-10 h-10", style: { color: primaryColor, fill: primaryColor } }) })] }), _jsxs("div", { className: "space-y-10", children: [_jsxs("div", { children: [_jsx("span", { className: "text-sm font-bold uppercase tracking-widest mb-3 block", style: { color: primaryColor }, children: "Who We Are" }), _jsx("h2", { className: "text-4xl md:text-5xl font-black text-gray-900 mb-6 tracking-tight", children: "Our Journey" }), _jsxs("div", { className: "prose prose-lg text-gray-600 leading-relaxed space-y-6", children: [pageContent?.split('\n').map((paragraph, idx) => (_jsx("p", { children: paragraph }, idx))), !pageContent && (_jsxs(_Fragment, { children: [_jsxs("p", { children: ["Founded with a bold vision to redefine excellence in the ", _jsx("span", { className: "font-semibold text-gray-900", children: storeConfig.type }), " industry, ", storeConfig.name, " has grown from a small passion project into a beloved brand. We believe in the power of quality, innovation, and community."] }), _jsx("p", { children: "Every day, we strive to bring you the best products, curated with care and delivered with a smile. Our team is dedicated to ensuring that your experience with us is nothing short of exceptional." })] }))] })] }), _jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-8", children: values.map((item, idx) => (_jsxs("div", { className: "flex gap-4 group", children: [_jsx("div", { className: "flex-shrink-0", children: _jsx("div", { className: "w-14 h-14 rounded-2xl flex items-center justify-center transition-colors group-hover:bg-gray-100", style: { backgroundColor: `${primaryColor}10` }, children: _jsx(item.icon, { className: "h-7 w-7 transition-transform group-hover:scale-110", style: { color: primaryColor } }) }) }), _jsxs("div", { children: [_jsx("h4", { className: "font-bold text-gray-900 mb-2 text-lg", children: item.title }), _jsx("p", { className: "text-gray-600 text-sm leading-relaxed", children: item.description })] })] }, idx))) })] })] }) })] }), _jsxs("section", { "data-section": "stats", className: "py-20 relative overflow-hidden", children: [_jsx("div", { className: "absolute inset-0 opacity-10", children: _jsx(DotPattern, { color: primaryColor, cx: 2, cy: 2, cr: 2, width: 30, height: 30 }) }), _jsx("div", { className: "absolute inset-0", style: { backgroundColor: `${secondaryColor}15` } }), _jsx("div", { className: "container mx-auto px-4 relative z-10", children: _jsx("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-8 md:gap-12", children: [
+                                { label: "Bookings Completed", value: "8k+" },
+                                { label: "Expert Staff", value: "15+" },
+                                { label: "Services Offered", value: storeConfig.services?.length ? `${storeConfig.services.length}+` : "20+" },
+                                { label: "Years Experience", value: "10+" }
+                            ].map((stat, idx) => (_jsxs("div", { className: "text-center group", children: [_jsx("div", { className: "text-5xl md:text-6xl font-black mb-2 tracking-tight transition-transform group-hover:scale-110 duration-300", style: { color: primaryColor }, children: stat.value }), _jsx("div", { className: "text-gray-600 font-bold uppercase tracking-widest text-xs md:text-sm", children: stat.label })] }, idx))) }) })] }), _jsx("section", { "data-section": "contact-info", className: "py-24 px-4 sm:px-6 lg:px-8 bg-white", children: _jsxs("div", { className: "container mx-auto max-w-6xl", children: [_jsxs("div", { className: "text-center mb-16", children: [_jsx("h2", { className: "text-3xl md:text-4xl font-bold text-gray-900 mb-4", children: "Get in Touch" }), _jsx("p", { className: "text-gray-500 max-w-xl mx-auto", children: "Have questions? We'd love to hear from you. Reach out to our team via email, phone, or visit us at our store." })] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8", children: [_jsxs("div", { className: "group p-8 rounded-[2rem] bg-gray-50 border border-gray-100 hover:shadow-xl hover:-translate-y-2 transition-all duration-300 text-center", children: [_jsx("div", { className: "w-16 h-16 mx-auto mb-6 rounded-2xl bg-white shadow-sm flex items-center justify-center group-hover:scale-110 transition-transform", children: _jsx(MapPin, { className: "h-8 w-8 text-gray-400 group-hover:text-blue-500 transition-colors" }) }), _jsx("h3", { className: "font-bold text-xl text-gray-900 mb-3", children: "Visit Us" }), _jsxs("p", { className: "text-gray-600 leading-relaxed", children: [storeConfig.contactInfo?.address?.street || '123 Store Street', _jsx("br", {}), storeConfig.contactInfo?.address?.city || 'Commerce City', ", ", storeConfig.contactInfo?.address?.state || 'ST', " ", storeConfig.contactInfo?.address?.zipCode || '12345'] })] }), _jsxs("div", { className: "group p-8 rounded-[2rem] bg-gray-50 border border-gray-100 hover:shadow-xl hover:-translate-y-2 transition-all duration-300 text-center relative overflow-hidden", children: [_jsx("div", { className: "absolute inset-0 border-2 border-transparent group-hover:border-orange-100 rounded-[2rem] transition-colors pointer-events-none" }), _jsx("div", { className: "w-16 h-16 mx-auto mb-6 rounded-2xl bg-white shadow-sm flex items-center justify-center group-hover:scale-110 transition-transform", children: _jsx(Mail, { className: "h-8 w-8 text-gray-400 group-hover:text-orange-500 transition-colors" }) }), _jsx("h3", { className: "font-bold text-xl text-gray-900 mb-3", children: "Email Us" }), _jsxs("p", { className: "text-gray-600 leading-relaxed mb-4", children: [storeConfig.contactInfo?.email || `hello@${storeConfig.slug}.com`, _jsx("br", {}), storeConfig.contactInfo?.phone || '+1 (555) 123-4567'] }), _jsxs(Button, { variant: "link", className: "text-orange-600 font-bold p-0 h-auto hover:no-underline group-hover:translate-x-1 transition-transform", children: ["Send a message ", _jsx(ArrowRight, { className: "ml-1 h-4 w-4" })] })] }), _jsxs("div", { className: "group p-8 rounded-[2rem] bg-gray-50 border border-gray-100 hover:shadow-xl hover:-translate-y-2 transition-all duration-300 text-center", children: [_jsx("div", { className: "w-16 h-16 mx-auto mb-6 rounded-2xl bg-white shadow-sm flex items-center justify-center group-hover:scale-110 transition-transform", children: _jsx(Clock, { className: "h-8 w-8 text-gray-400 group-hover:text-green-500 transition-colors" }) }), _jsx("h3", { className: "font-bold text-xl text-gray-900 mb-3", children: "Opening Hours" }), _jsx("p", { className: "text-gray-600 leading-relaxed", children: storeConfig.locations?.[0]?.openingHours || (_jsxs(_Fragment, { children: ["Mon - Fri: 9am - 6pm", _jsx("br", {}), "Sat - Sun: 10am - 4pm"] })) })] })] })] }) })] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"BookPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/booking/pages/BookPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAgB,MAAM,mBAAmB,CAAC;AAoB9D,UAAU,aAAa;IACrB,WAAW,EAAE,WAAW,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAID,wBAAgB,eAAe,CAAC,EAAE,WAAW,EAAE,WAAW,EAAE,EAAE,aAAa,2CAikC1E"}
+{"version":3,"file":"BookPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/booking/pages/BookPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAgB,MAAM,mBAAmB,CAAC;AAqB9D,UAAU,aAAa;IACrB,WAAW,EAAE,WAAW,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAID,wBAAgB,eAAe,CAAC,EAAE,WAAW,EAAE,WAAW,EAAE,EAAE,aAAa,2CAyjC1E"}

package/dist/layouts/booking/pages/BookPage.js

@@ -2,22 +2,23 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useRef } from 'react';
 import { Clock, Check, ChevronRight, ChevronLeft, ArrowLeft, ShieldCheck, CheckCircle2, Lock } from 'lucide-react';
-import { Button } from '../../../components/ui/button.js';
-import { cn, formatCurrency } from '../../../lib/utils/index.js';
+import { Button } from '../../../components/ui/button';
+import { cn, formatCurrency } from '../../../lib/utils';
 import Link from 'next/link';
-import { ImageWithFallback } from '../../../components/ui/image-with-fallback.js';
-import { RichTextExcerpt } from '../../../components/rich-text/RichTextExcerpt.js';
-import { usePayazaCheckout } from '../../../hooks/use-payaza-checkout.js';
-import { generateCheckoutConfig } from '../../../lib/payaza-checkout.js';
-import { checkoutService } from '../../../lib/services/checkout.service.js';
-import { paymentService, isPaymentConfirmed } from '../../../lib/services/payment.service.js';
-import { useToast } from '../../../components/ui/toast.js';
+import { ImageWithFallback } from '../../../components/ui/image-with-fallback';
+import { RichTextExcerpt } from '../../../components/rich-text/RichTextExcerpt';
+import { usePayazaCheckout } from '../../../hooks/use-payaza-checkout';
+import { generateCheckoutConfig } from '../../../lib/payaza-checkout';
+import { requireCheckoutPayazaPublicKey } from '../../../lib/payaza-public-key';
+import { checkoutService } from '../../../lib/services/checkout.service';
+import { paymentService, isPaymentConfirmed } from '../../../lib/services/payment.service';
+import { useToast } from '../../../components/ui/toast';
 import { useRouter, useSearchParams } from 'next/navigation';
-import { useAuth } from '../../../lib/auth-context.js';
-import { formatDateSafe } from '../../../utils/date.js';
-import { encodePayazaFieldKey } from '../../../preview/canvas/field-key.js';
-import { getOrCreateIdempotencyKey } from '../../../lib/utils/idempotency-key.js';
-import { CHECKOUT_UNAVAILABLE_MESSAGE } from '../../../lib/checkout-availability.js';
+import { useAuth } from '../../../lib/auth-context';
+import { formatDateSafe } from '../../../utils/date';
+import { encodePayazaFieldKey } from '../../../preview/canvas/field-key';
+import { getOrCreateIdempotencyKey } from '../../../lib/utils/idempotency-key';
+import { CHECKOUT_UNAVAILABLE_MESSAGE } from '../../../lib/checkout-availability';
 export function BookingBookPage({ storeConfig, serviceSlug }) {
     const primaryColor = storeConfig.branding.primaryColor;
     const layoutConfig = storeConfig.layoutConfig;
@@ -77,11 +78,7 @@ export function BookingBookPage({ storeConfig, serviceSlug }) {
             }));
         }
     }, [isAuthenticated, user]);
-    // Payaza Configuration
-    // Do not hardcode a live key in code; require configuration via storeConfig/env.
-    const payazaPublicKey = storeConfig.payment?.payazaPublicKey || process.env.NEXT_PUBLIC_PAYAZA_PUBLIC_KEY || '';
     const { checkout: initiateCheckout, isLoading: isPayazaLoading } = usePayazaCheckout({
-        publicKey: payazaPublicKey,
         onSuccess: async (response) => {
             try {
                 setIsProcessing(true);
@@ -369,10 +366,7 @@ export function BookingBookPage({ storeConfig, serviceSlug }) {
                     quantity: 1,
                     price: selectedService.price,
                 }];
-            // Step 3: Generate Payaza checkout config with order details
-            // Key priority: backend-resolved key for the order currency (DB registry)
-            // → storeConfig.payment → NEXT_PUBLIC_PAYAZA_PUBLIC_KEY
-            const checkoutConfig = generateCheckoutConfig(checkoutItems, customerData.email, checkoutResponse.payazaPublicKey || payazaPublicKey, {
+            const checkoutConfig = generateCheckoutConfig(checkoutItems, customerData.email, requireCheckoutPayazaPublicKey(checkoutResponse), {
                 firstName: customerData.firstName,
                 lastName: customerData.lastName,
                 phone: customerData.phone,

package/dist/layouts/booking/pages/CategoriesPage.js

@@ -1,11 +1,11 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Breadcrumbs } from '../../../components/ui/breadcrumbs.js';
-import { payazaInlineBindingProps, encodePayazaFieldKey } from '../../../preview/canvas/field-key.js';
-import { CategoryMasonryGrid } from '../../../components/categories/category-masonry-grid.js';
-import { useStore } from '../../../lib/store-context.js';
-import { useCatalogLoader } from '../../../hooks/use-catalog-loader.js';
-import { isEditorPreviewMode, resolveStoreCategoriesForDisplay } from '../../../lib/utils/index.js';
+import { Breadcrumbs } from '../../../components/ui/breadcrumbs';
+import { payazaInlineBindingProps, encodePayazaFieldKey } from '../../../preview/canvas/field-key';
+import { CategoryMasonryGrid } from '../../../components/categories/category-masonry-grid';
+import { useStore } from '../../../lib/store-context';
+import { useCatalogLoader } from '../../../hooks/use-catalog-loader';
+import { isEditorPreviewMode, resolveStoreCategoriesForDisplay } from '../../../lib/utils';
 export function BookingCategoriesPage({ storeConfig: initialConfig }) {
     const { store } = useStore();
     const storeConfig = store || initialConfig;

package/dist/layouts/booking/pages/CategoryPage.d.ts

@@ -3,6 +3,6 @@ interface CategoryPageProps {
     storeConfig: StoreConfig;
     categorySlug: string;
 }
-export declare function BookingCategoryPage({ storeConfig: initialConfig, categorySlug }: CategoryPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function CategoryPage({ storeConfig, categorySlug }: CategoryPageProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=CategoryPage.d.ts.map