storefront-layouts 1.0.3 → 1.0.4

package/dist/layouts/shared/pages/CookiePolicyPage.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Cookie, ArrowLeft } from 'lucide-react';
 import Link from 'next/link';
-import { formatDateSafe } from '../../../utils/date.js';
+import { formatDateSafe } from '../../../utils/date';
 export function CookiePolicyPage({ storeConfig }) {
     const primaryColor = storeConfig.branding.primaryColor;
     return (_jsxs("div", { className: "min-h-screen bg-gray-50 pb-20", children: [_jsx("div", { className: "bg-white border-b", children: _jsxs("div", { className: "container mx-auto px-4 py-8", children: [_jsxs(Link, { href: `/${storeConfig.slug}`, className: "inline-flex items-center gap-2 text-gray-500 hover:text-gray-900 transition-colors mb-6", children: [_jsx(ArrowLeft, { className: "w-4 h-4" }), "Back to Home"] }), _jsxs("div", { className: "flex items-center gap-4", children: [_jsx("div", { className: "w-12 h-12 rounded-xl flex items-center justify-center", style: { backgroundColor: `${primaryColor}15` }, children: _jsx(Cookie, { className: "w-6 h-6", style: { color: primaryColor } }) }), _jsx("h1", { className: "text-3xl font-bold text-gray-900", children: "Cookie Policy" })] })] }) }), _jsx("div", { className: "container mx-auto px-4 py-12 max-w-4xl", children: _jsxs("div", { className: "bg-white rounded-2xl p-8 md:p-12 shadow-sm border border-gray-100 prose prose-lg max-w-none", children: [_jsxs("p", { className: "text-gray-500 lead", children: ["Last updated: ", formatDateSafe(new Date(), undefined, { month: 'long', day: 'numeric', year: 'numeric' })] }), _jsx("p", { children: "This Cookie Policy explains what cookies are and how we use them. You should read this policy so you can understand what type of cookies we use, or the information we collect using cookies and how that information is used." }), _jsx("h3", { children: "What are cookies?" }), _jsx("p", { children: "Cookies are small text files that are sent to your web browser by a website you visit. A cookie file is stored in your web browser and allows the Service or a third-party to recognize you and make your next visit easier and the Service more useful to you." }), _jsxs("h3", { children: ["How ", storeConfig.name, " uses cookies"] }), _jsx("p", { children: "When you use and access the Service, we may place a number of cookies files in your web browser. We use cookies for the following purposes:" }), _jsxs("ul", { children: [_jsx("li", { children: "To enable certain functions of the Service" }), _jsx("li", { children: "To provide analytics" }), _jsx("li", { children: "To store your preferences" }), _jsx("li", { children: "To enable advertisements delivery, including behavioral advertising" })] }), _jsx("h3", { children: "Types of cookies we use" }), _jsx("h4", { children: "Essential Cookies" }), _jsx("p", { children: "We use essential cookies to authenticate users and prevent fraudulent use of user accounts." }), _jsx("h4", { children: "Preferences Cookies" }), _jsx("p", { children: "We use preferences cookies to remember information that changes the way the Service behaves or looks, such as the \"remember me\" functionality of a registered user or a user's language preference." }), _jsx("h4", { children: "Analytics Cookies" }), _jsx("p", { children: "We use analytics cookies to track information how the Service is used so that we can make improvements. We may also use analytics cookies to test new advertisements, pages, features or new functionality of the Service to see how our users react to them." }), _jsx("h3", { children: "Third-party cookies" }), _jsx("p", { children: "In addition to our own cookies, we may also use various third-parties cookies to report usage statistics of the Service, deliver advertisements on and through the Service, and so on." }), _jsx("h3", { children: "What are your choices regarding cookies?" }), _jsx("p", { children: "If you'd like to delete cookies or instruct your web browser to delete or refuse cookies, please visit the help pages of your web browser." }), _jsx("p", { children: "Please note, however, that if you delete cookies or refuse to accept them, you might not be able to use all of the features we offer, you may not be able to store your preferences, and some of our pages might not display properly." })] }) })] }));

package/dist/layouts/shared/pages/FeatureDisabledPage.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Link from 'next/link';
-import { Button } from '../../../components/ui/button.js';
+import { Button } from '../../../components/ui/button';
 import { Home, ArrowLeft, Lock } from 'lucide-react';
 export function FeatureDisabledPage({ storeConfig, featureName, featureDescription = 'This page is not available for this store.' }) {
     return (_jsx("div", { className: "min-h-screen flex items-center justify-center bg-gradient-to-br from-gray-50 via-white to-gray-50 px-4", children: _jsxs("div", { className: "text-center max-w-2xl w-full", children: [_jsxs("div", { className: "mb-8", children: [_jsx("div", { className: "w-20 h-20 mx-auto mb-6 rounded-full bg-gray-100 flex items-center justify-center", children: _jsx(Lock, { className: "w-10 h-10 text-gray-400" }) }), _jsx("h1", { className: "text-6xl font-black text-transparent bg-clip-text bg-gradient-to-r from-gray-900 via-gray-700 to-gray-900 mb-4 tracking-tight", children: "Page Not Available" }), _jsx("div", { className: "w-24 h-1 bg-gradient-to-r from-transparent via-gray-400 to-transparent mx-auto" })] }), _jsxs("div", { className: "space-y-4 mb-12", children: [_jsxs("h2", { className: "text-2xl md:text-3xl font-bold text-gray-900", children: [featureName, " is not enabled"] }), _jsx("p", { className: "text-lg text-gray-600 max-w-md mx-auto leading-relaxed", children: featureDescription })] }), _jsxs("div", { className: "flex flex-col sm:flex-row items-center justify-center gap-4 mb-12", children: [_jsx(Link, { href: `/${storeConfig.slug}`, children: _jsxs(Button, { size: "lg", className: "w-full sm:w-auto bg-black hover:bg-gray-800 text-white rounded-full px-8 py-6 h-auto font-semibold shadow-lg shadow-black/10 hover:shadow-xl transition-all hover:scale-105 flex items-center gap-2", children: [_jsx(Home, { className: "w-5 h-5" }), "Back to Store"] }) }), _jsx(Link, { href: `/${storeConfig.slug}`, children: _jsxs(Button, { variant: "outline", size: "lg", className: "w-full sm:w-auto border-2 border-gray-200 hover:border-gray-300 rounded-full px-8 py-6 h-auto font-semibold hover:bg-gray-50 transition-all flex items-center gap-2", children: [_jsx(ArrowLeft, { className: "w-5 h-5" }), "Go Back"] }) })] }), _jsxs("div", { className: "absolute inset-0 -z-10 overflow-hidden pointer-events-none", children: [_jsx("div", { className: "absolute top-1/4 left-1/4 w-96 h-96 bg-gray-100 rounded-full blur-3xl opacity-20" }), _jsx("div", { className: "absolute bottom-1/4 right-1/4 w-96 h-96 bg-gray-100 rounded-full blur-3xl opacity-20" })] })] }) }));

package/dist/layouts/shared/pages/HelpCenterPage.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Search, ChevronDown, ChevronUp, Mail, Phone, MessageCircle } from 'lucide-react';
 import { useState } from 'react';
-import { Button } from '../../../components/ui/button.js';
+import { Button } from '../../../components/ui/button';
 export function HelpCenterPage({ storeConfig }) {
     const primaryColor = storeConfig.branding.primaryColor;
     const faqConfig = storeConfig.layoutConfig?.pages?.faq;

package/dist/layouts/shared/pages/MaintenancePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MaintenancePage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/shared/pages/MaintenancePage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKhD,UAAU,oBAAoB;IAC5B,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,eAAe,CAAC,EAAE,WAAW,EAAE,EAAE,oBAAoB,2CA2EpE"}
+{"version":3,"file":"MaintenancePage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/shared/pages/MaintenancePage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIhD,UAAU,oBAAoB;IAC5B,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,eAAe,CAAC,EAAE,WAAW,EAAE,EAAE,oBAAoB,2CAkEpE"}

package/dist/layouts/shared/pages/MaintenancePage.js

@@ -1,10 +1,9 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { formatStoreDisplayName } from '../../../lib/utils/index.js';
-import { getCurrentYear } from '../../../utils/date.js';
+import { formatStoreDisplayName } from '../../../lib/utils';
 import { RefreshCw, Store } from 'lucide-react';
 export function MaintenancePage({ storeConfig }) {
     const primaryColor = storeConfig.branding.primaryColor || '#1b0029';
     const storeDisplayName = formatStoreDisplayName(storeConfig.name);
-    return (_jsxs("div", { className: "relative flex min-h-[100dvh] min-h-screen items-center justify-center overflow-hidden bg-[#f7f5f0] px-4 py-6 pb-[max(1.5rem,env(safe-area-inset-bottom))] pt-[max(1.5rem,env(safe-area-inset-top))] selection:bg-[#f7f5f0] selection:text-[#1b0029] sm:px-6 sm:py-10", style: { backgroundColor: '#f7f5f0' }, children: [_jsxs("div", { className: "pointer-events-none absolute inset-0 overflow-hidden", children: [_jsx("div", { className: "absolute right-[-20%] top-[-15%] h-[280px] w-[280px] rounded-full bg-[#f7f5f0] opacity-90 blur-[80px] sm:h-[480px] sm:w-[480px] sm:blur-[100px]" }), _jsx("div", { className: "absolute bottom-0 left-[-10%] h-[240px] w-[320px] bg-gradient-to-t from-[#d16253]/12 to-transparent sm:h-[480px] sm:w-[640px]" }), _jsx("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_20%_20%,rgba(68,0,102,0.05),transparent_40%),radial-gradient(circle_at_80%_70%,rgba(209,98,83,0.08),transparent_45%)]" })] }), _jsxs("div", { className: "relative z-10 w-full max-w-md text-center sm:max-w-2xl lg:max-w-3xl", children: [_jsxs("div", { className: "mb-5 flex flex-col items-center gap-3 sm:mb-7 sm:gap-4", children: [_jsx("span", { className: "inline-flex items-center rounded-full border border-[#1b0029]/10 bg-white px-3 py-1 text-[10px] font-semibold uppercase tracking-[0.18em] text-[#1b0029] shadow-sm sm:text-xs sm:tracking-wide", children: "Coming Soon" }), _jsxs("div", { className: "relative flex h-20 w-20 items-center justify-center sm:h-24 sm:w-24 md:h-28 md:w-28", children: [_jsx("div", { className: "absolute inset-0 rounded-full opacity-20 blur-lg animate-pulse-slow sm:blur-xl", style: { backgroundColor: primaryColor } }), _jsx("div", { className: "relative flex h-full w-full rotate-2 transform items-center justify-center rounded-2xl border border-[#1b0029]/10 bg-white p-3 shadow-xl transition-transform duration-500 hover:rotate-0 sm:rounded-[28px] sm:p-3.5 md:rounded-[32px]", children: storeConfig.branding?.logo ? (_jsx("img", { src: storeConfig.branding.logo, alt: storeDisplayName, className: "max-h-full max-w-full object-contain" })) : (_jsx(Store, { className: "h-9 w-9 text-[#1b0029] sm:h-11 sm:w-11 md:h-12 md:w-12" })) })] })] }), _jsxs("div", { className: "animate-fade-in-up space-y-3 sm:space-y-4", children: [_jsxs("h1", { className: "text-[1.65rem] font-semibold leading-tight tracking-tight text-[#1b0029] sm:text-3xl md:text-4xl lg:text-5xl", children: ["Something good is", ' ', _jsx("span", { className: "font-normal italic text-[#d16253]", children: "on the way" }), "."] }), _jsxs("div", { className: "mx-auto max-w-lg space-y-2 sm:space-y-2.5", children: [_jsxs("p", { className: "text-sm font-medium leading-snug text-[#1b0029] sm:text-base md:text-lg", children: [storeDisplayName, " isn't open for shopping right now."] }), _jsx("p", { className: "text-xs leading-relaxed text-[#5c4d68] sm:text-sm md:text-base", children: "Check back soon \u2014 we're putting the finishing touches on this storefront." })] })] }), _jsx("div", { className: "mt-5 flex animate-fade-in-up justify-center sm:mt-7", style: { animationDelay: '0.1s' }, children: _jsxs("button", { type: "button", onClick: () => window.location.reload(), className: "group flex h-11 w-full max-w-xs items-center justify-center rounded-full bg-[#1b0029] px-5 text-sm font-semibold text-white shadow-md transition-all hover:bg-[#220033] hover:shadow-lg sm:h-12 sm:max-w-none sm:min-w-[180px] sm:px-7 sm:text-base", children: [_jsx(RefreshCw, { className: "mr-1.5 h-4 w-4 transition-transform group-hover:rotate-180 sm:mr-2 sm:h-5 sm:w-5" }), "Try Again"] }) }), _jsxs("p", { className: "mt-5 text-[10px] font-medium text-[#7b6d88] sm:mt-7 sm:text-xs", children: ["\u00A9 ", getCurrentYear(), " Storefront Inc."] })] })] }));
+    return (_jsxs("div", { className: "relative flex min-h-[100dvh] min-h-screen items-center justify-center overflow-hidden bg-[#f7f5f0] px-4 py-6 pb-[max(1.5rem,env(safe-area-inset-bottom))] pt-[max(1.5rem,env(safe-area-inset-top))] selection:bg-[#f7f5f0] selection:text-[#1b0029] sm:px-6 sm:py-10", style: { backgroundColor: '#f7f5f0' }, children: [_jsxs("div", { className: "pointer-events-none absolute inset-0 overflow-hidden", children: [_jsx("div", { className: "absolute right-[-20%] top-[-15%] h-[280px] w-[280px] rounded-full bg-[#f7f5f0] opacity-90 blur-[80px] sm:h-[480px] sm:w-[480px] sm:blur-[100px]" }), _jsx("div", { className: "absolute bottom-0 left-[-10%] h-[240px] w-[320px] bg-gradient-to-t from-[#d16253]/12 to-transparent sm:h-[480px] sm:w-[640px]" }), _jsx("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_20%_20%,rgba(68,0,102,0.05),transparent_40%),radial-gradient(circle_at_80%_70%,rgba(209,98,83,0.08),transparent_45%)]" })] }), _jsxs("div", { className: "relative z-10 w-full max-w-md text-center sm:max-w-2xl lg:max-w-3xl", children: [_jsxs("div", { className: "mb-5 flex flex-col items-center gap-3 sm:mb-7 sm:gap-4", children: [_jsx("span", { className: "inline-flex items-center rounded-full border border-[#1b0029]/10 bg-white px-3 py-1 text-[10px] font-semibold uppercase tracking-[0.18em] text-[#1b0029] shadow-sm sm:text-xs sm:tracking-wide", children: "Coming Soon" }), _jsxs("div", { className: "relative flex h-20 w-20 items-center justify-center sm:h-24 sm:w-24 md:h-28 md:w-28", children: [_jsx("div", { className: "absolute inset-0 rounded-full opacity-20 blur-lg animate-pulse-slow sm:blur-xl", style: { backgroundColor: primaryColor } }), _jsx("div", { className: "relative flex h-full w-full rotate-2 transform items-center justify-center rounded-2xl border border-[#1b0029]/10 bg-white p-3 shadow-xl transition-transform duration-500 hover:rotate-0 sm:rounded-[28px] sm:p-3.5 md:rounded-[32px]", children: storeConfig.branding?.logo ? (_jsx("img", { src: storeConfig.branding.logo, alt: storeDisplayName, className: "max-h-full max-w-full object-contain" })) : (_jsx(Store, { className: "h-9 w-9 text-[#1b0029] sm:h-11 sm:w-11 md:h-12 md:w-12" })) })] })] }), _jsxs("div", { className: "animate-fade-in-up space-y-3 sm:space-y-4", children: [_jsxs("h1", { className: "text-[1.65rem] font-semibold leading-tight tracking-tight text-[#1b0029] sm:text-3xl md:text-4xl lg:text-5xl", children: ["Something good is", ' ', _jsx("span", { className: "font-normal italic text-[#d16253]", children: "on the way" }), "."] }), _jsxs("p", { className: "mx-auto max-w-lg text-sm font-medium leading-snug text-[#1b0029] sm:text-base md:text-lg", children: [storeDisplayName, " isn't open for shopping right now."] })] }), _jsx("div", { className: "mt-5 flex animate-fade-in-up justify-center sm:mt-7", style: { animationDelay: '0.1s' }, children: _jsxs("button", { type: "button", onClick: () => window.location.reload(), className: "group inline-flex h-9 items-center justify-center rounded-full bg-[#1b0029] px-4 text-xs font-semibold text-white shadow-md transition-all hover:bg-[#220033] hover:shadow-lg sm:h-10 sm:px-5 sm:text-sm", children: [_jsx(RefreshCw, { className: "mr-1.5 h-3.5 w-3.5 transition-transform group-hover:rotate-180 sm:h-4 sm:w-4" }), "Try Again"] }) })] })] }));
 }

package/dist/layouts/shared/pages/PortfolioPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PortfolioPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/shared/pages/PortfolioPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAOhD,UAAU,kBAAkB;IAC1B,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,aAAa,CAAC,EAAE,WAAW,EAAE,EAAE,kBAAkB,2CAwThE"}
+{"version":3,"file":"PortfolioPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/shared/pages/PortfolioPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAOhD,UAAU,kBAAkB;IAC1B,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,aAAa,CAAC,EAAE,WAAW,EAAE,EAAE,kBAAkB,2CAsThE"}

package/dist/layouts/shared/pages/PortfolioPage.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Calendar, X, ChevronLeft, ChevronRight } from 'lucide-react';
 import Link from 'next/link';
 import { useState, useEffect, useCallback } from 'react';
-import { cn } from '../../../lib/utils/index.js';
+import { cn } from '../../../lib/utils';
 import Image from 'next/image';
 export function PortfolioPage({ storeConfig }) {
     const primaryColor = storeConfig.branding.primaryColor;
@@ -126,5 +126,5 @@ export function PortfolioPage({ storeConfig }) {
                                     ? "bg-gray-900 text-white shadow-sm"
                                     : "text-gray-500 hover:text-gray-900 hover:bg-gray-50"), children: "All" }), categories.map((category) => (_jsx("button", { onClick: () => setActiveCategory(category), className: cn("px-6 py-2.5 rounded-full text-sm font-bold whitespace-nowrap flex-shrink-0 transition-all", activeCategory === category
                                     ? "text-white shadow-sm"
-                                    : "text-gray-500 hover:text-gray-900 hover:bg-gray-50"), style: activeCategory === category ? { backgroundColor: primaryColor } : {}, children: category }, category)))] }) }) }), _jsx("div", { className: "container mx-auto px-4 max-w-7xl py-16", children: _jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8", children: filteredItems.map((item, index) => (_jsxs("div", { onClick: () => setSelectedIndex(index), className: "group relative overflow-hidden rounded-2xl bg-gray-100 aspect-[4/5] cursor-pointer", children: [_jsx(Image, { src: item.image, alt: item.title, fill: true, className: "w-full h-full object-cover transition-transform duration-700 group-hover:scale-110", unoptimized: true }), _jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col justify-end p-6", children: _jsxs("div", { className: "text-white", children: [_jsxs("div", { className: "flex items-center gap-2 mb-2", children: [_jsx("span", { className: "text-xs font-bold uppercase tracking-wider opacity-80", children: item.category }), item.featured && (_jsx("span", { className: "text-xs px-2 py-0.5 rounded-full bg-white/20 backdrop-blur", children: "Featured" }))] }), _jsx("h3", { className: "text-xl font-bold mb-2", children: item.title }), _jsx("p", { className: "text-sm text-white/80 mb-4 line-clamp-2", children: item.description }), _jsx("div", { className: "flex items-center gap-4 text-xs text-white/60", children: _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Calendar, { className: "w-3.5 h-3.5" }), item.date] }) })] }) }), item.featured && (_jsx("div", { className: "absolute top-4 right-4 bg-white/95 backdrop-blur px-3 py-1 rounded-full text-xs font-bold shadow-sm", children: "Featured" }))] }, item.id))) }) }), selectedIndex !== null && (_jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/95 backdrop-blur-md animate-in fade-in duration-200", onClick: handleClose, children: [_jsx("button", { onClick: handleClose, className: "absolute top-6 right-6 p-2 text-white/70 hover:text-white transition-colors hover:bg-white/10 rounded-full z-50", children: _jsx(X, { className: "w-8 h-8" }) }), _jsx("button", { onClick: handlePrev, className: "absolute left-4 md:left-8 top-1/2 -translate-y-1/2 p-3 text-white/70 hover:text-white transition-all hover:bg-white/10 rounded-full z-50 hover:scale-110", "aria-label": "Previous image", children: _jsx(ChevronLeft, { className: "w-8 h-8 md:w-10 md:h-10" }) }), _jsx("button", { onClick: handleNext, className: "absolute right-4 md:right-8 top-1/2 -translate-y-1/2 p-3 text-white/70 hover:text-white transition-all hover:bg-white/10 rounded-full z-50 hover:scale-110", "aria-label": "Next image", children: _jsx(ChevronRight, { className: "w-8 h-8 md:w-10 md:h-10" }) }), _jsxs("div", { className: "relative w-full h-full max-w-7xl mx-auto p-4 md:p-12 flex flex-col items-center justify-center", onClick: (e) => e.stopPropagation(), children: [_jsx("div", { className: "relative w-full h-full flex items-center justify-center", children: _jsx(Image, { src: filteredItems[selectedIndex].image, alt: filteredItems[selectedIndex].title, fill: true, className: "max-w-full max-h-[85vh] object-contain shadow-2xl rounded-sm", unoptimized: true }) }), _jsx("div", { className: "absolute bottom-0 left-0 right-0 z-20 p-8 pb-10 flex flex-col items-center justify-end bg-gradient-to-t from-black/90 via-black/60 to-transparent pt-32 pointer-events-none", children: _jsxs("div", { className: "text-center max-w-3xl mx-auto pointer-events-auto", children: [_jsx("h3", { className: "text-2xl md:text-3xl font-bold text-white mb-3 drop-shadow-lg", children: filteredItems[selectedIndex].title }), _jsx("p", { className: "text-white/90 text-base md:text-lg drop-shadow-md leading-relaxed max-w-2xl mx-auto", children: filteredItems[selectedIndex].description }), _jsxs("div", { className: "mt-4 flex items-center justify-center gap-3", children: [_jsx("span", { className: "bg-white/20 backdrop-blur-md px-3 py-1 rounded-full text-white text-xs font-bold uppercase tracking-wider border border-white/10 shadow-sm", children: filteredItems[selectedIndex].category }), _jsxs("span", { className: "text-white/70 text-sm font-medium drop-shadow-md", children: [selectedIndex + 1, " / ", filteredItems.length] })] })] }) })] })] })), _jsx("div", { className: "bg-gray-50 py-24 px-4", children: _jsxs("div", { className: "container mx-auto max-w-2xl text-center", children: [_jsx("h2", { className: "text-3xl md:text-4xl font-bold mb-6 text-gray-900", children: "Ready to Create Your Look?" }), _jsx("p", { className: "text-gray-500 text-lg mb-10", children: "Book a consultation and let us bring your vision to life." }), _jsx(Link, { href: `/${storeConfig.slug}/book`, children: _jsx("button", { className: "h-14 px-10 rounded-full text-lg font-bold shadow-xl hover:shadow-2xl transition-all hover:-translate-y-1", style: { backgroundColor: primaryColor, color: 'white' }, children: "Book Appointment" }) })] }) })] }));
+                                    : "text-gray-500 hover:text-gray-900 hover:bg-gray-50"), style: activeCategory === category ? { backgroundColor: primaryColor } : {}, children: category }, category)))] }) }) }), _jsx("div", { className: "container mx-auto px-4 max-w-7xl py-16", children: _jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8", children: filteredItems.map((item, index) => (_jsxs("div", { onClick: () => setSelectedIndex(index), className: "group relative overflow-hidden rounded-2xl bg-gray-100 aspect-[4/5] cursor-pointer", children: [_jsx(Image, { src: item.image, alt: item.title, fill: true, className: "w-full h-full object-cover transition-transform duration-700 group-hover:scale-110" }), _jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col justify-end p-6", children: _jsxs("div", { className: "text-white", children: [_jsxs("div", { className: "flex items-center gap-2 mb-2", children: [_jsx("span", { className: "text-xs font-bold uppercase tracking-wider opacity-80", children: item.category }), item.featured && (_jsx("span", { className: "text-xs px-2 py-0.5 rounded-full bg-white/20 backdrop-blur", children: "Featured" }))] }), _jsx("h3", { className: "text-xl font-bold mb-2", children: item.title }), _jsx("p", { className: "text-sm text-white/80 mb-4 line-clamp-2", children: item.description }), _jsx("div", { className: "flex items-center gap-4 text-xs text-white/60", children: _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Calendar, { className: "w-3.5 h-3.5" }), item.date] }) })] }) }), item.featured && (_jsx("div", { className: "absolute top-4 right-4 bg-white/95 backdrop-blur px-3 py-1 rounded-full text-xs font-bold shadow-sm", children: "Featured" }))] }, item.id))) }) }), selectedIndex !== null && (_jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/95 backdrop-blur-md animate-in fade-in duration-200", onClick: handleClose, children: [_jsx("button", { onClick: handleClose, className: "absolute top-6 right-6 p-2 text-white/70 hover:text-white transition-colors hover:bg-white/10 rounded-full z-50", children: _jsx(X, { className: "w-8 h-8" }) }), _jsx("button", { onClick: handlePrev, className: "absolute left-4 md:left-8 top-1/2 -translate-y-1/2 p-3 text-white/70 hover:text-white transition-all hover:bg-white/10 rounded-full z-50 hover:scale-110", "aria-label": "Previous image", children: _jsx(ChevronLeft, { className: "w-8 h-8 md:w-10 md:h-10" }) }), _jsx("button", { onClick: handleNext, className: "absolute right-4 md:right-8 top-1/2 -translate-y-1/2 p-3 text-white/70 hover:text-white transition-all hover:bg-white/10 rounded-full z-50 hover:scale-110", "aria-label": "Next image", children: _jsx(ChevronRight, { className: "w-8 h-8 md:w-10 md:h-10" }) }), _jsxs("div", { className: "relative w-full h-full max-w-7xl mx-auto p-4 md:p-12 flex flex-col items-center justify-center", onClick: (e) => e.stopPropagation(), children: [_jsx("div", { className: "relative w-full h-full flex items-center justify-center", children: _jsx(Image, { src: filteredItems[selectedIndex].image, alt: filteredItems[selectedIndex].title, fill: true, className: "max-w-full max-h-[85vh] object-contain shadow-2xl rounded-sm" }) }), _jsx("div", { className: "absolute bottom-0 left-0 right-0 z-20 p-8 pb-10 flex flex-col items-center justify-end bg-gradient-to-t from-black/90 via-black/60 to-transparent pt-32 pointer-events-none", children: _jsxs("div", { className: "text-center max-w-3xl mx-auto pointer-events-auto", children: [_jsx("h3", { className: "text-2xl md:text-3xl font-bold text-white mb-3 drop-shadow-lg", children: filteredItems[selectedIndex].title }), _jsx("p", { className: "text-white/90 text-base md:text-lg drop-shadow-md leading-relaxed max-w-2xl mx-auto", children: filteredItems[selectedIndex].description }), _jsxs("div", { className: "mt-4 flex items-center justify-center gap-3", children: [_jsx("span", { className: "bg-white/20 backdrop-blur-md px-3 py-1 rounded-full text-white text-xs font-bold uppercase tracking-wider border border-white/10 shadow-sm", children: filteredItems[selectedIndex].category }), _jsxs("span", { className: "text-white/70 text-sm font-medium drop-shadow-md", children: [selectedIndex + 1, " / ", filteredItems.length] })] })] }) })] })] })), _jsx("div", { className: "bg-gray-50 py-24 px-4", children: _jsxs("div", { className: "container mx-auto max-w-2xl text-center", children: [_jsx("h2", { className: "text-3xl md:text-4xl font-bold mb-6 text-gray-900", children: "Ready to Create Your Look?" }), _jsx("p", { className: "text-gray-500 text-lg mb-10", children: "Book a consultation and let us bring your vision to life." }), _jsx(Link, { href: `/${storeConfig.slug}/book`, children: _jsx("button", { className: "h-14 px-10 rounded-full text-lg font-bold shadow-xl hover:shadow-2xl transition-all hover:-translate-y-1", style: { backgroundColor: primaryColor, color: 'white' }, children: "Book Appointment" }) })] }) })] }));
 }

package/dist/layouts/shared/pages/PrivacyPolicyPage.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ShieldCheck, ArrowLeft } from 'lucide-react';
 import Link from 'next/link';
-import { formatDateSafe } from '../../../utils/date.js';
+import { formatDateSafe } from '../../../utils/date';
 export function PrivacyPolicyPage({ storeConfig }) {
     const primaryColor = storeConfig.branding.primaryColor;
     return (_jsxs("div", { className: "min-h-screen bg-gray-50 pb-20", children: [_jsx("div", { className: "bg-white border-b", children: _jsxs("div", { className: "container mx-auto px-4 py-8", children: [_jsxs(Link, { href: `/${storeConfig.slug}`, className: "inline-flex items-center gap-2 text-gray-500 hover:text-gray-900 transition-colors mb-6", children: [_jsx(ArrowLeft, { className: "w-4 h-4" }), "Back to Home"] }), _jsxs("div", { className: "flex items-center gap-4", children: [_jsx("div", { className: "w-12 h-12 rounded-xl flex items-center justify-center", style: { backgroundColor: `${primaryColor}15` }, children: _jsx(ShieldCheck, { className: "w-6 h-6", style: { color: primaryColor } }) }), _jsx("h1", { className: "text-3xl font-bold text-gray-900", children: "Privacy Policy" })] })] }) }), _jsx("div", { className: "container mx-auto px-4 py-12 max-w-4xl", children: _jsxs("div", { className: "bg-white rounded-2xl p-8 md:p-12 shadow-sm border border-gray-100 prose prose-lg max-w-none", children: [_jsxs("p", { className: "text-gray-500 lead", children: ["Last updated: ", formatDateSafe(new Date(), undefined, { month: 'long', day: 'numeric', year: 'numeric' })] }), _jsxs("p", { children: ["At ", storeConfig.name, ", accessible from ", typeof window !== 'undefined' ? window.location.origin : 'our website', ", one of our main priorities is the privacy of our visitors. This Privacy Policy document contains types of information that is collected and recorded by ", storeConfig.name, " and how we use it."] }), _jsx("p", { children: "If you have additional questions or require more information about our Privacy Policy, do not hesitate to contact us." }), _jsx("h3", { children: "Log Files" }), _jsxs("p", { children: [storeConfig.name, " follows a standard procedure of using log files. These files log visitors when they visit websites. All hosting companies do this and a part of hosting services' analytics. The information collected by log files include internet protocol (IP) addresses, browser type, Internet Service Provider (ISP), date and time stamp, referring/exit pages, and possibly the number of clicks. These are not linked to any information that is personally identifiable. The purpose of the information is for analyzing trends, administering the site, tracking users' movement on the website, and gathering demographic information."] }), _jsx("h3", { children: "Cookies and Web Beacons" }), _jsxs("p", { children: ["Like any other website, ", storeConfig.name, " uses \"cookies\". These cookies are used to store information including visitors' preferences, and the pages on the website that the visitor accessed or visited. The information is used to optimize the users' experience by customizing our web page content based on visitors' browser type and/or other information."] }), _jsx("h3", { children: "Privacy Policies" }), _jsxs("p", { children: ["You may consult this list to find the Privacy Policy for each of the advertising partners of ", storeConfig.name, "."] }), _jsxs("p", { children: ["Third-party ad servers or ad networks uses technologies like cookies, JavaScript, or Web Beacons that are used in their respective advertisements and links that appear on ", storeConfig.name, ", which are sent directly to users' browser. They automatically receive your IP address when this occurs. These technologies are used to measure the effectiveness of their advertising campaigns and/or to personalize the advertising content that you see on websites that you visit."] }), _jsxs("p", { children: ["Note that ", storeConfig.name, " has no access to or control over these cookies that are used by third-party advertisers."] }), _jsx("h3", { children: "Third Party Privacy Policies" }), _jsxs("p", { children: [storeConfig.name, "'s Privacy Policy does not apply to other advertisers or websites. Thus, we are advising you to consult the respective Privacy Policies of these third-party ad servers for more detailed information. It may include their practices and instructions about how to opt-out of certain options."] }), _jsx("p", { children: "You can choose to disable cookies through your individual browser options. To know more detailed information about cookie management with specific web browsers, it can be found at the browsers' respective websites." }), _jsx("h3", { children: "Children's Information" }), _jsx("p", { children: "Another part of our priority is adding protection for children while using the internet. We encourage parents and guardians to observe, participate in, and/or monitor and guide their online activity." }), _jsxs("p", { children: [storeConfig.name, " does not knowingly collect any Personal Identifiable Information from children under the age of 13. If you think that your child provided this kind of information on our website, we strongly encourage you to contact us immediately and we will do our best efforts to promptly remove such information from our records."] }), _jsx("h3", { children: "Online Privacy Policy Only" }), _jsxs("p", { children: ["This Privacy Policy applies only to our online activities and is valid for visitors to our website with regards to the information that they shared and/or collect in ", storeConfig.name, ". This policy is not applicable to any information collected offline or via channels other than this website."] }), _jsx("h3", { children: "Consent" }), _jsx("p", { children: "By using our website, you hereby consent to our Privacy Policy and agree to its Terms and Conditions." })] }) })] }));

package/dist/layouts/shared/pages/SizeGuidePage.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Breadcrumbs } from '../../../components/ui/breadcrumbs.js';
+import { Breadcrumbs } from '../../../components/ui/breadcrumbs';
 export function SizeGuidePage({ storeConfig }) {
     // Breadcrumbs
     const breadcrumbItems = [

package/dist/layouts/shared/pages/StyleGuidePage.js

@@ -1,10 +1,10 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
-import { Button } from '../../../components/ui/button.js';
-import { Card, CardContent } from '../../../components/ui/card.js';
+import { Button } from '../../../components/ui/button';
+import { Card, CardContent } from '../../../components/ui/card';
 import { Ruler, Info, CheckCircle2 } from 'lucide-react';
-import { cn } from '../../../lib/utils/index.js';
+import { cn } from '../../../lib/utils';
 const MEASUREMENT_GUIDE = [
     {
         title: 'Bust / Chest',

package/dist/layouts/shared/pages/TeamPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TeamPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/shared/pages/TeamPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIhD,UAAU,aAAa;IACrB,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,QAAQ,CAAC,EAAE,WAAW,EAAE,EAAE,aAAa,2CA2FtD"}
+{"version":3,"file":"TeamPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/shared/pages/TeamPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIhD,UAAU,aAAa;IACrB,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,QAAQ,CAAC,EAAE,WAAW,EAAE,EAAE,aAAa,2CA0FtD"}

package/dist/layouts/shared/pages/TeamPage.js

@@ -35,5 +35,5 @@ export function TeamPage({ storeConfig }) {
             location: 'Main Branch'
         }
     ];
-    return (_jsxs("div", { className: "min-h-screen bg-gray-50", children: [_jsxs("div", { className: "bg-white pt-32 pb-20 px-4 text-center border-b border-gray-100", children: [_jsx("h1", { className: "text-4xl md:text-5xl font-light mb-6 tracking-tight text-gray-900", children: teamConfig?.title || "Meet Our Team" }), _jsx("p", { className: "text-gray-500 max-w-2xl mx-auto text-lg font-light leading-relaxed", children: teamConfig?.description || `The talented professionals behind ${storeConfig.name}.` })] }), _jsx("div", { className: "container mx-auto px-4 max-w-6xl py-16", children: _jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8", children: providers.map((provider, idx) => (_jsxs("div", { className: "bg-white rounded-xl overflow-hidden shadow-sm hover:shadow-xl transition-all duration-300 border border-gray-100 flex flex-col", children: [_jsxs("div", { className: "aspect-[4/5] overflow-hidden bg-gray-100 relative group", children: [_jsx(Image, { src: provider.photo, alt: provider.name, fill: true, className: "w-full h-full object-cover transition-transform duration-700 group-hover:scale-105", unoptimized: true }), _jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black/60 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300" })] }), _jsxs("div", { className: "p-8 flex-1 flex flex-col", children: [_jsxs("div", { className: "mb-4", children: [_jsx("h3", { className: "text-xl font-bold text-gray-900 mb-1", children: provider.name }), _jsx("p", { className: "text-sm font-medium uppercase tracking-wide opacity-80", style: { color: primaryColor }, children: provider.role })] }), _jsx("p", { className: "text-gray-500 text-sm mb-8 leading-relaxed flex-1", children: provider.bio }), _jsxs("div", { className: "pt-6 border-t border-gray-50 flex items-center justify-between text-xs font-medium text-gray-400", children: [_jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx(Award, { className: "w-4 h-4" }), provider.experience || 'Expert'] }), _jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx(MapPin, { className: "w-4 h-4" }), provider.location || 'Available'] })] })] })] }, idx))) }) })] }));
+    return (_jsxs("div", { className: "min-h-screen bg-gray-50", children: [_jsxs("div", { className: "bg-white pt-32 pb-20 px-4 text-center border-b border-gray-100", children: [_jsx("h1", { className: "text-4xl md:text-5xl font-light mb-6 tracking-tight text-gray-900", children: teamConfig?.title || "Meet Our Team" }), _jsx("p", { className: "text-gray-500 max-w-2xl mx-auto text-lg font-light leading-relaxed", children: teamConfig?.description || `The talented professionals behind ${storeConfig.name}.` })] }), _jsx("div", { className: "container mx-auto px-4 max-w-6xl py-16", children: _jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8", children: providers.map((provider, idx) => (_jsxs("div", { className: "bg-white rounded-xl overflow-hidden shadow-sm hover:shadow-xl transition-all duration-300 border border-gray-100 flex flex-col", children: [_jsxs("div", { className: "aspect-[4/5] overflow-hidden bg-gray-100 relative group", children: [_jsx(Image, { src: provider.photo, alt: provider.name, fill: true, className: "w-full h-full object-cover transition-transform duration-700 group-hover:scale-105" }), _jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black/60 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300" })] }), _jsxs("div", { className: "p-8 flex-1 flex flex-col", children: [_jsxs("div", { className: "mb-4", children: [_jsx("h3", { className: "text-xl font-bold text-gray-900 mb-1", children: provider.name }), _jsx("p", { className: "text-sm font-medium uppercase tracking-wide opacity-80", style: { color: primaryColor }, children: provider.role })] }), _jsx("p", { className: "text-gray-500 text-sm mb-8 leading-relaxed flex-1", children: provider.bio }), _jsxs("div", { className: "pt-6 border-t border-gray-50 flex items-center justify-between text-xs font-medium text-gray-400", children: [_jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx(Award, { className: "w-4 h-4" }), provider.experience || 'Expert'] }), _jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx(MapPin, { className: "w-4 h-4" }), provider.location || 'Available'] })] })] })] }, idx))) }) })] }));
 }

package/dist/layouts/shared/pages/TermsPage.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ScrollText, ArrowLeft } from 'lucide-react';
 import Link from 'next/link';
-import { formatDateSafe } from '../../../utils/date.js';
+import { formatDateSafe } from '../../../utils/date';
 export function TermsPage({ storeConfig }) {
     const primaryColor = storeConfig.branding.primaryColor;
     return (_jsxs("div", { className: "min-h-screen bg-gray-50 pb-20", children: [_jsx("div", { className: "bg-white border-b", children: _jsxs("div", { className: "container mx-auto px-4 py-8", children: [_jsxs(Link, { href: `/${storeConfig.slug}`, className: "inline-flex items-center gap-2 text-gray-500 hover:text-gray-900 transition-colors mb-6", children: [_jsx(ArrowLeft, { className: "w-4 h-4" }), "Back to Home"] }), _jsxs("div", { className: "flex items-center gap-4", children: [_jsx("div", { className: "w-12 h-12 rounded-xl flex items-center justify-center", style: { backgroundColor: `${primaryColor}15` }, children: _jsx(ScrollText, { className: "w-6 h-6", style: { color: primaryColor } }) }), _jsx("h1", { className: "text-3xl font-bold text-gray-900", children: "Terms of Service" })] })] }) }), _jsx("div", { className: "container mx-auto px-4 py-12 max-w-4xl", children: _jsxs("div", { className: "bg-white rounded-2xl p-8 md:p-12 shadow-sm border border-gray-100 prose prose-lg max-w-none", children: [_jsxs("p", { className: "text-gray-500 lead", children: ["Last updated: ", formatDateSafe(new Date(), undefined, { month: 'long', day: 'numeric', year: 'numeric' })] }), _jsxs("p", { children: ["Please read these Terms of Service (\"Terms\", \"Terms of Service\") carefully before using the ", storeConfig.name, "website (the \"Service\") operated by ", storeConfig.name, " (\"us\", \"we\", or \"our\")."] }), _jsx("h3", { children: "1. Conditions of Use" }), _jsxs("p", { children: ["By using this website, you certify that you have read and reviewed this Agreement and that you agree to comply with its terms. If you do not want to be bound by the terms of this Agreement, you are advised to leave the website accordingly. ", storeConfig.name, "only grants use and access of this website, its products, and its services to those who have accepted its terms."] }), _jsx("h3", { children: "2. Privacy Policy" }), _jsx("p", { children: "Before you continue using our website, we advise you to read our privacy policy regarding our user data collection. It will help you better understand our practices." }), _jsx("h3", { children: "3. Age Restriction" }), _jsxs("p", { children: ["You must be at least 18 (eighteen) years of age before you can use this website. By using this website, you warrant that you are at least 18 years of age and you may legally adhere to this Agreement. ", storeConfig.name, " assumes no responsibility for liabilities related to age misrepresentation."] }), _jsx("h3", { children: "4. Intellectual Property" }), _jsxs("p", { children: ["You agree that all materials, products, and services provided on this website are the property of ", storeConfig.name, ", its affiliates, directors, officers, employees, agents, suppliers, or licensors including all copyrights, trade secrets, trademarks, patents, and other intellectual property. You also agree that you will not reproduce or redistribute the ", storeConfig.name, "'s intellectual property in any way, including electronic, digital, or new trademark registrations."] }), _jsx("h3", { children: "5. User Accounts" }), _jsx("p", { children: "As a user of this website, you may be asked to register with us and provide private information. You are responsible for ensuring the accuracy of this information, and you are responsible for maintaining the safety and security of your identifying information. You are also responsible for all activities that occur under your account or password." }), _jsx("h3", { children: "6. Applicable Law" }), _jsxs("p", { children: ["By visiting this website, you agree that the laws of the location where ", storeConfig.name, " is based, without regard to principles of conflict laws, will govern these terms and conditions, or any dispute of any sort that might come between ", storeConfig.name, " and you, or its business partners and associates."] }), _jsx("h3", { children: "7. Disputes" }), _jsx("p", { children: "Any dispute related in any way to your visit to this website or to products you purchase from us shall be arbitrated by state or federal court and you consent to exclusive jurisdiction and venue of such courts." }), _jsx("h3", { children: "8. Indemnification" }), _jsxs("p", { children: ["You agree to indemnify ", storeConfig.name, " and its affiliates and hold ", storeConfig.name, " harmless against legal claims and demands that may arise from your use or misuse of our services. We reserve the right to select our own legal counsel."] }), _jsx("h3", { children: "9. Limitation on Liability" }), _jsxs("p", { children: [storeConfig.name, " is not liable for any damages that may occur to you as a result of your misuse of our website."] }), _jsxs("p", { children: [storeConfig.name, " reserves the right to edit, modify, and change this Agreement any time. We shall let our users know of these changes through electronic mail. This Agreement is an understanding between ", storeConfig.name, " and the user, and this supersedes and replaces all prior agreements regarding the use of this website."] })] }) })] }));

package/dist/layouts/shared/pages/TrackOrderPage.js

@@ -3,12 +3,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Search, Package, Truck, CheckCircle, Clock, AlertCircle, Loader2, XCircle, RotateCcw } from 'lucide-react';
 import { useState, useEffect, useRef } from 'react';
 import { useSearchParams } from 'next/navigation';
-import { Button } from '../../../components/ui/button.js';
-import { formatDateSafe } from '../../../utils/date.js';
+import { Button } from '../../../components/ui/button';
+import { formatDateSafe } from '../../../utils/date';
 // Note: orderService removed - this page is shared and not editable in the editor
 // Order tracking functionality not available in preview mode
-import { useToast } from '../../../components/ui/toast.js';
-import { useLoading } from '../../../lib/loading-context.js';
+import { useToast } from '../../../components/ui/toast';
+import { useLoading } from '../../../lib/loading-context';
 export function TrackOrderPage({ storeConfig }) {
     const primaryColor = storeConfig.branding.primaryColor;
     const searchParams = useSearchParams();

package/dist/layouts/shared/pages/WishlistPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WishlistPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/shared/pages/WishlistPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAgB,MAAM,mBAAmB,CAAC;AA6B9D,UAAU,iBAAiB;IACzB,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,YAAY,CAAC,EAAE,WAAW,EAAE,EAAE,iBAAiB,2CAuO9D"}
+{"version":3,"file":"WishlistPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/shared/pages/WishlistPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAgB,MAAM,mBAAmB,CAAC;AAuB9D,UAAU,iBAAiB;IACzB,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,YAAY,CAAC,EAAE,WAAW,EAAE,EAAE,iBAAiB,2CA4P9D"}

package/dist/layouts/shared/pages/WishlistPage.js

@@ -1,32 +1,22 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from '../../../components/ui/button.js';
-import { ArrowRight, Heart, ArrowLeft } from 'lucide-react';
+import { Button } from '../../../components/ui/button';
+import { Heart, ArrowLeft, ShoppingCart } from 'lucide-react';
 import Link from 'next/link';
 import { useEffect, useState } from 'react';
-import { useStore } from '../../../lib/store-context.js';
-import { ImageWithFallback } from '../../../components/ui/image-with-fallback.js';
-import { useToast } from '../../../components/ui/toast.js';
-import { ProductGridSkeleton } from '../../../components/ui/skeletons/index.js';
-import { formatCurrency } from '../../../lib/utils/index.js';
-import { richFieldPlainTextForDisplay } from '../../../lib/rich-html.js';
-import { extractImageUrls } from '../../../lib/store-config-utils.js';
-import { getProductPagePath } from '../../../lib/utils/product-share.js';
-import { useAuth } from '../../../lib/auth-context.js';
-import { shouldUseAPI } from '../../../lib/utils/demo-detection.js';
-import { useLoading } from '../../../lib/loading-context.js';
-function resolveProductImages(item) {
-    if (Array.isArray(item.images) && item.images.length > 0) {
-        const firstItem = item.images[0];
-        if (typeof firstItem === 'string') {
-            return item.images.filter((img) => typeof img === 'string' && img.trim().length > 0);
-        }
-    }
-    return extractImageUrls(item.images ?? item.image);
-}
+import { useStore } from '../../../lib/store-context';
+import { ImageWithFallback } from '../../../components/ui/image-with-fallback';
+import { useToast } from '../../../components/ui/toast';
+import { ProductGridSkeleton } from '../../../components/ui/skeletons';
+import { formatCurrency } from '../../../lib/utils';
+import { transformProductToStoreProduct } from '../../../lib/store-config-utils';
+import { useAuth } from '../../../lib/auth-context';
+import { shouldUseAPI } from '../../../lib/utils/demo-detection';
+import { useLoading } from '../../../lib/loading-context';
+import { productService } from '../../../lib/services/product.service';
 export function WishlistPage({ storeConfig }) {
     const primaryColor = storeConfig.branding.primaryColor;
-    const { wishlist, toggleWishlist, isWishlistLoading } = useStore();
+    const { wishlist, toggleWishlist, addToCart, isWishlistLoading } = useStore();
     const [isClient, setIsClient] = useState(false);
     const [wishlistItems, setWishlistItems] = useState([]);
     const [isLoadingItems, setIsLoadingItems] = useState(true);
@@ -48,6 +38,16 @@ export function WishlistPage({ storeConfig }) {
                 startBackendLoading();
             }
             try {
+                // Bootstrap intentionally includes only one catalog page. Resolve the
+                // saved product IDs directly so guest wishlists work for any product.
+                if (useAPI && wishlist.length > 0) {
+                    const results = await Promise.allSettled(wishlist.map((productId) => productService.getProductById(productId)));
+                    const products = results
+                        .filter((result) => result.status === 'fulfilled')
+                        .map((result) => transformProductToStoreProduct(result.value));
+                    setWishlistItems(products);
+                    return;
+                }
                 // Note: wishlistService removed - using StoreContext wishlist (localStorage-based)
                 // Use products from storeConfig filtered by wishlist product IDs
                 if (storeConfig.products) {
@@ -125,20 +125,35 @@ export function WishlistPage({ storeConfig }) {
     if (wishlistItems.length === 0 && !isLoadingItems) {
         return (_jsxs("div", { className: "min-h-screen bg-gray-50 flex flex-col items-center justify-center p-4", children: [_jsx("div", { className: "w-24 h-24 bg-white rounded-full shadow-lg flex items-center justify-center mb-6 animate-fade-in-up", children: _jsx(Heart, { className: "w-10 h-10 text-gray-300" }) }), _jsx("h1", { className: "text-3xl font-bold text-gray-900 mb-3 animate-fade-in-up", style: { animationDelay: '100ms' }, children: "Your wishlist is empty" }), _jsx("p", { className: "text-gray-500 mb-8 max-w-md text-center animate-fade-in-up", style: { animationDelay: '200ms' }, children: "Save items you love to your wishlist and revisit them later." }), _jsx(Link, { href: `/${storeConfig.slug}`, className: "animate-fade-in-up", style: { animationDelay: '300ms' }, children: _jsx(Button, { size: "lg", className: "rounded-full px-8 h-12 text-base font-bold shadow-lg transition-transform hover:scale-105", style: { backgroundColor: primaryColor }, children: "Start Shopping" }) })] }));
     }
-    const { startPageLoading } = useLoading();
+    const handleMoveToCart = (item) => {
+        // Create a product object compatible with addToCart
+        const product = {
+            ...item,
+            slug: item.slug || item.id,
+            images: item.images || (item.image ? [item.image] : []),
+            variants: item.variants || [],
+            specifications: item.specifications || {},
+            rating: item.rating || 0,
+            reviewCount: item.reviewCount || 0
+        };
+        addToCart(product);
+        toggleWishlist(item.id); // Remove from wishlist after adding to cart
+        addToast(`${item.name} moved to cart`, 'success');
+    };
     return (_jsx("div", { className: "min-h-screen bg-gray-50/50 py-12 px-4 sm:px-6 lg:px-8", children: _jsxs("div", { className: "container mx-auto max-w-6xl", children: [_jsx("div", { className: "mb-10 flex flex-col md:flex-row md:items-center justify-between gap-4", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Link, { href: `/${storeConfig.slug}`, className: "p-2 -ml-2 hover:bg-white rounded-full transition-colors text-gray-500 hover:text-black", children: _jsx(ArrowLeft, { className: "w-5 h-5" }) }), _jsxs("div", { children: [_jsx("h1", { className: "text-3xl font-black text-gray-900 tracking-tight", children: "My Wishlist" }), _jsxs("p", { className: "text-gray-500 text-sm mt-1", children: [wishlistItems.length, " items saved"] })] })] }) }), _jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6", children: wishlistItems.map((item) => {
-                        const productImages = resolveProductImages(item);
-                        const imageUrl = productImages[0];
-                        const productPath = getProductPagePath(storeConfig.slug, item.slug || item.id);
-                        return (_jsxs("div", { className: "bg-white rounded-3xl border border-gray-100 shadow-sm overflow-hidden group transition-all hover:shadow-md hover:border-gray-200 flex flex-col", children: [_jsxs("div", { className: "relative aspect-[4/5] overflow-hidden bg-gray-100", children: [_jsx(Link, { href: productPath, onClick: () => startPageLoading(productPath), className: "block w-full h-full", children: _jsx(ImageWithFallback, { src: imageUrl, alt: item.name, className: "w-full h-full object-cover group-hover:scale-105 transition-transform duration-500", skeletonAspectRatio: "4/5" }) }), _jsx("button", { type: "button", onClick: async () => {
+                        const imageSrc = ('images' in item && item.images && item.images[0]) || ('image' in item ? item.image : '') || '';
+                        const imageUrl = imageSrc && typeof imageSrc === 'string' && imageSrc.length > 0 ? imageSrc : undefined;
+                        return (_jsxs("div", { className: "bg-white rounded-3xl border border-gray-100 shadow-sm overflow-hidden group transition-all hover:shadow-md hover:border-gray-200 flex flex-col", children: [_jsxs("div", { className: "aspect-[4/5] relative overflow-hidden bg-gray-100", children: [_jsx(ImageWithFallback, { src: imageUrl, alt: item.name, className: "w-full h-full object-cover group-hover:scale-105 transition-transform duration-500", skeletonAspectRatio: "4/5" }), _jsx("button", { onClick: async () => {
                                                 try {
                                                     await toggleWishlist(item.id);
+                                                    // The useEffect will automatically refresh the wishlist items
+                                                    // No need to manually refresh here to avoid duplicates
                                                     addToast('Removed from wishlist', 'success');
                                                 }
                                                 catch (error) {
                                                     console.error('Failed to remove from wishlist:', error);
                                                     addToast('Failed to remove from wishlist', 'error');
                                                 }
-                                            }, className: "absolute top-3 right-3 p-2 bg-white/90 backdrop-blur-sm rounded-full shadow-sm hover:bg-white text-red-500 transition-colors z-10", title: "Remove from wishlist", children: _jsx(Heart, { className: "w-5 h-5 fill-current" }) })] }), _jsxs("div", { className: "p-5 flex-1 flex flex-col", children: [_jsx("h3", { className: "font-bold text-gray-900 text-lg leading-tight mb-1 line-clamp-1", children: item.name }), _jsx("p", { className: "text-gray-500 text-sm line-clamp-2 mb-4 flex-1", children: richFieldPlainTextForDisplay(item.description) }), _jsxs("div", { className: "flex items-center justify-between gap-3 mt-auto pt-4 border-t border-gray-50", children: [_jsx("span", { className: "font-black text-lg text-gray-900", children: formatCurrency(item.price, item.currency || 'USD') }), _jsx(Link, { href: productPath, onClick: () => startPageLoading(productPath), children: _jsxs(Button, { size: "sm", className: "rounded-full px-4 font-bold transition-transform hover:scale-105", style: { backgroundColor: primaryColor }, children: ["View Product", _jsx(ArrowRight, { className: "w-4 h-4 ml-2" })] }) })] })] })] }, item.id));
+                                            }, className: "absolute top-3 right-3 p-2 bg-white/90 backdrop-blur-sm rounded-full shadow-sm hover:bg-white text-red-500 transition-colors", title: "Remove from wishlist", children: _jsx(Heart, { className: "w-5 h-5 fill-current" }) })] }), _jsxs("div", { className: "p-5 flex-1 flex flex-col", children: [_jsx("h3", { className: "font-bold text-gray-900 text-lg leading-tight mb-1 line-clamp-1", children: item.name }), _jsx("p", { className: "text-gray-500 text-sm line-clamp-2 mb-4 flex-1", children: item.description }), _jsxs("div", { className: "flex items-center justify-between mt-auto pt-4 border-t border-gray-50", children: [_jsx("span", { className: "font-black text-lg text-gray-900", children: formatCurrency(item.price, item.currency || 'USD') }), _jsxs(Button, { onClick: () => handleMoveToCart(item), size: "sm", className: "rounded-full px-4 font-bold transition-transform hover:scale-105", style: { backgroundColor: primaryColor }, children: [_jsx(ShoppingCart, { className: "w-4 h-4 mr-2" }), "Add to Cart"] })] })] })] }, item.id));
                     }) })] }) }));
 }

package/dist/layouts/shared/wrappers/BookingAgendaLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BookingAgendaLayout.d.ts","sourceRoot":"","sources":["../../../../src/layouts/shared/wrappers/BookingAgendaLayout.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAC9E,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAiBvD,UAAU,kBAAkB;IAC1B,WAAW,EAAE,CAAC,SAAS,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAID,wBAAgB,UAAU,uBAMzB;AAED,UAAU,wBAAwB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,wBAAwB,2CA4TtF"}
+{"version":3,"file":"BookingAgendaLayout.d.ts","sourceRoot":"","sources":["../../../../src/layouts/shared/wrappers/BookingAgendaLayout.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiE,MAAM,OAAO,CAAC;AACtF,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAqBvD,UAAU,kBAAkB;IAC1B,WAAW,EAAE,CAAC,SAAS,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAID,wBAAgB,UAAU,uBAMzB;AAED,UAAU,wBAAwB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,wBAAwB,2CAuWtF"}

package/dist/layouts/shared/wrappers/BookingAgendaLayout.js

@@ -1,20 +1,24 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { createContext, useContext, useState, useEffect } from 'react';
-import { BookingAgendaSidebar } from '../components/headers/BookingAgendaSidebar.js';
-import { PageAnimateWrapper } from '../../../components/ui/page-animate-wrapper.js';
-import { PageContentLoader } from '../../../components/ui/page-content-loader.js';
-import { useLoading } from '../../../lib/loading-context.js';
-import { getThemeColor, getLayoutText } from '../../../lib/utils/asset-helpers.js';
-import { AlertModalProvider } from '../../../components/ui/alert-modal.js';
-import { Modal } from '../../../components/ui/modal.js';
-import { Button } from '../../../components/ui/button.js';
-import { usePayazaCheckout } from '../../../hooks/use-payaza-checkout.js';
-import { useToast } from '../../../components/ui/toast.js';
-import { useAuth } from '../../../lib/auth-context.js';
-import { filterActiveServices, formatCurrency } from '../../../lib/utils/index.js';
+import { createContext, useContext, useState, useEffect, useRef } from 'react';
+import { BookingAgendaSidebar } from '../components/headers/BookingAgendaSidebar';
+import { PageAnimateWrapper } from '../../../components/ui/page-animate-wrapper';
+import { PageContentLoader } from '../../../components/ui/page-content-loader';
+import { useLoading } from '../../../lib/loading-context';
+import { getThemeColor, getLayoutText } from '../../../lib/utils/asset-helpers';
+import { AlertModalProvider } from '../../../components/ui/alert-modal';
+import { Modal } from '../../../components/ui/modal';
+import { Button } from '../../../components/ui/button';
+import { usePayazaCheckout } from '../../../hooks/use-payaza-checkout';
+import { checkoutService } from '../../../lib/services/checkout.service';
+import { requireCheckoutPayazaPublicKey } from '../../../lib/payaza-public-key';
+import { getOrCreateIdempotencyKey } from '../../../lib/utils/idempotency-key';
+import { CHECKOUT_UNAVAILABLE_MESSAGE } from '../../../lib/checkout-availability';
+import { useToast } from '../../../components/ui/toast';
+import { useAuth } from '../../../lib/auth-context';
+import { filterActiveServices, formatCurrency } from '../../../lib/utils';
 import { CheckCircle, Sparkles, Lock } from 'lucide-react';
-import { formatDateSafe } from '../../../utils/date.js';
+import { formatDateSafe } from '../../../utils/date';
 const BookingContext = createContext(undefined);
 export function useBooking() {
     const context = useContext(BookingContext);
@@ -56,10 +60,9 @@ export function BookingAgendaLayout({ children, storeConfig }) {
             }));
         }
     }, [isAuthenticated, user]);
-    // Payment Hook
-    const payazaPublicKey = storeConfig.payment?.payazaPublicKey || process.env.NEXT_PUBLIC_PAYAZA_PUBLIC_KEY || '';
+    const checkoutIdempotencyKeyRef = useRef(null);
+    const checkoutDisabled = storeConfig.checkoutEnabled === false;
     const { checkout, isLoading: isPaymentLoading } = usePayazaCheckout({
-        publicKey: payazaPublicKey,
         onSuccess: () => {
             setBookingStep(4); // Success
             addToast('Payment successful & Booking confirmed!', 'success');
@@ -83,15 +86,17 @@ export function BookingAgendaLayout({ children, storeConfig }) {
     };
     // Payment Handling
     const handlePaymentSubmit = async () => {
+        if (checkoutDisabled) {
+            addToast(CHECKOUT_UNAVAILABLE_MESSAGE, 'error');
+            return;
+        }
         if (!selectedService)
             return;
         const service = services.find(s => s.id === selectedService);
-        // If service not found (e.g. mock data in preview), we can't proceed with real payment easily.
-        // But for layout wrapper, we assume valid data.
         if (!service && services.length > 0)
             return;
-        // Fallback for mock services if needed (simulated)
-        const price = service ? service.price : 0;
+        if (!service)
+            return;
         setBookingStep(3); // Loading
         // DEMO MODE BYPASS
         if (storeConfig.slug.startsWith('demo/')) {
@@ -101,24 +106,64 @@ export function BookingAgendaLayout({ children, storeConfig }) {
             }, 1500);
             return;
         }
-        if (!payazaPublicKey) {
-            addToast('Payment gateway not configured', 'error');
-            setBookingStep(2);
-            return;
-        }
         const customerEmail = isAuthenticated && user ? user.email : guestInfo.email;
         const customerFirstName = isAuthenticated && user ? user.firstName : guestInfo.firstName;
         const customerLastName = isAuthenticated && user ? user.lastName : guestInfo.lastName;
         const customerPhone = isAuthenticated && user ? (user.phone || '') : guestInfo.phone;
-        await checkout({
-            amount: price,
-            email: customerEmail,
-            firstName: customerFirstName,
-            lastName: customerLastName,
-            phone: customerPhone,
-            reference: `BK-${Date.now()}`,
-            currency: storeConfig.settings.currency || 'USD',
-        });
+        try {
+            const bookingDate = days[selectedDate]?.date;
+            const checkoutResponse = await checkoutService.processCheckout({
+                storeId: storeConfig.id,
+                items: [{
+                        serviceId: service.id,
+                        quantity: 1,
+                        price: service.price,
+                        options: {
+                            bookingDate: bookingDate ? bookingDate.toISOString().split('T')[0] : undefined,
+                            startTime: selectedTime || undefined,
+                        },
+                    }],
+                customerInfo: {
+                    email: customerEmail,
+                    firstName: customerFirstName,
+                    lastName: customerLastName,
+                    phone: customerPhone,
+                },
+                shippingAddress: {
+                    firstName: customerFirstName,
+                    lastName: customerLastName,
+                    address1: 'Address to be provided',
+                    city: 'City',
+                    state: 'State',
+                    zipCode: '00000',
+                    country: 'Country',
+                    phone: customerPhone,
+                },
+                paymentMethod: 'payaza',
+                customerId: isAuthenticated && user ? user.id : undefined,
+            }, {
+                idempotencyKey: getOrCreateIdempotencyKey(checkoutIdempotencyKeyRef),
+            });
+            await checkout({
+                publicKey: requireCheckoutPayazaPublicKey(checkoutResponse),
+                connectionMode: checkoutResponse.payazaConnectionMode,
+                amount: checkoutResponse.totalAmount ?? service.price,
+                email: customerEmail,
+                firstName: customerFirstName,
+                lastName: customerLastName,
+                phone: customerPhone,
+                reference: checkoutResponse.transactionReference || `BK-${Date.now()}`,
+                currency: checkoutResponse.currency || storeConfig.settings?.currency || 'USD',
+            });
+        }
+        catch (error) {
+            const err = error;
+            const isCollectionsDisabled = err?.response?.status === 403 ||
+                err?.code === 'COLLECTIONS_DISABLED' ||
+                String(err?.message || '').toLowerCase().includes('not accepting payments');
+            addToast(isCollectionsDisabled ? CHECKOUT_UNAVAILABLE_MESSAGE : (err?.message || 'Failed to create booking. Please try again.'), 'error');
+            setBookingStep(2);
+        }
     };
     // Generate next 7 days
     const days = Array.from({ length: 7 }, (_, i) => {

package/dist/layouts/shared/wrappers/ClothingLayout.js

@@ -1,13 +1,13 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { StoreHeader } from '../components/StoreHeader.js';
-import { StoreFooter } from '../components/StoreFooter.js';
-import { PageAnimateWrapper } from '../../../components/ui/page-animate-wrapper.js';
-import { PageContentLoader } from '../../../components/ui/page-content-loader.js';
-import { useStore } from '../../../lib/store-context.js';
-import { useLoading } from '../../../lib/loading-context.js';
-import { getThemeColor } from '../../../lib/utils/asset-helpers.js';
-import { AlertModalProvider } from '../../../components/ui/alert-modal.js';
+import { StoreHeader } from '../components/StoreHeader';
+import { StoreFooter } from '../components/StoreFooter';
+import { PageAnimateWrapper } from '../../../components/ui/page-animate-wrapper';
+import { PageContentLoader } from '../../../components/ui/page-content-loader';
+import { useStore } from '../../../lib/store-context';
+import { useLoading } from '../../../lib/loading-context';
+import { getThemeColor } from '../../../lib/utils/asset-helpers';
+import { AlertModalProvider } from '../../../components/ui/alert-modal';
 import '../../clothing/styles/clothing.css';
 /** Fashion Hub shell — scoped CSS + theme tokens under data-layout="clothing". */
 export function ClothingLayout({ children, storeConfig }) {

package/dist/layouts/shared/wrappers/ClothingMinimalLayout.js

@@ -1,13 +1,13 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ClothingMinimalHeader } from '../components/headers/ClothingMinimalHeader.js';
-import { StoreFooter } from '../components/StoreFooter.js';
-import { PageAnimateWrapper } from '../../../components/ui/page-animate-wrapper.js';
-import { PageContentLoader } from '../../../components/ui/page-content-loader.js';
+import { ClothingMinimalHeader } from '../components/headers/ClothingMinimalHeader';
+import { StoreFooter } from '../components/StoreFooter';
+import { PageAnimateWrapper } from '../../../components/ui/page-animate-wrapper';
+import { PageContentLoader } from '../../../components/ui/page-content-loader';
 import { usePathname } from 'next/navigation';
-import { useLoading } from '../../../lib/loading-context.js';
-import { getThemeColor } from '../../../lib/utils/asset-helpers.js';
-import { AlertModalProvider } from '../../../components/ui/alert-modal.js';
+import { useLoading } from '../../../lib/loading-context';
+import { getThemeColor } from '../../../lib/utils/asset-helpers';
+import { AlertModalProvider } from '../../../components/ui/alert-modal';
 export function ClothingMinimalLayout({ children, storeConfig }) {
     const pathname = usePathname();
     const { isBackendLoading } = useLoading();

package/dist/layouts/shared/wrappers/ElectronicsLayout.js

@@ -1,10 +1,10 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { PageAnimateWrapper } from '../../../components/ui/page-animate-wrapper.js';
-import { PageContentLoader } from '../../../components/ui/page-content-loader.js';
-import { useLoading } from '../../../lib/loading-context.js';
-import { getThemeColor } from '../../../lib/utils/asset-helpers.js';
-import { AlertModalProvider } from '../../../components/ui/alert-modal.js';
+import { PageAnimateWrapper } from '../../../components/ui/page-animate-wrapper';
+import { PageContentLoader } from '../../../components/ui/page-content-loader';
+import { useLoading } from '../../../lib/loading-context';
+import { getThemeColor } from '../../../lib/utils/asset-helpers';
+import { AlertModalProvider } from '../../../components/ui/alert-modal';
 export function ElectronicsLayout({ children, storeConfig }) {
     const { isBackendLoading } = useLoading();
     // Get theme colors with fallbacks