@cimplify/sdk 0.9.6 → 0.9.8

package/dist/react.mjs

@@ -793,14 +793,6 @@ var CatalogueQueries = class {
   async getBundles() {
     return safe(this.client.get("/api/v1/catalogue/bundles"));
   }
-  async getBundle(id) {
-    const encodedId = encodeURIComponent(id);
-    return safe(this.client.get(`/api/v1/catalogue/bundles/${encodedId}`));
-  }
-  async getBundleBySlug(slug) {
-    const encodedSlug = encodeURIComponent(slug);
-    return safe(this.client.get(`/api/v1/catalogue/bundles/slug/${encodedSlug}`));
-  }
   async searchBundles(query, limit = 20) {
     const path = withQuery("/api/v1/catalogue/bundles", { search: query, limit });
     return safe(this.client.get(path));
@@ -809,18 +801,6 @@ var CatalogueQueries = class {
     const path = withQuery("/api/v1/catalogue/composites", { limit: options?.limit });
     return safe(this.client.get(path));
   }
-  async getComposite(id) {
-    const encodedId = encodeURIComponent(id);
-    return safe(this.client.get(`/api/v1/catalogue/composites/${encodedId}`));
-  }
-  async getCompositeByProductId(productId) {
-    const encodedId = encodeURIComponent(productId);
-    return safe(
-      this.client.get(
-        `/api/v1/catalogue/composites/by-product/${encodedId}`
-      )
-    );
-  }
   async calculateCompositePrice(compositeId, selections, locationId) {
     const encodedId = encodeURIComponent(compositeId);
     return safe(
@@ -6013,256 +5993,6 @@ function useCollection(idOrSlug, options = {}) {
   }, [cacheKey, load]);
   return { collection, products, isLoading, error, refetch };
 }
-var bundleCache = /* @__PURE__ */ new Map();
-var bundleInflight = /* @__PURE__ */ new Map();
-function isLikelySlug3(value) {
-  return /^[a-z0-9-]+$/.test(value);
-}
-function buildBundleCacheKey(client, locationId, idOrSlug) {
-  return JSON.stringify({
-    key: client.getPublicKey(),
-    location_id: locationId || "__none__",
-    bundle: idOrSlug
-  });
-}
-function useBundle(idOrSlug, options = {}) {
-  const context = useOptionalCimplify();
-  const client = options.client ?? context?.client;
-  if (!client) {
-    throw new Error("useBundle must be used within CimplifyProvider or passed { client }.");
-  }
-  const enabled = options.enabled ?? true;
-  const locationId = client.getLocationId();
-  const previousLocationIdRef = useRef(locationId);
-  const requestIdRef = useRef(0);
-  const normalizedIdOrSlug = useMemo(() => (idOrSlug || "").trim(), [idOrSlug]);
-  const cacheKey = useMemo(
-    () => buildBundleCacheKey(client, locationId, normalizedIdOrSlug),
-    [client, locationId, normalizedIdOrSlug]
-  );
-  const cached = bundleCache.get(cacheKey);
-  const [bundle, setBundle] = useState(cached?.bundle ?? null);
-  const [isLoading, setIsLoading] = useState(
-    enabled && normalizedIdOrSlug.length > 0 && !cached
-  );
-  const [error, setError] = useState(null);
-  useEffect(() => {
-    if (previousLocationIdRef.current !== locationId) {
-      bundleCache.clear();
-      bundleInflight.clear();
-      previousLocationIdRef.current = locationId;
-    }
-  }, [locationId]);
-  const load = useCallback(
-    async (force = false) => {
-      if (!enabled || normalizedIdOrSlug.length === 0) {
-        setBundle(null);
-        setIsLoading(false);
-        return;
-      }
-      const nextRequestId = ++requestIdRef.current;
-      setError(null);
-      if (!force) {
-        const cacheEntry = bundleCache.get(cacheKey);
-        if (cacheEntry) {
-          setBundle(cacheEntry.bundle);
-          setIsLoading(false);
-          return;
-        }
-      }
-      setIsLoading(true);
-      try {
-        const existing = bundleInflight.get(cacheKey);
-        const promise = existing ?? (async () => {
-          const result = isLikelySlug3(normalizedIdOrSlug) ? await client.catalogue.getBundleBySlug(normalizedIdOrSlug) : await client.catalogue.getBundle(normalizedIdOrSlug);
-          if (!result.ok) {
-            throw result.error;
-          }
-          return result.value;
-        })();
-        if (!existing) {
-          bundleInflight.set(cacheKey, promise);
-          promise.finally(() => {
-            bundleInflight.delete(cacheKey);
-          }).catch(() => void 0);
-        }
-        const value = await promise;
-        bundleCache.set(cacheKey, { bundle: value });
-        if (nextRequestId === requestIdRef.current) {
-          setBundle(value);
-          setError(null);
-        }
-      } catch (loadError) {
-        if (nextRequestId === requestIdRef.current) {
-          setError(loadError);
-        }
-      } finally {
-        if (nextRequestId === requestIdRef.current) {
-          setIsLoading(false);
-        }
-      }
-    },
-    [cacheKey, client, enabled, normalizedIdOrSlug]
-  );
-  useEffect(() => {
-    void load(false);
-  }, [load]);
-  const refetch = useCallback(async () => {
-    bundleCache.delete(cacheKey);
-    await load(true);
-  }, [cacheKey, load]);
-  return { bundle, isLoading, error, refetch };
-}
-var compositeCache = /* @__PURE__ */ new Map();
-var compositeInflight = /* @__PURE__ */ new Map();
-function shouldFetchByProductId(idOrProductId, byProductId) {
-  if (typeof byProductId === "boolean") {
-    return byProductId;
-  }
-  return idOrProductId.startsWith("prod_");
-}
-function buildCompositeCacheKey(client, locationId, idOrProductId, byProductId) {
-  return JSON.stringify({
-    key: client.getPublicKey(),
-    location_id: locationId || "__none__",
-    composite: idOrProductId,
-    by_product_id: byProductId
-  });
-}
-function useComposite(idOrProductId, options = {}) {
-  const context = useOptionalCimplify();
-  const client = options.client ?? context?.client;
-  if (!client) {
-    throw new Error("useComposite must be used within CimplifyProvider or passed { client }.");
-  }
-  const enabled = options.enabled ?? true;
-  const locationId = client.getLocationId();
-  const previousLocationIdRef = useRef(locationId);
-  const requestIdRef = useRef(0);
-  const priceRequestIdRef = useRef(0);
-  const normalizedIdOrProductId = useMemo(
-    () => (idOrProductId || "").trim(),
-    [idOrProductId]
-  );
-  const byProductId = useMemo(
-    () => shouldFetchByProductId(normalizedIdOrProductId, options.byProductId),
-    [normalizedIdOrProductId, options.byProductId]
-  );
-  const cacheKey = useMemo(
-    () => buildCompositeCacheKey(client, locationId, normalizedIdOrProductId, byProductId),
-    [byProductId, client, locationId, normalizedIdOrProductId]
-  );
-  const cached = compositeCache.get(cacheKey);
-  const [composite, setComposite] = useState(cached?.composite ?? null);
-  const [isLoading, setIsLoading] = useState(
-    enabled && normalizedIdOrProductId.length > 0 && !cached
-  );
-  const [error, setError] = useState(null);
-  const [priceResult, setPriceResult] = useState(null);
-  const [isPriceLoading, setIsPriceLoading] = useState(false);
-  useEffect(() => {
-    if (previousLocationIdRef.current !== locationId) {
-      compositeCache.clear();
-      compositeInflight.clear();
-      previousLocationIdRef.current = locationId;
-    }
-  }, [locationId]);
-  const load = useCallback(
-    async (force = false) => {
-      if (!enabled || normalizedIdOrProductId.length === 0) {
-        setComposite(null);
-        setPriceResult(null);
-        setIsLoading(false);
-        return;
-      }
-      const nextRequestId = ++requestIdRef.current;
-      setError(null);
-      if (!force) {
-        const cacheEntry = compositeCache.get(cacheKey);
-        if (cacheEntry) {
-          setComposite(cacheEntry.composite);
-          setIsLoading(false);
-          return;
-        }
-      }
-      setIsLoading(true);
-      try {
-        const existing = compositeInflight.get(cacheKey);
-        const promise = existing ?? (async () => {
-          const result = byProductId ? await client.catalogue.getCompositeByProductId(normalizedIdOrProductId) : await client.catalogue.getComposite(normalizedIdOrProductId);
-          if (!result.ok) {
-            throw result.error;
-          }
-          return result.value;
-        })();
-        if (!existing) {
-          compositeInflight.set(cacheKey, promise);
-          promise.finally(() => {
-            compositeInflight.delete(cacheKey);
-          }).catch(() => void 0);
-        }
-        const value = await promise;
-        compositeCache.set(cacheKey, { composite: value });
-        if (nextRequestId === requestIdRef.current) {
-          setComposite(value);
-          setPriceResult(null);
-          setError(null);
-        }
-      } catch (loadError) {
-        if (nextRequestId === requestIdRef.current) {
-          setError(loadError);
-        }
-      } finally {
-        if (nextRequestId === requestIdRef.current) {
-          setIsLoading(false);
-        }
-      }
-    },
-    [byProductId, cacheKey, client, enabled, normalizedIdOrProductId]
-  );
-  useEffect(() => {
-    void load(false);
-  }, [load]);
-  const calculatePrice = useCallback(
-    async (selections, overrideLocationId) => {
-      if (!composite) {
-        return null;
-      }
-      const nextRequestId = ++priceRequestIdRef.current;
-      setIsPriceLoading(true);
-      try {
-        const result = await client.catalogue.calculateCompositePrice(
-          composite.id,
-          selections,
-          overrideLocationId
-        );
-        if (!result.ok) {
-          throw result.error;
-        }
-        if (nextRequestId === priceRequestIdRef.current) {
-          setPriceResult(result.value);
-          setError(null);
-        }
-        return result.value;
-      } catch (loadError) {
-        if (nextRequestId === priceRequestIdRef.current) {
-          setError(loadError);
-        }
-        return null;
-      } finally {
-        if (nextRequestId === priceRequestIdRef.current) {
-          setIsPriceLoading(false);
-        }
-      }
-    },
-    [client, composite]
-  );
-  const refetch = useCallback(async () => {
-    compositeCache.delete(cacheKey);
-    await load(true);
-  }, [cacheKey, load]);
-  return { composite, isLoading, error, refetch, calculatePrice, priceResult, isPriceLoading };
-}
 function useSearch(options = {}) {
   const context = useOptionalCimplify();
   const client = options.client ?? context?.client;
@@ -7016,517 +6746,6 @@ function AddOnSelector({
     ] }, addOn.id);
   }) });
 }
-function CompositeSelector({
-  productId,
-  onSelectionsChange,
-  onPriceChange,
-  onReady,
-  className
-}) {
-  const { composite, isLoading, error, calculatePrice, priceResult, isPriceLoading } = useComposite(productId);
-  const [groupSelections, setGroupSelections] = useState({});
-  const selections = useMemo(() => {
-    const result = [];
-    for (const groupSels of Object.values(groupSelections)) {
-      for (const [componentId, qty] of Object.entries(groupSels)) {
-        if (qty > 0) {
-          result.push({ component_id: componentId, quantity: qty });
-        }
-      }
-    }
-    return result;
-  }, [groupSelections]);
-  useEffect(() => {
-    onSelectionsChange(selections);
-  }, [selections, onSelectionsChange]);
-  useEffect(() => {
-    onPriceChange?.(priceResult);
-  }, [priceResult, onPriceChange]);
-  const allGroupsSatisfied = useMemo(() => {
-    if (!composite) return false;
-    for (const group of composite.groups) {
-      const groupSels = groupSelections[group.id] || {};
-      const totalSelected = Object.values(groupSels).reduce((sum, q) => sum + q, 0);
-      if (totalSelected < group.min_selections) return false;
-    }
-    return true;
-  }, [composite, groupSelections]);
-  useEffect(() => {
-    onReady?.(allGroupsSatisfied);
-  }, [allGroupsSatisfied, onReady]);
-  useEffect(() => {
-    if (allGroupsSatisfied && selections.length > 0) {
-      void calculatePrice(selections);
-    }
-  }, [selections, allGroupsSatisfied, calculatePrice]);
-  const toggleComponent = useCallback(
-    (group, component) => {
-      setGroupSelections((prev) => {
-        const groupSels = { ...prev[group.id] || {} };
-        const currentQty = groupSels[component.id] || 0;
-        if (currentQty > 0) {
-          if (group.min_selections > 0) {
-            const totalOthers = Object.entries(groupSels).filter(([id]) => id !== component.id).reduce((sum, [, q]) => sum + q, 0);
-            if (totalOthers < group.min_selections) {
-              return prev;
-            }
-          }
-          delete groupSels[component.id];
-        } else {
-          const totalSelected = Object.values(groupSels).reduce((sum, q) => sum + q, 0);
-          if (group.max_selections && totalSelected >= group.max_selections) {
-            if (group.max_selections === 1) {
-              return { ...prev, [group.id]: { [component.id]: 1 } };
-            }
-            return prev;
-          }
-          groupSels[component.id] = 1;
-        }
-        return { ...prev, [group.id]: groupSels };
-      });
-    },
-    []
-  );
-  const updateQuantity = useCallback(
-    (group, componentId, delta) => {
-      setGroupSelections((prev) => {
-        const groupSels = { ...prev[group.id] || {} };
-        const current = groupSels[componentId] || 0;
-        const next = Math.max(0, current + delta);
-        if (group.max_quantity_per_component && next > group.max_quantity_per_component) {
-          return prev;
-        }
-        if (next === 0) {
-          delete groupSels[componentId];
-        } else {
-          groupSels[componentId] = next;
-        }
-        return { ...prev, [group.id]: groupSels };
-      });
-    },
-    []
-  );
-  if (isLoading) {
-    return /* @__PURE__ */ jsx("div", { "data-cimplify-composite-selector": true, "data-loading": true, className, children: "Loading options..." });
-  }
-  if (error || !composite) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs("div", { "data-cimplify-composite-selector": true, className, children: [
-    composite.groups.sort((a, b) => a.display_order - b.display_order).map((group) => {
-      const groupSels = groupSelections[group.id] || {};
-      const totalSelected = Object.values(groupSels).reduce((sum, q) => sum + q, 0);
-      const minMet = totalSelected >= group.min_selections;
-      const isSingleSelect = group.max_selections === 1;
-      return /* @__PURE__ */ jsxs("div", { "data-cimplify-composite-group": true, children: [
-        /* @__PURE__ */ jsxs("div", { "data-cimplify-composite-group-header": true, children: [
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsxs("span", { "data-cimplify-composite-group-name": true, children: [
-              group.name,
-              group.min_selections > 0 && /* @__PURE__ */ jsx("span", { "data-cimplify-composite-required": true, children: " *" })
-            ] }),
-            group.description && /* @__PURE__ */ jsx("span", { "data-cimplify-composite-group-description": true, children: group.description }),
-            /* @__PURE__ */ jsx("span", { "data-cimplify-composite-group-constraint": true, children: group.min_selections > 0 && group.max_selections ? `Choose ${group.min_selections}\u2013${group.max_selections}` : group.min_selections > 0 ? `Choose at least ${group.min_selections}` : group.max_selections ? `Choose up to ${group.max_selections}` : "Choose as many as you like" })
-          ] }),
-          !minMet && /* @__PURE__ */ jsx("span", { "data-cimplify-composite-validation": true, children: "Required" })
-        ] }),
-        /* @__PURE__ */ jsx("div", { "data-cimplify-composite-components": true, children: group.components.filter((c) => c.is_available && !c.is_archived).sort((a, b) => a.display_order - b.display_order).map((component) => {
-          const qty = groupSels[component.id] || 0;
-          const isSelected = qty > 0;
-          const displayName = component.display_name || component.product_id || component.id;
-          return /* @__PURE__ */ jsxs(
-            "button",
-            {
-              type: "button",
-              role: isSingleSelect ? "radio" : "checkbox",
-              "aria-checked": isSelected,
-              onClick: () => toggleComponent(group, component),
-              "data-cimplify-composite-component": true,
-              "data-selected": isSelected || void 0,
-              children: [
-                /* @__PURE__ */ jsxs("div", { "data-cimplify-composite-component-info": true, children: [
-                  /* @__PURE__ */ jsx("span", { "data-cimplify-composite-component-name": true, children: displayName }),
-                  component.is_popular && /* @__PURE__ */ jsx("span", { "data-cimplify-composite-badge": "popular", children: "Popular" }),
-                  component.is_premium && /* @__PURE__ */ jsx("span", { "data-cimplify-composite-badge": "premium", children: "Premium" }),
-                  component.display_description && /* @__PURE__ */ jsx("span", { "data-cimplify-composite-component-description": true, children: component.display_description }),
-                  component.calories != null && /* @__PURE__ */ jsxs("span", { "data-cimplify-composite-component-calories": true, children: [
-                    component.calories,
-                    " cal"
-                  ] })
-                ] }),
-                group.allow_quantity && isSelected && /* @__PURE__ */ jsxs(
-                  "span",
-                  {
-                    "data-cimplify-composite-qty": true,
-                    onClick: (e) => e.stopPropagation(),
-                    children: [
-                      /* @__PURE__ */ jsx(
-                        "button",
-                        {
-                          type: "button",
-                          onClick: () => updateQuantity(group, component.id, -1),
-                          "aria-label": `Decrease ${displayName} quantity`,
-                          children: "\u2212"
-                        }
-                      ),
-                      /* @__PURE__ */ jsx("span", { children: qty }),
-                      /* @__PURE__ */ jsx(
-                        "button",
-                        {
-                          type: "button",
-                          onClick: () => updateQuantity(group, component.id, 1),
-                          "aria-label": `Increase ${displayName} quantity`,
-                          children: "+"
-                        }
-                      )
-                    ]
-                  }
-                ),
-                component.price && component.price !== "0" && /* @__PURE__ */ jsx(Price, { amount: component.price, prefix: "+" })
-              ]
-            },
-            component.id
-          );
-        }) })
-      ] }, group.id);
-    }),
-    priceResult && /* @__PURE__ */ jsxs("div", { "data-cimplify-composite-summary": true, children: [
-      priceResult.base_price !== "0" && /* @__PURE__ */ jsxs("div", { "data-cimplify-composite-summary-line": true, children: [
-        /* @__PURE__ */ jsx("span", { children: "Base" }),
-        /* @__PURE__ */ jsx(Price, { amount: priceResult.base_price })
-      ] }),
-      priceResult.components_total !== "0" && /* @__PURE__ */ jsxs("div", { "data-cimplify-composite-summary-line": true, children: [
-        /* @__PURE__ */ jsx("span", { children: "Selections" }),
-        /* @__PURE__ */ jsx(Price, { amount: priceResult.components_total })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { "data-cimplify-composite-summary-total": true, children: [
-        /* @__PURE__ */ jsx("span", { children: "Total" }),
-        /* @__PURE__ */ jsx(Price, { amount: priceResult.final_price })
-      ] })
-    ] }),
-    isPriceLoading && /* @__PURE__ */ jsx("div", { "data-cimplify-composite-calculating": true, children: "Calculating price..." })
-  ] });
-}
-function BundleSelector({
-  bundleIdOrSlug,
-  onSelectionsChange,
-  onReady,
-  className
-}) {
-  const { bundle, isLoading, error } = useBundle(bundleIdOrSlug);
-  const [variantChoices, setVariantChoices] = useState({});
-  useEffect(() => {
-    if (!bundle) return;
-    const defaults = {};
-    for (const comp of bundle.components) {
-      if (comp.component.variant_id) {
-        defaults[comp.component.id] = comp.component.variant_id;
-      } else if (comp.variants.length > 0) {
-        const defaultVariant = comp.variants.find((v) => v.is_default) || comp.variants[0];
-        if (defaultVariant) {
-          defaults[comp.component.id] = defaultVariant.id;
-        }
-      }
-    }
-    setVariantChoices(defaults);
-  }, [bundle]);
-  const selections = useMemo(() => {
-    if (!bundle) return [];
-    return bundle.components.map((comp) => ({
-      component_id: comp.component.id,
-      variant_id: variantChoices[comp.component.id],
-      quantity: comp.component.quantity
-    }));
-  }, [bundle, variantChoices]);
-  useEffect(() => {
-    onSelectionsChange(selections);
-  }, [selections, onSelectionsChange]);
-  useEffect(() => {
-    onReady?.(bundle != null && selections.length > 0);
-  }, [bundle, selections, onReady]);
-  const handleVariantChange = useCallback(
-    (componentId, variantId) => {
-      setVariantChoices((prev) => ({ ...prev, [componentId]: variantId }));
-    },
-    []
-  );
-  if (isLoading) {
-    return /* @__PURE__ */ jsx("div", { "data-cimplify-bundle-selector": true, "data-loading": true, className, children: "Loading bundle..." });
-  }
-  if (error || !bundle) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs("div", { "data-cimplify-bundle-selector": true, className, children: [
-    /* @__PURE__ */ jsx("span", { "data-cimplify-bundle-heading": true, children: "Included in this bundle" }),
-    /* @__PURE__ */ jsx("div", { "data-cimplify-bundle-components": true, children: bundle.components.map((comp) => /* @__PURE__ */ jsx(
-      BundleComponentCard,
-      {
-        data: comp,
-        selectedVariantId: variantChoices[comp.component.id],
-        onVariantChange: (variantId) => handleVariantChange(comp.component.id, variantId)
-      },
-      comp.component.id
-    )) }),
-    bundle.bundle_price && /* @__PURE__ */ jsxs("div", { "data-cimplify-bundle-summary": true, children: [
-      /* @__PURE__ */ jsx("span", { children: "Bundle price" }),
-      /* @__PURE__ */ jsx(Price, { amount: bundle.bundle_price })
-    ] }),
-    bundle.discount_value && /* @__PURE__ */ jsxs("div", { "data-cimplify-bundle-savings": true, children: [
-      /* @__PURE__ */ jsx("span", { children: "You save" }),
-      /* @__PURE__ */ jsx(Price, { amount: bundle.discount_value })
-    ] })
-  ] });
-}
-function BundleComponentCard({
-  data,
-  selectedVariantId,
-  onVariantChange
-}) {
-  const { component, product, variants } = data;
-  const showVariantPicker = component.allow_variant_choice && variants.length > 1;
-  return /* @__PURE__ */ jsxs("div", { "data-cimplify-bundle-component": true, children: [
-    /* @__PURE__ */ jsxs("div", { "data-cimplify-bundle-component-header": true, children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        component.quantity > 1 && /* @__PURE__ */ jsxs("span", { "data-cimplify-bundle-component-qty": true, children: [
-          "\xD7",
-          component.quantity
-        ] }),
-        /* @__PURE__ */ jsx("span", { "data-cimplify-bundle-component-name": true, children: product.name })
-      ] }),
-      /* @__PURE__ */ jsx(Price, { amount: product.default_price })
-    ] }),
-    showVariantPicker && /* @__PURE__ */ jsx("div", { "data-cimplify-bundle-variant-picker": true, children: variants.map((variant) => {
-      const isSelected = selectedVariantId === variant.id;
-      const adjustment = parsePrice(variant.price_adjustment);
-      return /* @__PURE__ */ jsxs(
-        "button",
-        {
-          type: "button",
-          "aria-selected": isSelected,
-          onClick: () => onVariantChange(variant.id),
-          "data-cimplify-bundle-variant-option": true,
-          "data-selected": isSelected || void 0,
-          children: [
-            getVariantDisplayName(variant, product.name),
-            adjustment !== 0 && /* @__PURE__ */ jsxs("span", { "data-cimplify-bundle-variant-adjustment": true, children: [
-              adjustment > 0 ? "+" : "",
-              /* @__PURE__ */ jsx(Price, { amount: variant.price_adjustment })
-            ] })
-          ]
-        },
-        variant.id
-      );
-    }) })
-  ] });
-}
-function ProductCustomizer({
-  product,
-  onAddToCart,
-  className
-}) {
-  const [quantity, setQuantity] = useState(1);
-  const [isAdded, setIsAdded] = useState(false);
-  const [isSubmitting, setIsSubmitting] = useState(false);
-  const [selectedVariantId, setSelectedVariantId] = useState();
-  const [selectedVariant, setSelectedVariant] = useState();
-  const [selectedAddOnOptionIds, setSelectedAddOnOptionIds] = useState([]);
-  const [compositeSelections, setCompositeSelections] = useState([]);
-  const [compositePrice, setCompositePrice] = useState(null);
-  const [compositeReady, setCompositeReady] = useState(false);
-  const [bundleSelections, setBundleSelections] = useState([]);
-  const [bundleReady, setBundleReady] = useState(false);
-  const cart = useCart();
-  const productType = product.type || "product";
-  const isComposite = productType === "composite";
-  const isBundle = productType === "bundle";
-  const isStandard = !isComposite && !isBundle;
-  const hasVariants = isStandard && product.variants && product.variants.length > 0;
-  const hasAddOns = isStandard && product.add_ons && product.add_ons.length > 0;
-  useEffect(() => {
-    setQuantity(1);
-    setIsAdded(false);
-    setIsSubmitting(false);
-    setSelectedVariantId(void 0);
-    setSelectedVariant(void 0);
-    setSelectedAddOnOptionIds([]);
-    setCompositeSelections([]);
-    setCompositePrice(null);
-    setCompositeReady(false);
-    setBundleSelections([]);
-    setBundleReady(false);
-  }, [product.id]);
-  const selectedAddOnOptions = useMemo(() => {
-    if (!product.add_ons) return [];
-    const options = [];
-    for (const addOn of product.add_ons) {
-      for (const option of addOn.options) {
-        if (selectedAddOnOptionIds.includes(option.id)) {
-          options.push(option);
-        }
-      }
-    }
-    return options;
-  }, [product.add_ons, selectedAddOnOptionIds]);
-  const normalizedAddOnOptionIds = useMemo(() => {
-    if (selectedAddOnOptionIds.length === 0) return [];
-    return Array.from(new Set(selectedAddOnOptionIds.map((id) => id.trim()).filter(Boolean))).sort();
-  }, [selectedAddOnOptionIds]);
-  const localTotalPrice = useMemo(() => {
-    if (isComposite && compositePrice) {
-      return parsePrice(compositePrice.final_price) * quantity;
-    }
-    let price = parsePrice(product.default_price);
-    if (selectedVariant?.price_adjustment) {
-      price += parsePrice(selectedVariant.price_adjustment);
-    }
-    for (const option of selectedAddOnOptions) {
-      if (option.default_price) {
-        price += parsePrice(option.default_price);
-      }
-    }
-    return price * quantity;
-  }, [product.default_price, selectedVariant, selectedAddOnOptions, quantity, isComposite, compositePrice]);
-  const requiredAddOnsSatisfied = useMemo(() => {
-    if (!product.add_ons) return true;
-    for (const addOn of product.add_ons) {
-      if (addOn.is_required) {
-        const selectedInGroup = selectedAddOnOptionIds.filter(
-          (id) => addOn.options.some((opt) => opt.id === id)
-        ).length;
-        const minRequired = addOn.min_selections || 1;
-        if (selectedInGroup < minRequired) {
-          return false;
-        }
-      }
-    }
-    return true;
-  }, [product.add_ons, selectedAddOnOptionIds]);
-  const quoteInput = useMemo(
-    () => ({
-      productId: product.id,
-      quantity,
-      variantId: selectedVariantId,
-      addOnOptionIds: normalizedAddOnOptionIds.length > 0 ? normalizedAddOnOptionIds : void 0
-    }),
-    [product.id, quantity, selectedVariantId, normalizedAddOnOptionIds]
-  );
-  const { quote } = useQuote(quoteInput, {
-    enabled: isStandard && requiredAddOnsSatisfied
-  });
-  const quoteId = quote?.quote_id;
-  const quotedTotalPrice = useMemo(() => {
-    if (!quote) return void 0;
-    const quotedTotal = quote.quoted_total_price_info?.final_price ?? quote.final_price_info.final_price;
-    return quotedTotal === void 0 || quotedTotal === null ? void 0 : parsePrice(quotedTotal);
-  }, [quote]);
-  const displayTotalPrice = quotedTotalPrice ?? localTotalPrice;
-  const canAddToCart = useMemo(() => {
-    if (isComposite) return compositeReady;
-    if (isBundle) return bundleReady;
-    return requiredAddOnsSatisfied;
-  }, [isComposite, isBundle, compositeReady, bundleReady, requiredAddOnsSatisfied]);
-  const handleVariantChange = useCallback(
-    (variantId, variant) => {
-      setSelectedVariantId(variantId);
-      setSelectedVariant(variant);
-    },
-    []
-  );
-  const handleAddToCart = async () => {
-    if (isSubmitting) return;
-    setIsSubmitting(true);
-    const options = {
-      variantId: selectedVariantId,
-      variant: selectedVariant ? { id: selectedVariant.id, name: selectedVariant.name || "", price_adjustment: selectedVariant.price_adjustment } : void 0,
-      quoteId,
-      addOnOptionIds: normalizedAddOnOptionIds.length > 0 ? normalizedAddOnOptionIds : void 0,
-      addOnOptions: selectedAddOnOptions.length > 0 ? selectedAddOnOptions.map((opt) => ({
-        id: opt.id,
-        name: opt.name,
-        add_on_id: opt.add_on_id,
-        default_price: opt.default_price
-      })) : void 0,
-      compositeSelections: isComposite && compositeSelections.length > 0 ? compositeSelections : void 0,
-      bundleSelections: isBundle && bundleSelections.length > 0 ? bundleSelections : void 0
-    };
-    try {
-      if (onAddToCart) {
-        await onAddToCart(product, quantity, options);
-      } else {
-        await cart.addItem(product, quantity, options);
-      }
-      setIsAdded(true);
-      setTimeout(() => {
-        setIsAdded(false);
-        setQuantity(1);
-      }, 2e3);
-    } catch {
-    } finally {
-      setIsSubmitting(false);
-    }
-  };
-  return /* @__PURE__ */ jsxs("div", { "data-cimplify-customizer": true, className, children: [
-    isComposite && /* @__PURE__ */ jsx(
-      CompositeSelector,
-      {
-        productId: product.id,
-        onSelectionsChange: setCompositeSelections,
-        onPriceChange: setCompositePrice,
-        onReady: setCompositeReady
-      }
-    ),
-    isBundle && /* @__PURE__ */ jsx(
-      BundleSelector,
-      {
-        bundleIdOrSlug: product.slug,
-        onSelectionsChange: setBundleSelections,
-        onReady: setBundleReady
-      }
-    ),
-    hasVariants && /* @__PURE__ */ jsx(
-      VariantSelector,
-      {
-        variants: product.variants,
-        variantAxes: product.variant_axes,
-        basePrice: product.default_price,
-        selectedVariantId,
-        onVariantChange: handleVariantChange
-      }
-    ),
-    hasAddOns && /* @__PURE__ */ jsx(
-      AddOnSelector,
-      {
-        addOns: product.add_ons,
-        selectedOptions: selectedAddOnOptionIds,
-        onOptionsChange: setSelectedAddOnOptionIds
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { "data-cimplify-customizer-actions": true, children: [
-      /* @__PURE__ */ jsx(
-        QuantitySelector,
-        {
-          value: quantity,
-          onChange: setQuantity,
-          min: 1
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick: handleAddToCart,
-          disabled: isAdded || isSubmitting || !canAddToCart,
-          "data-cimplify-customizer-submit": true,
-          children: isAdded ? "Added to Cart" : /* @__PURE__ */ jsxs(Fragment, { children: [
-            "Add to Cart \xB7 ",
-            /* @__PURE__ */ jsx(Price, { amount: displayTotalPrice })
-          ] })
-        }
-      )
-    ] }),
-    !canAddToCart && /* @__PURE__ */ jsx("p", { "data-cimplify-customizer-validation": true, children: "Please select all required options" })
-  ] });
-}
 var ASPECT_STYLES = {
   square: { aspectRatio: "1/1" },
   "4/3": { aspectRatio: "4/3" },
@@ -7703,4 +6922,4 @@ function CartSummary({
   ] }) });
 }
 
-export { Ad, AdProvider, AddOnSelector, AddressElement, AuthElement, BundleSelector, CartSummary, CimplifyCheckout, CimplifyProvider, CompositeSelector, ElementsProvider, PaymentElement, Price, ProductCustomizer, ProductImageGallery, QuantitySelector, VariantSelector, getVariantDisplayName, useAds, useBundle, useCart, useCategories, useCheckout, useCimplify, useCollection, useCollections, useComposite, useElements, useElementsReady, useLocations, useOptionalCimplify, useOrder, useProduct, useProducts, useQuote, useSearch };
+export { Ad, AdProvider, AddOnSelector, AddressElement, AuthElement, CartSummary, CimplifyCheckout, CimplifyProvider, ElementsProvider, PaymentElement, Price, ProductImageGallery, QuantitySelector, VariantSelector, getVariantDisplayName, useAds, useCart, useCategories, useCheckout, useCimplify, useCollection, useCollections, useElements, useElementsReady, useLocations, useOptionalCimplify, useOrder, useProduct, useProducts, useQuote, useSearch };