storefront-layouts 1.0.3 → 1.0.4

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

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import { Minus, Plus } from 'lucide-react';
-import { formatStockLimitMessage, getCartLineStockInfo } from '../../../lib/inventory-utils.js';
+import { formatStockLimitMessage, getCartLineStockInfo } from '../../../lib/inventory-utils';
 function parsePositiveInteger(raw) {
     const trimmed = raw.trim();
     if (!trimmed || !/^\d+$/.test(trimmed))

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

@@ -1,8 +1,8 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { StoreHeader } from '../../shared/components/StoreHeader.js';
-import { StoreFooter } from '../../shared/components/StoreFooter.js';
-import { useStore } from '../../../lib/store-context.js';
+import { StoreHeader } from '../../shared/components/StoreHeader';
+import { StoreFooter } from '../../shared/components/StoreFooter';
+import { useStore } from '../../../lib/store-context';
 export function GenericPageWrapper({ children, storeConfig: initialConfig }) {
     const { store } = useStore();
     const storeConfig = store || initialConfig;

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

@@ -1,7 +1,7 @@
 'use client';
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useId, useMemo, useState } from 'react';
-import { getCurrencySymbol } from '../../../lib/currency-symbols.js';
+import { getCurrencySymbol } from '../../../lib/currency-symbols';
 function computeStep(max) {
     if (max <= 500)
         return 10;
@@ -73,7 +73,7 @@ export function ProductPriceFilterSection({ currency, priceRange, onPriceRangeCh
         syncDraft(bounds.min, bounds.max);
         onReset();
     };
-    return (_jsxs("div", { children: [_jsxs("div", { className: "flex items-center justify-between mb-3", children: [_jsxs("h3", { className: "text-sm font-bold text-gray-900 uppercase tracking-wide", children: ["Price (", currencySymbol, ")"] }), _jsxs("div", { className: "flex items-center gap-3", children: [isFilterActive && (_jsx("button", { type: "button", onClick: handleReset, className: "text-xs text-gray-500 hover:text-gray-800 font-medium transition-colors", children: "Reset" })), _jsx("button", { type: "button", onClick: handleApply, className: "text-sm font-semibold text-gray-900 hover:text-black transition-colors", children: "Apply" })] })] }), _jsxs("div", { className: "relative h-8 flex items-center mb-3", children: [_jsx("div", { className: "absolute left-0 right-0 h-1 rounded-full bg-gray-200" }), _jsx("div", { className: "absolute h-1 rounded-full bg-gray-900", style: {
+    return (_jsxs("div", { children: [_jsxs("div", { className: "flex items-center justify-between mb-3", children: [_jsxs("h3", { className: "text-sm font-bold text-gray-900 uppercase tracking-wide", children: ["Price (", currencySymbol, ")"] }), _jsxs("div", { className: "flex items-center gap-3", children: [isFilterActive && (_jsx("button", { type: "button", onClick: handleReset, className: "text-xs text-gray-500 hover:text-gray-800 font-medium transition-colors", children: "Reset" })), _jsx("button", { type: "button", onClick: handleApply, className: "text-sm font-semibold text-gray-900 hover:text-black transition-colors", children: "Apply" })] })] }), _jsxs("div", { className: "relative h-8 flex items-center mb-3", children: [_jsx("div", { className: "absolute left-0 right-0 h-1 rounded-none bg-gray-200" }), _jsx("div", { className: "absolute h-1 rounded-none bg-gray-900", style: {
                             left: `${leftPct}%`,
                             right: `${100 - rightPct}%`,
                         } }), _jsx("input", { type: "range", "aria-label": "Minimum price", min: bounds.min, max: bounds.max, step: step, value: draftMin, onChange: (e) => handleMinSlider(parseInt(e.target.value, 10)), className: `${thumbClass} absolute w-full appearance-none bg-transparent pointer-events-none z-[2]` }), _jsx("input", { type: "range", "aria-label": "Maximum price", min: bounds.min, max: bounds.max, step: step, value: draftMax, onChange: (e) => handleMaxSlider(parseInt(e.target.value, 10)), className: `${thumbClass} absolute w-full appearance-none bg-transparent pointer-events-none z-[2]` })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("input", { type: "text", inputMode: "numeric", "aria-label": "Minimum price", value: minText, onChange: (e) => setMinText(e.target.value.replace(/[^\d]/g, '')), onBlur: () => {
@@ -82,13 +82,13 @@ export function ProductPriceFilterSection({ currency, priceRange, onPriceRangeCh
                         }, onKeyDown: (e) => {
                             if (e.key === 'Enter')
                                 handleApply();
-                        }, className: "w-full min-w-0 px-3 py-2 text-sm text-gray-900 bg-white border border-gray-300 rounded-md focus:outline-none focus:ring-1 focus:ring-gray-900 focus:border-gray-900" }), _jsx("span", { className: "text-gray-400 shrink-0 select-none", "aria-hidden": true, children: "\u2013" }), _jsx("input", { type: "text", inputMode: "numeric", "aria-label": "Maximum price", value: maxText, onChange: (e) => setMaxText(e.target.value.replace(/[^\d]/g, '')), onBlur: () => {
+                        }, className: "w-full min-w-0 px-3 py-2 text-sm text-gray-900 bg-white border border-gray-900 rounded-none focus:outline-none focus:ring-0 focus:border-black" }), _jsx("span", { className: "text-gray-400 shrink-0 select-none", "aria-hidden": true, children: "\u2013" }), _jsx("input", { type: "text", inputMode: "numeric", "aria-label": "Maximum price", value: maxText, onChange: (e) => setMaxText(e.target.value.replace(/[^\d]/g, '')), onBlur: () => {
                             const max = parseAmount(maxText, draftMax);
                             syncDraft(draftMin, max);
                         }, onKeyDown: (e) => {
                             if (e.key === 'Enter')
                                 handleApply();
-                        }, className: "w-full min-w-0 px-3 py-2 text-sm text-gray-900 bg-white border border-gray-300 rounded-md focus:outline-none focus:ring-1 focus:ring-gray-900 focus:border-gray-900" })] }), _jsx("style", { children: `
+                        }, className: "w-full min-w-0 px-3 py-2 text-sm text-gray-900 bg-white border border-gray-900 rounded-none focus:outline-none focus:ring-0 focus:border-black" })] }), _jsx("style", { children: `
         .${thumbClass} {
           height: 1.5rem;
           margin: 0;

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

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

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

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

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

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

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

@@ -1,17 +1,17 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Link from 'next/link';
-import { getCurrentYear } from '../../../utils/date.js';
+import { getCurrentYear } from '../../../utils/date';
 import { Facebook, Twitter, Instagram, Share2 } from 'lucide-react';
-import { DotPattern } from '../../../components/ui/background-patterns.js';
-import { cn } from '../../../lib/utils/index.js';
-import { getLogoUrl } from '../../../lib/utils/asset-helpers.js';
-import { StoreLogo } from '../../../components/ui/store-logos.js';
-import { useStore } from '../../../lib/store-context.js';
-import { payazaInlineBindingProps } from '../../../preview/canvas/field-key.js';
-import { isEditorPreviewMode } from '../../../lib/utils/editor-preview.js';
-import { resolveStoreLink } from '../../../lib/layout-route-utils.js';
-import { BOOKING_DEFAULT_FOOTER_TAGLINE, resolveBookingFooterMainLinks, resolveBookingFooterSupportLinks, resolveBookingFooterPrimaryColumnTitle, } from '../../booking/components/booking-footer-defaults.js';
+import { DotPattern } from '../../../components/ui/background-patterns';
+import { cn } from '../../../lib/utils';
+import { getLogoUrl } from '../../../lib/utils/asset-helpers';
+import { StoreLogo } from '../../../components/ui/store-logos';
+import { useStore } from '../../../lib/store-context';
+import { payazaInlineBindingProps } from '../../../preview/canvas/field-key';
+import { isEditorPreviewMode } from '../../../lib/utils/editor-preview';
+import { resolveStoreLink } from '../../../lib/layout-route-utils';
+import { BOOKING_DEFAULT_FOOTER_TAGLINE, resolveBookingFooterMainLinks, resolveBookingFooterSupportLinks, resolveBookingFooterPrimaryColumnTitle, } from '../../booking/components/booking-footer-defaults';
 const PAYMENT_METHODS = [
     'Bank Transfer',
     'Visa',

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

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import Link from 'next/link';
-import { Button } from '../../../components/ui/button.js';
+import { Button } from '../../../components/ui/button';
 import { ShoppingCart, Heart, Search, Menu, X, ChevronRight, ChevronDown, Instagram, Twitter, Youtube, Home, Info, Phone, Package, Calendar, BookOpen, GraduationCap, Sparkles, Tag, LayoutGrid } from 'lucide-react';
 // Navigation icon helper
 const getNavIcon = (label) => {
@@ -30,12 +30,12 @@ const getNavIcon = (label) => {
 };
 import { useState, useEffect, useRef } from 'react';
 import { usePathname } from 'next/navigation';
-import { cn, formatStoreDisplayName } from '../../../lib/utils/index.js';
-import { useAuth } from '../../../lib/auth-context.js';
-import { StoreLogo } from '../../../components/ui/store-logos.js';
-import { useStore } from '../../../lib/store-context.js';
-import { getLogoUrl } from '../../../lib/utils/asset-helpers.js';
-import { AvatarImage } from '../../../components/ui/avatar-image.js';
+import { cn, formatStoreDisplayName } from '../../../lib/utils';
+import { useAuth } from '../../../lib/auth-context';
+import { StoreLogo } from '../../../components/ui/store-logos';
+import { useStore } from '../../../lib/store-context';
+import { getLogoUrl } from '../../../lib/utils/asset-helpers';
+import { AvatarImage } from '../../../components/ui/avatar-image';
 import { motion, AnimatePresence } from 'framer-motion';
 export function StoreHeader({ storeConfig: initialConfig, cartItemCount = 0 }) {
     const { store, wishlist } = useStore();

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

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

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

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

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

@@ -1,10 +1,10 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from '../../../../components/ui/button.js';
+import { Button } from '../../../../components/ui/button';
 import { User, Sparkles, X, MoreHorizontal, Calendar, Search, Heart } from 'lucide-react';
 import Link from 'next/link';
 import { useState } from 'react';
-import { getLayoutText, getThemeColor } from '../../../../lib/utils/asset-helpers.js';
+import { getLayoutText, getThemeColor } from '../../../../lib/utils/asset-helpers';
 export function BookingAgendaSidebar({ storeConfig, onBookClick }) {
     const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);
     const categories = storeConfig.categories || [];

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

@@ -1,20 +1,20 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Button } from '../../../../components/ui/button.js';
-import { Sheet } from '../../../../components/ui/sheet.js';
-import { CheckoutButton } from '../../../../components/ui/checkout-button.js';
-import { useStore } from '../../../../lib/store-context.js';
-import { ImageWithFallback } from '../../../../components/ui/image-with-fallback.js';
+import { Button } from '../../../../components/ui/button';
+import { Sheet } from '../../../../components/ui/sheet';
+import { CheckoutButton } from '../../../../components/ui/checkout-button';
+import { useStore } from '../../../../lib/store-context';
+import { ImageWithFallback } from '../../../../components/ui/image-with-fallback';
 import { ShoppingBag, Menu, Search, Trash2, Plus, Minus } from 'lucide-react';
 import Link from 'next/link';
 import { useState, useEffect } from 'react';
 import { usePathname } from 'next/navigation';
-import { formatCurrency, formatStoreDisplayName } from '../../../../lib/utils/index.js';
-import { getCartLineImage } from '../../../../lib/product-variation-utils.js';
-import { getLayoutText, getLogoUrl } from '../../../../lib/utils/asset-helpers.js';
-import { StoreLogo } from '../../../../components/ui/store-logos.js';
-import { useAuth } from '../../../../lib/auth-context.js';
-import { AvatarImage } from '../../../../components/ui/avatar-image.js';
+import { formatCurrency, formatStoreDisplayName } from '../../../../lib/utils';
+import { getCartLineImage } from '../../../../lib/product-variation-utils';
+import { getLayoutText, getLogoUrl } from '../../../../lib/utils/asset-helpers';
+import { StoreLogo } from '../../../../components/ui/store-logos';
+import { useAuth } from '../../../../lib/auth-context';
+import { AvatarImage } from '../../../../components/ui/avatar-image';
 import { User } from 'lucide-react';
 export function ClothingMinimalHeader({ storeConfig }) {
     const { cart, removeFromCart, updateCartQuantity, isCartOpen, setIsCartOpen, cartTotal, cartCount } = useStore();

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

@@ -1,16 +1,16 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Button } from '../../../../components/ui/button.js';
-import { Modal } from '../../../../components/ui/modal.js';
-import { useToast } from '../../../../components/ui/toast.js';
+import { Button } from '../../../../components/ui/button';
+import { Modal } from '../../../../components/ui/modal';
+import { useToast } from '../../../../components/ui/toast';
 import { Menu as MenuIcon, Search, X, Calendar, Clock, Users, Mail, Phone, CheckCircle, User } from 'lucide-react';
-import { useAuth } from '../../../../lib/auth-context.js';
+import { useAuth } from '../../../../lib/auth-context';
 import { usePathname } from 'next/navigation';
 import Link from 'next/link';
 import { useState, useEffect } from 'react';
-import { getLayoutText, getLogoUrl } from '../../../../lib/utils/asset-helpers.js';
-import { formatStoreDisplayName } from '../../../../lib/utils/index.js';
-import { StoreLogo } from '../../../../components/ui/store-logos.js';
+import { getLayoutText, getLogoUrl } from '../../../../lib/utils/asset-helpers';
+import { formatStoreDisplayName } from '../../../../lib/utils';
+import { StoreLogo } from '../../../../components/ui/store-logos';
 export function FoodModernHeader({ storeConfig }) {
     const { addToast } = useToast();
     const { isAuthenticated, openLogin } = useAuth();

package/dist/layouts/shared/index.js

@@ -1,23 +1,23 @@
 // Shared layout exports
-export { BaseStoreLayout } from './components/BaseStoreLayout.js';
-export { GenericPageWrapper } from './components/GenericPageWrapper.js';
-export { PromoBanner } from './components/PromoBanner.js';
-export { StoreFooter } from './components/StoreFooter.js';
-export { StoreHeader } from './components/StoreHeader.js';
-export { TestimonialCard } from './components/TestimonialCard.js';
-export { AccountPage } from './pages/AccountPage.js';
-export { CartPage } from './pages/CartPage.js';
-export { CheckoutPage } from './pages/CheckoutPage.js';
-export { CookiePolicyPage } from './pages/CookiePolicyPage.js';
-export { FeatureDisabledPage } from './pages/FeatureDisabledPage.js';
-export { HelpCenterPage } from './pages/HelpCenterPage.js';
-export { MaintenancePage } from './pages/MaintenancePage.js';
-export { PortfolioPage } from './pages/PortfolioPage.js';
-export { PrivacyPolicyPage } from './pages/PrivacyPolicyPage.js';
-export { ShippingReturnsPage } from './pages/ShippingReturnsPage.js';
-export { SizeGuidePage } from './pages/SizeGuidePage.js';
-export { StyleGuidePage } from './pages/StyleGuidePage.js';
-export { TeamPage } from './pages/TeamPage.js';
-export { TermsPage } from './pages/TermsPage.js';
-export { TrackOrderPage } from './pages/TrackOrderPage.js';
-export { WishlistPage } from './pages/WishlistPage.js';
+export { BaseStoreLayout } from './components/BaseStoreLayout';
+export { GenericPageWrapper } from './components/GenericPageWrapper';
+export { PromoBanner } from './components/PromoBanner';
+export { StoreFooter } from './components/StoreFooter';
+export { StoreHeader } from './components/StoreHeader';
+export { TestimonialCard } from './components/TestimonialCard';
+export { AccountPage } from './pages/AccountPage';
+export { CartPage } from './pages/CartPage';
+export { CheckoutPage } from './pages/CheckoutPage';
+export { CookiePolicyPage } from './pages/CookiePolicyPage';
+export { FeatureDisabledPage } from './pages/FeatureDisabledPage';
+export { HelpCenterPage } from './pages/HelpCenterPage';
+export { MaintenancePage } from './pages/MaintenancePage';
+export { PortfolioPage } from './pages/PortfolioPage';
+export { PrivacyPolicyPage } from './pages/PrivacyPolicyPage';
+export { ShippingReturnsPage } from './pages/ShippingReturnsPage';
+export { SizeGuidePage } from './pages/SizeGuidePage';
+export { StyleGuidePage } from './pages/StyleGuidePage';
+export { TeamPage } from './pages/TeamPage';
+export { TermsPage } from './pages/TermsPage';
+export { TrackOrderPage } from './pages/TrackOrderPage';
+export { WishlistPage } from './pages/WishlistPage';

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

@@ -1 +1 @@
-{"version":3,"file":"AccountPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/shared/pages/AccountPage.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAyChD,UAAU,gBAAgB;IACxB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED,wBAAgB,WAAW,CAAC,EAAE,WAAW,EAAE,EAAE,gBAAgB,2CAgvC5D"}
+{"version":3,"file":"AccountPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/shared/pages/AccountPage.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AA6ChD,UAAU,gBAAgB;IACxB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED,wBAAgB,WAAW,CAAC,EAAE,WAAW,EAAE,EAAE,gBAAgB,2CAq+C5D"}