storefront-layouts 1.0.3 → 1.0.4

package/dist/hooks/use-cart-api.js

@@ -1,5 +1,7 @@
 import { useState, useCallback } from 'react';
-import { useStore } from '../lib/store-context.js';
+import { useStore } from '../lib/store-context';
+import { productService } from '../lib/services/product.service';
+import { transformProductToStoreProduct } from '../lib/store-config-utils';
 /**
  * Hook to manage cart - uses StoreContext only (localStorage-based)
  * Note: cartService removed - all cart operations use StoreContext
@@ -29,8 +31,11 @@ export function useCartApi(storeConfig) {
         try {
             setLoading(true);
             setError(null);
-            // Find product from storeConfig
-            const product = storeConfig.products?.find(p => p.id === productId);
+            // Bootstrap contains only a catalog page; resolve products outside it by ID.
+            let product = storeConfig.products?.find(p => p.id === productId);
+            if (!product) {
+                product = transformProductToStoreProduct(await productService.getProductById(productId));
+            }
             if (!product) {
                 throw new Error('Product not found');
             }

package/dist/hooks/use-catalog-loader.js

@@ -1,8 +1,8 @@
 'use client';
 import { useEffect, useMemo, useRef, useState } from 'react';
-import { transformCategoryToStoreCategory, transformProductToStoreProduct, transformServiceToStoreService, } from '../lib/store-config-utils.js';
-import { syncFoodMenuItemsFromProducts } from '../lib/utils/editor-preview.js';
-import { useLoading } from '../lib/loading-context.js';
+import { transformCategoryToStoreCategory, transformProductToStoreProduct, transformServiceToStoreService, } from '../lib/store-config-utils';
+import { syncFoodMenuItemsFromProducts } from '../lib/utils/editor-preview';
+import { useLoading } from '../lib/loading-context';
 /**
  * Hydrates catalog arrays from API when storeConfig has empty products/categories/services.
  * Used on non-home pages for editor preview (before Phase 2 overlay) and live storefront edge cases.

package/dist/hooks/use-catalog-price-range.d.ts

@@ -1,15 +1,12 @@
 import { type PriceableItem } from '../lib/utils/catalog-price-bounds';
 export type UseCatalogPriceRangeOptions = {
-    /** Used when the catalog is empty (e.g. 5000 retail, 100 food). */
+    /** Used when the catalog is empty (e.g. food menus). */
     fallbackMax?: number;
 };
 export declare function useCatalogPriceRange(items: PriceableItem[], options?: UseCatalogPriceRangeOptions): {
     priceRange: [number, number];
     setPriceRange: import("react").Dispatch<import("react").SetStateAction<[number, number]>>;
-    catalogBounds: {
-        min: number;
-        max: number;
-    };
+    catalogBounds: import("../lib/utils/catalog-price-bounds").CatalogPriceBounds;
     sliderMax: number;
     resetPriceRange: () => void;
     hasActivePriceFilter: boolean;

package/dist/hooks/use-catalog-price-range.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-catalog-price-range.d.ts","sourceRoot":"","sources":["../../src/hooks/use-catalog-price-range.ts"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,aAAa,EACnB,MAAM,kCAAkC,CAAC;AAE1C,MAAM,MAAM,2BAA2B,GAAG;IACxC,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,aAAa,EAAE,EACtB,OAAO,GAAE,2BAAgC;;;;;;;;;;EAiC1C"}
+{"version":3,"file":"use-catalog-price-range.d.ts","sourceRoot":"","sources":["../../src/hooks/use-catalog-price-range.ts"],"names":[],"mappings":"AAGA,OAAO,EAIL,KAAK,aAAa,EACnB,MAAM,kCAAkC,CAAC;AAE1C,MAAM,MAAM,2BAA2B,GAAG;IACxC,wDAAwD;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAYF,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,aAAa,EAAE,EACtB,OAAO,GAAE,2BAAgC;;;;;;;EA6C1C"}

package/dist/hooks/use-catalog-price-range.js

@@ -1,20 +1,35 @@
 'use client';
 import { useCallback, useEffect, useMemo, useState } from 'react';
-import { getCatalogPriceBounds, } from '../lib/utils/catalog-price-bounds.js';
+import { getCatalogPriceBounds, isLegacyDefaultPriceRange, isPriceFilterActive, } from '../lib/utils/catalog-price-bounds';
+function clampPriceRange(range, bounds) {
+    return [
+        Math.max(bounds.min, Math.min(range[0], bounds.max)),
+        Math.min(bounds.max, Math.max(range[1], bounds.min)),
+    ];
+}
 export function useCatalogPriceRange(items, options = {}) {
-    const fallbackMax = options.fallbackMax ?? 5000;
-    const catalogBounds = useMemo(() => getCatalogPriceBounds(items, fallbackMax), [items, fallbackMax]);
+    const fallbackMax = options.fallbackMax;
+    const catalogBounds = useMemo(() => fallbackMax != null
+        ? getCatalogPriceBounds(items, fallbackMax)
+        : getCatalogPriceBounds(items), [items, fallbackMax]);
     const [priceRange, setPriceRange] = useState(() => [
         catalogBounds.min,
         catalogBounds.max,
     ]);
     useEffect(() => {
-        setPriceRange([catalogBounds.min, catalogBounds.max]);
+        setPriceRange((prev) => {
+            const wasLegacyDefault = isLegacyDefaultPriceRange(prev);
+            const wasFullCatalogRange = prev[0] <= catalogBounds.min && prev[1] >= catalogBounds.max;
+            if (wasLegacyDefault || wasFullCatalogRange) {
+                return [catalogBounds.min, catalogBounds.max];
+            }
+            return clampPriceRange(prev, catalogBounds);
+        });
     }, [catalogBounds.min, catalogBounds.max]);
     const resetPriceRange = useCallback(() => {
         setPriceRange([catalogBounds.min, catalogBounds.max]);
     }, [catalogBounds.min, catalogBounds.max]);
-    const hasActivePriceFilter = priceRange[0] > catalogBounds.min || priceRange[1] < catalogBounds.max;
+    const hasActivePriceFilter = isPriceFilterActive(priceRange, catalogBounds);
     return {
         priceRange,
         setPriceRange,

package/dist/hooks/use-category-products.d.ts

@@ -0,0 +1,8 @@
+import type { StoreProduct } from '../lib/store-types';
+export declare function useCategoryProducts(storeId: string, categoryId?: string): {
+    products: StoreProduct[];
+    isLoading: boolean;
+    hasMore: boolean;
+    loadMore: () => Promise<void>;
+};
+//# sourceMappingURL=use-category-products.d.ts.map

package/dist/hooks/use-category-products.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-category-products.d.ts","sourceRoot":"","sources":["../../src/hooks/use-category-products.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAItD,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM;;;;;EAqCvE"}

package/dist/hooks/use-category-products.js

@@ -0,0 +1,43 @@
+'use client';
+import { useCallback, useEffect, useState } from 'react';
+import { productService } from '../lib/services/product.service';
+import { transformProductToStoreProduct } from '../lib/store-config-utils';
+const PAGE_SIZE = 12;
+export function useCategoryProducts(storeId, categoryId) {
+    const [products, setProducts] = useState([]);
+    const [page, setPage] = useState(1);
+    const [total, setTotal] = useState(0);
+    const [isLoading, setIsLoading] = useState(Boolean(categoryId));
+    const fetchPage = useCallback(async (requestedPage, append = false) => {
+        if (!categoryId)
+            return;
+        setIsLoading(true);
+        try {
+            const response = await productService.getProducts({
+                storeId,
+                categoryId,
+                page: requestedPage,
+                limit: PAGE_SIZE,
+            });
+            const nextProducts = response.data.map(transformProductToStoreProduct);
+            setProducts((current) => append ? [...current, ...nextProducts] : nextProducts);
+            setPage(requestedPage);
+            setTotal(response.meta.total);
+        }
+        catch (error) {
+            console.error('Failed to fetch category products:', error);
+        }
+        finally {
+            setIsLoading(false);
+        }
+    }, [categoryId, storeId]);
+    useEffect(() => {
+        fetchPage(1);
+    }, [fetchPage]);
+    return {
+        products,
+        isLoading,
+        hasMore: page * PAGE_SIZE < total,
+        loadMore: () => fetchPage(page + 1, true),
+    };
+}

package/dist/hooks/use-checkout-fees.d.ts

@@ -1,4 +1,3 @@
-import { type CheckoutFeeBreakdown } from '../lib/services/fees.service';
 export interface UseCheckoutFeesOptions {
     storeId?: string;
     subtotal: number;
@@ -8,9 +7,9 @@ export interface UseCheckoutFeesOptions {
     onError?: (message: string) => void;
 }
 export declare function useCheckoutFees({ storeId, subtotal, currency, shippingCost, debounceMs, onError, }: UseCheckoutFeesOptions): {
-    feeBreakdown: CheckoutFeeBreakdown;
+    feeBreakdown: any;
     loading: boolean;
-    totalPayable: number;
-    displayLines: import("../lib/services/fees.service").CheckoutFeeLine[];
+    totalPayable: any;
+    displayLines: any;
 };
 //# sourceMappingURL=use-checkout-fees.d.ts.map

package/dist/hooks/use-checkout-fees.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-checkout-fees.d.ts","sourceRoot":"","sources":["../../src/hooks/use-checkout-fees.ts"],"names":[],"mappings":"AAGA,OAAO,EAIL,KAAK,oBAAoB,EAC1B,MAAM,6BAA6B,CAAC;AAiCrC,MAAM,WAAW,sBAAsB;IACrC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,YAAgB,EAChB,UAAgB,EAChB,OAAO,GACR,EAAE,sBAAsB;;;;;EAqFxB"}
+{"version":3,"file":"use-checkout-fees.d.ts","sourceRoot":"","sources":["../../src/hooks/use-checkout-fees.ts"],"names":[],"mappings":"AAyCA,MAAM,WAAW,sBAAsB;IACrC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,YAAgB,EAChB,UAAgB,EAChB,OAAO,GACR,EAAE,sBAAsB;;;;;EAqFxB"}

package/dist/hooks/use-checkout-fees.js

@@ -1,6 +1,6 @@
 'use client';
 import { useEffect, useMemo, useRef, useState } from 'react';
-import { EMPTY_CHECKOUT_FEE_BREAKDOWN, feesService, normalizeCheckoutFeeBreakdown, } from '../lib/services/fees.service.js';
+import { EMPTY_CHECKOUT_FEE_BREAKDOWN, feesService, normalizeCheckoutFeeBreakdown, } from '../lib/services/fees.service';
 const STORAGE_PREFIX = 'checkoutFees:';
 function readStoredBreakdown(storeId) {
     if (typeof window === 'undefined')

package/dist/hooks/use-content-ready.js

@@ -1,6 +1,6 @@
 'use client';
 import { useState, useEffect, useRef, useCallback } from 'react';
-import { getContentSelectors, detectRouteType } from '../lib/content-selectors.js';
+import { getContentSelectors, detectRouteType } from '../lib/content-selectors';
 /**
  * Hook to detect when page content is ready for display
  * Uses DOM observation to verify key content elements are present

package/dist/hooks/use-featured-products.d.ts

@@ -0,0 +1,3 @@
+import type { StoreProduct } from '../lib/store-types';
+export declare function useFeaturedProducts(storeId: string, initialProducts: StoreProduct[], enabled?: boolean): StoreProduct[];
+//# sourceMappingURL=use-featured-products.d.ts.map

package/dist/hooks/use-featured-products.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-featured-products.d.ts","sourceRoot":"","sources":["../../src/hooks/use-featured-products.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,MAAM,EACf,eAAe,EAAE,YAAY,EAAE,EAC/B,OAAO,UAAO,kBAwBf"}

package/dist/hooks/use-featured-products.js

@@ -0,0 +1,25 @@
+'use client';
+import { useEffect, useState } from 'react';
+import { productService } from '../lib/services/product.service';
+import { transformProductToStoreProduct } from '../lib/store-config-utils';
+export function useFeaturedProducts(storeId, initialProducts, enabled = true) {
+    const [products, setProducts] = useState(initialProducts);
+    const hasInitialProducts = initialProducts.length > 0;
+    useEffect(() => {
+        if (!enabled || hasInitialProducts)
+            return;
+        let cancelled = false;
+        productService
+            .getFeaturedProducts(storeId, 12)
+            .then((apiProducts) => {
+            if (!cancelled && apiProducts.length > 0) {
+                setProducts(apiProducts.map(transformProductToStoreProduct));
+            }
+        })
+            .catch((error) => console.error('Failed to load featured products:', error));
+        return () => {
+            cancelled = true;
+        };
+    }, [enabled, hasInitialProducts, storeId]);
+    return products;
+}

package/dist/hooks/use-multi-store-checkout-fees.d.ts

@@ -1,4 +1,3 @@
-import { type CheckoutFeeBreakdown, type CheckoutFeeLine } from '../lib/services/fees.service';
 export interface MultiStoreSubtotal {
     storeId: string;
     subtotal: number;
@@ -17,9 +16,9 @@ export interface UseMultiStoreCheckoutFeesOptions {
  * backend computes fees per-store during process-marketplace.
  */
 export declare function useMultiStoreCheckoutFees({ stores, currency, debounceMs, onError, }: UseMultiStoreCheckoutFeesOptions): {
-    feeBreakdown: CheckoutFeeBreakdown;
+    feeBreakdown: any;
     loading: boolean;
-    totalPayable: number;
-    displayLines: CheckoutFeeLine[];
+    totalPayable: any;
+    displayLines: any;
 };
 //# sourceMappingURL=use-multi-store-checkout-fees.d.ts.map

package/dist/hooks/use-multi-store-checkout-fees.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-multi-store-checkout-fees.d.ts","sourceRoot":"","sources":["../../src/hooks/use-multi-store-checkout-fees.ts"],"names":[],"mappings":"AAGA,OAAO,EAGL,KAAK,oBAAoB,EACzB,KAAK,eAAe,EACrB,MAAM,6BAA6B,CAAC;AAErC,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,gCAAgC;IAC/C,MAAM,EAAE,kBAAkB,EAAE,CAAC;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAqDD;;;;;;GAMG;AACH,wBAAgB,yBAAyB,CAAC,EACxC,MAAM,EACN,QAAQ,EACR,UAAgB,EAChB,OAAO,GACR,EAAE,gCAAgC;;;;;EAwElC"}
+{"version":3,"file":"use-multi-store-checkout-fees.d.ts","sourceRoot":"","sources":["../../src/hooks/use-multi-store-checkout-fees.ts"],"names":[],"mappings":"AAUA,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,gCAAgC;IAC/C,MAAM,EAAE,kBAAkB,EAAE,CAAC;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAqDD;;;;;;GAMG;AACH,wBAAgB,yBAAyB,CAAC,EACxC,MAAM,EACN,QAAQ,EACR,UAAgB,EAChB,OAAO,GACR,EAAE,gCAAgC;;;;;EAwElC"}

package/dist/hooks/use-multi-store-checkout-fees.js

@@ -1,6 +1,6 @@
 'use client';
 import { useEffect, useMemo, useRef, useState } from 'react';
-import { EMPTY_CHECKOUT_FEE_BREAKDOWN, feesService, } from '../lib/services/fees.service.js';
+import { EMPTY_CHECKOUT_FEE_BREAKDOWN, feesService, } from '../lib/services/fees.service';
 function sumFeeBreakdowns(breakdowns) {
     if (breakdowns.length === 0)
         return EMPTY_CHECKOUT_FEE_BREAKDOWN;

package/dist/hooks/use-navigation-loading.js

@@ -1,7 +1,7 @@
 'use client';
 import { useCallback } from 'react';
 import { useRouter } from 'next/navigation';
-import { useLoading } from '../lib/loading-context.js';
+import { useLoading } from '../lib/loading-context';
 export function useNavigationLoading() {
     const router = useRouter();
     const { startPageLoading, stopPageLoading } = useLoading();

package/dist/hooks/use-payaza-checkout.d.ts

@@ -1,6 +1,6 @@
 import { PayazaCheckoutConfig, PayazaCheckoutResponse } from '../lib/payaza-checkout';
 interface UsePayazaCheckoutOptions {
-    /** Fallback only — prefer `publicKey` on each checkout config (backend currency-resolved key). */
+    /** Deprecated — pass `publicKey` on each checkout call (backend currency-resolved key). */
     publicKey?: string;
     onSuccess?: (response: PayazaCheckoutResponse) => void;
     onError?: (error: string) => void;

package/dist/hooks/use-payaza-checkout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-payaza-checkout.d.ts","sourceRoot":"","sources":["../../src/hooks/use-payaza-checkout.ts"],"names":[],"mappings":"AAGA,OAAO,EAA0B,oBAAoB,EAAE,sBAAsB,EAA6B,MAAM,uBAAuB,CAAC;AAGxI,UAAU,wBAAwB;IAChC,kGAAkG;IAClG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACvD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,SAAc,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,wBAAwB;uBAiBzE,IAAI,CAAC,oBAAoB,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,CAAC;;;EA8GhG"}
+{"version":3,"file":"use-payaza-checkout.d.ts","sourceRoot":"","sources":["../../src/hooks/use-payaza-checkout.ts"],"names":[],"mappings":"AAGA,OAAO,EAA0B,oBAAoB,EAAE,sBAAsB,EAA6B,MAAM,uBAAuB,CAAC;AAGxI,UAAU,wBAAwB;IAChC,2FAA2F;IAC3F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACvD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,SAAc,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,wBAAwB;uBAiBzE,IAAI,CAAC,oBAAoB,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,CAAC;;;EAoHhG"}

package/dist/hooks/use-payaza-checkout.js

@@ -1,7 +1,7 @@
 'use client';
 import { useState, useRef, useEffect } from 'react';
-import { initiatePayazaCheckout, teardownPayazaCheckoutDom } from '../lib/payaza-checkout.js';
-import { orderService } from '../lib/services/order.service.js';
+import { initiatePayazaCheckout, teardownPayazaCheckoutDom } from '../lib/payaza-checkout';
+import { orderService } from '../lib/services/order.service';
 export function usePayazaCheckout({ publicKey = '', onSuccess, onError, onClose }) {
     const [isLoading, setIsLoading] = useState(false);
     const [error, setError] = useState(null);
@@ -18,7 +18,13 @@ export function usePayazaCheckout({ publicKey = '', onSuccess, onError, onClose
         };
     }, []);
     const checkout = async (config) => {
-        const resolvedPublicKey = config.publicKey || publicKey;
+        const resolvedPublicKey = (config.publicKey || publicKey)?.trim();
+        if (!resolvedPublicKey) {
+            const message = 'Payment gateway not configured for this currency. Please contact support.';
+            setError(message);
+            onError?.(message);
+            return;
+        }
         setIsLoading(true);
         setError(null);
         let callbackFired = false;

package/dist/hooks/use-product-brands.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Full-catalog brand list for filter sidebars (not derived from the current page only).
+ */
+export declare function useProductBrands(storeId: string, fallback?: string[]): string[];
+//# sourceMappingURL=use-product-brands.d.ts.map

package/dist/hooks/use-product-brands.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-product-brands.d.ts","sourceRoot":"","sources":["../../src/hooks/use-product-brands.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,GAAE,MAAM,EAAO,YAkBxE"}

package/dist/hooks/use-product-brands.js

@@ -0,0 +1,25 @@
+'use client';
+import { useEffect, useState } from 'react';
+import { productService } from '../lib/services/product.service';
+/**
+ * Full-catalog brand list for filter sidebars (not derived from the current page only).
+ */
+export function useProductBrands(storeId, fallback = []) {
+    const [brands, setBrands] = useState(fallback);
+    useEffect(() => {
+        if (!storeId)
+            return;
+        let cancelled = false;
+        productService
+            .getProductBrands(storeId)
+            .then((next) => {
+            if (!cancelled && next.length > 0)
+                setBrands(next);
+        })
+            .catch((error) => console.error('Failed to load product brands:', error));
+        return () => {
+            cancelled = true;
+        };
+    }, [storeId]);
+    return brands;
+}

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

@@ -0,0 +1,7 @@
+import type { StoreProduct } from '../lib/store-types';
+export declare function useProductBySlug(storeId: string, slug: string, initialProduct?: StoreProduct): {
+    product: StoreProduct;
+    relatedProducts: StoreProduct[];
+    isLoading: boolean;
+};
+//# sourceMappingURL=use-product-by-slug.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,38 @@
+'use client';
+import { useEffect, useState } from 'react';
+import { productService } from '../lib/services/product.service';
+import { transformProductToStoreProduct } from '../lib/store-config-utils';
+export function useProductBySlug(storeId, slug, initialProduct) {
+    const [product, setProduct] = useState(initialProduct);
+    const [relatedProducts, setRelatedProducts] = useState([]);
+    const [isLoading, setIsLoading] = useState(!initialProduct);
+    useEffect(() => {
+        if (initialProduct) {
+            setProduct(initialProduct);
+            setIsLoading(false);
+            return;
+        }
+        let cancelled = false;
+        setIsLoading(true);
+        productService
+            .getProductBySlug(slug, storeId)
+            .then(({ product: apiProduct, relatedProducts: apiRelatedProducts }) => {
+            if (cancelled)
+                return;
+            setProduct(transformProductToStoreProduct(apiProduct));
+            setRelatedProducts(apiRelatedProducts.map(transformProductToStoreProduct));
+        })
+            .catch((error) => {
+            if (!cancelled)
+                console.error('Failed to load product:', error);
+        })
+            .finally(() => {
+            if (!cancelled)
+                setIsLoading(false);
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [initialProduct, slug, storeId]);
+    return { product, relatedProducts, isLoading };
+}

package/dist/hooks/use-product-reviews.d.ts

@@ -0,0 +1,15 @@
+import type { ProductReview } from '../lib/store-types';
+import { type Review } from '../lib/services/review.service';
+export declare function mapApiReviewToProductReview(review: Review): ProductReview;
+export declare function useProductReviews(productId?: string | null): {
+    reviews: ProductReview[];
+    isLoading: boolean;
+    isSubmitting: boolean;
+    refresh: () => Promise<void>;
+    submitReview: (input: {
+        rating: number;
+        title?: string;
+        comment?: string;
+    }) => Promise<void>;
+};
+//# sourceMappingURL=use-product-reviews.d.ts.map

package/dist/hooks/use-product-reviews.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-product-reviews.d.ts","sourceRoot":"","sources":["../../src/hooks/use-product-reviews.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAiB,KAAK,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAc5E,wBAAgB,2BAA2B,CAAC,MAAM,EAAE,MAAM,GAAG,aAAa,CAezE;AAED,wBAAgB,iBAAiB,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI;;;;;0BA0BzC;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE;EAkBrE"}

package/dist/hooks/use-product-reviews.js

@@ -0,0 +1,75 @@
+'use client';
+import { useCallback, useEffect, useState } from 'react';
+import { reviewService } from '../lib/services/review.service';
+function customerDisplayName(customer) {
+    if (!customer || typeof customer !== 'object')
+        return 'Customer';
+    const first = typeof customer.firstName === 'string' ? customer.firstName.trim() : '';
+    const last = typeof customer.lastName === 'string' ? customer.lastName.trim() : '';
+    if (first && last)
+        return `${first} ${last.charAt(0)}.`;
+    if (first)
+        return first;
+    if (typeof customer.email === 'string' && customer.email.includes('@')) {
+        return customer.email.split('@')[0] || 'Customer';
+    }
+    return 'Customer';
+}
+export function mapApiReviewToProductReview(review) {
+    const rawComment = typeof review.comment === 'string' ? review.comment.trim() : '';
+    const [maybeTitle, ...rest] = rawComment.split(/\n\n+/);
+    const hasSplitTitle = rest.length > 0 && maybeTitle.length > 0 && maybeTitle.length <= 120;
+    return {
+        id: review.id,
+        userId: review.customerId,
+        userName: customerDisplayName(review.customer),
+        userAvatar: typeof review.customer?.avatar === 'string' ? review.customer.avatar : undefined,
+        rating: Number(review.rating) || 0,
+        title: hasSplitTitle ? maybeTitle : undefined,
+        comment: hasSplitTitle ? rest.join('\n\n') : rawComment,
+        date: review.createdAt,
+        verified: Boolean(review.isVerified),
+    };
+}
+export function useProductReviews(productId) {
+    const [reviews, setReviews] = useState([]);
+    const [isLoading, setIsLoading] = useState(false);
+    const [isSubmitting, setIsSubmitting] = useState(false);
+    const refresh = useCallback(async () => {
+        if (!productId) {
+            setReviews([]);
+            return;
+        }
+        setIsLoading(true);
+        try {
+            const page = await reviewService.getProductReviews(productId, 1, 50);
+            setReviews((page.data || []).map(mapApiReviewToProductReview));
+        }
+        catch {
+            setReviews([]);
+        }
+        finally {
+            setIsLoading(false);
+        }
+    }, [productId]);
+    useEffect(() => {
+        void refresh();
+    }, [refresh]);
+    const submitReview = useCallback(async (input) => {
+        if (!productId)
+            throw new Error('Product is required');
+        setIsSubmitting(true);
+        try {
+            await reviewService.createReview(productId, {
+                rating: Math.round(input.rating),
+                title: input.title,
+                comment: input.comment,
+            });
+            await refresh();
+        }
+        finally {
+            setIsSubmitting(false);
+        }
+    }, [productId, refresh]);
+    return { reviews, isLoading, isSubmitting, refresh, submitReview };
+}

package/dist/hooks/use-product-variation-selection.d.ts

@@ -9,16 +9,10 @@ export declare function useProductVariationSelection(variants?: StoreProductVari
     setSelectedSize: (value: string) => void;
     matchingVariation: {
         id: string;
-        name?: string;
-        value?: string;
-        attributes?: Record<string, string>;
+        name: string;
+        value: string;
         price?: number;
-        compareAtPrice?: number;
         sku?: string;
-        stock?: number;
-        inStock?: boolean;
-        isActive?: boolean;
-        images?: string[];
     };
     hasVariations: boolean;
     /** True when the shopper picked at least one option; empty → use main product. */

package/dist/hooks/use-product-variation-selection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-product-variation-selection.d.ts","sourceRoot":"","sources":["../../src/hooks/use-product-variation-selection.ts"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,+BAA+B,CAAC;AAEvC,wBAAgB,4BAA4B,CAAC,QAAQ,CAAC,EAAE,mBAAmB,EAAE;;;wBAYpC,MAAM,SAAS,MAAM;;;8BA8ChC,MAAM;6BACP,MAAM;;;;;;;;;;;;;;;IAG/B,kFAAkF;;;EAIrF"}
+{"version":3,"file":"use-product-variation-selection.d.ts","sourceRoot":"","sources":["../../src/hooks/use-product-variation-selection.ts"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,+BAA+B,CAAC;AAEvC,wBAAgB,4BAA4B,CAAC,QAAQ,CAAC,EAAE,mBAAmB,EAAE;;;wBAYpC,MAAM,SAAS,MAAM;;;8BA8ChC,MAAM;6BACP,MAAM;;;;;;;;;IAG/B,kFAAkF;;;EAIrF"}

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

@@ -1,6 +1,6 @@
 'use client';
 import { useCallback, useEffect, useMemo, useState } from 'react';
-import { getVariationOptionGroups, } from '../lib/product-variation-utils.js';
+import { getVariationOptionGroups, } from '../lib/product-variation-utils';
 export function useProductVariationSelection(variants) {
     const optionGroups = useMemo(() => getVariationOptionGroups(variants), [variants]);
     const [selectedAttributes, setSelectedAttributes] = useState({});

package/dist/hooks/use-products-api.js

@@ -1,7 +1,7 @@
 import { useState, useEffect, useCallback } from 'react';
-import { productService } from '../lib/services/product.service.js';
-import { shouldUseAPI } from '../lib/utils/demo-detection.js';
-import { useLoading } from '../lib/loading-context.js';
+import { productService } from '../lib/services/product.service';
+import { shouldUseAPI } from '../lib/utils/demo-detection';
+import { useLoading } from '../lib/loading-context';
 /**
  * Hook to fetch products from API or use mock data for demo stores
  */

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

@@ -1,7 +1,7 @@
 'use client';
 import { useState, useEffect, useCallback } from 'react';
-import { shippingService } from '../lib/services/shipping.service.js';
-import { EMPTY_SHIPPING_QUOTE_ADDRESS, canRequestShippingQuote, buildShippingCalculatePayload, } from '../lib/shipping-address.util.js';
+import { shippingService } from '../lib/services/shipping.service';
+import { EMPTY_SHIPPING_QUOTE_ADDRESS, canRequestShippingQuote, buildShippingCalculatePayload, } from '../lib/shipping-address.util';
 export function useShippingQuote({ storeId, productId, productPrice, currency, quantity, enabled = true, customerInfo, initialAddress, }) {
     const [address, setAddress] = useState({
         ...EMPTY_SHIPPING_QUOTE_ADDRESS,

package/dist/hooks/use-store-api.js

@@ -1,8 +1,8 @@
 import { useEffect, useState } from 'react';
-import { storeService } from '../lib/services/store.service.js';
-import { shouldUseAPI, getBaseStoreSlug } from '../lib/utils/demo-detection.js';
-import { getStoreConfig } from '../lib/store-config.js';
-import { useLoading } from '../lib/loading-context.js';
+import { storeService } from '../lib/services/store.service';
+import { shouldUseAPI, getBaseStoreSlug } from '../lib/utils/demo-detection';
+import { getStoreConfig } from '../lib/store-config';
+import { useLoading } from '../lib/loading-context';
 /**
  * Hook to fetch store data from API or use mock data for demo stores
  */

package/dist/hooks/usePreviewSlideSync.js

@@ -1,6 +1,6 @@
 'use client';
 import { useEffect } from 'react';
-import { PREVIEW_MSG } from '../preview/canvas/preview-messages.js';
+import { PREVIEW_MSG } from '../preview/canvas/preview-messages';
 /**
  * Syncs hero carousel index when the template editor selects a slide in the inspector.
  */