@cimplify/sdk 0.17.0 → 0.19.0

package/dist/react.js

@@ -1,9 +1,9 @@
 "use client";
 'use strict';
 
-var chunkOITG2SEN_js = require('./chunk-OITG2SEN.js');
-var chunkREPTMTQ4_js = require('./chunk-REPTMTQ4.js');
-var chunkJ65U5SED_js = require('./chunk-J65U5SED.js');
+var chunkB2RTVYJR_js = require('./chunk-B2RTVYJR.js');
+var chunk6SRY4DPY_js = require('./chunk-6SRY4DPY.js');
+var chunkRYQ5IPWX_js = require('./chunk-RYQ5IPWX.js');
 var React3 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var numberField = require('@base-ui/react/number-field');
@@ -447,13 +447,13 @@ function buildLineKey(productId, options) {
   return parts.join("|");
 }
 function calculateLineSubtotal(item) {
-  let unitPrice = chunkJ65U5SED_js.parsePrice(item.product.default_price);
+  let unitPrice = chunkRYQ5IPWX_js.parsePrice(item.product.default_price);
   if (item.variant?.price_adjustment) {
-    unitPrice += chunkJ65U5SED_js.parsePrice(item.variant.price_adjustment);
+    unitPrice += chunkRYQ5IPWX_js.parsePrice(item.variant.price_adjustment);
   }
   for (const option of item.addOnOptions || []) {
     if (option.default_price) {
-      unitPrice += chunkJ65U5SED_js.parsePrice(option.default_price);
+      unitPrice += chunkRYQ5IPWX_js.parsePrice(option.default_price);
     }
   }
   return roundMoney(unitPrice * item.quantity);
@@ -1011,7 +1011,7 @@ var DEFAULT_COUNTRY = "US";
 function createDefaultClient() {
   const processRef = globalThis.process;
   const envPublicKey = processRef?.env?.NEXT_PUBLIC_CIMPLIFY_PUBLIC_KEY || "";
-  return chunkOITG2SEN_js.createCimplifyClient({ publicKey: envPublicKey });
+  return chunkB2RTVYJR_js.createCimplifyClient({ publicKey: envPublicKey });
 }
 function getStoredLocationId() {
   if (typeof window === "undefined" || !window.localStorage) {
@@ -1094,7 +1094,7 @@ function CimplifyProvider({
   const setDisplayCurrency = React3.useCallback(
     (currency) => {
       const normalized = currency?.trim().toUpperCase() || null;
-      if (normalized && !chunkJ65U5SED_js.isSupportedCurrency(normalized)) {
+      if (normalized && !chunkRYQ5IPWX_js.isSupportedCurrency(normalized)) {
         return;
       }
       setDisplayCurrencyOverride(normalized);
@@ -1656,7 +1656,7 @@ function Price({ amount, className, prefix }) {
   const { displayCurrency, convertPrice } = useCimplify();
   return /* @__PURE__ */ jsxRuntime.jsxs("span", { className, children: [
     prefix,
-    chunkJ65U5SED_js.formatPrice(convertPrice(amount), displayCurrency)
+    chunkRYQ5IPWX_js.formatPrice(convertPrice(amount), displayCurrency)
   ] });
 }
 var productsCache = /* @__PURE__ */ new Map();
@@ -1666,7 +1666,6 @@ function buildProductsCacheKey(client, locationId, options) {
     client.getPublicKey(),
     locationId ?? "",
     options.category ?? "",
-    options.collection ?? "",
     options.taxonomy ?? "",
     options.search ?? "",
     options.featured ?? "",
@@ -1677,7 +1676,8 @@ function buildProductsCacheKey(client, locationId, options) {
     options.in_stock ?? "",
     options.min_price ?? "",
     options.max_price ?? "",
-    options.page ?? ""
+    options.page ?? "",
+    options.properties ? JSON.stringify(options.properties) : ""
   ].join("|");
 }
 function useProducts(options = {}) {
@@ -1694,7 +1694,6 @@ function useProducts(options = {}) {
   const queryOptions = React3.useMemo(
     () => ({
       category: options.category,
-      collection: options.collection,
       taxonomy: options.taxonomy,
       search: options.search,
       featured: options.featured,
@@ -1705,11 +1704,11 @@ function useProducts(options = {}) {
       in_stock: options.in_stock,
       min_price: options.min_price,
       max_price: options.max_price,
-      page: options.page
+      page: options.page,
+      properties: options.properties
     }),
     [
       options.category,
-      options.collection,
       options.taxonomy,
       options.search,
       options.featured,
@@ -1720,7 +1719,8 @@ function useProducts(options = {}) {
       options.in_stock,
       options.min_price,
       options.max_price,
-      options.page
+      options.page,
+      options.properties
     ]
   );
   const cacheKey = React3.useMemo(
@@ -2421,6 +2421,7 @@ function useSearch(options = {}) {
   const [error, setError] = React3.useState(null);
   const requestIdRef = React3.useRef(0);
   const timerRef = React3.useRef(null);
+  const tagsSignature = options.tags?.join(",") ?? "";
   React3.useEffect(() => {
     if (timerRef.current) {
       clearTimeout(timerRef.current);
@@ -2441,7 +2442,15 @@ function useSearch(options = {}) {
         try {
           const result = await client.catalogue.searchProducts(trimmedQuery, {
             limit,
-            category: options.category
+            category: options.category,
+            taxonomy: options.taxonomy,
+            tags: options.tags,
+            featured: options.featured,
+            in_stock: options.in_stock,
+            min_price: options.min_price,
+            max_price: options.max_price,
+            sort_by: options.sort_by,
+            sort_order: options.sort_order
           });
           if (!result.ok) {
             throw result.error;
@@ -2467,7 +2476,7 @@ function useSearch(options = {}) {
         timerRef.current = null;
       }
     };
-  }, [client, debounceMs, limit, minLength, options.category, query]);
+  }, [client, debounceMs, limit, minLength, options.category, options.taxonomy, tagsSignature, options.featured, options.in_stock, options.min_price, options.max_price, options.sort_by, options.sort_order, query]);
   const setQuery = React3.useCallback((nextQuery) => {
     setQueryState(nextQuery);
   }, []);
@@ -3490,16 +3499,16 @@ function useProductPrice(input) {
     if (bundleTotalPrice != null) {
       unitPrice = bundleTotalPrice;
     } else if (compositePrice) {
-      unitPrice = chunkJ65U5SED_js.parsePrice(compositePrice.final_price);
+      unitPrice = chunkRYQ5IPWX_js.parsePrice(compositePrice.final_price);
     } else {
-      unitPrice = chunkJ65U5SED_js.parsePrice(product.default_price);
+      unitPrice = chunkRYQ5IPWX_js.parsePrice(product.default_price);
       if (variant?.price_adjustment) {
-        unitPrice += chunkJ65U5SED_js.parsePrice(variant.price_adjustment);
+        unitPrice += chunkRYQ5IPWX_js.parsePrice(variant.price_adjustment);
       }
       if (addOnOptions) {
         for (const option of addOnOptions) {
           if (option.default_price) {
-            unitPrice += chunkJ65U5SED_js.parsePrice(option.default_price);
+            unitPrice += chunkRYQ5IPWX_js.parsePrice(option.default_price);
           }
         }
       }
@@ -4060,19 +4069,19 @@ function AuthElement({
   }, [onReady, onAuthenticated, onRequiresOtp, onError]);
   React3.useEffect(() => {
     if (!elements || !containerRef.current) return;
-    const element = elements.create(chunkREPTMTQ4_js.ELEMENT_TYPES.AUTH, { prefillEmail });
+    const element = elements.create(chunk6SRY4DPY_js.ELEMENT_TYPES.AUTH, { prefillEmail });
     elementRef.current = element;
-    element.on(chunkREPTMTQ4_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
+    element.on(chunk6SRY4DPY_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
     element.on(
-      chunkREPTMTQ4_js.EVENT_TYPES.AUTHENTICATED,
+      chunk6SRY4DPY_js.EVENT_TYPES.AUTHENTICATED,
       (data) => onAuthenticatedRef.current?.(data)
     );
     element.on(
-      chunkREPTMTQ4_js.EVENT_TYPES.REQUIRES_OTP,
+      chunk6SRY4DPY_js.EVENT_TYPES.REQUIRES_OTP,
       (data) => onRequiresOtpRef.current?.(data)
     );
     element.on(
-      chunkREPTMTQ4_js.EVENT_TYPES.ERROR,
+      chunk6SRY4DPY_js.EVENT_TYPES.ERROR,
       (data) => onErrorRef.current?.(data)
     );
     element.mount(containerRef.current);
@@ -4101,15 +4110,15 @@ function AddressElement({
   }, [onReady, onChange, onError]);
   React3.useEffect(() => {
     if (!elements || !containerRef.current) return;
-    const element = elements.create(chunkREPTMTQ4_js.ELEMENT_TYPES.ADDRESS, { mode });
+    const element = elements.create(chunk6SRY4DPY_js.ELEMENT_TYPES.ADDRESS, { mode });
     elementRef.current = element;
-    element.on(chunkREPTMTQ4_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
+    element.on(chunk6SRY4DPY_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
     element.on(
-      chunkREPTMTQ4_js.EVENT_TYPES.CHANGE,
+      chunk6SRY4DPY_js.EVENT_TYPES.CHANGE,
       (data) => onChangeRef.current?.(data)
     );
     element.on(
-      chunkREPTMTQ4_js.EVENT_TYPES.ERROR,
+      chunk6SRY4DPY_js.EVENT_TYPES.ERROR,
       (data) => onErrorRef.current?.(data)
     );
     element.mount(containerRef.current);
@@ -4139,15 +4148,15 @@ function PaymentElement({
   }, [onReady, onChange, onError]);
   React3.useEffect(() => {
     if (!elements || !containerRef.current) return;
-    const element = elements.create(chunkREPTMTQ4_js.ELEMENT_TYPES.PAYMENT, { amount, currency });
+    const element = elements.create(chunk6SRY4DPY_js.ELEMENT_TYPES.PAYMENT, { amount, currency });
     elementRef.current = element;
-    element.on(chunkREPTMTQ4_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
+    element.on(chunk6SRY4DPY_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
     element.on(
-      chunkREPTMTQ4_js.EVENT_TYPES.CHANGE,
+      chunk6SRY4DPY_js.EVENT_TYPES.CHANGE,
       (data) => onChangeRef.current?.(data)
     );
     element.on(
-      chunkREPTMTQ4_js.EVENT_TYPES.ERROR,
+      chunk6SRY4DPY_js.EVENT_TYPES.ERROR,
       (data) => onErrorRef.current?.(data)
     );
     element.mount(containerRef.current);
@@ -4306,7 +4315,7 @@ function VariantSelector({
   if (!variants || variants.length <= 1) {
     return null;
   }
-  basePrice != null ? chunkJ65U5SED_js.parsePrice(basePrice) : 0;
+  basePrice != null ? chunkRYQ5IPWX_js.parsePrice(basePrice) : 0;
   if (variantAxes && variantAxes.length > 0) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-variant-selector": true, className: cn("space-y-5", className, classNames?.root), children: variantAxes.map((axis) => {
       const labelId = `${idPrefix}-axis-${axis.id}`;
@@ -4382,7 +4391,7 @@ function VariantSelector({
         className: cn("divide-y divide-border", classNames?.list),
         children: variants.map((variant) => {
           const isSelected = selectedVariantId === variant.id;
-          const adjustment = chunkJ65U5SED_js.parsePrice(variant.price_adjustment);
+          const adjustment = chunkRYQ5IPWX_js.parsePrice(variant.price_adjustment);
           return /* @__PURE__ */ jsxRuntime.jsxs(
             radio.Radio.Root,
             {
@@ -4410,7 +4419,7 @@ function VariantSelector({
                   {
                     "data-cimplify-variant-name": true,
                     className: cn("flex-1 min-w-0 text-sm", classNames?.name),
-                    children: chunkOITG2SEN_js.getVariantDisplayName(variant, productName)
+                    children: chunkB2RTVYJR_js.getVariantDisplayName(variant, productName)
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-cimplify-variant-pricing": true, className: cn("text-sm text-muted-foreground", classNames?.pricing), children: [
@@ -4648,16 +4657,16 @@ function BundleSelector({
   }, [components, selections, onReady]);
   const totalPrice = React3.useMemo(() => {
     if (pricingType === "fixed" && bundlePrice) {
-      return chunkJ65U5SED_js.parsePrice(bundlePrice);
+      return chunkRYQ5IPWX_js.parsePrice(bundlePrice);
     }
     const componentsTotal = components.reduce((sum, comp) => {
       return sum + getComponentPrice(comp, variantChoices[comp.id]) * comp.quantity;
     }, 0);
     if (pricingType === "percentage_discount" && discountValue) {
-      return componentsTotal * (1 - chunkJ65U5SED_js.parsePrice(discountValue) / 100);
+      return componentsTotal * (1 - chunkRYQ5IPWX_js.parsePrice(discountValue) / 100);
     }
     if (pricingType === "fixed_discount" && discountValue) {
-      return componentsTotal - chunkJ65U5SED_js.parsePrice(discountValue);
+      return componentsTotal - chunkRYQ5IPWX_js.parsePrice(discountValue);
     }
     return componentsTotal;
   }, [components, variantChoices, pricingType, bundlePrice, discountValue]);
@@ -4718,15 +4727,15 @@ function BundleSelector({
 }
 function getComponentPrice(component, selectedVariantId) {
   if (!selectedVariantId || component.available_variants.length === 0) {
-    return chunkJ65U5SED_js.parsePrice(component.effective_price);
+    return chunkRYQ5IPWX_js.parsePrice(component.effective_price);
   }
   if (selectedVariantId === component.variant_id) {
-    return chunkJ65U5SED_js.parsePrice(component.effective_price);
+    return chunkRYQ5IPWX_js.parsePrice(component.effective_price);
   }
   const bakedAdj = component.variant_id ? component.available_variants.find((v) => v.id === component.variant_id) : void 0;
   const selectedAdj = component.available_variants.find((v) => v.id === selectedVariantId);
-  if (!selectedAdj) return chunkJ65U5SED_js.parsePrice(component.effective_price);
-  return chunkJ65U5SED_js.parsePrice(component.effective_price) - chunkJ65U5SED_js.parsePrice(bakedAdj?.price_adjustment ?? "0") + chunkJ65U5SED_js.parsePrice(selectedAdj.price_adjustment);
+  if (!selectedAdj) return chunkRYQ5IPWX_js.parsePrice(component.effective_price);
+  return chunkRYQ5IPWX_js.parsePrice(component.effective_price) - chunkRYQ5IPWX_js.parsePrice(bakedAdj?.price_adjustment ?? "0") + chunkRYQ5IPWX_js.parsePrice(selectedAdj.price_adjustment);
 }
 function BundleComponentCard({
   component,
@@ -4791,7 +4800,7 @@ function BundleComponentCard({
             className: cn("mt-3 divide-y divide-border", classNames?.variantPicker),
             children: component.available_variants.map((variant) => {
               const isSelected = selectedVariantId === variant.id;
-              const adjustment = chunkJ65U5SED_js.parsePrice(variant.price_adjustment);
+              const adjustment = chunkRYQ5IPWX_js.parsePrice(variant.price_adjustment);
               return /* @__PURE__ */ jsxRuntime.jsxs(
                 radio.Radio.Root,
                 {
@@ -5204,7 +5213,7 @@ function CompositeSelector({
         "data-cimplify-composite-summary": true,
         className: cn("border-t border-border pt-4 space-y-1 text-sm", classNames?.summary),
         children: [
-          chunkJ65U5SED_js.parsePrice(priceResult.base_price) !== 0 && /* @__PURE__ */ jsxRuntime.jsxs(
+          chunkRYQ5IPWX_js.parsePrice(priceResult.base_price) !== 0 && /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
               "data-cimplify-composite-summary-line": true,
@@ -5215,7 +5224,7 @@ function CompositeSelector({
               ]
             }
           ),
-          chunkJ65U5SED_js.parsePrice(priceResult.components_total) !== 0 && /* @__PURE__ */ jsxRuntime.jsxs(
+          chunkRYQ5IPWX_js.parsePrice(priceResult.components_total) !== 0 && /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
               "data-cimplify-composite-summary-line": true,
@@ -5315,18 +5324,18 @@ function ProductCustomizer({
   }, [selectedAddOnOptionIds]);
   const localTotalPrice = React3.useMemo(() => {
     if (isComposite && compositePrice) {
-      return chunkJ65U5SED_js.parsePrice(compositePrice.final_price) * quantity;
+      return chunkRYQ5IPWX_js.parsePrice(compositePrice.final_price) * quantity;
     }
     if (isBundle && bundleTotalPrice != null) {
       return bundleTotalPrice * quantity;
     }
-    let price = chunkJ65U5SED_js.parsePrice(product.default_price);
+    let price = chunkRYQ5IPWX_js.parsePrice(product.default_price);
     if (selectedVariant?.price_adjustment) {
-      price += chunkJ65U5SED_js.parsePrice(selectedVariant.price_adjustment);
+      price += chunkRYQ5IPWX_js.parsePrice(selectedVariant.price_adjustment);
     }
     for (const option of selectedAddOnOptions) {
       if (option.default_price) {
-        price += chunkJ65U5SED_js.parsePrice(option.default_price);
+        price += chunkRYQ5IPWX_js.parsePrice(option.default_price);
       }
     }
     return price * quantity;
@@ -5367,7 +5376,7 @@ function ProductCustomizer({
     const priceInfo = quote.quoted_total_price_info ?? quote.final_price_info;
     const perUnit = priceInfo.pre_tax_price;
     if (perUnit === void 0 || perUnit === null) return void 0;
-    return chunkJ65U5SED_js.parsePrice(perUnit) * quantity;
+    return chunkRYQ5IPWX_js.parsePrice(perUnit) * quantity;
   }, [quote, quantity]);
   const displayTotalPrice = quotedTotalPrice ?? localTotalPrice;
   const handleVariantChange = React3.useCallback(
@@ -5599,7 +5608,7 @@ function CartLineItemRow({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-cart-item": true, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-cart-item-info": true, children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-cart-item-name": true, children: item.product.name }),
-      item.variant && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-cart-item-variant": true, children: chunkOITG2SEN_js.getVariantDisplayName(item.variant, item.product.name) }),
+      item.variant && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-cart-item-variant": true, children: chunkB2RTVYJR_js.getVariantDisplayName(item.variant, item.product.name) }),
       item.addOnOptions && item.addOnOptions.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-cimplify-cart-item-addons": true, children: [
         "+ ",
         item.addOnOptions.map((opt) => opt.name).join(", ")
@@ -5740,16 +5749,16 @@ function SaleBadge({
   className,
   classNames
 }) {
-  const onSale = chunkJ65U5SED_js.isOnSale(product);
+  const onSale = chunkRYQ5IPWX_js.isOnSale(product);
   const hasDeal = dealInfo !== void 0;
   if (!hasDeal && !onSale && !label) {
     return null;
   }
   let percentage = null;
   if (hasDeal && dealInfo.benefit_type === "percentage") {
-    percentage = chunkJ65U5SED_js.parsePrice(dealInfo.value);
+    percentage = chunkRYQ5IPWX_js.parsePrice(dealInfo.value);
   } else if (onSale) {
-    percentage = chunkJ65U5SED_js.getDiscountPercentage(product);
+    percentage = chunkRYQ5IPWX_js.getDiscountPercentage(product);
   }
   const badgeText = label ?? dealInfo?.label ?? (percentage != null && percentage > 0 ? `${percentage}% off` : null);
   if (!badgeText) {
@@ -5768,7 +5777,7 @@ function SaleBadge({
           "%"
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-sale-label": true, className: classNames?.label, children: badgeText }),
-        showOriginalPrice && onSale && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-sale-original-price": true, className: classNames?.originalPrice, children: /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: chunkJ65U5SED_js.getBasePrice(product) }) })
+        showOriginalPrice && onSale && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-sale-original-price": true, className: classNames?.originalPrice, children: /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: chunkRYQ5IPWX_js.getBasePrice(product) }) })
       ]
     }
   );
@@ -6667,15 +6676,15 @@ function OrderSummary({
       ] }, item.id)
     ) }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-order-totals": true, className: classNames?.totals, children: [
-      order.total_discount != null && chunkJ65U5SED_js.parsePrice(order.total_discount) !== 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-order-discount": true, children: [
+      order.total_discount != null && chunkRYQ5IPWX_js.parsePrice(order.total_discount) !== 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-order-discount": true, children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Discount" }),
         /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: order.total_discount, prefix: "-" })
       ] }),
-      order.service_charge != null && chunkJ65U5SED_js.parsePrice(order.service_charge) !== 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-order-service-charge": true, children: [
+      order.service_charge != null && chunkRYQ5IPWX_js.parsePrice(order.service_charge) !== 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-order-service-charge": true, children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Service charge" }),
         /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: order.service_charge })
       ] }),
-      order.tax != null && chunkJ65U5SED_js.parsePrice(order.tax) !== 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-order-tax": true, children: [
+      order.tax != null && chunkRYQ5IPWX_js.parsePrice(order.tax) !== 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-order-tax": true, children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Tax" }),
         /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: order.tax })
       ] }),
@@ -7550,6 +7559,13 @@ function CataloguePage({
   categories: categoriesProp,
   showFilter = true,
   showSearch = true,
+  showSort = false,
+  showInStockFilter = false,
+  showPriceRange = false,
+  showTagsFilter = false,
+  availableTags,
+  defaultSort,
+  pageSize,
   onProductClick,
   onCategoryClick,
   renderCard,
@@ -7560,30 +7576,36 @@ function CataloguePage({
 }) {
   const [selectedCategoryId, setSelectedCategoryId] = React3.useState(null);
   const [searchQuery, setSearchQuery] = React3.useState("");
-  const { products: fetchedProducts, isLoading: productsLoading } = useProducts({
-    enabled: productsProp === void 0
+  const [sortBy, setSortBy] = React3.useState(defaultSort?.by ?? "name");
+  const [sortOrder, setSortOrder] = React3.useState(defaultSort?.order ?? "asc");
+  const [inStockOnly, setInStockOnly] = React3.useState(false);
+  const [selectedTags, setSelectedTags] = React3.useState([]);
+  const [minPrice, setMinPrice] = React3.useState("");
+  const [maxPrice, setMaxPrice] = React3.useState("");
+  const [page, setPage] = React3.useState(1);
+  const debouncedSearch = useDebounce(searchQuery, 300);
+  const { products: fetchedProducts, isLoading: productsLoading, pagination } = useProducts({
+    enabled: productsProp === void 0,
+    category: selectedCategoryId ?? void 0,
+    search: debouncedSearch.length >= 2 ? debouncedSearch : void 0,
+    sort_by: sortBy,
+    sort_order: sortOrder,
+    in_stock: inStockOnly || void 0,
+    tags: selectedTags.length > 0 ? selectedTags : void 0,
+    min_price: minPrice ? parseFloat(minPrice) : void 0,
+    max_price: maxPrice ? parseFloat(maxPrice) : void 0,
+    page,
+    limit: pageSize
   });
   const { categories: fetchedCategories } = useCategories({
     enabled: showFilter && categoriesProp === void 0
   });
   const allProducts = productsProp ?? fetchedProducts;
   const categories = categoriesProp ?? fetchedCategories;
-  const filteredProducts = React3.useMemo(() => {
-    let result = allProducts;
-    if (selectedCategoryId) {
-      result = result.filter((p) => p.category_id === selectedCategoryId);
-    }
-    if (searchQuery.trim().length >= 2) {
-      const q = searchQuery.trim().toLowerCase();
-      result = result.filter(
-        (p) => p.name.toLowerCase().includes(q) || p.description?.toLowerCase().includes(q)
-      );
-    }
-    return result;
-  }, [allProducts, selectedCategoryId, searchQuery]);
   const handleCategorySelect = React3.useCallback(
     (id) => {
       setSelectedCategoryId(id);
+      setPage(1);
       if (id) {
         const cat = categories.find((c) => c.id === id);
         if (cat) onCategoryClick?.(cat);
@@ -7591,6 +7613,13 @@ function CataloguePage({
     },
     [categories, onCategoryClick]
   );
+  const handleTagToggle = React3.useCallback((tag) => {
+    setSelectedTags(
+      (prev) => prev.includes(tag) ? prev.filter((t) => t !== tag) : [...prev, tag]
+    );
+    setPage(1);
+  }, []);
+  const totalPages = pagination?.total_pages ?? 1;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-catalogue-page": true, className: cn(className, classNames?.root), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-catalogue-header": true, className: classNames?.header, children: [
       /* @__PURE__ */ jsxRuntime.jsx("h1", { "data-cimplify-catalogue-title": true, className: classNames?.title, children: title }),
@@ -7609,6 +7638,92 @@ function CataloguePage({
         onSelect: handleCategorySelect
       }
     ) }),
+    (showSort || showInStockFilter || showPriceRange || showTagsFilter) && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-catalogue-toolbar": true, className: cn("flex flex-wrap items-center gap-3", classNames?.toolbar), children: [
+      showSort && /* @__PURE__ */ jsxRuntime.jsxs(
+        "select",
+        {
+          "data-cimplify-sort": true,
+          value: `${sortBy}:${sortOrder}`,
+          onChange: (e) => {
+            const [by, order] = e.target.value.split(":");
+            setSortBy(by);
+            setSortOrder(order);
+            setPage(1);
+          },
+          className: "rounded-md border border-input bg-background px-3 py-1.5 text-sm",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "name:asc", children: "Name A\u2013Z" }),
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "name:desc", children: "Name Z\u2013A" }),
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "price:asc", children: "Price: Low to High" }),
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "price:desc", children: "Price: High to Low" }),
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "created_at:desc", children: "Newest" }),
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "created_at:asc", children: "Oldest" }),
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "updated_at:desc", children: "Recently Updated" })
+          ]
+        }
+      ),
+      showInStockFilter && /* @__PURE__ */ jsxRuntime.jsxs("label", { "data-cimplify-stock-filter": true, className: "flex items-center gap-1.5 text-sm cursor-pointer", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "checkbox",
+            checked: inStockOnly,
+            onChange: (e) => {
+              setInStockOnly(e.target.checked);
+              setPage(1);
+            },
+            className: "accent-primary"
+          }
+        ),
+        "In stock only"
+      ] }),
+      showPriceRange && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-price-range": true, className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "number",
+            placeholder: "Min",
+            value: minPrice,
+            onChange: (e) => {
+              setMinPrice(e.target.value);
+              setPage(1);
+            },
+            className: "w-20 rounded-md border border-input bg-background px-2 py-1.5 text-sm",
+            min: 0,
+            step: "0.01"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground text-sm", children: "\u2013" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "number",
+            placeholder: "Max",
+            value: maxPrice,
+            onChange: (e) => {
+              setMaxPrice(e.target.value);
+              setPage(1);
+            },
+            className: "w-20 rounded-md border border-input bg-background px-2 py-1.5 text-sm",
+            min: 0,
+            step: "0.01"
+          }
+        )
+      ] }),
+      showTagsFilter && availableTags && availableTags.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-tags-filter": true, className: "flex flex-wrap gap-1.5", children: availableTags.map((tag) => /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => handleTagToggle(tag),
+          className: cn(
+            "rounded-full px-3 py-1 text-xs font-medium border transition-colors",
+            selectedTags.includes(tag) ? "bg-primary text-primary-foreground border-primary" : "bg-background text-foreground border-input hover:bg-muted"
+          ),
+          children: tag
+        },
+        tag
+      )) })
+    ] }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-catalogue-grid": true, className: classNames?.gridContainer, children: productsLoading && !productsProp ? /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
@@ -7619,15 +7734,50 @@ function CataloguePage({
     ) : /* @__PURE__ */ jsxRuntime.jsx(
       ProductGrid,
       {
-        products: filteredProducts,
+        products: allProducts,
         renderCard,
         renderImage,
         columns,
         emptyMessage: "No products found"
       }
-    ) })
+    ) }),
+    totalPages > 1 && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-catalogue-pagination": true, className: cn("flex items-center justify-center gap-2 pt-6", classNames?.pagination), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          disabled: page <= 1,
+          onClick: () => setPage((p) => Math.max(1, p - 1)),
+          className: "rounded-md border border-input bg-background px-3 py-1.5 text-sm disabled:opacity-40",
+          children: "Previous"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm text-muted-foreground tabular-nums", children: [
+        page,
+        " / ",
+        totalPages
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          disabled: page >= totalPages,
+          onClick: () => setPage((p) => p + 1),
+          className: "rounded-md border border-input bg-background px-3 py-1.5 text-sm disabled:opacity-40",
+          children: "Next"
+        }
+      )
+    ] })
   ] });
 }
+function useDebounce(value, delay) {
+  const [debounced, setDebounced] = React3__default.default.useState(value);
+  React3__default.default.useEffect(() => {
+    const timer = setTimeout(() => setDebounced(value), delay);
+    return () => clearTimeout(timer);
+  }, [value, delay]);
+  return debounced;
+}
 function ProductPage({
   productId,
   product: productProp,
@@ -8320,7 +8470,7 @@ function BookingsPage({
 
 Object.defineProperty(exports, "getVariantDisplayName", {
   enumerable: true,
-  get: function () { return chunkOITG2SEN_js.getVariantDisplayName; }
+  get: function () { return chunkB2RTVYJR_js.getVariantDisplayName; }
 });
 exports.Ad = Ad;
 exports.AdProvider = AdProvider;