storefront-layouts 1.0.9 → 1.0.13

package/dist/components/shipping/ProductDeliveryInfoSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductDeliveryInfoSection.d.ts","sourceRoot":"","sources":["../../../src/components/shipping/ProductDeliveryInfoSection.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAQnE,UAAU,+BAA+B;IACvC,WAAW,EAAE,WAAW,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,oBAAoB,CAAC;IACtC,qBAAqB,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,oBAAoB,CAAC,KAAK,IAAI,CAAC;IACtE,eAAe,EAAE,cAAc,EAAE,CAAC;IAClC,qBAAqB,EAAE,OAAO,CAAC;IAC/B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,oBAAoB,EAAE,OAAO,CAAC;IAC9B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,KAAK,IAAI,CAAC;CACzE;AAED,wBAAgB,0BAA0B,CAAC,EACzC,WAAW,EACX,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,QAAQ,EACR,eAAe,EACf,qBAAqB,EACrB,eAAe,EACf,qBAAqB,EACrB,aAAa,EACb,oBAAoB,EACpB,qBAAqB,EACrB,OAAO,GACR,EAAE,+BAA+B,+BAiIjC"}
+{"version":3,"file":"ProductDeliveryInfoSection.d.ts","sourceRoot":"","sources":["../../../src/components/shipping/ProductDeliveryInfoSection.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAQnE,UAAU,+BAA+B;IACvC,WAAW,EAAE,WAAW,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,oBAAoB,CAAC;IACtC,qBAAqB,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,oBAAoB,CAAC,KAAK,IAAI,CAAC;IACtE,eAAe,EAAE,cAAc,EAAE,CAAC;IAClC,qBAAqB,EAAE,OAAO,CAAC;IAC/B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,oBAAoB,EAAE,OAAO,CAAC;IAC9B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,KAAK,IAAI,CAAC;CACzE;AAED,wBAAgB,0BAA0B,CAAC,EACzC,WAAW,EACX,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,QAAQ,EACR,eAAe,EACf,qBAAqB,EACrB,eAAe,EACf,qBAAqB,EACrB,aAAa,EACb,oBAAoB,EACpB,qBAAqB,EACrB,OAAO,GACR,EAAE,+BAA+B,+BAqIjC"}

package/dist/components/shipping/ProductDeliveryInfoSection.js

@@ -11,9 +11,16 @@ export function ProductDeliveryInfoSection({ storeConfig, currency, productCurre
         return null;
     const displayCurrency = productCurrency || currency;
     const automatedShipping = isAutomatedShippingEnabled(storeConfig);
-    return (_jsxs("div", { className: "mb-8 border-t border-b border-gray-100 py-6", children: [_jsxs("h3", { className: "font-bold text-gray-900 flex items-center gap-2 text-sm mb-4 uppercase tracking-wider", children: [_jsx(Truck, { className: "h-4 w-4" }), " Delivery Information"] }), !automatedShipping ? (_jsx(MerchantHandledDeliveryNotice, { storeName: storeConfig.name })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "mb-4 p-4 bg-gray-50 rounded-lg border border-gray-200", children: [_jsx("p", { className: "text-xs font-semibold text-gray-700 mb-3 uppercase tracking-wider", children: "Calculate Shipping" }), _jsx(ShippingQuoteAddressForm, { address: shippingAddress, onChange: updateShippingAddress, onToast: onToast }), shippingError && (_jsx("p", { className: "text-xs text-red-600 mt-2", children: shippingError }))] }), freeShippingThreshold !== undefined && !freeShippingEligible && (_jsxs("div", { className: "mb-4 p-3 bg-blue-50 border border-blue-200 rounded-lg", children: [_jsxs("p", { className: "text-xs font-medium text-blue-900 mb-1", children: ["Spend", ' ', formatCurrency(freeShippingThreshold - productPrice * quantity, displayCurrency), ' ', "more for free shipping!"] }), _jsx("div", { className: "w-full bg-blue-200 rounded-full h-2", children: _jsx("div", { className: "bg-blue-600 h-2 rounded-full transition-all", style: {
-                                        width: `${Math.min(100, ((productPrice * quantity) / freeShippingThreshold) * 100)}%`,
-                                    } }) })] })), isCalculatingShipping ? (_jsx("div", { className: "flex items-center justify-center p-8", children: _jsxs("div", { className: "flex items-center gap-2 text-gray-600", children: [_jsx("div", { className: "animate-spin rounded-full h-5 w-5 border-b-2 border-gray-900" }), _jsx("span", { className: "text-sm font-medium", children: "Calculating shipping..." })] }) })) : shippingMethods.length > 0 ? (_jsx("div", { className: "space-y-0 divide-y divide-gray-100 border border-gray-100 rounded-lg overflow-hidden", children: shippingMethods.map((method, index) => (_jsxs("div", { className: cn('flex items-center justify-between p-4 bg-white hover:bg-gray-50 transition-colors group', freeShippingEligible && method.cost === 0 && 'bg-green-50 border-green-200'), children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: cn('p-2 rounded-full group-hover:bg-white transition-colors border', freeShippingEligible && method.cost === 0
+    return (_jsxs("div", { className: "mb-8 border-t border-b border-gray-100 py-6", children: [_jsxs("h3", { className: "font-bold text-gray-900 flex items-center gap-2 text-sm mb-4 uppercase tracking-wider", children: [_jsx(Truck, { className: "h-4 w-4" }), " Delivery Information"] }), !automatedShipping ? (_jsx(MerchantHandledDeliveryNotice, { storeName: storeConfig.name })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "mb-4 p-4 bg-gray-50 rounded-lg border border-gray-200", children: [_jsx("p", { className: "text-xs font-semibold text-gray-700 mb-3 uppercase tracking-wider", children: "Calculate Shipping" }), _jsx(ShippingQuoteAddressForm, { address: shippingAddress, onChange: updateShippingAddress, onToast: onToast }), shippingError && (_jsx("p", { className: "text-xs text-red-600 mt-2", children: shippingError }))] }), (() => {
+                        const remainingForFreeShipping = freeShippingThreshold !== undefined && !freeShippingEligible
+                            ? freeShippingThreshold - productPrice * quantity
+                            : 0;
+                        if (!(remainingForFreeShipping > 0))
+                            return null;
+                        return (_jsxs("div", { className: "mb-4 p-3 bg-blue-50 border border-blue-200 rounded-lg", children: [_jsxs("p", { className: "text-xs font-medium text-blue-900 mb-1", children: ["Spend", ' ', formatCurrency(remainingForFreeShipping, displayCurrency), ' ', "more for free shipping"] }), _jsx("div", { className: "w-full bg-blue-200 rounded-full h-2", children: _jsx("div", { className: "bg-blue-600 h-2 rounded-full transition-all", style: {
+                                            width: `${Math.min(100, ((productPrice * quantity) / freeShippingThreshold) * 100)}%`,
+                                        } }) })] }));
+                    })(), isCalculatingShipping ? (_jsx("div", { className: "flex items-center justify-center p-8", children: _jsxs("div", { className: "flex items-center gap-2 text-gray-600", children: [_jsx("div", { className: "animate-spin rounded-full h-5 w-5 border-b-2 border-gray-900" }), _jsx("span", { className: "text-sm font-medium", children: "Calculating shipping..." })] }) })) : shippingMethods.length > 0 ? (_jsx("div", { className: "space-y-0 divide-y divide-gray-100 border border-gray-100 rounded-lg overflow-hidden", children: shippingMethods.map((method, index) => (_jsxs("div", { className: cn('flex items-center justify-between p-4 bg-white hover:bg-gray-50 transition-colors group', freeShippingEligible && method.cost === 0 && 'bg-green-50 border-green-200'), children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: cn('p-2 rounded-full group-hover:bg-white transition-colors border', freeShippingEligible && method.cost === 0
                                                 ? 'bg-green-100 border-green-300'
                                                 : 'bg-gray-50 border-gray-100'), children: freeShippingEligible && method.cost === 0 ? (_jsx(CheckCircle, { className: "h-4 w-4 text-green-700" })) : (_jsx(Truck, { className: "h-4 w-4 text-gray-900" })) }), _jsxs("div", { children: [_jsxs("p", { className: "font-bold text-gray-900 text-sm", children: [method.name, freeShippingEligible && method.cost === 0 && (_jsx("span", { className: "ml-2 text-xs font-normal text-green-700 bg-green-100 px-2 py-0.5 rounded-full", children: "FREE" }))] }), _jsx("p", { className: "text-[11px] text-gray-500 font-medium mt-0.5", children: method.description || method.estimatedDays
                                                         ? `${method.estimatedDaysMin || method.estimatedDays}-${method.estimatedDaysMax || method.estimatedDays} business days`

package/dist/components/ui/address-selector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"address-selector.d.ts","sourceRoot":"","sources":["../../../src/components/ui/address-selector.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAI1D,UAAU,oBAAoB;IAC5B,SAAS,EAAE,OAAO,EAAE,CAAC;IACrB,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,EAAE,OAAO,CAAC;CAC1B;AAED,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,iBAAiB,EACjB,QAAQ,EACR,SAAiB,EACjB,eAAe,GAChB,EAAE,oBAAoB,+BA4EtB"}
+{"version":3,"file":"address-selector.d.ts","sourceRoot":"","sources":["../../../src/components/ui/address-selector.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAI1D,UAAU,oBAAoB;IAC5B,SAAS,EAAE,OAAO,EAAE,CAAC;IACrB,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,EAAE,OAAO,CAAC;CAC1B;AAED,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,iBAAiB,EACjB,QAAQ,EACR,SAAiB,EACjB,eAAe,GAChB,EAAE,oBAAoB,+BAmEtB"}

package/dist/components/ui/address-selector.js

@@ -1,6 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { MapPin, Check } from 'lucide-react';
+import { ChevronDown, MapPin } from 'lucide-react';
+import { cn } from '../../lib/utils/index.js';
 export function AddressSelector({ addresses, selectedAddressId, onSelect, isLoading = false, isAuthenticated, }) {
     if (!isAuthenticated) {
         return null;
@@ -15,7 +16,7 @@ export function AddressSelector({ addresses, selectedAddressId, onSelect, isLoad
         return parts.join(', ');
     };
     if (isLoading) {
-        return (_jsx("div", { className: "mb-6 p-4 bg-gray-50 rounded-xl border border-gray-200", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "w-5 h-5 border-2 border-gray-300 border-t-black rounded-full animate-spin" }), _jsx("span", { className: "text-sm font-medium text-gray-600", children: "Loading addresses..." })] }) }));
+        return (_jsx("div", { className: "mb-5 p-4 bg-gray-50 rounded-sm border border-gray-200", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "w-4 h-4 border-2 border-gray-300 border-t-gray-900 rounded-full animate-spin" }), _jsx("span", { className: "text-sm font-medium text-gray-600", children: "Loading addresses..." })] }) }));
     }
-    return (_jsxs("div", { className: "mb-6 space-y-3", children: [_jsx("label", { className: "text-sm font-bold text-gray-700 ml-1 block", children: "Select or Add Address" }), _jsxs("div", { className: "space-y-2", children: [addresses.length > 0 && (_jsxs("select", { value: selectedAddressId || '', onChange: (e) => onSelect(e.target.value || null), className: "w-full px-5 py-3.5 bg-white border-2 border-gray-100 rounded-xl focus:outline-none focus:ring-0 focus:border-black transition-all font-medium text-gray-900", children: [_jsx("option", { value: "", children: "Add new address" }), addresses.map((address) => (_jsxs("option", { value: address.id, children: [address.label ? `${address.label} - ` : '', formatAddress(address), address.isDefault ? ' (Default)' : ''] }, address.id)))] })), selectedAddressId && (_jsx("div", { className: "p-4 bg-green-50 border-2 border-green-200 rounded-xl", children: _jsxs("div", { className: "flex items-start gap-3", children: [_jsx(Check, { className: "w-5 h-5 text-green-600 mt-0.5 flex-shrink-0" }), _jsxs("div", { className: "flex-1", children: [_jsx("p", { className: "text-sm font-bold text-green-900 mb-1", children: addresses.find(a => a.id === selectedAddressId)?.label || 'Selected Address' }), _jsx("p", { className: "text-sm text-green-700", children: formatAddress(addresses.find(a => a.id === selectedAddressId)) })] })] }) })), addresses.length === 0 && (_jsx("div", { className: "p-4 bg-blue-50 border-2 border-blue-200 rounded-xl", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(MapPin, { className: "w-5 h-5 text-blue-600" }), _jsx("p", { className: "text-sm font-medium text-blue-900", children: "No saved addresses. Fill in the form below to add one." })] }) }))] })] }));
+    return (_jsxs("div", { className: "mb-5 pb-5 border-b border-gray-100 space-y-1.5", children: [_jsx("label", { className: "text-sm font-medium text-gray-700 block", children: "Saved address" }), _jsxs("div", { className: "space-y-2", children: [addresses.length > 0 && (_jsxs("div", { className: "relative", children: [_jsxs("select", { value: selectedAddressId || '', onChange: (e) => onSelect(e.target.value || null), className: cn('w-full appearance-none px-4 py-3 pr-11 rounded-none border border-gray-200 bg-white text-base text-gray-900', 'focus:outline-none focus:ring-0 focus:border-gray-900 transition-colors font-normal'), children: [_jsx("option", { value: "", children: "Add new address" }), addresses.map((address) => (_jsxs("option", { value: address.id, children: [address.label ? `${address.label} - ` : '', formatAddress(address), address.isDefault ? ' (Default)' : ''] }, address.id)))] }), _jsx(ChevronDown, { className: "pointer-events-none absolute right-3.5 top-1/2 h-5 w-5 -translate-y-1/2 text-gray-400", "aria-hidden": true })] })), addresses.length === 0 && (_jsxs("div", { className: "flex items-start gap-3 p-3.5 rounded-sm border border-gray-200 bg-gray-50", children: [_jsx(MapPin, { className: "w-4 h-4 text-gray-500 mt-0.5 shrink-0" }), _jsx("p", { className: "text-sm text-gray-600 leading-snug", children: "No saved addresses yet. Fill in the form below to continue." })] }))] })] }));
 }

package/dist/components/ui/button.js

@@ -5,7 +5,7 @@ import { cn } from "../../lib/utils/index.js";
 const buttonVariants = cva("inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
     variants: {
         variant: {
-            default: "bg-[#1b0029] text-white hover:bg-[#220033] [&_svg]:text-white",
+            default: "bg-[#1b0029] text-white hover:bg-[#220033]",
             destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
             outline: "border border-[#1b0029]/15 bg-white text-[#1b0029] shadow-xs hover:bg-[#f7f5f0] hover:text-[#1b0029]",
             secondary: "bg-[#f7f5f0] text-[#1b0029] hover:bg-[#ece8de]",

package/dist/components/ui/checkout-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkout-button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/checkout-button.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIhD,UAAU,mBAAmB;IAC3B,WAAW,EAAE,WAAW,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAC1C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;CACrD;AAED,wBAAgB,cAAc,CAAC,EAC7B,WAAW,EACX,SAAS,EACT,QAAqB,EACrB,OAAmB,EACnB,IAAW,GACZ,EAAE,mBAAmB,+BAqCrB"}
+{"version":3,"file":"checkout-button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/checkout-button.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIhD,UAAU,mBAAmB;IAC3B,WAAW,EAAE,WAAW,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAC1C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;CACrD;AAED,wBAAgB,cAAc,CAAC,EAC7B,WAAW,EACX,SAAS,EACT,QAAqB,EACrB,OAAmB,EACnB,IAAW,GACZ,EAAE,mBAAmB,+BAsCrB"}

package/dist/components/ui/checkout-button.js

@@ -6,7 +6,7 @@ import { useToast } from './toast.js';
 import { useRouter } from 'next/navigation';
 import { CHECKOUT_UNAVAILABLE_MESSAGE } from '../../lib/checkout-availability.js';
 export function CheckoutButton({ storeConfig, className, children = 'Checkout', variant = 'default', size = 'lg', }) {
-    const { cart } = useStore();
+    const { cart, setIsCartOpen } = useStore();
     const { addToast } = useToast();
     const router = useRouter();
     const checkoutDisabled = storeConfig.checkoutEnabled === false;
@@ -20,6 +20,7 @@ export function CheckoutButton({ storeConfig, className, children = 'Checkout',
             addToast('Your cart is empty', 'error');
             return;
         }
+        setIsCartOpen(false);
         router.push(`/${storeConfig.slug}/checkout`);
     };
     return (_jsxs(_Fragment, { children: [_jsx(Button, { onClick: handleCheckout, disabled: isDisabled, variant: variant, size: size, className: className, title: checkoutDisabled ? CHECKOUT_UNAVAILABLE_MESSAGE : undefined, children: checkoutDisabled ? 'Checkout unavailable' : children }), checkoutDisabled && (_jsx("p", { className: "mt-2 text-sm text-muted-foreground text-center", children: CHECKOUT_UNAVAILABLE_MESSAGE }))] }));

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;AAoBjD,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,+BA0QxG"}
+{"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"}

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

@@ -7,6 +7,7 @@ import { ProductRating } from './product-rating.js';
 import { ShoppingCart, Heart, Eye, Share2 } from 'lucide-react';
 import { shareProductLink } from '../../lib/utils/product-share.js';
 import Link from 'next/link';
+import { useRouter } from 'next/navigation';
 import { cn, formatCurrency } from '../../lib/utils/index.js';
 import { resolveProductImageUrls } from '../../lib/utils/product-images.js';
 import { useStore } from '../../lib/store-context.js';
@@ -20,7 +21,10 @@ import { getProductStockInfo } from '../../lib/inventory-utils.js';
 import { richFieldHasContent, richFieldPlainTextForDisplay } from '../../lib/rich-html.js';
 import { trackStorefrontEvent } from '../../lib/mixpanel.js';
 export function ProductCard({ product, storeSlug, onAddToCart, onQuickView, className }) {
+    const router = useRouter();
     const [isHovered, setIsHovered] = useState(false);
+    const hasVariationOptions = (product.variants?.length ?? 0) > 0;
+    const productHref = `/${storeSlug}/products/${product.slug}`;
     const { toggleWishlist, isInWishlist, isWishlistLoading, store } = useStore();
     const { addToast } = useToast();
     const { startPageLoading } = useLoading();
@@ -127,12 +131,19 @@ 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 flex items-center 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, { 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) || (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) => {
                                     e.preventDefault();
-                                    if (!isOutOfStock) {
-                                        await onAddToCart(product);
+                                    e.stopPropagation();
+                                    if (isOutOfStock)
+                                        return;
+                                    if (hasVariationOptions) {
+                                        trackProductClick();
+                                        startPageLoading(productHref);
+                                        router.push(productHref);
+                                        return;
                                     }
-                                }, disabled: isOutOfStock, className: cn("flex-1 h-10 bg-white text-slate-900 hover:bg-slate-900 hover:text-white font-bold border border-transparent shadow-lg rounded-full transition-colors duration-200", isOutOfStock && "opacity-50 cursor-not-allowed"), children: [_jsx(ShoppingCart, { className: "h-4 w-4 mr-2" }), " Add"] })] })] }), _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: () => {
+                                    await onAddToCart(product);
+                                }, 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" })] })] })] }));

package/dist/components/ui/route-skeleton-loader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"route-skeleton-loader.d.ts","sourceRoot":"","sources":["../../../src/components/ui/route-skeleton-loader.tsx"],"names":[],"mappings":"AAUA,UAAU,wBAAwB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,wBAAwB,+BAqHlG"}
+{"version":3,"file":"route-skeleton-loader.d.ts","sourceRoot":"","sources":["../../../src/components/ui/route-skeleton-loader.tsx"],"names":[],"mappings":"AAUA,UAAU,wBAAwB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,wBAAwB,+BA2HlG"}

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

@@ -49,11 +49,15 @@ export function RouteSkeletonLoader({ className, pathname: pathnameProp }) {
     const routeType = getRouteType(pathname);
     // Category and product list pages SSR real content quickly — a full-screen overlay
     // only blocks the shell and makes empty categories feel stuck.
-    if (routeType === 'category-detail' || routeType === 'categories' || routeType === 'products') {
+    if (routeType === 'category-detail' ||
+        routeType === 'categories' ||
+        routeType === 'products' ||
+        routeType === 'checkout') {
         return null;
     }
     const renderSkeleton = () => {
-        switch (routeType) {
+        const renderableRouteType = routeType;
+        switch (renderableRouteType) {
             case 'homepage':
                 // Use spinner loader for homepage instead of skeleton
                 // Spinner is centered in fixed position overlay

package/dist/components/ui/sheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../../src/components/ui/sheet.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,UAAU,UAAU;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kEAAkE;IAClE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,yDAAyD;IACzD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,wFAAwF;IACxF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACpC,4EAA4E;IAC5E,iBAAiB,CAAC,EAAE,QAAQ,GAAG,YAAY,CAAC;IAC5C,sFAAsF;IACtF,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CACnC;AAED,wBAAgB,KAAK,CAAC,EACpB,MAAM,EACN,OAAO,EACP,KAAK,EACL,QAAQ,EACR,IAAc,EACd,SAAS,EACT,KAAK,EACL,gBAAgB,EAChB,iBAAiB,EACjB,oBAAoB,EACpB,cAAc,EACd,gBAAwB,EACxB,eAAsB,EACtB,eAAe,EACf,MAAc,EACd,WAAuB,EACvB,iBAA4B,EAC5B,cAAc,GACf,EAAE,UAAU,qBA+FZ"}
+{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../../src/components/ui/sheet.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,UAAU,UAAU;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kEAAkE;IAClE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,yDAAyD;IACzD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,wFAAwF;IACxF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACpC,4EAA4E;IAC5E,iBAAiB,CAAC,EAAE,QAAQ,GAAG,YAAY,CAAC;IAC5C,sFAAsF;IACtF,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CACnC;AAED,wBAAgB,KAAK,CAAC,EACpB,MAAM,EACN,OAAO,EACP,KAAK,EACL,QAAQ,EACR,IAAc,EACd,SAAS,EACT,KAAK,EACL,gBAAgB,EAChB,iBAAiB,EACjB,oBAAoB,EACpB,cAAc,EACd,gBAAwB,EACxB,eAAsB,EACtB,eAAe,EACf,MAAc,EACd,WAAuB,EACvB,iBAA4B,EAC5B,cAAc,GACf,EAAE,UAAU,qBA4GZ"}

package/dist/components/ui/sheet.js

@@ -35,9 +35,9 @@ export function Sheet({ isOpen, onClose, title, children, side = 'right', classN
     const rootZ = isOverlay ? OVERLAY_ROOT_Z : 'z-[110]';
     const backdropZ = isOverlay ? 'z-0' : 'z-[105]';
     const panelZ = isOverlay ? 'z-10' : 'z-[110]';
-    const sheetContent = (_jsxs("div", { className: cn(isOverlay && 'fixed inset-0', !isOverlay && 'contents', rootZ), children: [_jsx("div", { className: cn(isOverlay ? 'absolute inset-0' : 'fixed inset-0', backdropZ, 'transition-opacity', backdropClassName ?? 'bg-black/60 backdrop-blur-sm'), onClick: onClose, "aria-hidden": "true" }), _jsxs("div", { role: "dialog", "aria-modal": "true", "data-login-panel": dataLoginPanel, "aria-labelledby": ariaLabelledBy || (title && !hideBuiltInTitle ? 'sheet-title' : undefined), className: cn('bg-white shadow-xl transition ease-in-out duration-300 transform flex flex-col', isOverlay ? 'fixed top-0 bottom-0 h-dvh max-h-dvh supports-[height:100dvh]:h-dvh' : 'fixed', panelZ, side === 'left' ? 'left-0' : 'right-0', !isOverlay && (side === 'left' ? 'top-0 bottom-0 left-0' : 'top-0 bottom-0 right-0 h-dvh max-h-dvh'), overlayMobileMode === 'fullscreen' &&
+    const sheetContent = (_jsxs("div", { className: cn('fixed inset-0', isOverlay ? undefined : 'pointer-events-none', rootZ), children: [_jsx("div", { className: cn(isOverlay ? 'absolute inset-0' : 'fixed inset-0', backdropZ, 'transition-opacity pointer-events-auto', backdropClassName ?? 'bg-black/60 backdrop-blur-sm'), onClick: onClose, "aria-hidden": "true" }), _jsxs("div", { role: "dialog", "aria-modal": "true", "data-login-panel": dataLoginPanel, "aria-labelledby": ariaLabelledBy || (title && !hideBuiltInTitle ? 'sheet-title' : undefined), className: cn('bg-white shadow-xl transition ease-in-out duration-300 transform flex flex-col pointer-events-auto', isOverlay ? 'fixed top-0 bottom-0 h-dvh max-h-dvh supports-[height:100dvh]:h-dvh' : 'fixed', panelZ, side === 'left' ? 'left-0' : 'right-0', !isOverlay && (side === 'left' ? 'top-0 bottom-0 left-0' : 'top-0 bottom-0 right-0 h-dvh max-h-dvh'), overlayMobileMode === 'fullscreen' &&
                     isOverlay &&
-                    'max-sm:inset-0 max-sm:left-0 max-sm:right-0 max-sm:w-screen max-sm:max-w-[100dvw] max-sm:rounded-none', 'w-full max-w-md translate-x-0 opacity-100 pointer-events-auto', className), style: style, children: [showCloseButton && !hideBuiltInTitle ? (_jsxs("div", { className: "flex items-center justify-between shrink-0 px-6 pt-6 pb-2", children: [title ? (_jsx("h2", { id: "sheet-title", className: "text-lg font-semibold text-[#1b0029]", children: title })) : (_jsx("span", {})), _jsx(Button, { variant: "ghost", size: "icon", onClick: onClose, className: cn('rounded-full shrink-0', closeButtonClassName), "aria-label": "Close", children: _jsx(X, { className: "h-4 w-4" }) })] })) : null, _jsx("div", { className: cn('flex-1 min-h-0 overflow-y-auto overflow-x-hidden py-px', contentClassName), children: children })] })] }));
+                    'max-sm:inset-0 max-sm:left-0 max-sm:right-0 max-sm:w-screen max-sm:max-w-[100dvw] max-sm:rounded-none', 'w-full max-w-[min(28rem,100dvw)] translate-x-0 opacity-100 box-border overflow-hidden', className), style: style, children: [showCloseButton && !hideBuiltInTitle ? (_jsxs("div", { className: "flex items-center justify-between shrink-0 px-6 pt-6 pb-2", children: [title ? (_jsx("h2", { id: "sheet-title", className: "text-lg font-semibold text-[#1b0029]", children: title })) : (_jsx("span", {})), _jsx(Button, { variant: "ghost", size: "icon", onClick: onClose, className: cn('rounded-full shrink-0', closeButtonClassName), "aria-label": "Close", children: _jsx(X, { className: "h-4 w-4" }) })] })) : null, _jsx("div", { className: cn('flex-1 min-h-0 overflow-y-auto overflow-x-hidden px-6 pb-6', contentClassName), children: children })] })] }));
     if (portal && typeof document !== 'undefined') {
         return createPortal(sheetContent, document.body);
     }

package/dist/components/ui/skeletons/checkout-skeleton.js

@@ -1,4 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function CheckoutSkeleton() {
-    return (_jsx("div", { className: "min-h-screen bg-gray-50/50 py-12 px-4 sm:px-6 lg:px-8 font-sans animate-pulse", children: _jsxs("div", { className: "container mx-auto max-w-6xl", children: [_jsxs("div", { className: "mb-10 flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "w-10 h-10 bg-gray-200 rounded-full" }), _jsx("div", { className: "h-4 bg-gray-200 rounded w-24" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "w-8 h-8 bg-gray-200 rounded-full" }), _jsx("div", { className: "h-4 bg-gray-200 rounded w-20" }), _jsx("div", { className: "w-8 h-0.5 bg-gray-200" }), _jsx("div", { className: "w-8 h-8 bg-gray-200 rounded-full" }), _jsx("div", { className: "h-4 bg-gray-200 rounded w-20" })] })] }), _jsxs("div", { className: "flex flex-col lg:flex-row gap-10", children: [_jsxs("div", { className: "flex-1 space-y-8", children: [_jsxs("section", { className: "bg-white p-8 rounded-3xl shadow-sm border border-gray-100", children: [_jsxs("div", { className: "flex items-center gap-3 mb-6", children: [_jsx("div", { className: "w-10 h-10 bg-gray-200 rounded-xl" }), _jsx("div", { className: "h-6 bg-gray-200 rounded w-48" })] }), _jsx("div", { className: "space-y-4", children: _jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "h-4 bg-gray-200 rounded w-32 ml-1" }), _jsx("div", { className: "h-12 bg-gray-200 rounded-xl" })] }) })] }), _jsxs("section", { className: "bg-white p-8 rounded-3xl shadow-sm border border-gray-100", children: [_jsxs("div", { className: "flex items-center gap-3 mb-6", children: [_jsx("div", { className: "w-10 h-10 bg-gray-200 rounded-xl" }), _jsx("div", { className: "h-6 bg-gray-200 rounded w-40" })] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-5", children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "h-4 bg-gray-200 rounded w-24 ml-1" }), _jsx("div", { className: "h-12 bg-gray-200 rounded-xl" })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "h-4 bg-gray-200 rounded w-24 ml-1" }), _jsx("div", { className: "h-12 bg-gray-200 rounded-xl" })] }), _jsxs("div", { className: "space-y-1.5 md:col-span-2", children: [_jsx("div", { className: "h-4 bg-gray-200 rounded w-20 ml-1" }), _jsx("div", { className: "h-12 bg-gray-200 rounded-xl" })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "h-4 bg-gray-200 rounded w-20 ml-1" }), _jsx("div", { className: "h-12 bg-gray-200 rounded-xl" })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "h-4 bg-gray-200 rounded w-16 ml-1" }), _jsx("div", { className: "h-12 bg-gray-200 rounded-xl" })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "h-4 bg-gray-200 rounded w-24 ml-1" }), _jsx("div", { className: "h-12 bg-gray-200 rounded-xl" })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "h-4 bg-gray-200 rounded w-20 ml-1" }), _jsx("div", { className: "h-12 bg-gray-200 rounded-xl" })] })] })] }), _jsxs("section", { className: "bg-white p-8 rounded-3xl shadow-sm border border-gray-100", children: [_jsxs("div", { className: "flex items-center gap-3 mb-6", children: [_jsx("div", { className: "w-10 h-10 bg-gray-200 rounded-xl" }), _jsx("div", { className: "h-6 bg-gray-200 rounded w-40" })] }), _jsx("div", { className: "space-y-3", children: _jsxs("div", { className: "flex items-center justify-between p-4 border-2 border-gray-200 rounded-xl", children: [_jsxs("div", { className: "flex items-center gap-4 flex-1", children: [_jsx("div", { className: "w-5 h-5 bg-gray-200 rounded-full" }), _jsxs("div", { className: "flex-1 space-y-2", children: [_jsx("div", { className: "h-4 bg-gray-200 rounded w-32" }), _jsx("div", { className: "h-3 bg-gray-200 rounded w-48" })] })] }), _jsx("div", { className: "h-4 bg-gray-200 rounded w-16" })] }) })] }), _jsx("div", { className: "h-14 bg-gray-200 rounded-2xl" })] }), _jsx("div", { className: "w-full lg:w-[400px] flex-shrink-0", children: _jsxs("div", { className: "bg-white p-8 rounded-3xl shadow-lg border border-gray-100 sticky top-8", children: [_jsx("div", { className: "h-7 bg-gray-200 rounded w-32 mb-6" }), _jsx("div", { className: "space-y-6 mb-8", children: _jsxs("div", { className: "flex gap-4", children: [_jsx("div", { className: "w-20 h-20 bg-gray-200 rounded-xl flex-shrink-0" }), _jsxs("div", { className: "flex-1 py-1 space-y-2", children: [_jsx("div", { className: "h-4 bg-gray-200 rounded w-full" }), _jsx("div", { className: "h-3 bg-gray-200 rounded w-2/3" }), _jsx("div", { className: "h-4 bg-gray-200 rounded w-20" })] })] }) }), _jsxs("div", { className: "space-y-4 pt-6 border-t-2 border-gray-50", children: [_jsxs("div", { className: "flex justify-between", children: [_jsx("div", { className: "h-4 bg-gray-200 rounded w-20" }), _jsx("div", { className: "h-4 bg-gray-200 rounded w-24" })] }), _jsxs("div", { className: "flex justify-between", children: [_jsx("div", { className: "h-4 bg-gray-200 rounded w-24" }), _jsx("div", { className: "h-4 bg-gray-200 rounded w-20" })] }), _jsxs("div", { className: "flex justify-between items-end pt-4 mt-2 border-t border-gray-100", children: [_jsx("div", { className: "h-5 bg-gray-200 rounded w-28" }), _jsx("div", { className: "h-8 bg-gray-200 rounded w-32" })] })] })] }) })] })] }) }));
+    return (_jsx("div", { className: "min-h-screen bg-gray-50/50 py-12 px-4 sm:px-6 lg:px-8 font-sans animate-pulse", children: _jsxs("div", { className: "container mx-auto max-w-6xl", children: [_jsxs("div", { className: "mb-10 flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "w-10 h-10 bg-gray-200 rounded-full" }), _jsx("div", { className: "h-4 bg-gray-200 rounded w-24" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "w-8 h-8 bg-gray-200 rounded-full" }), _jsx("div", { className: "h-4 bg-gray-200 rounded w-20" }), _jsx("div", { className: "w-8 h-0.5 bg-gray-200" }), _jsx("div", { className: "w-8 h-8 bg-gray-200 rounded-full" }), _jsx("div", { className: "h-4 bg-gray-200 rounded w-20" })] })] }), _jsxs("div", { className: "flex flex-col lg:flex-row gap-10", children: [_jsxs("div", { className: "flex-1 space-y-8", children: [_jsxs("section", { className: "bg-white p-8 rounded-lg shadow-sm border border-gray-100", children: [_jsxs("div", { className: "flex items-center gap-3 mb-6", children: [_jsx("div", { className: "w-10 h-10 bg-gray-200 rounded-md" }), _jsx("div", { className: "h-6 bg-gray-200 rounded w-48" })] }), _jsx("div", { className: "space-y-4", children: _jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "h-4 bg-gray-200 rounded w-32 ml-1" }), _jsx("div", { className: "h-12 bg-gray-200 rounded-md" })] }) })] }), _jsxs("section", { className: "bg-white p-8 rounded-lg shadow-sm border border-gray-100", children: [_jsxs("div", { className: "flex items-center gap-3 mb-6", children: [_jsx("div", { className: "w-10 h-10 bg-gray-200 rounded-md" }), _jsx("div", { className: "h-6 bg-gray-200 rounded w-40" })] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-5", children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "h-4 bg-gray-200 rounded w-24 ml-1" }), _jsx("div", { className: "h-12 bg-gray-200 rounded-md" })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "h-4 bg-gray-200 rounded w-24 ml-1" }), _jsx("div", { className: "h-12 bg-gray-200 rounded-md" })] }), _jsxs("div", { className: "space-y-1.5 md:col-span-2", children: [_jsx("div", { className: "h-4 bg-gray-200 rounded w-20 ml-1" }), _jsx("div", { className: "h-12 bg-gray-200 rounded-md" })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "h-4 bg-gray-200 rounded w-20 ml-1" }), _jsx("div", { className: "h-12 bg-gray-200 rounded-md" })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "h-4 bg-gray-200 rounded w-16 ml-1" }), _jsx("div", { className: "h-12 bg-gray-200 rounded-md" })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "h-4 bg-gray-200 rounded w-24 ml-1" }), _jsx("div", { className: "h-12 bg-gray-200 rounded-md" })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "h-4 bg-gray-200 rounded w-20 ml-1" }), _jsx("div", { className: "h-12 bg-gray-200 rounded-md" })] })] })] }), _jsxs("section", { className: "bg-white p-8 rounded-lg shadow-sm border border-gray-100", children: [_jsxs("div", { className: "flex items-center gap-3 mb-6", children: [_jsx("div", { className: "w-10 h-10 bg-gray-200 rounded-md" }), _jsx("div", { className: "h-6 bg-gray-200 rounded w-40" })] }), _jsx("div", { className: "space-y-3", children: _jsxs("div", { className: "flex items-center justify-between p-4 border-2 border-gray-200 rounded-md", children: [_jsxs("div", { className: "flex items-center gap-4 flex-1", children: [_jsx("div", { className: "w-5 h-5 bg-gray-200 rounded-full" }), _jsxs("div", { className: "flex-1 space-y-2", children: [_jsx("div", { className: "h-4 bg-gray-200 rounded w-32" }), _jsx("div", { className: "h-3 bg-gray-200 rounded w-48" })] })] }), _jsx("div", { className: "h-4 bg-gray-200 rounded w-16" })] }) })] }), _jsx("div", { className: "h-14 bg-gray-200 rounded-2xl" })] }), _jsx("div", { className: "w-full lg:w-[400px] flex-shrink-0", children: _jsxs("div", { className: "bg-white p-8 rounded-lg shadow-lg border border-gray-100 sticky top-8", children: [_jsx("div", { className: "h-7 bg-gray-200 rounded w-32 mb-6" }), _jsx("div", { className: "space-y-6 mb-8", children: _jsxs("div", { className: "flex gap-4", children: [_jsx("div", { className: "w-20 h-20 bg-gray-200 rounded-md flex-shrink-0" }), _jsxs("div", { className: "flex-1 py-1 space-y-2", children: [_jsx("div", { className: "h-4 bg-gray-200 rounded w-full" }), _jsx("div", { className: "h-3 bg-gray-200 rounded w-2/3" }), _jsx("div", { className: "h-4 bg-gray-200 rounded w-20" })] })] }) }), _jsxs("div", { className: "space-y-4 pt-6 border-t-2 border-gray-50", children: [_jsxs("div", { className: "flex justify-between", children: [_jsx("div", { className: "h-4 bg-gray-200 rounded w-20" }), _jsx("div", { className: "h-4 bg-gray-200 rounded w-24" })] }), _jsxs("div", { className: "flex justify-between", children: [_jsx("div", { className: "h-4 bg-gray-200 rounded w-24" }), _jsx("div", { className: "h-4 bg-gray-200 rounded w-20" })] }), _jsxs("div", { className: "flex justify-between items-end pt-4 mt-2 border-t border-gray-100", children: [_jsx("div", { className: "h-5 bg-gray-200 rounded w-28" }), _jsx("div", { className: "h-8 bg-gray-200 rounded w-32" })] })] })] }) })] })] }) }));
 }

package/dist/editor/blocks/defaults/clothing-minimal-home.js

@@ -10,7 +10,7 @@ export function defaultClothingMinimalHeroBlocks() {
             innerBlocks: [
                 {
                     name: 'payaza/badge',
-                    attributes: { text: 'New Collection 2024' },
+                    attributes: { text: '' },
                 },
                 {
                     name: 'payaza/heading',

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

@@ -46,7 +46,7 @@ export function migrateClothingMinimalHomeSectionToBlocks(sectionKey, section) {
             const left = base[0];
             const right = base[1];
             if (left?.innerBlocks?.[0]) {
-                left.innerBlocks[0].attributes.text = badge || 'New Collection 2024';
+                left.innerBlocks[0].attributes.text = badge || '';
             }
             if (left?.innerBlocks?.[1]) {
                 left.innerBlocks[1].attributes.content =

package/dist/hooks/use-pdp-variation.d.ts

@@ -0,0 +1,57 @@
+import type { StoreProduct } from '../lib/store-types.js';
+export declare function usePdpVariation(product?: StoreProduct): {
+    optionGroups: Record<string, string[]>;
+    selectedAttributes: Record<string, string>;
+    setAttribute: (key: string, value: string) => void;
+    isOptionAvailable: (key: string, value: string) => boolean;
+    selectedVariation: {
+        id: string;
+        name: string;
+        value: string;
+        price?: number;
+        sku?: string;
+        isActive?: boolean;
+        attributes?: Record<string, string>;
+        stock?: number;
+        inStock?: boolean;
+        images?: string[] | string;
+        compareAtPrice?: number;
+    };
+    galleryImages: string[];
+    displayPrice: number;
+    displayCompareAt: number;
+    displaySKU: string;
+    stockView: {
+        name: string;
+        trackInventory?: boolean;
+        availableStock?: number;
+        inStock: boolean;
+        lowStockThreshold?: number;
+    } | {
+        inStock: boolean;
+    };
+    isOutOfStock: boolean;
+    selectedColor: string;
+    selectedSize: string;
+    setSelectedColor: (value: string) => void;
+    setSelectedSize: (value: string) => void;
+    colorVariants: {
+        id: string;
+        name: string;
+        value: string;
+        attributes: {
+            color: string;
+        };
+    }[];
+    sizeVariants: {
+        id: string;
+        name: string;
+        value: string;
+        attributes: {
+            size: string;
+        };
+    }[];
+    getOptionImage: (attributeKey: string, value: string) => string;
+    variationLabel: string;
+};
+//# sourceMappingURL=use-pdp-variation.d.ts.map

package/dist/hooks/use-pdp-variation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-pdp-variation.d.ts","sourceRoot":"","sources":["../../src/hooks/use-pdp-variation.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AActD,wBAAgB,eAAe,CAAC,OAAO,CAAC,EAAE,YAAY;;;wBAW5C,MAAM,SAAS,MAAM;6BAerB,MAAM,SAAS,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;iBAwBL,OAAO;;;;;8BAKc,MAAM;6BACP,MAAM;;;;;;;;;;;;;;;;;mCA0CjB,MAAM,SAAS,MAAM;;EAIvD"}

package/dist/hooks/use-pdp-variation.js

@@ -0,0 +1,69 @@
+'use client';
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { findMatchingVariation, formatVariationLabel, getVariationOptionGroups, getVariationOptionImage, isVariationOptionAvailable, reconcileSelectedAttributes, resolveProductGalleryImageUrls, resolveVariantPrice, resolveVariantSKU, resolveVariantStockProduct, } from '../lib/product-variation-utils.js';
+export function usePdpVariation(product) {
+    const variants = product?.variants;
+    const optionGroups = useMemo(() => getVariationOptionGroups(variants), [variants]);
+    const [selectedAttributes, setSelectedAttributes] = useState({});
+    useEffect(() => {
+        setSelectedAttributes({});
+    }, [product?.id]);
+    const setAttribute = useCallback((key, value) => {
+        setSelectedAttributes((previous) => {
+            if (value &&
+                !isVariationOptionAvailable(variants, previous, key, value)) {
+                return previous;
+            }
+            return reconcileSelectedAttributes(variants, previous, key, value);
+        });
+    }, [variants]);
+    const isOptionAvailable = useCallback((key, value) => isVariationOptionAvailable(variants, selectedAttributes, key, value), [variants, selectedAttributes]);
+    const selectedVariation = useMemo(() => findMatchingVariation(variants, selectedAttributes), [variants, selectedAttributes]);
+    const galleryImages = useMemo(() => (product ? resolveProductGalleryImageUrls(product, selectedVariation) : []), [product, selectedVariation]);
+    const displayPrice = product ? resolveVariantPrice(product, selectedVariation) : 0;
+    const displayCompareAt = selectedVariation?.compareAtPrice != null &&
+        Number.isFinite(Number(selectedVariation.compareAtPrice))
+        ? Number(selectedVariation.compareAtPrice)
+        : product?.compareAtPrice;
+    const displaySKU = product ? resolveVariantSKU(product, selectedVariation) : 'N/A';
+    const stockView = product
+        ? resolveVariantStockProduct(product, selectedVariation)
+        : { inStock: false };
+    const selectedColor = selectedAttributes.color || '';
+    const selectedSize = selectedAttributes.size || '';
+    const setSelectedColor = useCallback((value) => setAttribute('color', value), [setAttribute]);
+    const setSelectedSize = useCallback((value) => setAttribute('size', value), [setAttribute]);
+    const colorVariants = useMemo(() => (optionGroups.color || []).map((value) => ({
+        id: value,
+        name: 'Name / Color',
+        value,
+        attributes: { color: value },
+    })), [optionGroups.color]);
+    const sizeVariants = useMemo(() => (optionGroups.size || []).map((value) => ({
+        id: value,
+        name: 'Size',
+        value,
+        attributes: { size: value },
+    })), [optionGroups.size]);
+    return {
+        optionGroups,
+        selectedAttributes,
+        setAttribute,
+        isOptionAvailable,
+        selectedVariation,
+        galleryImages,
+        displayPrice,
+        displayCompareAt,
+        displaySKU,
+        stockView,
+        isOutOfStock: !stockView.inStock,
+        selectedColor,
+        selectedSize,
+        setSelectedColor,
+        setSelectedSize,
+        colorVariants,
+        sizeVariants,
+        getOptionImage: (attributeKey, value) => getVariationOptionImage(variants, attributeKey, value, product),
+        variationLabel: formatVariationLabel(selectedVariation),
+    };
+}

package/dist/hooks/use-product-by-slug.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-product-by-slug.d.ts","sourceRoot":"","sources":["../../src/hooks/use-product-by-slug.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,MAAM,EACf,IAAI,EAAE,MAAM,EACZ,cAAc,CAAC,EAAE,YAAY;;;;EAoC9B"}
+{"version":3,"file":"use-product-by-slug.d.ts","sourceRoot":"","sources":["../../src/hooks/use-product-by-slug.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,MAAM,EACf,IAAI,EAAE,MAAM,EACZ,cAAc,CAAC,EAAE,YAAY;;;;EA8B9B"}

package/dist/hooks/use-product-by-slug.js

@@ -7,11 +7,6 @@ export function useProductBySlug(storeId, slug, initialProduct) {
     const [relatedProducts, setRelatedProducts] = useState([]);
     const [isLoading, setIsLoading] = useState(!initialProduct);
     useEffect(() => {
-        if (initialProduct) {
-            setProduct(initialProduct);
-            setIsLoading(false);
-            return;
-        }
         let cancelled = false;
         setIsLoading(true);
         productService

package/dist/hooks/use-product-variation-selection.js

@@ -6,7 +6,7 @@ export function useProductVariationSelection(variants) {
     const [selectedAttributes, setSelectedAttributes] = useState({});
     useEffect(() => {
         setSelectedAttributes({});
-    }, [optionGroups]);
+    }, [variants]);
     const setAttribute = useCallback((key, value) => {
         setSelectedAttributes((previous) => {
             if (!value) {

package/dist/hooks/use-shipping-quote.d.ts

@@ -19,6 +19,7 @@ export declare function useShippingQuote({ storeId, productId, productPrice, cur
     error: string;
     freeShippingEligible: boolean;
     freeShippingThreshold: number;
+    freeShippingEnabled: boolean;
     recalculate: () => Promise<void>;
 };
 export {};

package/dist/hooks/use-shipping-quote.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-shipping-quote.d.ts","sourceRoot":"","sources":["../../src/hooks/use-shipping-quote.ts"],"names":[],"mappings":"AAGA,OAAO,EAAmB,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAClF,OAAO,EACL,oBAAoB,EACpB,oBAAoB,EAIrB,MAAM,6BAA6B,CAAC;AAErC,UAAU,uBAAuB;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,cAAc,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAAC;CAChD;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,OAAc,EACd,YAAY,EACZ,cAAc,GACf,EAAE,uBAAuB;;;2BAWkB,OAAO,CAAC,oBAAoB,CAAC;;;;;;;EAsExE"}
+{"version":3,"file":"use-shipping-quote.d.ts","sourceRoot":"","sources":["../../src/hooks/use-shipping-quote.ts"],"names":[],"mappings":"AAGA,OAAO,EAAmB,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAClF,OAAO,EACL,oBAAoB,EACpB,oBAAoB,EAIrB,MAAM,6BAA6B,CAAC;AAErC,UAAU,uBAAuB;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,cAAc,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAAC;CAChD;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,OAAc,EACd,YAAY,EACZ,cAAc,GACf,EAAE,uBAAuB;;;2BAYkB,OAAO,CAAC,oBAAoB,CAAC;;;;;;;;EAwExE"}

package/dist/hooks/use-shipping-quote.js

@@ -12,6 +12,7 @@ export function useShippingQuote({ storeId, productId, productPrice, currency, q
     const [error, setError] = useState(null);
     const [freeShippingEligible, setFreeShippingEligible] = useState(false);
     const [freeShippingThreshold, setFreeShippingThreshold] = useState();
+    const [freeShippingEnabled, setFreeShippingEnabled] = useState(false);
     const updateAddress = useCallback((patch) => {
         setAddress((prev) => ({ ...prev, ...patch }));
     }, []);
@@ -35,6 +36,7 @@ export function useShippingQuote({ storeId, productId, productPrice, currency, q
             setMethods(result.methods || []);
             setFreeShippingEligible(result.freeShippingEligible || false);
             setFreeShippingThreshold(result.freeShippingThreshold);
+            setFreeShippingEnabled(result.freeShippingEnabled === true);
         }
         catch (err) {
             const message = err instanceof Error ? err.message : 'Failed to calculate shipping';
@@ -75,6 +77,7 @@ export function useShippingQuote({ storeId, productId, productPrice, currency, q
         error,
         freeShippingEligible,
         freeShippingThreshold,
+        freeShippingEnabled,
         recalculate: calculate,
     };
 }

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

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