storefront-layouts 1.0.4 → 1.0.6

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

@@ -1,12 +1,12 @@
 'use client';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from '../../../components/ui/button';
+import { Button } from '../../../components/ui/button.js';
 import { Clock, ArrowRight, Filter } from 'lucide-react';
 import Link from 'next/link';
 import { useState } from 'react';
-import { cn, formatCurrency, filterActiveServices } from '../../../lib/utils';
+import { cn, formatCurrency, filterActiveServices } from '../../../lib/utils/index.js';
 import Image from 'next/image';
-import { useStore } from '../../../lib/store-context';
+import { useStore } from '../../../lib/store-context.js';
 export function ServicesPage({ storeConfig: initialConfig, initialCategory, titleOverride }) {
     const { store } = useStore();
     const storeConfig = store || initialConfig;

package/dist/layouts/booking-agenda/components/BookingHomePageAgenda.d.ts

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

package/dist/layouts/booking-agenda/components/BookingHomePageAgenda.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BookingHomePageAgenda.d.ts","sourceRoot":"","sources":["../../../../src/layouts/booking-agenda/components/BookingHomePageAgenda.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAyBhD,UAAU,0BAA0B;IAClC,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,qBAAqB,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,0BAA0B,2CA0vB/F"}
+{"version":3,"file":"BookingHomePageAgenda.d.ts","sourceRoot":"","sources":["../../../../src/layouts/booking-agenda/components/BookingHomePageAgenda.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAyBhD,UAAU,0BAA0B;IAClC,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,qBAAqB,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,0BAA0B,+BA0vB/F"}

package/dist/layouts/booking-agenda/components/BookingHomePageAgenda.js

@@ -1,28 +1,28 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Button } from '../../../components/ui/button';
-import { Modal } from '../../../components/ui/modal';
-import { ImageWithFallback } from '../../../components/ui/image-with-fallback';
-import { RichTextExcerpt } from '../../../components/rich-text/RichTextExcerpt';
-import { useToast } from '../../../components/ui/toast';
-import { useStore } from '../../../lib/store-context';
-import { checkoutService } from '../../../lib/services/checkout.service';
-import { requireCheckoutPayazaPublicKey } from '../../../lib/payaza-public-key';
-import { usePayazaCheckout } from '../../../hooks/use-payaza-checkout';
-import { useAuth } from '../../../lib/auth-context';
+import { Button } from '../../../components/ui/button.js';
+import { Modal } from '../../../components/ui/modal.js';
+import { ImageWithFallback } from '../../../components/ui/image-with-fallback.js';
+import { RichTextExcerpt } from '../../../components/rich-text/RichTextExcerpt.js';
+import { useToast } from '../../../components/ui/toast.js';
+import { useStore } from '../../../lib/store-context.js';
+import { checkoutService } from '../../../lib/services/checkout.service.js';
+import { requireCheckoutPayazaPublicKey } from '../../../lib/payaza-public-key.js';
+import { usePayazaCheckout } from '../../../hooks/use-payaza-checkout.js';
+import { useAuth } from '../../../lib/auth-context.js';
 import { Calendar, Clock, ChevronRight, Star, Search, User, Heart, Filter, MoreHorizontal, X, CheckCircle, Sparkles, Lock } from 'lucide-react';
 import Link from 'next/link';
 import { useState, useEffect, useRef } from 'react';
-import { formatCurrency, filterActiveServices } from '../../../lib/utils';
-import { getBannerImage, getServiceImage, getTeamMemberImage, getTextContent, getLayoutText, getThemeColor } from '../../../lib/utils/asset-helpers';
-import { formatDateSafe } from '../../../utils/date';
-import { isDemoStore, shouldUseAPI } from '../../../lib/utils/demo-detection';
+import { formatCurrency, filterActiveServices } from '../../../lib/utils/index.js';
+import { getBannerImage, getServiceImage, getTeamMemberImage, getTextContent, getLayoutText, getThemeColor } from '../../../lib/utils/asset-helpers.js';
+import { formatDateSafe } from '../../../utils/date.js';
+import { isDemoStore, shouldUseAPI } from '../../../lib/utils/demo-detection.js';
 import { TestimonialCard } from '../../shared/components/TestimonialCard';
 import { BookingTestimonialsEmptyState } from '../../booking/components/BookingTestimonialsEmptyState';
 import { getPayazaSectionInlineStyle } from '../../../lib/payaza-section-styles';
-import { showLayoutDecorativeBadges } from '../../../lib/layout-badges';
-import { getOrCreateIdempotencyKey } from '../../../lib/utils/idempotency-key';
-import { CHECKOUT_UNAVAILABLE_MESSAGE } from '../../../lib/checkout-availability';
+import { showLayoutDecorativeBadges } from '../../../lib/layout-badges.js';
+import { getOrCreateIdempotencyKey } from '../../../lib/utils/idempotency-key.js';
+import { CHECKOUT_UNAVAILABLE_MESSAGE } from '../../../lib/checkout-availability.js';
 export function BookingHomePageAgenda({ storeConfig: initialConfig }) {
     const { store } = useStore();
     const storeConfig = store || initialConfig;

package/dist/layouts/booking-agenda/index.d.ts

@@ -1,9 +1,9 @@
 export { BookingHomePageAgenda } from './components/BookingHomePageAgenda';
 export { BookingAgendaBookPage } from './pages/BookPage';
-export { BookingAgendaServicesPage } from './pages/ServicesPage';
-export { BookingAgendaProductDetailPage } from './pages/ProductDetailPage';
-export { BookingAgendaCategoryPage } from './pages/CategoryPage';
+export { ServicesPage as BookingAgendaServicesPage } from './pages/ServicesPage';
+export { ProductDetailPage as BookingAgendaProductDetailPage } from './pages/ProductDetailPage';
+export { CategoryPage as BookingAgendaCategoryPage } from './pages/CategoryPage';
 export { BookingAgendaCategoriesPage } from './pages/CategoriesPage';
-export { BookingAgendaAboutPage } from './pages/AboutPage';
-export { BookingAgendaContactPage } from './pages/ContactPage';
+export { AboutPage as BookingAgendaAboutPage } from './pages/AboutPage';
+export { ContactPage as BookingAgendaContactPage } from './pages/ContactPage';
 //# sourceMappingURL=index.d.ts.map

package/dist/layouts/booking-agenda/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/booking-agenda/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,8BAA8B,EAAE,MAAM,2BAA2B,CAAC;AAC3E,OAAO,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,2BAA2B,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/booking-agenda/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,YAAY,IAAI,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AACjF,OAAO,EAAE,iBAAiB,IAAI,8BAA8B,EAAE,MAAM,2BAA2B,CAAC;AAChG,OAAO,EAAE,YAAY,IAAI,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AACjF,OAAO,EAAE,2BAA2B,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,SAAS,IAAI,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AACxE,OAAO,EAAE,WAAW,IAAI,wBAAwB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/layouts/booking-agenda/index.js

@@ -1,9 +1,9 @@
 // BookEasy Agenda (booking-agenda) layout — fully sandboxed exports
 export { BookingHomePageAgenda } from './components/BookingHomePageAgenda';
 export { BookingAgendaBookPage } from './pages/BookPage';
-export { BookingAgendaServicesPage } from './pages/ServicesPage';
-export { BookingAgendaProductDetailPage } from './pages/ProductDetailPage';
-export { BookingAgendaCategoryPage } from './pages/CategoryPage';
+export { ServicesPage as BookingAgendaServicesPage } from './pages/ServicesPage';
+export { ProductDetailPage as BookingAgendaProductDetailPage } from './pages/ProductDetailPage';
+export { CategoryPage as BookingAgendaCategoryPage } from './pages/CategoryPage';
 export { BookingAgendaCategoriesPage } from './pages/CategoriesPage';
-export { BookingAgendaAboutPage } from './pages/AboutPage';
-export { BookingAgendaContactPage } from './pages/ContactPage';
+export { AboutPage as BookingAgendaAboutPage } from './pages/AboutPage';
+export { ContactPage as BookingAgendaContactPage } from './pages/ContactPage';

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"AboutPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/booking-agenda/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"}
+{"version":3,"file":"AboutPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/booking-agenda/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,+BA2OvE"}

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

@@ -1,9 +1,9 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 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 { Button } from '../../../components/ui/button.js';
+import { DotPattern } from '../../../components/ui/background-patterns.js';
+import { useStore } from '../../../lib/store-context.js';
 import Image from 'next/image';
 export function AboutPage({ storeConfig: initialConfig }) {
     const { store } = useStore();

package/dist/layouts/booking-agenda/pages/BookPage.d.ts

@@ -1,8 +1,8 @@
-import { StoreConfig } from '../../../lib/store-types';
+import { StoreConfig } from '../../../lib/store-types.js';
 interface BookPageProps {
     storeConfig: StoreConfig;
     serviceSlug?: string;
 }
-export declare function BookingAgendaBookPage({ storeConfig, serviceSlug }: BookPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function BookingAgendaBookPage({ storeConfig, serviceSlug }: BookPageProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=BookPage.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"BookPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/booking-agenda/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,qBAAqB,CAAC,EAAE,WAAW,EAAE,WAAW,EAAE,EAAE,aAAa,2CAg/BhF"}
+{"version":3,"file":"BookPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/booking-agenda/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,qBAAqB,CAAC,EAAE,WAAW,EAAE,WAAW,EAAE,EAAE,aAAa,+BAg/BhF"}

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

@@ -2,22 +2,22 @@
 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';
-import { cn, formatCurrency } from '../../../lib/utils';
+import { Button } from '../../../components/ui/button.js';
+import { cn, formatCurrency } from '../../../lib/utils/index.js';
 import Link from 'next/link';
-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 { 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 { requireCheckoutPayazaPublicKey } from '../../../lib/payaza-public-key.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 { useRouter, useSearchParams } from 'next/navigation';
-import { useAuth } from '../../../lib/auth-context';
-import { formatDateSafe } from '../../../utils/date';
-import { getOrCreateIdempotencyKey } from '../../../lib/utils/idempotency-key';
-import { CHECKOUT_UNAVAILABLE_MESSAGE } from '../../../lib/checkout-availability';
+import { useAuth } from '../../../lib/auth-context.js';
+import { formatDateSafe } from '../../../utils/date.js';
+import { getOrCreateIdempotencyKey } from '../../../lib/utils/idempotency-key.js';
+import { CHECKOUT_UNAVAILABLE_MESSAGE } from '../../../lib/checkout-availability.js';
 export function BookingAgendaBookPage({ storeConfig, serviceSlug }) {
     const primaryColor = storeConfig.branding.primaryColor;
     const { addToast } = useToast();

package/dist/layouts/booking-agenda/pages/CategoriesPage.d.ts

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

package/dist/layouts/booking-agenda/pages/CategoriesPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CategoriesPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/booking-agenda/pages/CategoriesPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAOhD,UAAU,mBAAmB;IAC3B,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,2BAA2B,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,mBAAmB,2CAsD9F"}
+{"version":3,"file":"CategoriesPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/booking-agenda/pages/CategoriesPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAOhD,UAAU,mBAAmB;IAC3B,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,2BAA2B,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,mBAAmB,+BAsD9F"}

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

@@ -1,10 +1,10 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Breadcrumbs } from '../../../components/ui/breadcrumbs';
+import { Breadcrumbs } from '../../../components/ui/breadcrumbs.js';
 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';
+import { useStore } from '../../../lib/store-context.js';
+import { useCatalogLoader } from '../../../hooks/use-catalog-loader.js';
+import { isEditorPreviewMode, resolveStoreCategoriesForDisplay } from '../../../lib/utils/index.js';
 export function BookingAgendaCategoriesPage({ storeConfig: initialConfig }) {
     const { store } = useStore();
     const storeConfig = store || initialConfig;

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

@@ -1,8 +1,8 @@
-import { StoreConfig } from '../../../lib/store-types';
+import { StoreConfig } from '../../../lib/store-types.js';
 interface CategoryPageProps {
     storeConfig: StoreConfig;
     categorySlug: string;
 }
-export declare function CategoryPage({ storeConfig, categorySlug }: CategoryPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function CategoryPage({ storeConfig, categorySlug }: CategoryPageProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=CategoryPage.d.ts.map

package/dist/layouts/booking-agenda/pages/CategoryPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CategoryPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/booking-agenda/pages/CategoryPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAA8B,MAAM,mBAAmB,CAAC;AAc5E,UAAU,iBAAiB;IACzB,WAAW,EAAE,WAAW,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,YAAY,CAAC,EAAE,WAAW,EAAE,YAAY,EAAE,EAAE,iBAAiB,2CAyI5E"}
+{"version":3,"file":"CategoryPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/booking-agenda/pages/CategoryPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAA8B,MAAM,mBAAmB,CAAC;AAc5E,UAAU,iBAAiB;IACzB,WAAW,EAAE,WAAW,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,YAAY,CAAC,EAAE,WAAW,EAAE,YAAY,EAAE,EAAE,iBAAiB,+BAyI5E"}

package/dist/layouts/booking-agenda/pages/CategoryPage.js

@@ -1,14 +1,14 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from '../../../components/ui/button';
-import { ImageWithFallback } from '../../../components/ui/image-with-fallback';
-import { useStore } from '../../../lib/store-context';
+import { Button } from '../../../components/ui/button.js';
+import { ImageWithFallback } from '../../../components/ui/image-with-fallback.js';
+import { useStore } from '../../../lib/store-context.js';
 import { ArrowLeft, Filter, Clock, ArrowRight } from 'lucide-react';
 import Link from 'next/link';
-import { useToast } from '../../../components/ui/toast';
-import { useAnalytics } from '../../../hooks/use-analytics';
+import { useToast } from '../../../components/ui/toast.js';
+import { useAnalytics } from '../../../hooks/use-analytics.js';
 import { useEffect } from 'react';
-import { formatCurrency, filterActiveServices } from '../../../lib/utils';
+import { formatCurrency, filterActiveServices } from '../../../lib/utils/index.js';
 import Image from 'next/image';
 export function CategoryPage({ storeConfig, categorySlug }) {
     const categories = storeConfig.categories || [];

package/dist/layouts/booking-agenda/pages/ContactPage.d.ts

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

package/dist/layouts/booking-agenda/pages/ContactPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContactPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/booking-agenda/pages/ContactPage.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAOhD,UAAU,gBAAgB;IACtB,WAAW,EAAE,WAAW,CAAC;CAC5B;AAED,wBAAgB,WAAW,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,gBAAgB,2CA0S3E"}
+{"version":3,"file":"ContactPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/booking-agenda/pages/ContactPage.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAOhD,UAAU,gBAAgB;IACtB,WAAW,EAAE,WAAW,CAAC;CAC5B;AAED,wBAAgB,WAAW,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,gBAAgB,+BA0S3E"}

package/dist/layouts/booking-agenda/pages/ContactPage.js

@@ -1,11 +1,11 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
-import { Button } from '../../../components/ui/button';
+import { Button } from '../../../components/ui/button.js';
 import { Mail, Phone, MapPin, Clock, Send, MessageSquare, CheckCircle } from 'lucide-react';
-import { useStore } from '../../../lib/store-context';
+import { useStore } from '../../../lib/store-context.js';
 import Image from 'next/image';
-import { submitContact } from '../../../lib/services/contact.service';
+import { submitContact } from '../../../lib/services/contact.service.js';
 export function ContactPage({ storeConfig: initialConfig }) {
     const { store } = useStore();
     const storeConfig = store || initialConfig;

package/dist/layouts/booking-agenda/pages/ProductDetailPage.d.ts

@@ -1,8 +1,8 @@
-import { StoreConfig } from '../../../lib/store-types';
+import { StoreConfig } from '../../../lib/store-types.js';
 interface ProductDetailPageProps {
     storeConfig: StoreConfig;
     productSlug: string;
 }
-export declare function ProductDetailPage({ storeConfig, productSlug }: ProductDetailPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProductDetailPage({ storeConfig: initialConfig, productSlug }: ProductDetailPageProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=ProductDetailPage.d.ts.map

package/dist/layouts/booking-agenda/pages/ProductDetailPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductDetailPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/booking-agenda/pages/ProductDetailPage.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAA8C,MAAM,mBAAmB,CAAC;AA4B5F,UAAU,sBAAsB;IAC9B,WAAW,EAAE,WAAW,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;CACrB;AAsHD,wBAAgB,iBAAiB,CAAC,EAAE,WAAW,EAAE,WAAW,EAAE,EAAE,sBAAsB,2CAuiCrF"}
+{"version":3,"file":"ProductDetailPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/booking-agenda/pages/ProductDetailPage.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAA8C,MAAM,mBAAmB,CAAC;AA4B5F,UAAU,sBAAsB;IAC9B,WAAW,EAAE,WAAW,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;CACrB;AAsHD,wBAAgB,iBAAiB,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,WAAW,EAAE,EAAE,sBAAsB,+BAwiCpG"}

package/dist/layouts/booking-agenda/pages/ProductDetailPage.js

@@ -1,28 +1,28 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useProductBySlug } from '../../../hooks/use-product-by-slug';
-import { useProductReviews } from '../../../hooks/use-product-reviews';
-import { Button } from '../../../components/ui/button';
-import { Breadcrumbs } from '../../../components/ui/breadcrumbs';
-import { Modal } from '../../../components/ui/modal';
+import { useProductBySlug } from '../../../hooks/use-product-by-slug.js';
+import { useProductReviews } from '../../../hooks/use-product-reviews.js';
+import { Button } from '../../../components/ui/button.js';
+import { Breadcrumbs } from '../../../components/ui/breadcrumbs.js';
+import { Modal } from '../../../components/ui/modal.js';
 import { ShoppingCart, Heart, Star, CheckCircle, ThumbsUp, User, Minus, Plus, Ruler, Share2, Info } from 'lucide-react';
 import { useState, useMemo, useEffect } from 'react';
-import { useStore } from '../../../lib/store-context';
-import { useToast } from '../../../components/ui/toast';
+import { useStore } from '../../../lib/store-context.js';
+import { useToast } from '../../../components/ui/toast.js';
 import { useRouter } from 'next/navigation';
-import { useAuth } from '../../../lib/auth-context';
-import { useAnalytics } from '../../../hooks/use-analytics';
-import { customerService } from '../../../lib/services/customer.service';
-import { GuestCheckoutModal } from '../../../components/ui/guest-checkout-modal';
-import { getGuestUserInfo, saveGuestUserInfo } from '../../../lib/guest-user';
-import { ProductCard } from '../../../components/ui/product-card';
+import { useAuth } from '../../../lib/auth-context.js';
+import { useAnalytics } from '../../../hooks/use-analytics.js';
+import { customerService } from '../../../lib/services/customer.service.js';
+import { GuestCheckoutModal } from '../../../components/ui/guest-checkout-modal.js';
+import { getGuestUserInfo, saveGuestUserInfo } from '../../../lib/guest-user.js';
+import { ProductCard } from '../../../components/ui/product-card.js';
 import Image from 'next/image';
-import { ImageWithFallback } from '../../../components/ui/image-with-fallback';
-import { ButtonLoader } from '../../../components/ui/page-loader';
-import { extractImageUrls } from '../../../lib/store-config-utils';
-import { OutOfStockOverlay } from '../../../components/ui/out-of-stock-overlay';
-import { cn, formatCurrency, filterActiveProducts, isEditorPreviewMode, resolvePdpProduct } from '../../../lib/utils';
-import { shippingService } from '../../../lib/services/shipping.service';
+import { ImageWithFallback } from '../../../components/ui/image-with-fallback.js';
+import { ButtonLoader } from '../../../components/ui/page-loader.js';
+import { extractImageUrls } from '../../../lib/store-config-utils.js';
+import { OutOfStockOverlay } from '../../../components/ui/out-of-stock-overlay.js';
+import { cn, formatCurrency, filterActiveProducts, isEditorPreviewMode, resolvePdpProduct } from '../../../lib/utils/index.js';
+import { shippingService } from '../../../lib/services/shipping.service.js';
 import { ProductDeliveryInfoSection } from '../../../components/shipping/ProductDeliveryInfoSection';
 import { formatDateSafe } from '../../../utils/date';
 // Helper function to format date
@@ -49,8 +49,9 @@ function StarRating({ rating, size = 'md', className = '' }) {
 function ReviewCard({ review }) {
     return (_jsxs("div", { className: "border-b border-gray-100 pb-8 last:border-b-0 last:pb-0", children: [_jsx("div", { className: "flex items-start justify-between mb-4", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("div", { className: "w-12 h-12 rounded-full bg-gradient-to-br from-gray-200 to-gray-300 flex items-center justify-center flex-shrink-0 ring-2 ring-white shadow-sm overflow-hidden", children: [review.userAvatar ? (_jsx(Image, { src: review.userAvatar, alt: review.userName, fill: true, className: "w-full h-full object-cover" })) : null, _jsx(User, { className: "h-6 w-6 text-gray-600", style: { display: review.userAvatar ? 'none' : 'flex' } })] }), _jsxs("div", { children: [_jsxs("div", { className: "flex items-center gap-2 mb-1", children: [_jsx("span", { className: "font-semibold text-gray-900", children: review.userName }), review.verified && (_jsx("span", { className: "text-xs bg-blue-50 text-blue-700 px-2.5 py-1 rounded-full font-medium border border-blue-100", children: "Verified Purchase" }))] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(StarRating, { rating: review.rating, size: "sm" }), _jsx("span", { className: "text-xs text-gray-500", children: formatDate(review.date) })] })] })] }) }), review.title && (_jsx("h4", { className: "font-semibold text-gray-900 mb-3 text-lg", children: review.title })), _jsx("p", { className: "text-gray-700 leading-relaxed mb-4", children: review.comment }), review.images && review.images.length > 0 && (_jsx("div", { className: "flex gap-2 mb-4", children: review.images.map((img, idx) => (_jsx("div", { className: "relative w-20 h-20 rounded-lg overflow-hidden border border-gray-200", children: _jsx(Image, { src: img, alt: `${review.userName}'s review image ${idx + 1}`, fill: true, className: "object-cover" }) }, idx))) })), review.helpful !== undefined && (_jsx("div", { className: "flex items-center gap-4", children: _jsxs("button", { className: "flex items-center gap-1.5 text-xs text-gray-600 hover:text-gray-900 transition-colors font-medium", children: [_jsx(ThumbsUp, { className: "h-4 w-4" }), _jsxs("span", { children: ["Helpful (", review.helpful, ")"] })] }) }))] }));
 }
-export function ProductDetailPage({ storeConfig, productSlug }) {
-    const { addToCart, isCartLoading, toggleWishlist, isInWishlist, isWishlistLoading, setBuyNowItem } = useStore();
+export function ProductDetailPage({ storeConfig: initialConfig, productSlug }) {
+    const { store, addToCart, isCartLoading, toggleWishlist, isInWishlist, isWishlistLoading, setBuyNowItem } = useStore();
+    const storeConfig = store || initialConfig;
     const products = filterActiveProducts(storeConfig.products || []);
     const initialProduct = resolvePdpProduct(initialConfig.products, storeConfig.products, productSlug, isEditorPreviewMode(storeConfig));
     const { product, relatedProducts: apiRelatedProducts, isLoading: isLoadingProduct } = useProductBySlug(storeConfig.id, productSlug, initialProduct);
@@ -491,7 +492,7 @@ export function ProductDetailPage({ storeConfig, productSlug }) {
     }, [product?.id, storeConfig?.id, trackEvent]);
     return (_jsxs("div", { className: "min-h-screen bg-white", children: [_jsxs("div", { "data-content-ready": true, className: "container mx-auto px-4 sm:px-6 lg:px-8 py-8 lg:py-12 max-w-7xl", children: [_jsx("div", { className: "mb-6", children: _jsx(Breadcrumbs, { items: breadcrumbItems }) }), _jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-16 mb-20", children: [_jsxs("div", { className: "relative lg:sticky lg:top-24 self-start z-0", children: [_jsxs("div", { className: "relative aspect-square bg-gray-50 rounded-xl overflow-hidden mb-4 border border-gray-100 shadow-sm group", children: [_jsx(ImageWithFallback, { "data-product-image": true, src: displayImages[selectedImage] || displayImages[0] || productImages[0], alt: product.name, className: cn("w-full h-full object-cover transition-transform duration-300 group-hover:scale-105", isOutOfStock && "grayscale"), skeletonAspectRatio: "square" }), isOutOfStock && (_jsx(OutOfStockOverlay, { badgePosition: "center" }))] }), displayImages.length > 0 && (_jsxs("div", { className: "grid grid-cols-5 gap-2", children: [displayImages.map((image, index) => (_jsx("button", { onClick: () => setSelectedImage(Math.min(index, displayImages.length - 1)), className: `aspect-square rounded-lg overflow-hidden border-2 transition-all ${selectedImage === index
                                                     ? 'border-gray-900 ring-2 ring-gray-900 ring-offset-2'
-                                                    : 'border-gray-200 hover:border-gray-300'}`, children: _jsx(ImageWithFallback, { src: image, alt: `${product.name} view ${index + 1}`, className: cn("w-full h-full object-cover", isOutOfStock && "grayscale"), skeletonAspectRatio: "square" }) }, index))), hasMoreImages && (_jsxs("div", { className: "aspect-square rounded-lg border-2 border-gray-200 bg-gray-50 flex items-center justify-center text-xs text-gray-500 font-medium", children: ["+", productImages.length - 5, " more"] }))] }))] }), _jsxs("div", { className: "flex flex-col", children: [_jsxs("div", { className: "flex items-center justify-between mb-2", children: [_jsx("span", { className: "text-sm font-semibold text-gray-700 uppercase tracking-wide", children: directCategory?.name || storeConfig.name }), _jsx("button", { onClick: handleShare, className: "text-gray-400 hover:text-gray-900 transition-colors p-2 rounded-full hover:bg-gray-100", title: "Share this product", children: _jsx(Share2, { className: "h-5 w-5" }) })] }), _jsx("h1", { "data-product-name": true, className: "text-3xl sm:text-4xl lg:text-5xl font-bold text-gray-900 mb-3 leading-tight tracking-tight", children: product.name }), _jsxs("p", { className: "text-sm text-gray-500 mb-6 font-mono", children: ["SKU: ", displaySKU] }), _jsx("div", { className: "mb-4 flex items-center gap-2", children: product.inStock ? (_jsxs("span", { className: "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800", children: [_jsx(CheckCircle, { className: "w-3 h-3 mr-1" }), "In Stock"] })) : (_jsxs("span", { className: "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-red-100 text-red-800", children: [_jsx(Info, { className: "w-3 h-3 mr-1" }), "Out of Stock"] })) }), _jsxs("div", { className: "mb-8", children: [_jsxs("div", { className: "flex items-baseline gap-4", children: [_jsx("span", { "data-product-price": true, className: "text-4xl lg:text-5xl font-bold text-gray-900", children: formatCurrency(product.price, product.currency || 'USD') }), product.compareAtPrice && (_jsx("span", { className: "text-2xl text-gray-500 line-through", children: formatCurrency(product.compareAtPrice, product.currency || 'USD') }))] }), product.compareAtPrice && (_jsxs("span", { className: "inline-block mt-2 bg-red-100 text-red-700 text-xs font-bold px-2 py-1 rounded", children: ["SAVE ", Math.round(((product.compareAtPrice - product.price) / product.compareAtPrice) * 100), "%"] }))] }), colorVariants.length > 0 && (_jsxs("div", { className: "mb-8", children: [_jsxs("div", { className: "flex items-center gap-2 mb-4", children: [_jsx("span", { className: "text-sm font-semibold text-gray-900", children: "Color:" }), _jsx("span", { className: "text-sm text-gray-600 capitalize", children: selectedColor || colorVariants[0]?.value })] }), _jsx("div", { className: "flex gap-3", children: colorVariants.map((variant) => {
+                                                    : 'border-gray-200 hover:border-gray-300'}`, children: _jsx(ImageWithFallback, { src: image, alt: `${product.name} view ${index + 1}`, className: cn("w-full h-full object-cover", isOutOfStock && "grayscale"), skeletonAspectRatio: "square" }) }, index))), hasMoreImages && (_jsxs("div", { className: "aspect-square rounded-lg border-2 border-gray-200 bg-gray-50 flex items-center justify-center text-xs text-gray-500 font-medium", children: ["+", productImages.length - 5, " more"] }))] }))] }), _jsxs("div", { className: "flex flex-col", children: [_jsxs("div", { className: "flex items-center justify-between mb-2", children: [_jsx("span", { className: "text-sm font-semibold text-gray-700 uppercase tracking-wide", children: directCategory?.name || storeConfig.name }), _jsx("button", { onClick: handleShare, className: "text-gray-400 hover:text-gray-900 transition-colors p-2 rounded-full hover:bg-gray-100", title: "Share this product", children: _jsx(Share2, { className: "h-5 w-5" }) })] }), _jsx("h1", { "data-product-name": true, className: "text-3xl sm:text-4xl lg:text-5xl font-bold text-gray-900 mb-3 leading-tight tracking-tight", children: product.name }), _jsxs("p", { className: "text-sm text-gray-500 mb-6 font-mono", children: ["SKU: ", displaySKU] }), _jsx("div", { className: "mb-4 flex items-center gap-2", children: product.inStock ? (_jsxs("span", { className: "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800", children: [_jsx(CheckCircle, { className: "w-3 h-3 mr-1" }), "In Stock"] })) : (_jsxs("span", { className: "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-red-100 text-red-800", children: [_jsx(Info, { className: "w-3 h-3 mr-1" }), "Out of Stock"] })) }), _jsxs("div", { className: "mb-8", children: [_jsxs("div", { className: "flex items-baseline gap-4", children: [_jsx("span", { "data-product-price": true, className: "text-4xl lg:text-5xl font-bold text-gray-900", children: formatCurrency(product.price, product.currency || 'USD') }), product.compareAtPrice != null && product.compareAtPrice > product.price && (_jsx("span", { className: "text-2xl text-gray-500 line-through", children: formatCurrency(product.compareAtPrice, product.currency || 'USD') }))] }), product.compareAtPrice != null && product.compareAtPrice > product.price && (_jsxs("span", { className: "inline-block mt-2 bg-red-100 text-red-700 text-xs font-bold px-2 py-1 rounded", children: ["SAVE ", Math.round(((product.compareAtPrice - product.price) / product.compareAtPrice) * 100), "%"] }))] }), colorVariants.length > 0 && (_jsxs("div", { className: "mb-8", children: [_jsxs("div", { className: "flex items-center gap-2 mb-4", children: [_jsx("span", { className: "text-sm font-semibold text-gray-900", children: "Color:" }), _jsx("span", { className: "text-sm text-gray-600 capitalize", children: selectedColor || colorVariants[0]?.value })] }), _jsx("div", { className: "flex gap-3", children: colorVariants.map((variant) => {
                                                     const colorValue = variant.value;
                                                     const swatchColor = colorSwatches[colorValue] || '#CCCCCC';
                                                     const isSelected = selectedColor === colorValue;

package/dist/layouts/booking-agenda/pages/ServicesPage.d.ts

@@ -1,9 +1,9 @@
-import { StoreConfig } from '../../../lib/store-types';
+import { StoreConfig } from '../../../lib/store-types.js';
 interface ServicesPageProps {
     storeConfig: StoreConfig;
     initialCategory?: string;
     titleOverride?: string;
 }
-export declare function ServicesPage({ storeConfig, initialCategory, titleOverride }: ServicesPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function ServicesPage({ storeConfig, initialCategory, titleOverride }: ServicesPageProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=ServicesPage.d.ts.map

package/dist/layouts/booking-agenda/pages/ServicesPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ServicesPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/booking-agenda/pages/ServicesPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAQhD,UAAU,iBAAiB;IACzB,WAAW,EAAE,WAAW,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,YAAY,CAAC,EAAE,WAAW,EAAE,eAAe,EAAE,aAAa,EAAE,EAAE,iBAAiB,2CA2J9F"}
+{"version":3,"file":"ServicesPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/booking-agenda/pages/ServicesPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAQhD,UAAU,iBAAiB;IACzB,WAAW,EAAE,WAAW,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,YAAY,CAAC,EAAE,WAAW,EAAE,eAAe,EAAE,aAAa,EAAE,EAAE,iBAAiB,+BA2J9F"}

package/dist/layouts/booking-agenda/pages/ServicesPage.js

@@ -1,10 +1,10 @@
 'use client';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from '../../../components/ui/button';
+import { Button } from '../../../components/ui/button.js';
 import { Clock, ArrowRight, Filter } from 'lucide-react';
 import Link from 'next/link';
 import { useState } from 'react';
-import { cn, formatCurrency, filterActiveServices } from '../../../lib/utils';
+import { cn, formatCurrency, filterActiveServices } from '../../../lib/utils/index.js';
 import Image from 'next/image';
 export function ServicesPage({ storeConfig, initialCategory, titleOverride }) {
     const categories = storeConfig.categories || [];

package/dist/layouts/clothing/components/ClothingHomePage.d.ts

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

package/dist/layouts/clothing/components/ClothingHomePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ClothingHomePage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/clothing/components/ClothingHomePage.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAevD,UAAU,qBAAqB;IAC7B,WAAW,EAAE,WAAW,CAAC;CAC1B;AAaD,wBAAgB,gBAAgB,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,qBAAqB,2CA6uBrF"}
+{"version":3,"file":"ClothingHomePage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/clothing/components/ClothingHomePage.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAgBvD,UAAU,qBAAqB;IAC7B,WAAW,EAAE,WAAW,CAAC;CAC1B;AAaD,wBAAgB,gBAAgB,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,qBAAqB,+BAsvBrF"}

package/dist/layouts/clothing/components/ClothingHomePage.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useFeaturedProducts } from '../../../hooks/use-featured-products';
+import { useFeaturedProducts } from '../../../hooks/use-featured-products.js';
 import { Button } from '../../../components/ui/button';
 import { ProductRating } from '../../../components/ui/product-rating';
 import { ShoppingCart, Heart, ArrowRight, ChevronLeft, ChevronRight } from 'lucide-react';
@@ -13,6 +13,7 @@ import { toStoreHref } from '../../../lib/utils/url-helpers';
 import { shouldUseAPI } from '../../../lib/utils/demo-detection';
 import { useStore } from '../../../lib/store-context';
 import { DynamicIcon } from '../../../components/ui/dynamic-icon';
+import { SafeRichHtml } from '../../../components/rich-text/SafeRichHtml';
 export function ClothingHomePage({ storeConfig: initialConfig }) {
     // Use the store from context which is updated in real-time by the editor
     const { store } = useStore();
@@ -226,7 +227,7 @@ export function ClothingHomePage({ storeConfig: initialConfig }) {
     };
     return (_jsxs("div", { className: "min-h-screen bg-white", children: [(layoutConfig?.sections?.hero?.show !== false || layoutConfig?.hero?.show !== false) && heroSlides.length > 0 && (_jsxs("section", { "data-section": "hero", className: "relative h-[85vh] w-full overflow-hidden", onMouseEnter: () => setIsAutoPlaying(false), onMouseLeave: () => layoutConfig?.hero?.autoPlay !== false && setIsAutoPlaying(true), children: [_jsx("div", { className: "relative h-full w-full", children: heroSlides.map((slide, index) => (_jsxs("div", { className: `absolute inset-0 transition-opacity duration-1000 ease-in-out ${index === currentSlide ? 'opacity-100 z-10' : 'opacity-0 z-0'}`, children: [_jsxs("div", { className: "absolute inset-0", children: [_jsx(ImageWithFallback, { src: slide.image, alt: slide.title, className: "absolute inset-0 h-full w-full object-cover", skeletonAspectRatio: "16/9", priority: index === currentSlide }), _jsx("div", { className: "absolute inset-0 bg-gradient-to-r from-black/50 via-black/20 to-transparent" })] }), _jsx("div", { className: "absolute inset-0 flex items-center z-20", children: _jsx("div", { className: "container mx-auto px-4 sm:px-6 lg:px-8", children: _jsxs("div", { className: `max-w-3xl text-white space-y-8 transition-all duration-1000 ${index === currentSlide
                                                 ? 'opacity-100 translate-y-0'
-                                                : 'opacity-0 translate-y-8'}`, children: [_jsxs("div", { children: [slide.badge && (_jsx("span", { className: "inline-block px-4 py-1.5 bg-white/20 backdrop-blur-md rounded-full text-sm font-medium border border-white/30 uppercase tracking-wider mb-4", children: slide.badge })), _jsx("h1", { className: "text-4xl sm:text-6xl lg:text-7xl font-bold leading-tight tracking-tight mb-4", children: slide.title }), _jsx("div", { className: "h-1 w-24 bg-white/80 rounded-full" })] }), _jsx("p", { className: "text-xl sm:text-2xl text-gray-100 font-light leading-relaxed max-w-lg", children: slide.description }), _jsxs("div", { className: "flex flex-wrap gap-4 pt-4", children: [layoutConfig?.sections?.hero?.showCTA !== false &&
+                                                : 'opacity-0 translate-y-8'}`, children: [_jsxs("div", { children: [slide.badge && (_jsx("span", { className: "inline-block px-4 py-1.5 bg-white/20 backdrop-blur-md rounded-full text-sm font-medium border border-white/30 uppercase tracking-wider mb-4", children: slide.badge })), _jsx("h1", { className: "text-4xl sm:text-6xl lg:text-7xl font-bold leading-tight tracking-tight mb-4", children: _jsx(SafeRichHtml, { value: slide.title, fallbackPlain: storeConfig.name }) }), _jsx("div", { className: "h-1 w-24 bg-white/80 rounded-full" })] }), _jsx("div", { className: "text-xl sm:text-2xl text-gray-100 font-light leading-relaxed max-w-lg [&_p]:mb-3 [&_p:last-child]:mb-0", children: _jsx(SafeRichHtml, { value: slide.description, fallbackPlain: "" }) }), _jsxs("div", { className: "flex flex-wrap gap-4 pt-4", children: [layoutConfig?.sections?.hero?.showCTA !== false &&
                                                             layoutConfig?.hero?.showCTA !== false &&
                                                             slide.primaryButtonText &&
                                                             slide.primaryButtonText.trim() !== '' && (_jsx(Link, { href: slide.primaryButtonLink, children: _jsx(Button, { size: "lg", className: "h-14 px-10 text-base rounded-full bg-white text-black hover:bg-gray-100 transition-all duration-300 hover:scale-105 font-semibold", children: slide.primaryButtonText }) })), (layoutConfig?.sections?.hero?.showSecondaryCTA !== false || layoutConfig?.hero?.showSecondaryCTA !== false) &&
@@ -265,7 +266,8 @@ export function ClothingHomePage({ storeConfig: initialConfig }) {
                                 };
                                 const categoryImage = extractCategoryImage(category.image);
                                 return (_jsxs(Link, { href: `/${storeConfig.slug}/categories/${category.slug}`, className: `group relative overflow-hidden rounded-2xl aspect-[3/4]`, children: [_jsxs("div", { className: "absolute inset-0 bg-gray-200", children: [_jsx(ImageWithFallback, { src: categoryImage, alt: category.name, className: "w-full h-full object-cover transition-transform duration-700 group-hover:scale-110", skeletonAspectRatio: "auto", lazy: true }), _jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent opacity-80 group-hover:opacity-70 transition-opacity" })] }), _jsxs("div", { className: "absolute inset-0 flex flex-col justify-end p-8", children: [_jsx("h3", { className: "text-2xl font-bold text-white mb-2 transform translate-y-0 transition-transform duration-300", children: category.name }), _jsx("div", { className: "h-0.5 w-12 bg-white/0 group-hover:bg-white/100 transition-all duration-500 mb-4" }), _jsxs("span", { className: "inline-flex items-center text-white text-sm font-medium opacity-0 group-hover:opacity-100 transform translate-y-4 group-hover:translate-y-0 transition-all duration-300", children: [getLayoutText(storeConfig, 'common.shopNow', 'Shop Now'), " ", _jsx(ArrowRight, { className: "ml-2 h-4 w-4" })] })] })] }, category.id));
-                            }) })] }) })), layoutConfig?.sections?.marketing?.editorial?.show !== false && (_jsx("section", { "data-section": "editorial", className: "py-16 md:py-24 px-4 sm:px-6 lg:px-8 bg-stone-50", children: _jsx("div", { className: "container mx-auto max-w-7xl", children: _jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-10 md:gap-12 lg:gap-20 items-center", children: [_jsxs("div", { className: "relative", children: [_jsx("div", { className: "aspect-[4/5] rounded-lg overflow-hidden relative", children: _jsx(ImageWithFallback, { src: layoutConfig?.sections?.marketing?.editorial?.image || 'https://images.unsplash.com/photo-1490481651871-ab68de25d43d?q=80&w=2000&auto=format&fit=crop', alt: "Editorial Lookbook", className: "w-full h-full object-cover", skeletonAspectRatio: "4/5", lazy: true }) }), (layoutConfig?.sections?.marketing?.editorial?.detailImage) && (_jsx("div", { className: "absolute w-48 h-48 bg-white p-4 shadow-xl rounded-lg hidden md:block z-20 animate-fade-in-up", style: { bottom: '-2rem', right: '-2rem', animationDelay: '0.2s' }, children: _jsx("div", { className: "w-full h-full relative", children: _jsx(ImageWithFallback, { src: layoutConfig.sections.marketing.editorial.detailImage, alt: "Detail Shot", className: "w-full h-full object-cover rounded", skeletonAspectRatio: "square", lazy: true }) }) }))] }), _jsxs("div", { className: "space-y-8", children: [_jsx("div", { className: "flex flex-col gap-2", children: _jsx("span", { className: "text-sm font-bold tracking-widest text-gray-500 uppercase", children: layoutConfig?.sections?.marketing?.editorial?.badgeText || "Lookbook" }) }), _jsx("h2", { className: "text-4xl md:text-5xl font-bold tracking-tight leading-tight text-gray-900", children: layoutConfig?.sections?.marketing?.editorial?.title ? (layoutConfig.sections.marketing.editorial.title.split('\n').map((line, idx, arr) => (_jsxs("span", { children: [line, idx < arr.length - 1 && _jsx("br", {})] }, idx)))) : (_jsxs(_Fragment, { children: ["Redefining Modern ", _jsx("br", {}), _jsx("span", { className: "italic font-serif", children: "Elegance" })] })) }), _jsx("p", { className: "text-lg text-gray-600 leading-relaxed", children: layoutConfig?.sections?.marketing?.editorial?.description || "Explore our latest editorial featuring timeless pieces crafted for the contemporary wardrobe. From essential basics to statement outwear, find your signature look." }), _jsxs("div", { className: "flex flex-col sm:flex-row gap-4 pt-4", children: [layoutConfig?.sections?.marketing?.editorial?.primaryButton?.text && (_jsx(Link, { href: toStoreHref(storeConfig.slug, layoutConfig.sections.marketing.editorial.primaryButton.link, '/style-guide'), children: _jsx(Button, { className: "rounded-full px-8 py-6 bg-gray-900 hover:bg-black text-white transition-all", children: layoutConfig.sections.marketing.editorial.primaryButton.text }) })), layoutConfig?.sections?.marketing?.editorial?.secondaryButton?.text && (_jsx(Link, { href: toStoreHref(storeConfig.slug, layoutConfig.sections.marketing.editorial.secondaryButton.link, '/about'), children: _jsx(Button, { variant: "outline", className: "rounded-full px-8 py-6 border-gray-300 hover:bg-white hover:border-gray-900 transition-all", children: layoutConfig.sections.marketing.editorial.secondaryButton.text }) }))] })] })] }) }) })), layoutConfig?.sections?.featuredProducts?.show !== false && (_jsx("section", { "data-section": "featuredProducts", className: "py-16 md:py-24 px-4 sm:px-6 lg:px-8 bg-white", children: _jsxs("div", { className: "container mx-auto max-w-7xl", children: [_jsxs("div", { className: "text-center max-w-2xl mx-auto mb-10 md:mb-16", children: [_jsx("span", { className: "text-sm font-bold tracking-widest text-gray-500 uppercase mb-3 block", children: layoutConfig?.sections?.featuredProducts?.eyebrow || "Curated For You" }), _jsx("h2", { className: "text-3xl md:text-4xl font-bold mb-4 tracking-tight", children: layoutConfig?.sections?.featuredProducts?.title || getLayoutText(storeConfig, 'sections.featuredProducts.title', 'Trending Now') }), _jsx("div", { className: "h-1 w-20 bg-gray-900 mx-auto mb-6" }), _jsx("p", { className: "text-gray-600 text-lg", children: getLayoutText(storeConfig, 'sections.featuredProducts.subtitle', 'Discover the latest trends and essential pieces that define this season\'s style.') })] }), _jsx("div", { className: "grid grid-cols-2 sm:grid-cols-2 lg:grid-cols-4 gap-4 sm:gap-8", children: products.slice(0, 4).map((product) => {
+                            }) })] }) })), layoutConfig?.sections?.marketing?.editorial?.show !== false && (_jsx("section", { "data-section": "editorial", className: "py-16 md:py-24 px-4 sm:px-6 lg:px-8 bg-stone-50", children: _jsx("div", { className: "container mx-auto max-w-7xl", children: _jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-10 md:gap-12 lg:gap-20 items-center", children: [_jsxs("div", { className: "relative", children: [_jsx("div", { className: "aspect-[4/5] rounded-lg overflow-hidden relative", children: _jsx(ImageWithFallback, { src: layoutConfig?.sections?.marketing?.editorial?.image || 'https://images.unsplash.com/photo-1490481651871-ab68de25d43d?q=80&w=2000&auto=format&fit=crop', alt: "Editorial Lookbook", className: "w-full h-full object-cover", skeletonAspectRatio: "4/5", lazy: true }) }), (layoutConfig?.sections?.marketing?.editorial?.detailImage) && (_jsx("div", { className: "absolute w-48 h-48 bg-white p-4 shadow-xl rounded-lg hidden md:block z-20 animate-fade-in-up", style: { bottom: '-2rem', right: '-2rem', animationDelay: '0.2s' }, children: _jsx("div", { className: "w-full h-full relative", children: _jsx(ImageWithFallback, { src: layoutConfig.sections.marketing.editorial.detailImage, alt: "Detail Shot", className: "w-full h-full object-cover rounded", skeletonAspectRatio: "square", lazy: true }) }) }))] }), _jsxs("div", { className: "space-y-8", children: [_jsx("div", { className: "flex flex-col gap-2", children: _jsx("span", { className: "text-sm font-bold tracking-widest text-gray-500 uppercase", children: layoutConfig?.sections?.marketing?.editorial?.badgeText || "Lookbook" }) }), _jsx("h2", { className: "text-4xl md:text-5xl font-bold tracking-tight leading-tight text-gray-900", children: layoutConfig?.sections?.marketing?.editorial?.title ? (layoutConfig.sections.marketing.editorial.title.split('\n').map((line, idx, arr) => (_jsxs("span", { children: [line, idx < arr.length - 1 && _jsx("br", {})] }, idx)))) : (_jsxs(_Fragment, { children: ["Redefining Modern ", _jsx("br", {}), _jsx("span", { className: "italic font-serif", children: "Elegance" })] })) }), _jsx("div", { className: "text-lg text-gray-600 leading-relaxed [&_p]:mb-3 [&_p:last-child]:mb-0", children: _jsx(SafeRichHtml, { value: layoutConfig?.sections?.marketing?.editorial?.description ||
+                                                'Explore our latest editorial featuring timeless pieces crafted for the contemporary wardrobe. From essential basics to statement outwear, find your signature look.', fallbackPlain: "Explore our latest editorial featuring timeless pieces crafted for the contemporary wardrobe. From essential basics to statement outwear, find your signature look." }) }), _jsxs("div", { className: "flex flex-col sm:flex-row gap-4 pt-4", children: [layoutConfig?.sections?.marketing?.editorial?.primaryButton?.text && (_jsx(Link, { href: toStoreHref(storeConfig.slug, layoutConfig.sections.marketing.editorial.primaryButton.link, '/style-guide'), children: _jsx(Button, { className: "rounded-full px-8 py-6 bg-gray-900 hover:bg-black text-white transition-all", children: layoutConfig.sections.marketing.editorial.primaryButton.text }) })), layoutConfig?.sections?.marketing?.editorial?.secondaryButton?.text && (_jsx(Link, { href: toStoreHref(storeConfig.slug, layoutConfig.sections.marketing.editorial.secondaryButton.link, '/about'), children: _jsx(Button, { variant: "outline", className: "rounded-full px-8 py-6 border-gray-300 hover:bg-white hover:border-gray-900 transition-all", children: layoutConfig.sections.marketing.editorial.secondaryButton.text }) }))] })] })] }) }) })), layoutConfig?.sections?.featuredProducts?.show !== false && (_jsx("section", { "data-section": "featuredProducts", className: "py-16 md:py-24 px-4 sm:px-6 lg:px-8 bg-white", children: _jsxs("div", { className: "container mx-auto max-w-7xl", children: [_jsxs("div", { className: "text-center max-w-2xl mx-auto mb-10 md:mb-16", children: [_jsx("span", { className: "text-sm font-bold tracking-widest text-gray-500 uppercase mb-3 block", children: layoutConfig?.sections?.featuredProducts?.eyebrow || "Curated For You" }), _jsx("h2", { className: "text-3xl md:text-4xl font-bold mb-4 tracking-tight", children: layoutConfig?.sections?.featuredProducts?.title || getLayoutText(storeConfig, 'sections.featuredProducts.title', 'Trending Now') }), _jsx("div", { className: "h-1 w-20 bg-gray-900 mx-auto mb-6" }), _jsx("div", { className: "text-gray-600 text-lg [&_p]:mb-2 [&_p:last-child]:mb-0", children: _jsx(SafeRichHtml, { value: getLayoutText(storeConfig, 'sections.featuredProducts.subtitle', "Discover the latest trends and essential pieces that define this season's style."), fallbackPlain: "Discover the latest trends and essential pieces that define this season's style." }) })] }), _jsx("div", { className: "grid grid-cols-2 sm:grid-cols-2 lg:grid-cols-4 gap-4 sm:gap-8", children: products.slice(0, 4).map((product) => {
                                 // Comprehensive image extraction - handles all formats
                                 const extractProductImages = (images) => {
                                     if (!images)
@@ -326,6 +328,6 @@ export function ClothingHomePage({ storeConfig: initialConfig }) {
                                 };
                                 const validImages = extractProductImages(product.images);
                                 const firstImage = validImages.length > 0 ? validImages[0] : undefined;
-                                return (_jsx("div", { className: "group", children: _jsxs(Link, { href: `/${storeConfig.slug}/products/${product.slug}`, children: [_jsxs("div", { className: "relative aspect-[3/4] bg-gray-50 rounded-xl overflow-hidden mb-4", children: [_jsx(ImageWithFallback, { src: firstImage, alt: product.name, className: "w-full h-full object-cover transition-transform duration-700 group-hover:scale-105", skeletonAspectRatio: "3/4", lazy: true }), validImages[1] && (_jsx(ImageWithFallback, { src: validImages[1], alt: product.name, className: "absolute inset-0 w-full h-full object-cover opacity-0 group-hover:opacity-100 transition-opacity duration-500", skeletonAspectRatio: "3/4", lazy: true })), _jsxs("div", { className: "hidden lg:flex absolute bottom-4 right-4 flex-col gap-2 opacity-0 transform translate-x-4 group-hover:opacity-100 group-hover:translate-x-0 transition-all duration-300", children: [storeConfig.features.wishlist && (_jsx(Button, { variant: "secondary", size: "icon", className: "bg-white hover:bg-black hover:text-white shadow-md rounded-full transition-colors", children: _jsx(Heart, { className: "h-4 w-4" }) })), _jsx(Button, { variant: "secondary", size: "icon", className: "bg-white hover:bg-black hover:text-white shadow-md rounded-full transition-colors", children: _jsx(ShoppingCart, { className: "h-4 w-4" }) })] }), _jsx(Button, { variant: "secondary", size: "icon", className: "lg:hidden absolute bottom-3 right-3 bg-white text-black h-10 w-10 rounded-full shadow-lg z-10 active:scale-95 transition-transform", children: _jsx(ShoppingCart, { className: "h-4 w-4" }) }), product.compareAtPrice && (_jsx("span", { className: "absolute top-3 left-3 bg-black text-white text-xs font-bold px-3 py-1 rounded-full uppercase tracking-wide", children: getLayoutText(storeConfig, 'common.sale', 'Sale') }))] }), _jsxs("div", { className: "space-y-1", children: [_jsx("h3", { className: "font-semibold text-gray-900 group-hover:text-gray-600 transition-colors text-lg", children: product.name }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "font-medium text-gray-900", children: formatCurrency(product.price, product.currency || 'USD') }), product.compareAtPrice && (_jsx("span", { className: "text-sm text-gray-400 line-through", children: formatCurrency(product.compareAtPrice, product.currency || 'USD') }))] }), _jsx(ProductRating, { rating: product.rating, reviewCount: product.reviewCount, size: "sm", showReviewCount: false, className: "shrink-0" })] })] }) }, product.id));
+                                return (_jsx("div", { className: "group", children: _jsxs(Link, { href: `/${storeConfig.slug}/products/${product.slug}`, children: [_jsxs("div", { className: "relative aspect-[3/4] bg-gray-50 rounded-xl overflow-hidden mb-4", children: [_jsx(ImageWithFallback, { src: firstImage, alt: product.name, className: "w-full h-full object-cover transition-transform duration-700 group-hover:scale-105", skeletonAspectRatio: "3/4", lazy: true }), validImages[1] && (_jsx(ImageWithFallback, { src: validImages[1], alt: product.name, className: "absolute inset-0 w-full h-full object-cover opacity-0 group-hover:opacity-100 transition-opacity duration-500", skeletonAspectRatio: "3/4", lazy: true })), _jsxs("div", { className: "hidden lg:flex absolute bottom-4 right-4 flex-col gap-2 opacity-0 transform translate-x-4 group-hover:opacity-100 group-hover:translate-x-0 transition-all duration-300", children: [storeConfig.features.wishlist && (_jsx(Button, { variant: "secondary", size: "icon", className: "bg-white hover:bg-black hover:text-white shadow-md rounded-full transition-colors", children: _jsx(Heart, { className: "h-4 w-4" }) })), _jsx(Button, { variant: "secondary", size: "icon", className: "bg-white hover:bg-black hover:text-white shadow-md rounded-full transition-colors", children: _jsx(ShoppingCart, { className: "h-4 w-4" }) })] }), _jsx(Button, { variant: "secondary", size: "icon", className: "lg:hidden absolute bottom-3 right-3 bg-white text-black h-10 w-10 rounded-full shadow-lg z-10 active:scale-95 transition-transform", children: _jsx(ShoppingCart, { className: "h-4 w-4" }) }), product.compareAtPrice != null && product.compareAtPrice > product.price && (_jsx("span", { className: "absolute top-3 left-3 bg-black text-white text-xs font-bold px-3 py-1 rounded-full uppercase tracking-wide", children: getLayoutText(storeConfig, 'common.sale', 'Sale') }))] }), _jsxs("div", { className: "space-y-1", children: [_jsx("h3", { className: "font-semibold text-gray-900 group-hover:text-gray-600 transition-colors text-lg", children: product.name }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "font-medium text-gray-900", children: formatCurrency(product.price, product.currency || 'USD') }), product.compareAtPrice != null && product.compareAtPrice > product.price && (_jsx("span", { className: "text-sm text-gray-400 line-through", children: formatCurrency(product.compareAtPrice, product.currency || 'USD') }))] }), _jsx(ProductRating, { rating: product.rating, reviewCount: product.reviewCount, size: "sm", showReviewCount: false, className: "shrink-0" })] })] }) }, product.id));
                             }) }), layoutConfig?.sections?.featuredProducts?.showViewAll !== false && (_jsx("div", { className: "mt-16 text-center", children: _jsx(Link, { href: `/${storeConfig.slug}/products`, children: _jsx(Button, { variant: "outline", className: "rounded-full px-10 py-6 border-gray-200 hover:border-black hover:bg-black hover:text-white transition-all text-base font-medium", children: getLayoutText(storeConfig, 'sections.featuredProducts.viewAll', 'View All Products') }) }) }))] }) }))] }));
 }

package/dist/layouts/clothing/index.d.ts

@@ -1,8 +1,8 @@
 export { ClothingHomePage } from './components/ClothingHomePage';
-export { ClothingProductsPage } from './pages/ProductsPage';
-export { ClothingProductDetailPage } from './pages/ProductDetailPage';
-export { ClothingCategoryPage } from './pages/CategoryPage';
+export { ProductsPage as ClothingProductsPage } from './pages/ProductsPage';
+export { ProductDetailPage as ClothingProductDetailPage } from './pages/ProductDetailPage';
+export { CategoryPage as ClothingCategoryPage } from './pages/CategoryPage';
 export { ClothingCategoriesPage } from './pages/CategoriesPage';
-export { ClothingAboutPage } from './pages/AboutPage';
-export { ClothingContactPage } from './pages/ContactPage';
+export { AboutPage as ClothingAboutPage } from './pages/AboutPage';
+export { ContactPage as ClothingContactPage } from './pages/ContactPage';
 //# sourceMappingURL=index.d.ts.map