storefront-layouts 1.0.16 → 1.0.17

package/dist/components/auth/LoginForm.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import Link from 'next/link';
 import { Eye, EyeOff, Loader2, ArrowRight } from 'lucide-react';
 import { motion } from 'framer-motion';
-import { useLoginSubmit } from './use-login-submit';
+import { useLoginSubmit } from './use-login-submit.js';
 import { cn } from '../../lib/utils/index.js';
 /** Full-page auth login only. Store sheets use BespokeStoreLoginSheet + LoginFormCore. */
 export function LoginForm({ callbackUrl = '/', variant = 'page', onSuccess, className, }) {

package/dist/components/auth/LoginSheet.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useAuth } from '../../lib/auth-context.js';
-import { BespokeStoreLoginSheet } from './login-sheet-registry';
+import { BespokeStoreLoginSheet } from './login-sheet-registry.js';
 export function LoginSheet({ storeConfig }) {
     const { isLoginOpen, loginCallbackUrl, loginOnSuccess, closeLogin } = useAuth();
     return (_jsx(BespokeStoreLoginSheet, { storeConfig: storeConfig, isOpen: isLoginOpen, onClose: closeLogin, callbackUrl: loginCallbackUrl, onSuccess: loginOnSuccess }));

package/dist/components/auth/login-form-core.js

@@ -2,9 +2,9 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import Link from 'next/link';
 import { Eye, EyeOff, Loader2, ArrowRight } from 'lucide-react';
-import { useLoginSubmit } from './use-login-submit';
+import { useLoginSubmit } from './use-login-submit.js';
 import { cn } from '../../lib/utils/index.js';
-import { loginSheetButtonTouch } from './login-sheet-themes/theme-input-baselines';
+import { loginSheetButtonTouch } from './login-sheet-themes/theme-input-baselines.js';
 export function LoginFormCore({ storeConfig, theme, callbackUrl = '/', onSuccess, emailInputRef, }) {
     const { email, setEmail, password, setPassword, showPassword, setShowPassword, emailError, setEmailError, isLoading, isSheet, closeLogin, handleSubmit, signupHref, resetHref, } = useLoginSubmit({ callbackUrl, variant: 'sheet', onSuccess });
     const primaryColor = storeConfig.branding.primaryColor || '#1b0029';

package/dist/components/auth/login-sheet-registry.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { getLoginSheetTheme } from './login-sheet-themes';
-import { StoreLoginSheetShell } from './login-sheets/StoreLoginSheetShell';
+import { getLoginSheetTheme } from './login-sheet-themes/index.js';
+import { StoreLoginSheetShell } from './login-sheets/StoreLoginSheetShell.js';
 /** Renders the layout-specific bespoke login sheet for the current store. */
 export function BespokeStoreLoginSheet({ storeConfig, isOpen, onClose, callbackUrl, onSuccess, }) {
     const theme = getLoginSheetTheme(storeConfig.layout);

package/dist/components/auth/login-sheet-themes/booking-agenda.theme.js

@@ -1,4 +1,4 @@
-import { lightInputBase, lightInputError, lightLabelBase, lightPanelBase } from './theme-input-baselines';
+import { lightInputBase, lightInputError, lightLabelBase, lightPanelBase } from './theme-input-baselines.js';
 export const bookingAgendaLoginSheetTheme = {
     panelClassName: `${lightPanelBase} border-rose-100`,
     backdropClassName: 'bg-slate-900/50 backdrop-blur-sm',

package/dist/components/auth/login-sheet-themes/booking.theme.js

@@ -1,4 +1,4 @@
-import { lightInputBase, lightInputError, lightLabelBase, lightPanelBase } from './theme-input-baselines';
+import { lightInputBase, lightInputError, lightLabelBase, lightPanelBase } from './theme-input-baselines.js';
 export const bookingLoginSheetTheme = {
     panelClassName: `${lightPanelBase} border-slate-200`,
     backdropClassName: 'bg-slate-900/55 backdrop-blur-sm',

package/dist/components/auth/login-sheet-themes/clothing-minimal.theme.js

@@ -1,4 +1,4 @@
-import { lightInputBase, lightInputError, lightLabelBase, lightPanelBase } from './theme-input-baselines';
+import { lightInputBase, lightInputError, lightLabelBase, lightPanelBase } from './theme-input-baselines.js';
 export const clothingMinimalLoginSheetTheme = {
     panelClassName: lightPanelBase,
     backdropClassName: 'bg-black/65 backdrop-blur-[2px]',

package/dist/components/auth/login-sheet-themes/clothing.theme.js

@@ -1,4 +1,4 @@
-import { lightInputBase, lightInputError, lightLabelBase, lightPanelBase } from './theme-input-baselines';
+import { lightInputBase, lightInputError, lightLabelBase, lightPanelBase } from './theme-input-baselines.js';
 export const clothingLoginSheetTheme = {
     panelClassName: lightPanelBase,
     backdropClassName: 'bg-black/70 backdrop-blur-sm',

package/dist/components/auth/login-sheet-themes/electronics-grid.theme.js

@@ -1,4 +1,4 @@
-import { lightInputBase, lightInputError } from './theme-input-baselines';
+import { lightInputBase, lightInputError } from './theme-input-baselines.js';
 export const electronicsGridLoginSheetTheme = {
     panelClassName: 'bg-brand-bg border-l border-gray-300',
     backdropClassName: 'bg-black/60 backdrop-blur-[2px]',

package/dist/components/auth/login-sheet-themes/electronics.theme.js

@@ -1,4 +1,4 @@
-import { lightInputBase, lightInputError, lightLabelBase, lightPanelBase } from './theme-input-baselines';
+import { lightInputBase, lightInputError, lightLabelBase, lightPanelBase } from './theme-input-baselines.js';
 export const electronicsLoginSheetTheme = {
     panelClassName: lightPanelBase,
     backdropClassName: 'bg-gray-900/60 backdrop-blur-sm',

package/dist/components/auth/login-sheet-themes/food-modern.theme.js

@@ -1,4 +1,4 @@
-import { darkPanelInputBase, darkInputError, darkLabelBase, darkPanelShell } from './theme-input-baselines';
+import { darkPanelInputBase, darkInputError, darkLabelBase, darkPanelShell } from './theme-input-baselines.js';
 export const foodModernLoginSheetTheme = {
     panelMode: 'dark',
     panelClassName: `${darkPanelShell} border-l border-white/10 text-white`,

package/dist/components/auth/login-sheet-themes/food.theme.js

@@ -1,4 +1,4 @@
-import { lightInputBase, lightInputError, lightLabelBase, lightPanelBase } from './theme-input-baselines';
+import { lightInputBase, lightInputError, lightLabelBase, lightPanelBase } from './theme-input-baselines.js';
 export const foodLoginSheetTheme = {
     panelClassName: `${lightPanelBase} border-orange-100/80`,
     backdropClassName: 'bg-black/70 backdrop-blur-sm',

package/dist/components/auth/login-sheet-themes/index.js

@@ -1,12 +1,12 @@
-import { foodLoginSheetTheme } from './food.theme';
-import { foodModernLoginSheetTheme } from './food-modern.theme';
-import { clothingLoginSheetTheme } from './clothing.theme';
-import { clothingMinimalLoginSheetTheme } from './clothing-minimal.theme';
-import { bookingLoginSheetTheme } from './booking.theme';
-import { bookingAgendaLoginSheetTheme } from './booking-agenda.theme';
-import { electronicsLoginSheetTheme } from './electronics.theme';
-import { electronicsGridLoginSheetTheme } from './electronics-grid.theme';
-import { motivationalSpeakerLoginSheetTheme } from './motivational-speaker.theme';
+import { foodLoginSheetTheme } from './food.theme.js';
+import { foodModernLoginSheetTheme } from './food-modern.theme.js';
+import { clothingLoginSheetTheme } from './clothing.theme.js';
+import { clothingMinimalLoginSheetTheme } from './clothing-minimal.theme.js';
+import { bookingLoginSheetTheme } from './booking.theme.js';
+import { bookingAgendaLoginSheetTheme } from './booking-agenda.theme.js';
+import { electronicsLoginSheetTheme } from './electronics.theme.js';
+import { electronicsGridLoginSheetTheme } from './electronics-grid.theme.js';
+import { motivationalSpeakerLoginSheetTheme } from './motivational-speaker.theme.js';
 const themeByLayout = {
     food: foodLoginSheetTheme,
     'food-modern': foodModernLoginSheetTheme,

package/dist/components/auth/login-sheet-themes/motivational-speaker.theme.js

@@ -1,4 +1,4 @@
-import { lightInputBase, lightInputError, lightLabelBase, lightPanelBase } from './theme-input-baselines';
+import { lightInputBase, lightInputError, lightLabelBase, lightPanelBase } from './theme-input-baselines.js';
 export const motivationalSpeakerLoginSheetTheme = {
     panelClassName: `${lightPanelBase} border-blue-100`,
     backdropClassName: 'bg-[#0f0018]/65 backdrop-blur-sm',

package/dist/components/auth/login-sheets/StoreLoginSheetShell.js

@@ -2,10 +2,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRef } from 'react';
 import { Sheet } from '../../ui/sheet.js';
-import { LoginSheetHeader } from '../login-sheet-header';
-import { LoginFormCore } from '../login-form-core';
+import { LoginSheetHeader } from '../login-sheet-header.js';
+import { LoginFormCore } from '../login-form-core.js';
 import { cn } from '../../../lib/utils/index.js';
-import { darkPanelContentGuards, loginSheetColorSchemeDark, loginSheetColorSchemeLight, loginSheetContentShell, loginSheetLightContentDarkGuards, loginSheetLightSystemDarkShell, loginSheetPanelShell, } from '../login-sheet-themes/theme-input-baselines';
+import { darkPanelContentGuards, loginSheetColorSchemeDark, loginSheetColorSchemeLight, loginSheetContentShell, loginSheetLightContentDarkGuards, loginSheetLightSystemDarkShell, loginSheetPanelShell, } from '../login-sheet-themes/theme-input-baselines.js';
 export function StoreLoginSheetShell({ storeConfig, theme, isOpen, onClose, callbackUrl, onSuccess, }) {
     const emailInputRef = useRef(null);
     const panelMode = theme.panelMode ?? 'light';

package/dist/components/categories/category-masonry-grid.js

@@ -2,9 +2,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Link from 'next/link';
 import { ArrowRight } from 'lucide-react';
-import { ImageWithFallback } from '../ui/image-with-fallback';
-import { RichTextExcerpt } from '../rich-text/RichTextExcerpt';
-import { extractCategoryImage, getColumnsClass, getHeroHeightClass, getMasonryHeightClass, getTwoColumnHeightClass, normalizeCategories, resolveColumnCount, } from './category-masonry-utils';
+import { ImageWithFallback } from '../ui/image-with-fallback.js';
+import { RichTextExcerpt } from '../rich-text/RichTextExcerpt.js';
+import { extractCategoryImage, getColumnsClass, getHeroHeightClass, getMasonryHeightClass, getTwoColumnHeightClass, normalizeCategories, resolveColumnCount, } from './category-masonry-utils.js';
 function CategoryCard({ category, href, heightClass, isHero = false, showImages = true, showDescriptions = true, exploreLabel, variant, renderCardOverlay, index, exploreLabelDataAttr, }) {
     const categoryImage = showImages ? extractCategoryImage(category.image) : undefined;
     const roundedClass = variant === 'electronics' ? 'rounded-[2.5rem]' : 'rounded-2xl';

package/dist/components/learning/CertificateViewer.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CertificateTemplate } from './CertificateTemplates';
+import { CertificateTemplate } from './CertificateTemplates.js';
 import { Button } from '../ui/button.js';
 import { Download, Printer, X, Share2, ArrowLeft, ShieldCheck } from 'lucide-react';
 import { useState, useRef, useEffect } from 'react';

package/dist/components/rich-text/CategoryDescription.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { richFieldHasContent } from '../../lib/rich-html';
-import { SafeRichHtml } from './SafeRichHtml';
+import { richFieldHasContent } from '../../lib/rich-html.js';
+import { SafeRichHtml } from './SafeRichHtml.js';
 /** Category hero / detail description — renders sanitized WYSIWYG HTML. */
 export function CategoryDescription({ description, className }) {
     if (!richFieldHasContent(description))

package/dist/components/rich-text/ProductDescription.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { richFieldHasContent } from '../../lib/rich-html';
-import { SafeRichHtml } from './SafeRichHtml';
+import { richFieldHasContent } from '../../lib/rich-html.js';
+import { SafeRichHtml } from './SafeRichHtml.js';
 /** Product detail description block — WYSIWYG HTML, legacy plain text, or JSON snapshots. */
 export function ProductDescription({ description, title = 'Description', className = 'mb-8', proseClassName = 'prose prose-sm max-w-none text-gray-600 leading-relaxed', }) {
     if (!richFieldHasContent(description))

package/dist/components/rich-text/RichTextExcerpt.js

@@ -1,6 +1,6 @@
 'use client';
 import React from 'react';
-import { richFieldHasContent, richFieldPlainTextForDisplay } from '../../lib/rich-html';
+import { richFieldHasContent, richFieldPlainTextForDisplay } from '../../lib/rich-html.js';
 /** Plain-text excerpt from WYSIWYG / legacy HTML — safe for cards, meta, and line-clamp. */
 export function RichTextExcerpt({ value, fallbackPlain = '', className, as: Tag = 'span', }) {
     if (!richFieldHasContent(value))

package/dist/components/rich-text/SafeRichHtml.js

@@ -1,6 +1,6 @@
 'use client';
 import React, { useMemo } from 'react';
-import { richFieldHtmlForRender } from '../../lib/rich-html';
+import { richFieldHtmlForRender } from '../../lib/rich-html.js';
 /** Renders merchant rich text using the canonical sanitize path. */
 export function SafeRichHtml({ value, fallbackPlain, className, as: Tag = 'span', }) {
     const html = useMemo(() => richFieldHtmlForRender(value, fallbackPlain), [value, fallbackPlain]);

package/dist/components/shipping/ProductDeliveryInfoSection.js

@@ -3,8 +3,8 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { CheckCircle, Truck } from 'lucide-react';
 import { isAutomatedShippingEnabled } from '../../lib/shipping-settings.util.js';
 import { cn, formatCurrency } from '../../lib/utils/index.js';
-import { ShippingQuoteAddressForm } from './ShippingQuoteAddressForm';
-import { MerchantHandledDeliveryNotice } from './MerchantHandledDeliveryNotice';
+import { ShippingQuoteAddressForm } from './ShippingQuoteAddressForm.js';
+import { MerchantHandledDeliveryNotice } from './MerchantHandledDeliveryNotice.js';
 const SHOW_PDP_DELIVERY_INFO = false;
 export function ProductDeliveryInfoSection({ storeConfig, currency, productCurrency, productPrice, quantity, shippingAddress, updateShippingAddress, shippingMethods, isCalculatingShipping, shippingError, freeShippingEligible, freeShippingThreshold, onToast, }) {
     if (!SHOW_PDP_DELIVERY_INFO)

package/dist/components/ui/alert-modal.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createContext, useContext, useState, useCallback } from 'react';
 import { CheckCircle2, AlertCircle, Info, AlertTriangle } from 'lucide-react';
 import { cn } from '../../lib/utils/index.js';
-import { Button } from './button';
+import { Button } from './button.js';
 export const AlertModalContext = createContext(undefined);
 export function AlertModalProvider({ children }) {
     const [alert, setAlert] = useState({

package/dist/components/ui/guest-checkout-modal.js

@@ -1,8 +1,8 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from 'react';
-import { Modal } from './modal';
-import { Button } from './button';
+import { Modal } from './modal.js';
+import { Button } from './button.js';
 import { User, Mail, Phone, ShoppingBag, ShieldCheck, ArrowRight } from 'lucide-react';
 import { cn } from '../../lib/utils/index.js';
 export function GuestCheckoutModal({ isOpen, onClose, onSubmit, initialData, }) {

package/dist/components/ui/image-skeleton.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from '../../lib/utils/index.js';
-import { Skeleton } from './skeleton';
+import { Skeleton } from './skeleton.js';
 export function ImageSkeleton({ className, aspectRatio = 'square' }) {
     const aspectRatioClasses = {
         square: 'aspect-square',

package/dist/components/ui/image-with-fallback.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useRef } from 'react';
 import { cn } from '../../lib/utils/index.js';
-import { ImageSkeleton } from './image-skeleton';
+import { ImageSkeleton } from './image-skeleton.js';
 const MAX_RETRIES = 2;
 const RETRY_DELAY_MS = 400;
 export function ImageWithFallback({ src, alt, className, fallbackSrc, fallbackText, skeletonAspectRatio = 'square', showSkeletonOnError = true, lazy = false, priority = false, ...props }) {

package/dist/components/ui/loading-skeleton-wrapper.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { RouteSkeletonLoader } from './route-skeleton-loader';
+import { RouteSkeletonLoader } from './route-skeleton-loader.js';
 /**
  * Client component wrapper for Next.js loading.tsx files
  * Uses pathname to determine which skeleton to show

package/dist/components/ui/modal.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { X } from 'lucide-react';
 import { cn } from '../../lib/utils/index.js';
-import { Button } from './button';
+import { Button } from './button.js';
 export function Modal({ isOpen, onClose, title, children, className }) {
     const overlayRef = React.useRef(null);
     React.useEffect(() => {

package/dist/components/ui/page-content-loader.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from '../../lib/utils/index.js';
-import { PageLoader } from './page-loader';
+import { PageLoader } from './page-loader.js';
 /**
  * PageContentLoader component that displays a spinner loader
  * with minimum height for proper user feedback during backend operations.

package/dist/components/ui/product-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"product-card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/product-card.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAqBjD,UAAU,gBAAgB;IACxB,OAAO,EAAE,YAAY,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IAC7C,WAAW,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,gBAAgB,+BAsRxG"}
+{"version":3,"file":"product-card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/product-card.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAqBjD,UAAU,gBAAgB;IACxB,OAAO,EAAE,YAAY,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IAC7C,WAAW,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,gBAAgB,+BAsRxG"}

package/dist/components/ui/product-card.js

@@ -1,5 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { hasValidCompareAtPrice } from '../../utils/price-display.js';
 import { useState } from 'react';
 import { Button } from './button.js';
 import { ImageWithFallback } from './image-with-fallback.js';
@@ -131,7 +132,7 @@ export function ProductCard({ product, storeSlug, onAddToCart, onQuickView, clas
             });
         }
     }
-    return (_jsxs("div", { "data-product-card": true, className: cn("group relative flex flex-col h-full bg-white rounded-lg overflow-hidden border border-gray-100 hover:border-gray-300 transition-all duration-300 hover:shadow-md", className), onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), children: [_jsxs("div", { className: "relative aspect-[3/4] bg-gray-50 overflow-hidden", children: [_jsx(Link, { href: `/${storeSlug}/products/${product.slug}`, onClick: handleProductClick, className: "block w-full h-full", children: _jsx(ImageWithFallback, { src: currentImage, alt: product.name, className: cn("w-full h-full object-cover transition-all duration-700 ease-in-out", isHovered && !hasSecondImage ? "scale-110" : "scale-100", isOutOfStock && "grayscale"), skeletonAspectRatio: "3/4", lazy: true }) }), isOutOfStock && (_jsx(OutOfStockOverlay, { badgePosition: "center" })), (isActiveLimitedTimeOffer(product) || (product.compareAtPrice != null && product.compareAtPrice > product.price) || (product.rating && product.rating >= 4.8)) && (_jsxs("div", { className: "absolute top-3 left-3 flex flex-col gap-2 z-10", children: [_jsx(LimitedTimeOfferBadge, { product: product, compact: true }), product.compareAtPrice != null && product.compareAtPrice > product.price && (_jsx("span", { className: "bg-red-500 text-white text-[10px] font-bold px-2.5 py-1 rounded-full uppercase tracking-wider shadow-sm", children: "Sale" })), !isActiveLimitedTimeOffer(product) && !(product.compareAtPrice != null && product.compareAtPrice > product.price) && product.rating && product.rating >= 4.8 && (_jsx("span", { className: "bg-white/90 backdrop-blur-sm text-slate-900 text-[10px] font-bold px-2.5 py-1 rounded-full uppercase tracking-wider shadow-sm border border-gray-100", children: "Top Rated" }))] })), _jsxs("div", { className: "absolute top-3 right-3 z-30 flex flex-col gap-2 opacity-0 group-hover:opacity-100 transform translate-x-2 group-hover:translate-x-0 transition-all duration-300", children: [_jsx("button", { type: "button", onClick: handleShareClick, className: "p-2 rounded-full bg-white/80 backdrop-blur-sm hover:bg-white transition-all duration-300 shadow-sm text-slate-600 hover:text-slate-900", title: "Share product", "aria-label": "Share product", children: _jsx(Share2, { className: "h-4 w-4" }) }), _jsx("button", { type: "button", onClick: handleWishlistClick, disabled: isLoading, className: cn("p-2 rounded-full bg-white/80 backdrop-blur-sm hover:bg-white transition-all duration-300 shadow-sm disabled:opacity-50 disabled:cursor-not-allowed", inWishlist ? "text-red-500" : "text-slate-600 hover:text-red-500"), title: inWishlist ? "Remove from wishlist" : "Add to wishlist", children: isLoading ? (_jsx(ButtonLoader, { className: "text-red-500" })) : (_jsx(Heart, { className: cn("h-4 w-4", inWishlist && "fill-current") })) })] }), _jsxs("div", { className: "absolute bottom-4 inset-x-4 grid grid-cols-[2.5rem_1fr] gap-2 opacity-0 translate-y-4 group-hover:opacity-100 group-hover:translate-y-0 transition-all duration-300 ease-out z-20", children: [_jsx(Link, { href: `/${storeSlug}/products/${product.slug}`, className: "h-10 w-10 flex items-center justify-center rounded-full bg-white text-slate-900 hover:bg-slate-900 hover:text-white border border-transparent shadow-lg transition-colors duration-200", title: "View Details", onClick: trackProductClick, children: _jsx(Eye, { className: "h-4 w-4" }) }), _jsxs(Button, { type: "button", variant: "outline", onClick: async (e) => {
+    return (_jsxs("div", { "data-product-card": true, className: cn("group relative flex flex-col h-full bg-white rounded-lg overflow-hidden border border-gray-100 hover:border-gray-300 transition-all duration-300 hover:shadow-md", className), onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), children: [_jsxs("div", { className: "relative aspect-[3/4] bg-gray-50 overflow-hidden", children: [_jsx(Link, { href: `/${storeSlug}/products/${product.slug}`, onClick: handleProductClick, className: "block w-full h-full", children: _jsx(ImageWithFallback, { src: currentImage, alt: product.name, className: cn("w-full h-full object-cover transition-all duration-700 ease-in-out", isHovered && !hasSecondImage ? "scale-110" : "scale-100", isOutOfStock && "grayscale"), skeletonAspectRatio: "3/4", lazy: true }) }), isOutOfStock && (_jsx(OutOfStockOverlay, { badgePosition: "center" })), (isActiveLimitedTimeOffer(product) || (hasValidCompareAtPrice(product.price, product.compareAtPrice)) || (product.rating && product.rating >= 4.8)) && (_jsxs("div", { className: "absolute top-3 left-3 flex flex-col gap-2 z-10", children: [_jsx(LimitedTimeOfferBadge, { product: product, compact: true }), hasValidCompareAtPrice(product.price, product.compareAtPrice) && (_jsx("span", { className: "bg-red-500 text-white text-[10px] font-bold px-2.5 py-1 rounded-full uppercase tracking-wider shadow-sm", children: "Sale" })), !isActiveLimitedTimeOffer(product) && !(hasValidCompareAtPrice(product.price, product.compareAtPrice)) && product.rating && product.rating >= 4.8 && (_jsx("span", { className: "bg-white/90 backdrop-blur-sm text-slate-900 text-[10px] font-bold px-2.5 py-1 rounded-full uppercase tracking-wider shadow-sm border border-gray-100", children: "Top Rated" }))] })), _jsxs("div", { className: "absolute top-3 right-3 z-30 flex flex-col gap-2 opacity-0 group-hover:opacity-100 transform translate-x-2 group-hover:translate-x-0 transition-all duration-300", children: [_jsx("button", { type: "button", onClick: handleShareClick, className: "p-2 rounded-full bg-white/80 backdrop-blur-sm hover:bg-white transition-all duration-300 shadow-sm text-slate-600 hover:text-slate-900", title: "Share product", "aria-label": "Share product", children: _jsx(Share2, { className: "h-4 w-4" }) }), _jsx("button", { type: "button", onClick: handleWishlistClick, disabled: isLoading, className: cn("p-2 rounded-full bg-white/80 backdrop-blur-sm hover:bg-white transition-all duration-300 shadow-sm disabled:opacity-50 disabled:cursor-not-allowed", inWishlist ? "text-red-500" : "text-slate-600 hover:text-red-500"), title: inWishlist ? "Remove from wishlist" : "Add to wishlist", children: isLoading ? (_jsx(ButtonLoader, { className: "text-red-500" })) : (_jsx(Heart, { className: cn("h-4 w-4", inWishlist && "fill-current") })) })] }), _jsxs("div", { className: "absolute bottom-4 inset-x-4 grid grid-cols-[2.5rem_1fr] gap-2 opacity-0 translate-y-4 group-hover:opacity-100 group-hover:translate-y-0 transition-all duration-300 ease-out z-20", children: [_jsx(Link, { href: `/${storeSlug}/products/${product.slug}`, className: "h-10 w-10 flex items-center justify-center rounded-full bg-white text-slate-900 hover:bg-slate-900 hover:text-white border border-transparent shadow-lg transition-colors duration-200", title: "View Details", onClick: trackProductClick, children: _jsx(Eye, { className: "h-4 w-4" }) }), _jsxs(Button, { type: "button", variant: "outline", onClick: async (e) => {
                                     e.preventDefault();
                                     e.stopPropagation();
                                     if (isOutOfStock)
@@ -146,5 +147,5 @@ export function ProductCard({ product, storeSlug, onAddToCart, onQuickView, clas
                                 }, disabled: isOutOfStock, className: cn('h-10 w-full min-w-0 justify-center gap-2 rounded-full border-0 bg-white px-4 text-slate-900 shadow-lg hover:bg-slate-900 hover:text-white font-semibold transition-colors duration-200 [&_svg]:text-current hover:[&_svg]:text-current', isOutOfStock && 'opacity-50 cursor-not-allowed'), children: [_jsx(ShoppingCart, { className: "h-4 w-4 shrink-0", "aria-hidden": true }), "Add to cart"] })] })] }), _jsxs("div", { className: "p-4 flex flex-col flex-1 space-y-2", children: [_jsx(Link, { href: `/${storeSlug}/products/${product.slug}`, className: "group-hover:text-blue-600 transition-colors duration-300", onClick: () => {
                             trackProductClick();
                             startPageLoading(`/${storeSlug}/products/${product.slug}`);
-                        }, children: _jsx("h3", { className: "font-bold text-slate-900 text-base leading-tight line-clamp-1", children: product.name }) }), richFieldHasContent(product.description) && (_jsx("p", { className: "text-xs text-slate-500 line-clamp-1", children: richFieldPlainTextForDisplay(product.description) })), _jsxs("div", { className: "mt-auto pt-2 flex items-center justify-between", children: [_jsxs("div", { className: "flex items-baseline gap-2", children: [_jsx("span", { className: "text-lg font-bold text-slate-900", children: formatCurrency(product.price, product.currency || 'USD') }), product.compareAtPrice != null && product.compareAtPrice > product.price && (_jsx("span", { className: "text-sm text-slate-400 line-through font-medium", children: formatCurrency(product.compareAtPrice, product.currency || 'USD') }))] }), _jsx(ProductRating, { rating: product.rating, reviewCount: product.reviewCount, size: "sm", showReviewCount: false, className: "shrink-0" })] })] })] }));
+                        }, children: _jsx("h3", { className: "font-bold text-slate-900 text-base leading-tight line-clamp-1", children: product.name }) }), richFieldHasContent(product.description) && (_jsx("p", { className: "text-xs text-slate-500 line-clamp-1", children: richFieldPlainTextForDisplay(product.description) })), _jsxs("div", { className: "mt-auto pt-2 flex items-center justify-between", children: [_jsxs("div", { className: "flex items-baseline gap-2", children: [_jsx("span", { className: "text-lg font-bold text-slate-900", children: formatCurrency(product.price, product.currency || 'USD') }), hasValidCompareAtPrice(product.price, product.compareAtPrice) && (_jsx("span", { className: "text-sm text-slate-400 line-through font-medium", children: formatCurrency(product.compareAtPrice, product.currency || 'USD') }))] }), _jsx(ProductRating, { rating: product.rating, reviewCount: product.reviewCount, size: "sm", showReviewCount: false, className: "shrink-0" })] })] })] }));
 }

package/dist/components/ui/route-skeleton-loader.js

@@ -1,11 +1,11 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { usePathname } from 'next/navigation';
-import { ProductDetailSkeleton } from './skeletons/product-detail-skeleton';
-import { ProductGridSkeleton } from './skeletons/product-grid-skeleton';
-import { CategoryGridSkeleton } from './skeletons/category-grid-skeleton';
-import { PageSkeleton } from './skeletons/page-skeleton';
-import { CheckoutSkeleton } from './skeletons/checkout-skeleton';
+import { ProductDetailSkeleton } from './skeletons/product-detail-skeleton.js';
+import { ProductGridSkeleton } from './skeletons/product-grid-skeleton.js';
+import { CategoryGridSkeleton } from './skeletons/category-grid-skeleton.js';
+import { PageSkeleton } from './skeletons/page-skeleton.js';
+import { CheckoutSkeleton } from './skeletons/checkout-skeleton.js';
 import { cn } from '../../lib/utils/index.js';
 export function RouteSkeletonLoader({ className, pathname: pathnameProp }) {
     const pathnameFromHook = usePathname();

package/dist/components/ui/sheet.js

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { createPortal } from 'react-dom';
 import { X } from 'lucide-react';
 import { cn } from '../../lib/utils/index.js';
-import { Button } from './button';
+import { Button } from './button.js';
 /** Login / critical overlays — above sticky headers (z-60), search (z-100), sliders, etc. */
 const OVERLAY_ROOT_Z = 'z-[9999]';
 export function Sheet({ isOpen, onClose, title, children, side = 'right', className, style, contentClassName, backdropClassName, closeButtonClassName, ariaLabelledBy, hideBuiltInTitle = false, showCloseButton = true, onOpenAutoFocus, portal = false, overlayTier = 'default', overlayMobileMode = 'drawer', dataLoginPanel, }) {

package/dist/components/ui/skeletons/index.js

@@ -1,5 +1,5 @@
-export { ProductCardSkeleton } from './product-card-skeleton';
-export { ProductGridSkeleton } from './product-grid-skeleton';
-export { ProductDetailSkeleton } from './product-detail-skeleton';
-export { CategoryGridSkeleton } from './category-grid-skeleton';
-export { PageSkeleton } from './page-skeleton';
+export { ProductCardSkeleton } from './product-card-skeleton.js';
+export { ProductGridSkeleton } from './product-grid-skeleton.js';
+export { ProductDetailSkeleton } from './product-detail-skeleton.js';
+export { CategoryGridSkeleton } from './category-grid-skeleton.js';
+export { PageSkeleton } from './page-skeleton.js';

package/dist/components/ui/skeletons/product-grid-skeleton.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ProductCardSkeleton } from './product-card-skeleton';
+import { ProductCardSkeleton } from './product-card-skeleton.js';
 export function ProductGridSkeleton({ count = 8, columns = 4 }) {
     const gridCols = {
         1: 'grid-cols-1',

package/dist/editor/alignment-schemas/booking.js

@@ -1,4 +1,4 @@
-import { bookingFooterSection } from './booking-footer-section';
+import { bookingFooterSection } from './booking-footer-section.js';
 const sectionStyleSupports = {
     spacing: true,
     colors: true,

package/dist/editor/alignment-schemas/clothing-minimal.js

@@ -1,4 +1,4 @@
-import { PAYAZA_BLOCK_IDS } from '../blocks/types';
+import { PAYAZA_BLOCK_IDS } from '../blocks/types.js';
 const sectionStyleSupports = {
     spacing: true,
     colors: true,

package/dist/editor/alignment-schemas/index.js

@@ -1,23 +1,23 @@
-import { ClothingSchema } from './clothing';
-import { ClothingMinimalSchema } from './clothing-minimal';
-import { FoodSchema } from './food';
-import { FoodModernSchema } from './food-modern';
-import { ElectronicsSchema } from './electronics';
-import { ElectronicsGridSchema } from './electronics-grid';
-import { BookingSchema } from './booking';
-import { BookingAgendaSchema } from './booking-agenda';
-import { MotivationalSpeakerSchema } from './motivational-speaker';
-export * from './types';
-export * from './metadata';
-export * from './clothing';
-export * from './clothing-minimal';
-export * from './food';
-export * from './food-modern';
-export * from './electronics';
-export * from './electronics-grid';
-export * from './booking';
-export * from './booking-agenda';
-export * from './motivational-speaker';
+import { ClothingSchema } from './clothing.js';
+import { ClothingMinimalSchema } from './clothing-minimal.js';
+import { FoodSchema } from './food.js';
+import { FoodModernSchema } from './food-modern.js';
+import { ElectronicsSchema } from './electronics.js';
+import { ElectronicsGridSchema } from './electronics-grid.js';
+import { BookingSchema } from './booking.js';
+import { BookingAgendaSchema } from './booking-agenda.js';
+import { MotivationalSpeakerSchema } from './motivational-speaker.js';
+export * from './types.js';
+export * from './metadata.js';
+export * from './clothing.js';
+export * from './clothing-minimal.js';
+export * from './food.js';
+export * from './food-modern.js';
+export * from './electronics.js';
+export * from './electronics-grid.js';
+export * from './booking.js';
+export * from './booking-agenda.js';
+export * from './motivational-speaker.js';
 export const alignmentSchemasMap = {
     'clothing': ClothingSchema,
     'fashion-hub': ClothingSchema,

package/dist/editor/alignment-schemas/lazy-loader.js

@@ -1,4 +1,4 @@
-import { normalizeEditorLayoutId } from '../document/layout-id';
+import { normalizeEditorLayoutId } from '../document/layout-id.js';
 const _cache = {};
 const _pending = {};
 /**

package/dist/editor/alignment-schemas/metadata.js

@@ -1,4 +1,4 @@
-import { normalizeEditorLayoutId } from '../document/layout-id';
+import { normalizeEditorLayoutId } from '../document/layout-id.js';
 /**
  * Metadata for all layouts
  * Extracted from requirements JSON files

package/dist/editor/alignment-schemas/resolve-canvas-inspector-leaf.js

@@ -1,6 +1,6 @@
-import { readDataAtPath } from '../payaza-form/data-transformer';
-import { getPayazaBlockDefinition } from '../blocks/registry';
-import { resolveAlignmentFieldLeaf } from './resolve-field';
+import { readDataAtPath } from '../payaza-form/data-transformer.js';
+import { getPayazaBlockDefinition } from '../blocks/registry.js';
+import { resolveAlignmentFieldLeaf } from './resolve-field.js';
 function alignmentSchemaToMeta(leaf) {
     const label = leaf.label || leaf._label || 'Field';
     const description = leaf.description || leaf._description || undefined;

package/dist/editor/blocks/index.js

@@ -1,3 +1,3 @@
-export * from './types';
-export * from './registry';
-export * from './defaults/clothing-minimal-home';
+export * from './types.js';
+export * from './registry.js';
+export * from './defaults/clothing-minimal-home.js';

package/dist/editor/blocks/migrate-clothing-minimal.js

@@ -1,6 +1,6 @@
-import { deepClone } from '../../lib/utils';
-import { hasClothingMinimalMerchantSectionSignal } from '../../lib/layout-field-normalize';
-import { defaultClothingMinimalAboutBlocks, defaultClothingMinimalCategoriesBlocks, defaultClothingMinimalFeaturedProductsBlocks, defaultClothingMinimalFeaturesBlocks, defaultClothingMinimalHeroBlocks, defaultClothingMinimalPromoBlocks, getDefaultBlocksForClothingMinimalHomeSection, } from './defaults/clothing-minimal-home';
+import { deepClone } from '../../lib/utils/index.js';
+import { hasClothingMinimalMerchantSectionSignal } from '../../lib/layout-field-normalize.js';
+import { defaultClothingMinimalAboutBlocks, defaultClothingMinimalCategoriesBlocks, defaultClothingMinimalFeaturedProductsBlocks, defaultClothingMinimalFeaturesBlocks, defaultClothingMinimalHeroBlocks, defaultClothingMinimalPromoBlocks, getDefaultBlocksForClothingMinimalHomeSection, } from './defaults/clothing-minimal-home.js';
 function richOrString(v) {
     if (v == null)
         return '';

package/dist/editor/blocks/nav-outline-utils.js

@@ -1,5 +1,5 @@
-import { getPayazaBlockDefinition } from './registry';
-import { readDataAtPath } from '../payaza-form/data-transformer';
+import { getPayazaBlockDefinition } from './registry.js';
+import { readDataAtPath } from '../payaza-form/data-transformer.js';
 const ARRAY_FIELD_KEY_SET = new Set([
     'sliders',
     'items',

package/dist/editor/blocks/registry.js

@@ -1,4 +1,4 @@
-import { deepClone } from '../../lib/utils';
+import { deepClone } from '../../lib/utils/index.js';
 const defs = {
     'payaza/badge': {
         name: 'payaza/badge',

package/dist/editor/document/adapter.js

@@ -1,7 +1,7 @@
-import { deepMergeLayoutPayload } from '../../lib/layout-config-hydration';
-import { EDITOR_DOC_VERSION, SNAPSHOT_CONTENT_KEY } from './constants';
-import { SHOPAZA_BLOCK_TYPES, SHOPAZA_DOCUMENT_ROOT_ID, applySectionContentEntriesToStoreConfig, applyTemplateBlocksToStoreConfig, buildTemplateFromOverlay, hasStructuredBlockTree, mergeSectionEntriesIntoContent, } from './block-tree';
-import { validateEditorEnvelope } from './validate';
+import { deepMergeLayoutPayload } from '../../lib/layout-config-hydration.js';
+import { EDITOR_DOC_VERSION, SNAPSHOT_CONTENT_KEY } from './constants.js';
+import { SHOPAZA_BLOCK_TYPES, SHOPAZA_DOCUMENT_ROOT_ID, applySectionContentEntriesToStoreConfig, applyTemplateBlocksToStoreConfig, buildTemplateFromOverlay, hasStructuredBlockTree, mergeSectionEntriesIntoContent, } from './block-tree.js';
+import { validateEditorEnvelope } from './validate.js';
 function nowIso() {
     return new Date().toISOString();
 }

package/dist/editor/document/block-tree.js

@@ -1,4 +1,4 @@
-import { deepClone } from '../../lib/utils';
+import { deepClone } from '../../lib/utils/index.js';
 /** Document root — one tree per storefront layout JSON. */
 export const SHOPAZA_DOCUMENT_ROOT_ID = 'shopaza:document:root';
 export const SHOPAZA_BLOCK_TYPES = {

package/dist/editor/document/index.js

@@ -1,6 +1,6 @@
-export * from './types';
-export * from './constants';
-export * from './validate';
-export * from './adapter';
-export * from './layout-id';
-export * from './block-tree';
+export * from './types.js';
+export * from './constants.js';
+export * from './validate.js';
+export * from './adapter.js';
+export * from './layout-id.js';
+export * from './block-tree.js';

package/dist/editor/document/validate.js

@@ -1,4 +1,4 @@
-import { EDITOR_DOC_VERSION, SUPPORTED_LAYOUT_TYPES, SNAPSHOT_CONTENT_KEY } from './constants';
+import { EDITOR_DOC_VERSION, SUPPORTED_LAYOUT_TYPES, SNAPSHOT_CONTENT_KEY } from './constants.js';
 function push(diagnostics, d) {
     diagnostics.push(d);
 }