@cimplify/sdk 0.27.0 → 0.29.0

package/dist/react.mjs

@@ -1,9 +1,9 @@
 "use client";
-import { DURATION_UNIT, getVariantDisplayName, PRODUCT_TYPE, createCimplifyClient, RENDER_HINT } from './chunk-MISITC47.mjs';
-export { getVariantDisplayName } from './chunk-MISITC47.mjs';
+import { DURATION_UNIT, getVariantDisplayName, INPUT_FIELD_TYPE, PRODUCT_TYPE, createCimplifyClient, RENDER_HINT } from './chunk-REXW2PET.mjs';
+export { getVariantDisplayName } from './chunk-REXW2PET.mjs';
 import { ELEMENT_TYPES, EVENT_TYPES } from './chunk-3J4PPSMI.mjs';
 import { isSupportedCurrency, formatPrice, parsePrice, getUnitPriceAtQuantity, isOnSale, getDiscountPercentage, getBasePrice, getPriceRange, formatPriceRange } from './chunk-E3HC2YAE.mjs';
-import React3, { createContext, useRef, useState, useCallback, useEffect, useContext, useMemo, useSyncExternalStore, useId } from 'react';
+import React10, { createContext, useRef, useState, useCallback, useEffect, useContext, useMemo, useSyncExternalStore, useId } from 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
@@ -565,7 +565,8 @@ function mapServerCart(serverCart) {
       confirmationCode: item.confirmation_code || void 0,
       serviceStatus: item.service_status || void 0,
       bundleResolved: item.bundle_resolved || void 0,
-      compositeResolved: item.composite_resolved || void 0
+      compositeResolved: item.composite_resolved || void 0,
+      customerInputs: item.customer_inputs || void 0
     });
   });
   return {
@@ -785,7 +786,8 @@ function createCartStore(params) {
         scheduled_start: normalizedOptions.scheduledStart,
         scheduled_end: normalizedOptions.scheduledEnd,
         staff_id: normalizedOptions.staffId,
-        resource_id: normalizedOptions.resourceId
+        resource_id: normalizedOptions.resourceId,
+        customer_inputs: normalizedOptions.customerInputs
       });
       if (!result.ok) {
         throw result.error;
@@ -1423,14 +1425,14 @@ function CimplifyCheckout({
   resolvedCartRef.current = resolvedCart;
   const primaryColor = appearance?.variables?.primaryColor || "#0a2540";
   const isDark = appearance?.theme === "dark";
-  const emitStatus = React3.useEffectEvent(
+  const emitStatus = React10.useEffectEvent(
     (nextStatus, context = {}) => {
       setStatus(nextStatus);
       setStatusText(context.display_text || "");
       onStatusChange?.(nextStatus, context);
     }
   );
-  const fireError = React3.useEffectEvent(
+  const fireError = React10.useEffectEvent(
     (error) => {
       onError?.(error);
     }
@@ -1536,7 +1538,7 @@ function CimplifyCheckout({
       activeCheckoutRef.current = null;
     };
   }, []);
-  const handleSubmit = React3.useEffectEvent(async () => {
+  const handleSubmit = React10.useEffectEvent(async () => {
     if (isSubmitting || isInitializing || !resolvedCartId) {
       if (!resolvedCartId && !isInitializing) {
         const message = "Your cart is empty. Add items before checkout.";
@@ -2847,6 +2849,84 @@ function useOrders(options = {}) {
   const { data, isLoading, error, refetch } = ordersQuery(options);
   return { orders: data ?? [], isLoading, error, refetch };
 }
+function useSubscriptions(options = {}) {
+  const { client } = useCimplifyClient();
+  const { status, enabled = true } = options;
+  const [subscriptions, setSubscriptions] = useState([]);
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const fetch2 = useCallback(async () => {
+    if (!enabled) return;
+    setIsLoading(true);
+    setError(null);
+    try {
+      const result = await client.subscriptions.list();
+      if (result.ok) {
+        const filtered = status ? result.value.filter((s) => s.status === status) : result.value;
+        setSubscriptions(filtered);
+      } else {
+        setError(result.error);
+      }
+    } catch (e) {
+      setError(e);
+    } finally {
+      setIsLoading(false);
+    }
+  }, [client, enabled, status]);
+  useEffect(() => {
+    void fetch2();
+  }, [fetch2]);
+  return { subscriptions, isLoading, error, refetch: fetch2 };
+}
+function useSubscription(id, options = {}) {
+  const { client } = useCimplifyClient();
+  const { enabled = true } = options;
+  const normalizedId = (id || "").trim();
+  const [subscription, setSubscription] = useState(null);
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const fetch2 = useCallback(async () => {
+    if (!enabled || !normalizedId) return;
+    setIsLoading(true);
+    setError(null);
+    try {
+      const result = await client.subscriptions.get(normalizedId);
+      if (result.ok) {
+        setSubscription(result.value);
+      } else {
+        setError(result.error);
+      }
+    } catch (e) {
+      setError(e);
+    } finally {
+      setIsLoading(false);
+    }
+  }, [client, enabled, normalizedId]);
+  useEffect(() => {
+    void fetch2();
+  }, [fetch2]);
+  const cancel = useCallback(async (reason) => {
+    if (!normalizedId) return;
+    await client.subscriptions.cancel(normalizedId, reason);
+    void fetch2();
+  }, [client, normalizedId, fetch2]);
+  const pause = useCallback(async () => {
+    if (!normalizedId) return;
+    await client.subscriptions.pause(normalizedId);
+    void fetch2();
+  }, [client, normalizedId, fetch2]);
+  const resume = useCallback(async () => {
+    if (!normalizedId) return;
+    await client.subscriptions.resume(normalizedId);
+    void fetch2();
+  }, [client, normalizedId, fetch2]);
+  const skipNext = useCallback(async () => {
+    if (!normalizedId) return;
+    await client.subscriptions.skipNextRenewal(normalizedId);
+    void fetch2();
+  }, [client, normalizedId, fetch2]);
+  return { subscription, isLoading, error, cancel, pause, resume, skipNext, refetch: fetch2 };
+}
 
 // src/react/hooks/use-services.ts
 var servicesQuery = createCachedQuery({
@@ -4770,6 +4850,880 @@ function VolumePricing({
     }
   );
 }
+function CustomerInputFields({
+  fields,
+  values,
+  onChange,
+  onFileUpload,
+  className,
+  classNames
+}) {
+  const clientContext = useOptionalCimplifyClient();
+  if (fields.length === 0) return null;
+  const sorted = [...fields].sort((a, b) => a.display_order - b.display_order);
+  const setValue = useCallback(
+    (fieldId, value) => {
+      onChange({ ...values, [fieldId]: value });
+    },
+    [values, onChange]
+  );
+  const defaultFileUpload = useCallback(
+    async (file) => {
+      if (onFileUpload) return onFileUpload(file, {});
+      if (!clientContext?.client) throw new Error("No upload provider available");
+      const result = await clientContext.client.uploads.upload(file);
+      if (!result.ok) throw new Error(result.error.message);
+      return result.value.url;
+    },
+    [onFileUpload, clientContext]
+  );
+  return /* @__PURE__ */ jsx("div", { "data-cimplify-customer-inputs": true, className: cn("space-y-4", className, classNames?.root), children: sorted.map((field) => /* @__PURE__ */ jsx(
+    InputField,
+    {
+      field,
+      value: values[field.id],
+      onValueChange: (value) => setValue(field.id, value),
+      onFileUpload: onFileUpload ?? (clientContext?.client ? (_file, _field) => defaultFileUpload(_file) : void 0),
+      classNames
+    },
+    field.id
+  )) });
+}
+function InputField({
+  field,
+  value,
+  onValueChange,
+  onFileUpload,
+  classNames
+}) {
+  const hasPriceAdjustment = field.price_adjustment != null && parsePrice(field.price_adjustment) > 0;
+  return /* @__PURE__ */ jsxs("div", { "data-cimplify-customer-input": true, "data-field-type": field.field_type, className: classNames?.field, children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-1.5", children: [
+      /* @__PURE__ */ jsx("label", { className: cn("text-sm font-semibold", classNames?.label), children: field.name }),
+      field.is_required && /* @__PURE__ */ jsx("span", { className: cn("text-xs text-destructive", classNames?.required), children: "Required" }),
+      hasPriceAdjustment && /* @__PURE__ */ jsxs("span", { className: cn("text-xs text-muted-foreground", classNames?.priceAdjustment), children: [
+        "+",
+        /* @__PURE__ */ jsx(Price, { amount: field.price_adjustment })
+      ] })
+    ] }),
+    field.help_text && /* @__PURE__ */ jsx("p", { className: cn("text-xs text-muted-foreground mb-1.5", classNames?.helpText), children: field.help_text }),
+    /* @__PURE__ */ jsx(
+      FieldInput,
+      {
+        field,
+        value,
+        onValueChange,
+        onFileUpload,
+        classNames
+      }
+    )
+  ] });
+}
+function FieldInput({
+  field,
+  value,
+  onValueChange,
+  onFileUpload,
+  classNames
+}) {
+  const inputClass = cn(
+    "w-full rounded-md border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring",
+    classNames?.input
+  );
+  switch (field.field_type) {
+    case INPUT_FIELD_TYPE.Text:
+    case INPUT_FIELD_TYPE.Url:
+      return /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: field.field_type === INPUT_FIELD_TYPE.Url ? "url" : "text",
+          value: typeof value === "string" ? value : "",
+          onChange: (e) => onValueChange(e.target.value),
+          placeholder: field.placeholder,
+          required: field.is_required,
+          maxLength: field.validation?.max_length ?? void 0,
+          className: inputClass
+        }
+      );
+    case INPUT_FIELD_TYPE.Textarea:
+      return /* @__PURE__ */ jsx(
+        "textarea",
+        {
+          value: typeof value === "string" ? value : "",
+          onChange: (e) => onValueChange(e.target.value),
+          placeholder: field.placeholder,
+          required: field.is_required,
+          maxLength: field.validation?.max_length ?? void 0,
+          rows: 3,
+          className: cn(inputClass, "resize-none", classNames?.textarea)
+        }
+      );
+    case INPUT_FIELD_TYPE.Number:
+      return /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "number",
+          value: typeof value === "number" ? value : "",
+          onChange: (e) => onValueChange(e.target.value ? parseFloat(e.target.value) : void 0),
+          placeholder: field.placeholder,
+          required: field.is_required,
+          min: field.validation?.min_value ?? void 0,
+          max: field.validation?.max_value ?? void 0,
+          className: inputClass
+        }
+      );
+    case INPUT_FIELD_TYPE.Select:
+      return /* @__PURE__ */ jsxs(
+        "select",
+        {
+          value: typeof value === "string" ? value : "",
+          onChange: (e) => onValueChange(e.target.value || void 0),
+          required: field.is_required,
+          className: cn(inputClass, classNames?.select),
+          children: [
+            /* @__PURE__ */ jsx("option", { value: "", children: field.placeholder || "Select..." }),
+            (field.options || []).map((opt) => /* @__PURE__ */ jsx("option", { value: opt, children: opt }, opt))
+          ]
+        }
+      );
+    case INPUT_FIELD_TYPE.Radio:
+      return /* @__PURE__ */ jsx("div", { className: cn("space-y-2", classNames?.radioGroup), children: (field.options || []).map((opt) => /* @__PURE__ */ jsxs(
+        "label",
+        {
+          className: cn(
+            "flex items-center gap-2 text-sm cursor-pointer",
+            classNames?.radioOption
+          ),
+          children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "radio",
+                name: field.id,
+                value: opt,
+                checked: value === opt,
+                onChange: () => onValueChange(opt),
+                className: "accent-primary"
+              }
+            ),
+            opt
+          ]
+        },
+        opt
+      )) });
+    case INPUT_FIELD_TYPE.Checkbox:
+      return /* @__PURE__ */ jsxs("label", { className: cn("flex items-center gap-2 text-sm cursor-pointer", classNames?.checkboxLabel), children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "checkbox",
+            checked: value === true,
+            onChange: (e) => onValueChange(e.target.checked),
+            className: "accent-primary w-4 h-4"
+          }
+        ),
+        field.placeholder || field.name
+      ] });
+    case INPUT_FIELD_TYPE.Color:
+      return /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "color",
+          value: typeof value === "string" ? value : "#000000",
+          onChange: (e) => onValueChange(e.target.value),
+          className: cn("w-12 h-10 rounded-md border border-input cursor-pointer", classNames?.colorInput)
+        }
+      );
+    case INPUT_FIELD_TYPE.Date:
+      return /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "date",
+          value: typeof value === "string" ? value : "",
+          onChange: (e) => onValueChange(e.target.value || void 0),
+          required: field.is_required,
+          className: inputClass
+        }
+      );
+    case INPUT_FIELD_TYPE.File:
+    case INPUT_FIELD_TYPE.Image:
+      return /* @__PURE__ */ jsx(
+        FileUploadInput,
+        {
+          field,
+          value,
+          onValueChange,
+          onFileUpload,
+          classNames
+        }
+      );
+    case INPUT_FIELD_TYPE.Email:
+      return /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "email",
+          value: typeof value === "string" ? value : "",
+          onChange: (e) => onValueChange(e.target.value),
+          placeholder: field.placeholder || "email@example.com",
+          required: field.is_required,
+          className: inputClass
+        }
+      );
+    case INPUT_FIELD_TYPE.DateTime: {
+      const dtLocalValue = typeof value === "string" && value.includes("T") ? value.slice(0, 16) : typeof value === "string" ? value : "";
+      return /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "datetime-local",
+          value: dtLocalValue,
+          onChange: (e) => {
+            if (!e.target.value) {
+              onValueChange(void 0);
+              return;
+            }
+            const date = new Date(e.target.value);
+            onValueChange(Number.isNaN(date.getTime()) ? e.target.value : date.toISOString());
+          },
+          required: field.is_required,
+          className: inputClass
+        }
+      );
+    }
+    case INPUT_FIELD_TYPE.Time:
+      return /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "time",
+          value: typeof value === "string" ? value : "",
+          onChange: (e) => onValueChange(e.target.value || void 0),
+          required: field.is_required,
+          className: inputClass
+        }
+      );
+    case INPUT_FIELD_TYPE.MultiSelect:
+      return /* @__PURE__ */ jsx(
+        MultiSelectInput,
+        {
+          field,
+          value,
+          onValueChange,
+          classNames
+        }
+      );
+    case INPUT_FIELD_TYPE.DateRange:
+      return /* @__PURE__ */ jsx(
+        DateRangeInput,
+        {
+          field,
+          value,
+          onValueChange,
+          classNames,
+          inputClass
+        }
+      );
+    case INPUT_FIELD_TYPE.Address:
+      return /* @__PURE__ */ jsx(
+        AddressInput,
+        {
+          field,
+          value,
+          onValueChange,
+          classNames,
+          inputClass
+        }
+      );
+    case INPUT_FIELD_TYPE.Location:
+      return /* @__PURE__ */ jsx(
+        LocationInput,
+        {
+          field,
+          value,
+          onValueChange,
+          classNames,
+          inputClass
+        }
+      );
+    case INPUT_FIELD_TYPE.Phone:
+      return /* @__PURE__ */ jsx(
+        PhoneInput,
+        {
+          field,
+          value,
+          onValueChange,
+          classNames,
+          inputClass
+        }
+      );
+    case INPUT_FIELD_TYPE.Signature:
+      return /* @__PURE__ */ jsx(
+        SignatureInput,
+        {
+          field,
+          value,
+          onValueChange,
+          classNames
+        }
+      );
+    default:
+      return /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          value: typeof value === "string" ? value : "",
+          onChange: (e) => onValueChange(e.target.value),
+          placeholder: field.placeholder,
+          className: inputClass
+        }
+      );
+  }
+}
+function FileUploadInput({
+  field,
+  value,
+  onValueChange,
+  onFileUpload,
+  classNames
+}) {
+  const [isUploading, setIsUploading] = React10.useState(false);
+  const fileUrl = typeof value === "string" ? value : void 0;
+  const acceptedFormats = field.validation?.accepted_formats;
+  const accept = acceptedFormats ? acceptedFormats.map((f) => `.${f}`).join(",") : field.field_type === INPUT_FIELD_TYPE.Image ? "image/*" : void 0;
+  const handleFile = async (file) => {
+    if (!onFileUpload) return;
+    if (field.validation?.max_size_mb) {
+      const maxBytes = field.validation.max_size_mb * 1024 * 1024;
+      if (file.size > maxBytes) {
+        return;
+      }
+    }
+    setIsUploading(true);
+    try {
+      const url = await onFileUpload(file, field);
+      onValueChange(url);
+    } finally {
+      setIsUploading(false);
+    }
+  };
+  return /* @__PURE__ */ jsx("div", { className: cn("space-y-2", classNames?.fileInput), children: fileUrl ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+    field.field_type === INPUT_FIELD_TYPE.Image && /* @__PURE__ */ jsx("img", { src: fileUrl, alt: "Uploaded", className: "w-16 h-16 object-cover rounded-md border border-border" }),
+    /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-foreground truncate", children: fileUrl.split("/").pop() }) }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => onValueChange(void 0),
+        className: "text-xs text-muted-foreground hover:text-destructive transition-colors",
+        children: "Remove"
+      }
+    )
+  ] }) : /* @__PURE__ */ jsxs("label", { className: "flex flex-col items-center justify-center w-full h-24 border-2 border-dashed border-border rounded-lg cursor-pointer hover:border-primary/40 transition-colors", children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "file",
+        accept,
+        onChange: (e) => {
+          const file = e.target.files?.[0];
+          if (file) void handleFile(file);
+        },
+        className: "hidden",
+        disabled: isUploading
+      }
+    ),
+    isUploading ? /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: "Uploading..." }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: field.placeholder || `Upload ${field.field_type === INPUT_FIELD_TYPE.Image ? "image" : "file"}` }),
+      acceptedFormats && /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground/60 mt-1", children: [
+        acceptedFormats.map((f) => f.toUpperCase()).join(", "),
+        field.validation?.max_size_mb && ` \xB7 Max ${field.validation.max_size_mb}MB`
+      ] })
+    ] })
+  ] }) });
+}
+function MultiSelectInput({
+  field,
+  value,
+  onValueChange,
+  classNames
+}) {
+  const selected = Array.isArray(value) ? value : [];
+  const options = field.options || [];
+  const maxSelections = field.validation?.max_selections;
+  const toggle = (opt) => {
+    const next = selected.includes(opt) ? selected.filter((s) => s !== opt) : maxSelections && selected.length >= maxSelections ? selected : [...selected, opt];
+    onValueChange(next.length > 0 ? next : void 0);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-2", classNames?.multiSelectGroup), children: [
+    options.map((opt) => /* @__PURE__ */ jsxs(
+      "label",
+      {
+        className: cn(
+          "flex items-center gap-2 text-sm cursor-pointer",
+          classNames?.multiSelectOption
+        ),
+        children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "checkbox",
+              checked: selected.includes(opt),
+              onChange: () => toggle(opt),
+              className: "accent-primary w-4 h-4"
+            }
+          ),
+          opt
+        ]
+      },
+      opt
+    )),
+    maxSelections && /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+      selected.length,
+      "/",
+      maxSelections,
+      " selected"
+    ] })
+  ] });
+}
+function DateRangeInput({
+  field,
+  value,
+  onValueChange,
+  classNames,
+  inputClass
+}) {
+  const range = value && typeof value === "object" ? value : {};
+  const update = (key, v) => {
+    const next = { ...range, [key]: v };
+    onValueChange(next.start || next.end ? next : void 0);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cn("grid grid-cols-2 gap-3", classNames?.dateRangeInput), children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("label", { className: "text-xs text-muted-foreground mb-1 block", children: "Start" }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "date",
+          value: range.start || "",
+          onChange: (e) => update("start", e.target.value),
+          required: field.is_required,
+          className: inputClass
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("label", { className: "text-xs text-muted-foreground mb-1 block", children: "End" }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "date",
+          value: range.end || "",
+          onChange: (e) => update("end", e.target.value),
+          required: field.is_required,
+          className: inputClass
+        }
+      )
+    ] })
+  ] });
+}
+function AddressInput({
+  field,
+  value,
+  onValueChange,
+  classNames,
+  inputClass
+}) {
+  const clientContext = useOptionalCimplifyClient();
+  const addr = value && typeof value === "object" ? value : null;
+  const [inputText, setInputText] = React10.useState(addr?.formatted_address ?? "");
+  const [suggestions, setSuggestions] = React10.useState([]);
+  const [isOpen, setIsOpen] = React10.useState(false);
+  const [highlightedIndex, setHighlightedIndex] = React10.useState(-1);
+  const debounceRef = React10.useRef(null);
+  const seqRef = React10.useRef(0);
+  const sessionTokenRef = React10.useRef(createSessionToken());
+  const blurTimeoutRef = React10.useRef(null);
+  React10.useEffect(() => {
+    return () => {
+      if (debounceRef.current) clearTimeout(debounceRef.current);
+      if (blurTimeoutRef.current) clearTimeout(blurTimeoutRef.current);
+      seqRef.current += 1;
+    };
+  }, []);
+  const fetchSuggestions = React10.useCallback(async (query) => {
+    const client = clientContext?.client;
+    if (!client || query.length < 3) {
+      setSuggestions([]);
+      setIsOpen(false);
+      return;
+    }
+    const seq = ++seqRef.current;
+    const result = await client.places.autocomplete(query, sessionTokenRef.current);
+    if (seqRef.current !== seq) return;
+    if (result.ok && result.value.predictions.length > 0) {
+      setSuggestions(result.value.predictions);
+      setHighlightedIndex(0);
+      setIsOpen(true);
+    } else {
+      setSuggestions([]);
+      setIsOpen(false);
+    }
+  }, [clientContext]);
+  const handleInputChange = (nextValue) => {
+    setInputText(nextValue);
+    if (debounceRef.current) clearTimeout(debounceRef.current);
+    debounceRef.current = setTimeout(() => void fetchSuggestions(nextValue.trim()), 300);
+  };
+  const selectSuggestion = React10.useCallback(async (suggestion) => {
+    if (debounceRef.current) clearTimeout(debounceRef.current);
+    if (blurTimeoutRef.current) clearTimeout(blurTimeoutRef.current);
+    const fallback = suggestion.description.split(",")[0]?.trim() || suggestion.description;
+    setInputText(fallback);
+    setSuggestions([]);
+    setIsOpen(false);
+    const client = clientContext?.client;
+    if (!client) return;
+    const result = await client.places.details(suggestion.place_id, sessionTokenRef.current);
+    sessionTokenRef.current = createSessionToken();
+    if (result.ok) {
+      const d = result.value;
+      const addressValue = {
+        formatted_address: d.formatted_address || fallback,
+        street_address: d.street_address,
+        apartment: d.apartment,
+        city: d.city,
+        region: d.region,
+        postal_code: d.postal_code,
+        country: d.country,
+        latitude: d.latitude,
+        longitude: d.longitude,
+        place_id: d.place_id
+      };
+      setInputText(addressValue.formatted_address);
+      onValueChange(addressValue);
+    }
+  }, [clientContext, onValueChange]);
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-2 relative", classNames?.addressInput), children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "text",
+        value: inputText,
+        onChange: (e) => handleInputChange(e.target.value),
+        onFocus: () => {
+          if (suggestions.length > 0) setIsOpen(true);
+        },
+        onBlur: () => {
+          blurTimeoutRef.current = setTimeout(() => setIsOpen(false), 120);
+        },
+        onKeyDown: (e) => {
+          if (e.key === "Escape") {
+            setIsOpen(false);
+            return;
+          }
+          if (!isOpen || suggestions.length === 0) return;
+          if (e.key === "ArrowDown") {
+            e.preventDefault();
+            setHighlightedIndex((i) => i < suggestions.length - 1 ? i + 1 : 0);
+          } else if (e.key === "ArrowUp") {
+            e.preventDefault();
+            setHighlightedIndex((i) => i > 0 ? i - 1 : suggestions.length - 1);
+          } else if (e.key === "Enter" && highlightedIndex >= 0) {
+            e.preventDefault();
+            void selectSuggestion(suggestions[highlightedIndex]);
+          }
+        },
+        placeholder: field.placeholder || "Search for an address...",
+        required: field.is_required,
+        autoComplete: "off",
+        "aria-autocomplete": "list",
+        "aria-expanded": isOpen && suggestions.length > 0,
+        className: inputClass
+      }
+    ),
+    isOpen && suggestions.length > 0 && /* @__PURE__ */ jsx("div", { role: "listbox", className: "absolute left-0 right-0 top-full z-20 mt-1 overflow-hidden rounded-md border border-border bg-background shadow-lg", children: suggestions.map((s, i) => /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        role: "option",
+        "aria-selected": i === highlightedIndex,
+        onMouseDown: (e) => {
+          e.preventDefault();
+          void selectSuggestion(s);
+        },
+        className: cn("block w-full px-3 py-2.5 text-left text-sm transition-colors", i === highlightedIndex ? "bg-muted text-foreground" : "text-foreground hover:bg-muted/70"),
+        children: s.description
+      },
+      s.place_id
+    )) }),
+    addr && /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "text",
+        value: addr.apartment || "",
+        onChange: (e) => onValueChange({ ...addr, apartment: e.target.value || void 0 }),
+        placeholder: "Apt, suite, unit (optional)",
+        className: inputClass
+      }
+    )
+  ] });
+}
+function LocationInput({
+  field,
+  value,
+  onValueChange,
+  classNames,
+  inputClass
+}) {
+  const clientContext = useOptionalCimplifyClient();
+  const loc = value && typeof value === "object" ? value : null;
+  const [inputText, setInputText] = React10.useState(loc?.label ?? "");
+  const [suggestions, setSuggestions] = React10.useState([]);
+  const [isOpen, setIsOpen] = React10.useState(false);
+  const [highlightedIndex, setHighlightedIndex] = React10.useState(-1);
+  const debounceRef = React10.useRef(null);
+  const seqRef = React10.useRef(0);
+  const sessionTokenRef = React10.useRef(createSessionToken());
+  const blurTimeoutRef = React10.useRef(null);
+  React10.useEffect(() => {
+    return () => {
+      if (debounceRef.current) clearTimeout(debounceRef.current);
+      if (blurTimeoutRef.current) clearTimeout(blurTimeoutRef.current);
+      seqRef.current += 1;
+    };
+  }, []);
+  const fetchSuggestions = React10.useCallback(async (query) => {
+    const client = clientContext?.client;
+    if (!client || query.length < 3) {
+      setSuggestions([]);
+      setIsOpen(false);
+      return;
+    }
+    const seq = ++seqRef.current;
+    const result = await client.places.autocomplete(query, sessionTokenRef.current);
+    if (seqRef.current !== seq) return;
+    if (result.ok && result.value.predictions.length > 0) {
+      setSuggestions(result.value.predictions);
+      setHighlightedIndex(0);
+      setIsOpen(true);
+    } else {
+      setSuggestions([]);
+      setIsOpen(false);
+    }
+  }, [clientContext]);
+  const handleInputChange = (nextValue) => {
+    setInputText(nextValue);
+    if (debounceRef.current) clearTimeout(debounceRef.current);
+    debounceRef.current = setTimeout(() => void fetchSuggestions(nextValue.trim()), 300);
+  };
+  const selectSuggestion = React10.useCallback(async (suggestion) => {
+    if (debounceRef.current) clearTimeout(debounceRef.current);
+    if (blurTimeoutRef.current) clearTimeout(blurTimeoutRef.current);
+    const label = suggestion.description.split(",")[0]?.trim() || suggestion.description;
+    setInputText(label);
+    setSuggestions([]);
+    setIsOpen(false);
+    const client = clientContext?.client;
+    if (!client) return;
+    const result = await client.places.details(suggestion.place_id, sessionTokenRef.current);
+    sessionTokenRef.current = createSessionToken();
+    if (result.ok) {
+      const d = result.value;
+      onValueChange({
+        latitude: d.latitude,
+        longitude: d.longitude,
+        label: d.formatted_address || label
+      });
+      setInputText(d.formatted_address || label);
+    }
+  }, [clientContext, onValueChange]);
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative", classNames?.locationInput), children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "text",
+        value: inputText,
+        onChange: (e) => handleInputChange(e.target.value),
+        onFocus: () => {
+          if (suggestions.length > 0) setIsOpen(true);
+        },
+        onBlur: () => {
+          blurTimeoutRef.current = setTimeout(() => setIsOpen(false), 120);
+        },
+        onKeyDown: (e) => {
+          if (e.key === "Escape") {
+            setIsOpen(false);
+            return;
+          }
+          if (!isOpen || suggestions.length === 0) return;
+          if (e.key === "ArrowDown") {
+            e.preventDefault();
+            setHighlightedIndex((i) => i < suggestions.length - 1 ? i + 1 : 0);
+          } else if (e.key === "ArrowUp") {
+            e.preventDefault();
+            setHighlightedIndex((i) => i > 0 ? i - 1 : suggestions.length - 1);
+          } else if (e.key === "Enter" && highlightedIndex >= 0) {
+            e.preventDefault();
+            void selectSuggestion(suggestions[highlightedIndex]);
+          }
+        },
+        placeholder: field.placeholder || "Search for a location...",
+        required: field.is_required,
+        autoComplete: "off",
+        "aria-autocomplete": "list",
+        "aria-expanded": isOpen && suggestions.length > 0,
+        className: inputClass
+      }
+    ),
+    isOpen && suggestions.length > 0 && /* @__PURE__ */ jsx("div", { role: "listbox", className: "absolute left-0 right-0 top-full z-20 mt-1 overflow-hidden rounded-md border border-border bg-background shadow-lg", children: suggestions.map((s, i) => /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        role: "option",
+        "aria-selected": i === highlightedIndex,
+        onMouseDown: (e) => {
+          e.preventDefault();
+          void selectSuggestion(s);
+        },
+        className: cn("block w-full px-3 py-2.5 text-left text-sm transition-colors", i === highlightedIndex ? "bg-muted text-foreground" : "text-foreground hover:bg-muted/70"),
+        children: s.description
+      },
+      s.place_id
+    )) }),
+    loc && /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground mt-1", children: [
+      loc.latitude.toFixed(4),
+      ", ",
+      loc.longitude.toFixed(4)
+    ] })
+  ] });
+}
+function PhoneInput({
+  field,
+  value,
+  onValueChange,
+  classNames,
+  inputClass
+}) {
+  const phone = value && typeof value === "object" ? value : null;
+  const [code, setCode] = React10.useState(phone?.country_code ?? "+1");
+  const [number, setNumber] = React10.useState(phone?.number ?? "");
+  const update = (nextCode, nextNumber) => {
+    setCode(nextCode);
+    setNumber(nextNumber);
+    if (nextNumber) {
+      onValueChange({
+        country_code: nextCode,
+        number: nextNumber,
+        formatted: `${nextCode} ${nextNumber}`
+      });
+    } else {
+      onValueChange(void 0);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex gap-2", classNames?.phoneInput), children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "text",
+        value: code,
+        onChange: (e) => update(e.target.value, number),
+        placeholder: "+1",
+        className: cn(inputClass, "w-20 shrink-0")
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "tel",
+        value: number,
+        onChange: (e) => update(code, e.target.value),
+        placeholder: field.placeholder || "Phone number",
+        required: field.is_required,
+        className: inputClass
+      }
+    )
+  ] });
+}
+function SignatureInput({
+  field,
+  value,
+  onValueChange,
+  classNames
+}) {
+  const sig = value && typeof value === "object" ? value : null;
+  const canvasRef = React10.useRef(null);
+  const isDrawing = React10.useRef(false);
+  const getCtx = () => canvasRef.current?.getContext("2d") ?? null;
+  const startDraw = (e) => {
+    const ctx = getCtx();
+    if (!ctx) return;
+    isDrawing.current = true;
+    const rect = canvasRef.current.getBoundingClientRect();
+    ctx.beginPath();
+    ctx.moveTo(e.clientX - rect.left, e.clientY - rect.top);
+    canvasRef.current.setPointerCapture(e.pointerId);
+  };
+  const draw = (e) => {
+    if (!isDrawing.current) return;
+    const ctx = getCtx();
+    if (!ctx) return;
+    const rect = canvasRef.current.getBoundingClientRect();
+    ctx.lineWidth = 2;
+    ctx.lineCap = "round";
+    const style = getComputedStyle(canvasRef.current);
+    ctx.strokeStyle = style.color || "#000";
+    ctx.lineTo(e.clientX - rect.left, e.clientY - rect.top);
+    ctx.stroke();
+  };
+  const endDraw = () => {
+    if (!isDrawing.current) return;
+    isDrawing.current = false;
+    const canvas = canvasRef.current;
+    if (!canvas) return;
+    onValueChange({
+      data_url: canvas.toDataURL("image/png"),
+      signer_name: sig?.signer_name
+    });
+  };
+  const clear = () => {
+    const canvas = canvasRef.current;
+    if (!canvas) return;
+    const ctx = canvas.getContext("2d");
+    if (ctx) ctx.clearRect(0, 0, canvas.width, canvas.height);
+    onValueChange(void 0);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-2", classNames?.signatureCanvas), children: [
+    /* @__PURE__ */ jsxs("div", { className: "relative rounded-md border border-input overflow-hidden", children: [
+      /* @__PURE__ */ jsx(
+        "canvas",
+        {
+          ref: canvasRef,
+          width: 400,
+          height: 150,
+          className: "w-full touch-none cursor-crosshair bg-background text-foreground",
+          onPointerDown: startDraw,
+          onPointerMove: draw,
+          onPointerUp: endDraw,
+          onPointerLeave: endDraw
+        }
+      ),
+      sig?.data_url && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: clear,
+          className: "absolute top-1.5 right-1.5 text-xs text-muted-foreground hover:text-destructive transition-colors",
+          children: "Clear"
+        }
+      )
+    ] }),
+    !sig?.data_url && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: field.placeholder || "Draw your signature above" })
+  ] });
+}
+function createSessionToken() {
+  if (typeof crypto !== "undefined" && crypto.randomUUID) {
+    return crypto.randomUUID();
+  }
+  return `places_${Date.now()}_${Math.random().toString(16).slice(2)}`;
+}
 function ProductCustomizer({
   product,
   onAddToCart,
@@ -4790,6 +5744,7 @@ function ProductCustomizer({
   const [bundleTotalPrice, setBundleTotalPrice] = useState(null);
   const [bundleReady, setBundleReady] = useState(false);
   const [selectedBillingPlan, setSelectedBillingPlan] = useState(null);
+  const [customerInputValues, setCustomerInputValues] = useState({});
   const [specialInstructions, setSpecialInstructions] = useState("");
   const cart = useCart();
   const productType = product.type || "product";
@@ -4814,6 +5769,7 @@ function ProductCustomizer({
     setBundleTotalPrice(null);
     setBundleReady(false);
     setSelectedBillingPlan(null);
+    setCustomerInputValues({});
     setSpecialInstructions("");
   }, [product.id, product.min_order_quantity]);
   const selectedAddOnOptions = useMemo(() => {
@@ -4876,7 +5832,15 @@ function ProductCustomizer({
     }),
     [product.id, quantity, selectedVariantId, normalizedAddOnOptionIds, isBundle, bundleSelections, isComposite, compositeSelections]
   );
-  const quoteEnabled = isComposite ? compositeReady : isBundle ? bundleReady : requiredAddOnsSatisfied;
+  const requiredInputsSatisfied = useMemo(() => {
+    if (!product.input_fields || product.input_fields.length === 0) return true;
+    return product.input_fields.every((field) => {
+      if (!field.is_required) return true;
+      const val = customerInputValues[field.id];
+      return val !== void 0 && val !== "" && val !== null;
+    });
+  }, [product.input_fields, customerInputValues]);
+  const quoteEnabled = isComposite ? compositeReady && requiredInputsSatisfied : isBundle ? bundleReady && requiredInputsSatisfied : requiredAddOnsSatisfied && requiredInputsSatisfied;
   const { quote } = useQuote(quoteInput, {
     enabled: quoteEnabled
   });
@@ -4915,6 +5879,7 @@ function ProductCustomizer({
       compositeSelections: isComposite && compositeSelections.length > 0 ? compositeSelections : void 0,
       bundleSelections: isBundle && bundleSelections.length > 0 ? bundleSelections : void 0,
       billingPlanId: selectedBillingPlan?.id,
+      customerInputs: Object.keys(customerInputValues).length > 0 ? Object.entries(customerInputValues).filter(([, v]) => v !== void 0 && v !== "").map(([fieldId, value]) => ({ field_id: fieldId, value })) : void 0,
       specialInstructions: specialInstructions.trim() || void 0
     };
     try {
@@ -4933,7 +5898,7 @@ function ProductCustomizer({
     } finally {
       setIsSubmitting(false);
     }
-  }, [product, quantity, selectedVariantId, selectedVariant, quoteId, normalizedAddOnOptionIds, selectedAddOnOptions, isComposite, compositeSelections, isBundle, bundleSelections, selectedBillingPlan, specialInstructions, isSubmitting, onAddToCart, cart]);
+  }, [product, quantity, selectedVariantId, selectedVariant, quoteId, normalizedAddOnOptionIds, selectedAddOnOptions, isComposite, compositeSelections, isBundle, bundleSelections, selectedBillingPlan, customerInputValues, specialInstructions, isSubmitting, onAddToCart, cart]);
   return /* @__PURE__ */ jsxs("div", { "data-cimplify-customizer": true, className: cn("space-y-6", className, classNames?.root), children: [
     isComposite && product.groups && product.composite_id && /* @__PURE__ */ jsx(
       CompositeSelector,
@@ -4994,6 +5959,14 @@ function ProductCustomizer({
         currentQuantity: quantity
       }
     ),
+    product.input_fields && product.input_fields.length > 0 && /* @__PURE__ */ jsx(
+      CustomerInputFields,
+      {
+        fields: product.input_fields,
+        values: customerInputValues,
+        onChange: setCustomerInputValues
+      }
+    ),
     product.deposit_type && product.deposit_type !== "none" && product.deposit_amount && /* @__PURE__ */ jsx("div", { "data-cimplify-customizer-deposit": true, className: cn("text-sm text-muted-foreground", classNames?.depositInfo), children: product.deposit_type === "fixed" ? /* @__PURE__ */ jsxs("span", { children: [
       "Deposit required: ",
       /* @__PURE__ */ jsx(Price, { amount: product.deposit_amount })
@@ -5195,6 +6168,10 @@ function CartLineItemRow({
       ] }),
       (hasComposite || hasBundle) && /* @__PURE__ */ jsx("span", { "data-cimplify-cart-item-badge": true, children: hasComposite ? "Custom" : "Bundle" }),
       item.specialInstructions && /* @__PURE__ */ jsx("span", { "data-cimplify-cart-item-instructions": true, className: "text-xs text-muted-foreground", children: item.specialInstructions }),
+      item.customerInputs && item.customerInputs.length > 0 && /* @__PURE__ */ jsx("div", { "data-cimplify-cart-customer-inputs": true, className: classNames?.customerInputs, children: item.customerInputs.map((input) => /* @__PURE__ */ jsxs("div", { "data-cimplify-cart-input": true, children: [
+        /* @__PURE__ */ jsx("span", { "data-cimplify-cart-input-label": true, children: input.field_name }),
+        /* @__PURE__ */ jsx("span", { "data-cimplify-cart-input-value": true, children: input.field_type === INPUT_FIELD_TYPE.File || input.field_type === INPUT_FIELD_TYPE.Image ? String(input.value).split("/").pop() || "Uploaded file" : String(input.value) })
+      ] }, input.field_id)) }),
       (item.lineType === "service" || item.product.type === "service") && item.scheduledStart && /* @__PURE__ */ jsxs("div", { "data-cimplify-cart-service-info": true, className: classNames?.serviceInfo, children: [
         /* @__PURE__ */ jsxs("span", { children: [
           "\u{1F4C5}",
@@ -5882,6 +6859,98 @@ function DigitalProductCard({
     ] })
   ] });
 }
+function BundleProductCard({
+  product,
+  onQuickAdd,
+  renderImage,
+  renderLink,
+  className
+}) {
+  const image = product.image_url || product.images?.[0] || "";
+  const components = product.components || [];
+  const componentCount = components.length;
+  const onSale = isOnSale(product);
+  const discount = getDiscountPercentage(product);
+  const hasVariantChoice = components.some((c) => c.allow_variant_choice);
+  return /* @__PURE__ */ jsxs(CardShell, { product, renderLink, className, children: [
+    /* @__PURE__ */ jsxs(CardImage, { src: image, alt: product.name, aspectRatio: "square", renderImage, children: [
+      /* @__PURE__ */ jsx("span", { className: "absolute top-3 left-3 text-[11px] font-semibold tracking-wide bg-indigo-50 text-indigo-700 border border-indigo-200/60 px-2 py-0.5 rounded-md", children: "Bundle" }),
+      componentCount > 0 && /* @__PURE__ */ jsxs("span", { className: "absolute top-3 right-3 text-[11px] font-semibold tracking-wide bg-background/90 backdrop-blur text-foreground px-2 py-0.5 rounded-md", children: [
+        componentCount,
+        " item",
+        componentCount !== 1 ? "s" : ""
+      ] }),
+      /* @__PURE__ */ jsx(
+        QuickAddButton,
+        {
+          onClick: () => onQuickAdd?.(product),
+          className: "absolute bottom-3 right-3"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "p-3.5", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-[14.5px] font-semibold text-foreground leading-snug tracking-tight truncate", children: product.name }),
+      componentCount > 0 && /* @__PURE__ */ jsxs("p", { className: "text-[11px] text-muted-foreground mt-1 truncate", children: [
+        "Includes: ",
+        components.map((c) => c.product_name || c.product_id).join(", ")
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mt-2.5", children: [
+        /* @__PURE__ */ jsx(Price, { amount: product.default_price, className: "text-sm font-bold" }),
+        onSale && product.bundle_price && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Price, { amount: getBasePrice(product), className: "text-xs text-muted-foreground line-through" }),
+          discount != null && discount > 0 && /* @__PURE__ */ jsxs("span", { className: "text-[10px] font-semibold text-emerald-600", children: [
+            "Save ",
+            discount,
+            "%"
+          ] })
+        ] })
+      ] }),
+      hasVariantChoice && /* @__PURE__ */ jsx("span", { className: "inline-block mt-2 text-[10px] font-medium text-muted-foreground px-1.5 py-0.5 bg-muted rounded", children: "Customizable" })
+    ] })
+  ] });
+}
+function CompositeProductCard({
+  product,
+  onQuickAdd,
+  renderImage,
+  renderLink,
+  className
+}) {
+  const image = product.image_url || product.images?.[0] || "";
+  const groups = product.groups || [];
+  const groupCount = groups.length;
+  groups.reduce((sum, g) => sum + g.components.length, 0);
+  const tags = product.tags || [];
+  return /* @__PURE__ */ jsxs(CardShell, { product, renderLink, className, children: [
+    /* @__PURE__ */ jsxs(CardImage, { src: image, alt: product.name, aspectRatio: "square", renderImage, children: [
+      /* @__PURE__ */ jsx("span", { className: "absolute top-3 left-3 text-[11px] font-semibold tracking-wide bg-violet-50 text-violet-700 border border-violet-200/60 px-2 py-0.5 rounded-md", children: "Build Your Own" }),
+      groupCount > 0 && /* @__PURE__ */ jsxs("span", { className: "absolute top-3 right-3 text-[11px] font-semibold tracking-wide bg-background/90 backdrop-blur text-foreground px-2 py-0.5 rounded-md", children: [
+        groupCount,
+        " choice",
+        groupCount !== 1 ? "s" : ""
+      ] }),
+      /* @__PURE__ */ jsx(
+        QuickAddButton,
+        {
+          onClick: () => onQuickAdd?.(product),
+          className: "absolute bottom-3 right-3"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "p-3.5", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-[14.5px] font-semibold text-foreground leading-snug tracking-tight truncate", children: product.name }),
+      product.description && /* @__PURE__ */ jsx("p", { className: "text-[12px] text-muted-foreground mt-1 line-clamp-1", children: product.description }),
+      groupCount > 0 && /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground mt-1 truncate", children: groups.map((g) => g.name).join(" + ") }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mt-2.5", children: [
+        /* @__PURE__ */ jsxs("span", { className: "text-sm font-bold", children: [
+          "From ",
+          /* @__PURE__ */ jsx(Price, { amount: product.default_price })
+        ] }),
+        tags.length > 0 && /* @__PURE__ */ jsx("span", { className: "text-[10px] font-medium text-muted-foreground px-1.5 py-0.5 bg-muted rounded", children: tags[0] })
+      ] })
+    ] })
+  ] });
+}
 function formatDuration2(minutes, unit) {
   if (unit && unit !== "minutes") return `${minutes} ${unit}`;
   if (minutes >= 60) {
@@ -6343,6 +7412,8 @@ var CardVariant = /* @__PURE__ */ ((CardVariant2) => {
   CardVariant2["Retail"] = "retail";
   CardVariant2["Wholesale"] = "wholesale";
   CardVariant2["Digital"] = "digital";
+  CardVariant2["Bundle"] = "bundle";
+  CardVariant2["Composite"] = "composite";
   CardVariant2["Standard"] = "standard";
   CardVariant2["Compact"] = "compact";
   CardVariant2["Schedule"] = "schedule";
@@ -6367,11 +7438,19 @@ var BUILT_IN_CARDS = {
   ["rental" /* Rental */]: RentalServiceCard,
   ["accommodation" /* Accommodation */]: AccommodationCard,
   ["lease" /* Lease */]: LeaseServiceCard,
+  ["bundle" /* Bundle */]: BundleProductCard,
+  ["composite" /* Composite */]: CompositeProductCard,
   ["subscription" /* Subscription */]: SubscriptionCard
 };
 var RENTAL_UNITS = /* @__PURE__ */ new Set([DURATION_UNIT.Days, DURATION_UNIT.Hours]);
 var LEASE_UNITS = /* @__PURE__ */ new Set([DURATION_UNIT.Weeks, DURATION_UNIT.Months, DURATION_UNIT.Years]);
 function resolveCardVariant(product) {
+  if (product.type === PRODUCT_TYPE.Bundle) {
+    return "bundle" /* Bundle */;
+  }
+  if (product.type === PRODUCT_TYPE.Composite) {
+    return "composite" /* Composite */;
+  }
   if (product.quantity_pricing && product.quantity_pricing.length > 1) {
     return "wholesale" /* Wholesale */;
   }
@@ -6561,13 +7640,13 @@ function ProductGrid({
   className,
   classNames
 }) {
-  const rawId = React3.useId();
+  const rawId = React10.useId();
   const gridId = `cimplify-grid-${rawId.replace(/:/g, "")}`;
   const sm = columns?.sm ?? 1;
   const md = columns?.md ?? 2;
   const lg = columns?.lg ?? 3;
   const xl = columns?.xl ?? 4;
-  const css = React3.useMemo(
+  const css = React10.useMemo(
     () => [
       `#${gridId}{display:grid;grid-template-columns:repeat(${sm},1fr);gap:1rem}`,
       `@media(min-width:768px){#${gridId}{grid-template-columns:repeat(${md},1fr)}}`,
@@ -6928,7 +8007,7 @@ function CategoryGrid({
     enabled: categoriesProp === void 0
   });
   const categories = categoriesProp ?? fetched;
-  const rawId = React3.useId();
+  const rawId = React10.useId();
   const gridId = `cimplify-cat-grid-${rawId.replace(/:/g, "")}`;
   const sm = columns?.sm ?? 2;
   const md = columns?.md ?? 3;
@@ -7154,7 +8233,7 @@ function OrderSummary({
       /* @__PURE__ */ jsx("p", { children: order.delivery_address })
     ] }),
     /* @__PURE__ */ jsx("div", { "data-cimplify-order-items": true, className: classNames?.items, children: order.items.map(
-      (item) => renderLineItem ? /* @__PURE__ */ jsx(React3.Fragment, { children: renderLineItem(item) }, item.id) : /* @__PURE__ */ jsxs("div", { "data-cimplify-order-line-item": true, className: classNames?.lineItem, children: [
+      (item) => renderLineItem ? /* @__PURE__ */ jsx(React10.Fragment, { children: renderLineItem(item) }, item.id) : /* @__PURE__ */ jsxs("div", { "data-cimplify-order-line-item": true, className: classNames?.lineItem, children: [
         /* @__PURE__ */ jsxs("div", { "data-cimplify-order-line-info": true, children: [
           /* @__PURE__ */ jsxs("span", { "data-cimplify-order-line-qty": true, children: [
             item.quantity,
@@ -8135,7 +9214,7 @@ function DefaultCatalogueLayout({
           /* @__PURE__ */ jsx("p", { className: "text-lg font-medium", children: "No products found" }),
           /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mt-1", children: "Try adjusting your filters" })
         ] }) : /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 md:grid-cols-3 gap-4", children: products.map(
-          (product) => renderCard ? /* @__PURE__ */ jsx(React3.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsx(
+          (product) => renderCard ? /* @__PURE__ */ jsx(React10.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsx(
             ProductCard,
             {
               product,
@@ -8242,7 +9321,7 @@ function CompactCatalogueLayout({
       /* @__PURE__ */ jsx("p", { className: "text-lg font-medium", children: "No items found" }),
       /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mt-1", children: "Try a different category or search" })
     ] }) : /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 lg:grid-cols-3 gap-5", children: products.map(
-      (product) => renderCard ? /* @__PURE__ */ jsx(React3.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsx(
+      (product) => renderCard ? /* @__PURE__ */ jsx(React10.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsx(
         ProductCard,
         {
           product,
@@ -8265,8 +9344,8 @@ var BUILT_IN_LAYOUTS = {
   ["compact" /* Compact */]: CompactCatalogueLayout
 };
 function useDebounce(value, delay) {
-  const [debounced, setDebounced] = React3.useState(value);
-  React3.useEffect(() => {
+  const [debounced, setDebounced] = React10.useState(value);
+  React10.useEffect(() => {
     const timer = setTimeout(() => setDebounced(value), delay);
     return () => clearTimeout(timer);
   }, [value, delay]);
@@ -8994,12 +10073,161 @@ function DigitalProductLayout({
     )
   ] });
 }
+function BundleProductLayout({
+  product,
+  onAddToCart,
+  renderBreadcrumb,
+  relatedProducts,
+  showRelated = true,
+  className
+}) {
+  const images = product.images || (product.image_url ? [product.image_url] : []);
+  const components = product.components || [];
+  const onSale = isOnSale(product);
+  const discount = getDiscountPercentage(product);
+  const baseTotal = components.reduce(
+    (sum, c) => sum + parsePrice(c.effective_price ?? 0) * (c.quantity ?? 1),
+    0
+  );
+  const bundlePrice = parsePrice(product.default_price);
+  const savings = baseTotal > bundlePrice ? baseTotal - bundlePrice : 0;
+  return /* @__PURE__ */ jsxs("div", { "data-cimplify-product-layout": "bundle", className: cn("space-y-8", className), children: [
+    renderBreadcrumb?.(product),
+    /* @__PURE__ */ jsx(
+      TwoColumnGrid,
+      {
+        left: /* @__PURE__ */ jsx(
+          ProductImageGallery,
+          {
+            images,
+            productName: product.name
+          }
+        ),
+        right: /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold text-indigo-700 bg-indigo-50 border border-indigo-200/60 px-2.5 py-1 rounded-md", children: "Bundle" }),
+            savings > 0 && /* @__PURE__ */ jsxs("span", { className: "text-xs font-semibold text-emerald-700 bg-emerald-50 border border-emerald-200/60 px-2.5 py-1 rounded-md", children: [
+              "Save ",
+              discount,
+              "%"
+            ] }),
+            /* @__PURE__ */ jsx(TagPills, { tags: product.tags || [] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h1", { "data-cimplify-product-layout-name": true, className: "text-3xl lg:text-4xl font-bold tracking-tight", children: product.name }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-3 mt-2", children: [
+              /* @__PURE__ */ jsx(Price, { amount: product.default_price, className: "text-2xl font-bold" }),
+              onSale && baseTotal > 0 && /* @__PURE__ */ jsx(Price, { amount: baseTotal, className: "text-lg text-muted-foreground line-through" })
+            ] })
+          ] }),
+          product.description && /* @__PURE__ */ jsx("p", { "data-cimplify-product-layout-description": true, className: "text-muted-foreground leading-relaxed", children: product.description }),
+          components.length > 0 && /* @__PURE__ */ jsxs("div", { "data-cimplify-bundle-components": true, className: "space-y-3", children: [
+            /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: "Included in this bundle" }),
+            /* @__PURE__ */ jsx("div", { className: "divide-y divide-border border border-border rounded-lg overflow-hidden", children: components.map((component) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 p-3", children: [
+              component.product_image_url && /* @__PURE__ */ jsx("div", { className: "w-12 h-12 rounded-lg overflow-hidden bg-muted shrink-0", children: /* @__PURE__ */ jsx("img", { src: component.product_image_url, alt: component.product_name, className: "w-full h-full object-cover" }) }),
+              /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+                /* @__PURE__ */ jsx("p", { className: "text-sm font-medium truncate", children: component.product_name }),
+                component.quantity > 1 && /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+                  "Qty: ",
+                  component.quantity
+                ] }),
+                component.allow_variant_choice && /* @__PURE__ */ jsx("p", { className: "text-xs text-violet-600 font-medium", children: "Choose variant" })
+              ] }),
+              /* @__PURE__ */ jsx(Price, { amount: component.effective_price ?? 0, className: "text-sm text-muted-foreground shrink-0" })
+            ] }, component.id)) })
+          ] }),
+          savings > 0 && /* @__PURE__ */ jsxs("div", { "data-cimplify-bundle-savings": true, className: "flex items-center gap-2 p-3 bg-emerald-50 border border-emerald-200/60 text-sm text-emerald-800", children: [
+            /* @__PURE__ */ jsx("svg", { className: "w-4 h-4 shrink-0", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" }) }),
+            "You save ",
+            /* @__PURE__ */ jsx(Price, { amount: savings, className: "font-semibold" }),
+            " with this bundle"
+          ] }),
+          /* @__PURE__ */ jsx(CustomAttributesTable, { attributes: product.custom_attributes || [] }),
+          /* @__PURE__ */ jsx(
+            ProductCustomizer,
+            {
+              product,
+              onAddToCart
+            }
+          )
+        ] })
+      }
+    ),
+    showRelated && relatedProducts && relatedProducts.length > 0 && /* @__PURE__ */ jsx(RelatedProductsSection, { products: relatedProducts })
+  ] });
+}
+function CompositeProductLayout({
+  product,
+  onAddToCart,
+  renderBreadcrumb,
+  relatedProducts,
+  showRelated = true,
+  className
+}) {
+  const images = product.images || (product.image_url ? [product.image_url] : []);
+  const groups = product.groups || [];
+  return /* @__PURE__ */ jsxs("div", { "data-cimplify-product-layout": "composite", className: cn("space-y-8", className), children: [
+    renderBreadcrumb?.(product),
+    /* @__PURE__ */ jsx(
+      TwoColumnGrid,
+      {
+        left: /* @__PURE__ */ jsx(
+          ProductImageGallery,
+          {
+            images,
+            productName: product.name
+          }
+        ),
+        right: /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold text-violet-700 bg-violet-50 border border-violet-200/60 px-2.5 py-1 rounded-md", children: "Build Your Own" }),
+            groups.length > 0 && /* @__PURE__ */ jsxs("span", { className: "text-xs font-medium text-muted-foreground bg-muted px-2.5 py-1 rounded-md", children: [
+              groups.length,
+              " choice",
+              groups.length !== 1 ? "s" : ""
+            ] }),
+            /* @__PURE__ */ jsx(TagPills, { tags: product.tags || [] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h1", { "data-cimplify-product-layout-name": true, className: "text-3xl lg:text-4xl font-bold tracking-tight", children: product.name }),
+            /* @__PURE__ */ jsxs("p", { className: "text-lg text-muted-foreground mt-2", children: [
+              "From ",
+              /* @__PURE__ */ jsx(Price, { amount: product.default_price, className: "font-semibold text-foreground" })
+            ] })
+          ] }),
+          product.description && /* @__PURE__ */ jsx("p", { "data-cimplify-product-layout-description": true, className: "text-muted-foreground leading-relaxed", children: product.description }),
+          groups.length > 0 && /* @__PURE__ */ jsx("div", { "data-cimplify-composite-overview": true, className: "flex flex-wrap gap-2", children: groups.map((group) => {
+            const availableCount = group.components.filter((c) => c.is_available && !c.is_archived).length;
+            return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3 py-2 bg-muted rounded-lg text-sm", children: [
+              /* @__PURE__ */ jsx("span", { className: "font-medium", children: group.name }),
+              /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground text-xs", children: [
+                group.min_selections > 0 ? `Pick ${group.min_selections}` : "Optional",
+                ` \xB7 ${availableCount} option${availableCount !== 1 ? "s" : ""}`
+              ] })
+            ] }, group.id);
+          }) }),
+          /* @__PURE__ */ jsx(CustomAttributesTable, { attributes: product.custom_attributes || [] }),
+          /* @__PURE__ */ jsx(
+            ProductCustomizer,
+            {
+              product,
+              onAddToCart
+            }
+          )
+        ] })
+      }
+    ),
+    showRelated && relatedProducts && relatedProducts.length > 0 && /* @__PURE__ */ jsx(RelatedProductsSection, { products: relatedProducts })
+  ] });
+}
 var ProductTemplate = /* @__PURE__ */ ((ProductTemplate2) => {
   ProductTemplate2["Default"] = "default";
   ProductTemplate2["Food"] = "food";
   ProductTemplate2["Wholesale"] = "wholesale";
   ProductTemplate2["Service"] = "service";
   ProductTemplate2["Digital"] = "digital";
+  ProductTemplate2["Bundle"] = "bundle";
+  ProductTemplate2["Composite"] = "composite";
   ProductTemplate2["Physical"] = "physical";
   return ProductTemplate2;
 })(ProductTemplate || {});
@@ -9008,6 +10236,8 @@ var BUILT_IN_LAYOUTS2 = {
   ["wholesale" /* Wholesale */]: WholesaleProductLayout,
   ["service" /* Service */]: ServiceProductLayout,
   ["digital" /* Digital */]: DigitalProductLayout,
+  ["bundle" /* Bundle */]: BundleProductLayout,
+  ["composite" /* Composite */]: CompositeProductLayout,
   ["default" /* Default */]: DefaultProductLayout
 };
 function resolveTemplateKey(product) {
@@ -9015,6 +10245,12 @@ function resolveTemplateKey(product) {
   if (typeof metaTemplate === "string" && metaTemplate.trim()) {
     return metaTemplate.trim();
   }
+  if (product.type === PRODUCT_TYPE.Bundle) {
+    return "bundle" /* Bundle */;
+  }
+  if (product.type === PRODUCT_TYPE.Composite) {
+    return "composite" /* Composite */;
+  }
   if (product.quantity_pricing && product.quantity_pricing.length > 1) {
     return "wholesale" /* Wholesale */;
   }
@@ -9379,7 +10615,7 @@ function DefaultCollectionLayout({
       ] })
     ] }),
     filtered.length > 0 ? /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4", children: filtered.map(
-      (product) => renderCard ? /* @__PURE__ */ jsx(React3.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsx(
+      (product) => renderCard ? /* @__PURE__ */ jsx(React10.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsx(
         ProductCard,
         {
           product,
@@ -9432,7 +10668,7 @@ function FeaturedCollectionLayout({
       ] })
     ] }),
     /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6", children: products.map(
-      (product) => renderCard ? /* @__PURE__ */ jsx(React3.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsx(
+      (product) => renderCard ? /* @__PURE__ */ jsx(React10.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsx(
         ProductCard,
         {
           product,
@@ -9556,7 +10792,7 @@ function CatalogueCollectionLayout({
       ] })
     ] }),
     filtered.length > 0 ? /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4", children: filtered.map(
-      (product) => renderCard ? /* @__PURE__ */ jsx(React3.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsx(
+      (product) => renderCard ? /* @__PURE__ */ jsx(React10.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsx(
         ProductCard,
         {
           product,
@@ -9936,7 +11172,7 @@ function DefaultSearchLayout({
         /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mt-1", children: "Try a different search term" }),
         /* @__PURE__ */ jsx("button", { onClick: clear, className: "text-sm font-medium text-primary mt-4 hover:underline", children: "Clear search" })
       ] }) : results.length > 0 ? /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 md:grid-cols-3 gap-4", children: results.map(
-        (product) => renderCard ? /* @__PURE__ */ jsx(React3.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsx(
+        (product) => renderCard ? /* @__PURE__ */ jsx(React10.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsx(
           ProductCard,
           {
             product,
@@ -10038,7 +11274,7 @@ function CompactSearchLayout({
       /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mt-1", children: "Try a different search term" }),
       /* @__PURE__ */ jsx("button", { onClick: clear, className: "text-sm font-medium text-primary mt-4 hover:underline", children: "Clear search" })
     ] }) : results.length > 0 ? /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 lg:grid-cols-3 gap-5", children: results.map(
-      (product) => renderCard ? /* @__PURE__ */ jsx(React3.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsx(
+      (product) => renderCard ? /* @__PURE__ */ jsx(React10.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsx(
         ProductCard,
         {
           product,
@@ -10603,4 +11839,4 @@ function ResourcePicker({
   );
 }
 
-export { AccommodationCard, Ad, AdProvider, AddOnSelector, AddressElement, AuthElement, AvailabilityBadge, BillingPlanSelector, BookingCard, BookingList, BundleSelector, CardImage, CardShell, CardVariant, CartPage, CartSummary, CartTemplate, CatalogueCollectionLayout, CataloguePage, CatalogueTemplate, CategoryFilter, CategoryGrid, CheckoutPage, CimplifyAccount, CimplifyCheckout, CimplifyProvider, CollectionPage, CollectionTemplate, CompactCartLayout, CompactCatalogueLayout, CompactSearchLayout, CompactServiceCard, CompositeSelector, CurrencySelector, CustomAttributesTable, DateSlotPicker, DealBanner, DealsPage, DefaultCartLayout, DefaultCatalogueLayout, DefaultCollectionLayout, DefaultProductLayout, DefaultSearchLayout, DeliveryEstimate, DigitalProductCard, DigitalProductLayout, DiscountInput, ElementsProvider, FeaturedCollectionLayout, FoodProductCard, FoodProductLayout, InventoryBadge, LeaseServiceCard, LocationPicker, MetadataStringList, OrderDetailPage, OrderHistory, OrderHistoryPage, OrderSummary, PaymentElement, Price, PriceRange, ProductCard, ProductCustomizer, ProductGrid, ProductImageGallery, ProductPage, ProductSheet, ProductTemplate, PropertiesTable, QuantitySelector, QuickAddButton, RecentlyViewed, RecommendationCarousel, RelatedProductsSection, RentalServiceCard, ResourcePicker, RetailProductCard, SaleBadge, ScheduleServiceCard, SearchInput, SearchPage, SearchTemplate, ServiceProductLayout, SessionMessageBanner, SlotPicker, SoldOutOverlay, StaffPicker, StandardServiceCard, StoreNav, SubscriptionCard, TagPills, TwoColumnGrid, VariantSelector, VolumePricing, WholesaleProductCard, WholesaleProductLayout, WishlistButton, cn, roomToResource, useActivityState, useAds, useAttributeDefinitions, useAvailableSlots, useBillingPlans, useBookings, useBootstrap, useBundles, useCart, useCategories, useCheckout, useCimplify, useCimplifyClient, useCollection, useCollections, useDeals, useDeliveryFee, useElements, useElementsReady, useFxRate, useLocations, useOptionalCimplify, useOrder, useOrders, useProduct, useProductAvailability, useProductDeals, useProductPrice, useProductSchedules, useProducts, useProductsOnSale, usePropertyFacets, useQuote, useRecommendations, useSearch, useServiceAvailability, useServices, useTaxonomies, useTaxonomy, useTaxonomyPath, useValidateDiscount, useVariantSelector };
+export { AccommodationCard, Ad, AdProvider, AddOnSelector, AddressElement, AuthElement, AvailabilityBadge, BillingPlanSelector, BookingCard, BookingList, BundleProductCard, BundleProductLayout, BundleSelector, CardImage, CardShell, CardVariant, CartPage, CartSummary, CartTemplate, CatalogueCollectionLayout, CataloguePage, CatalogueTemplate, CategoryFilter, CategoryGrid, CheckoutPage, CimplifyAccount, CimplifyCheckout, CimplifyProvider, CollectionPage, CollectionTemplate, CompactCartLayout, CompactCatalogueLayout, CompactSearchLayout, CompactServiceCard, CompositeProductCard, CompositeProductLayout, CompositeSelector, CurrencySelector, CustomAttributesTable, CustomerInputFields, DateSlotPicker, DealBanner, DealsPage, DefaultCartLayout, DefaultCatalogueLayout, DefaultCollectionLayout, DefaultProductLayout, DefaultSearchLayout, DeliveryEstimate, DigitalProductCard, DigitalProductLayout, DiscountInput, ElementsProvider, FeaturedCollectionLayout, FoodProductCard, FoodProductLayout, InventoryBadge, LeaseServiceCard, LocationPicker, MetadataStringList, OrderDetailPage, OrderHistory, OrderHistoryPage, OrderSummary, PaymentElement, Price, PriceRange, ProductCard, ProductCustomizer, ProductGrid, ProductImageGallery, ProductPage, ProductSheet, ProductTemplate, PropertiesTable, QuantitySelector, QuickAddButton, RecentlyViewed, RecommendationCarousel, RelatedProductsSection, RentalServiceCard, ResourcePicker, RetailProductCard, SaleBadge, ScheduleServiceCard, SearchInput, SearchPage, SearchTemplate, ServiceProductLayout, SessionMessageBanner, SlotPicker, SoldOutOverlay, StaffPicker, StandardServiceCard, StoreNav, SubscriptionCard, TagPills, TwoColumnGrid, VariantSelector, VolumePricing, WholesaleProductCard, WholesaleProductLayout, WishlistButton, cn, roomToResource, useActivityState, useAds, useAttributeDefinitions, useAvailableSlots, useBillingPlans, useBookings, useBootstrap, useBundles, useCart, useCategories, useCheckout, useCimplify, useCimplifyClient, useCollection, useCollections, useDeals, useDeliveryFee, useElements, useElementsReady, useFxRate, useLocations, useOptionalCimplify, useOrder, useOrders, useProduct, useProductAvailability, useProductDeals, useProductPrice, useProductSchedules, useProducts, useProductsOnSale, usePropertyFacets, useQuote, useRecommendations, useSearch, useServiceAvailability, useServices, useSubscription, useSubscriptions, useTaxonomies, useTaxonomy, useTaxonomyPath, useValidateDiscount, useVariantSelector };