@cimplify/sdk 0.26.0 → 0.28.0

package/dist/react.js

@@ -1,14 +1,14 @@
 "use client";
 'use strict';
 
-var chunkWMQXSDRC_js = require('./chunk-WMQXSDRC.js');
-var chunkI4F4Y3D4_js = require('./chunk-I4F4Y3D4.js');
+var chunkGS7AX6B3_js = require('./chunk-GS7AX6B3.js');
+var chunk2CGA3MUW_js = require('./chunk-2CGA3MUW.js');
 var chunkPEDLCL72_js = require('./chunk-PEDLCL72.js');
 var React3 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
-var numberField = require('@base-ui/react/number-field');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
+var numberField = require('@base-ui/react/number-field');
 var radioGroup = require('@base-ui/react/radio-group');
 var radio = require('@base-ui/react/radio');
 var checkbox = require('@base-ui/react/checkbox');
@@ -1061,7 +1061,7 @@ var DEFAULT_COUNTRY = "US";
 function createDefaultClient() {
   const processRef = globalThis.process;
   const envPublicKey = processRef?.env?.NEXT_PUBLIC_CIMPLIFY_PUBLIC_KEY || "";
-  return chunkWMQXSDRC_js.createCimplifyClient({ publicKey: envPublicKey });
+  return chunkGS7AX6B3_js.createCimplifyClient({ publicKey: envPublicKey });
 }
 function getStoredLocationId() {
   if (typeof window === "undefined" || !window.localStorage) {
@@ -1702,6 +1702,101 @@ function CimplifyCheckout({
     errorMessage && /* @__PURE__ */ jsxRuntime.jsx("p", { "data-cimplify-error": "", style: { marginTop: SPACE.sm, fontSize: 13, color: colors.error }, children: errorMessage })
   ] });
 }
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+var DEFAULT_LINK_URL = "https://link.cimplify.io";
+function CimplifyAccount({
+  client: clientProp,
+  linkUrl,
+  section,
+  appearance,
+  onLogout,
+  className
+}) {
+  const context = useOptionalCimplify();
+  const client = clientProp ?? context?.client;
+  const resolvedLinkUrl = linkUrl || DEFAULT_LINK_URL;
+  const iframeRef = React3.useRef(null);
+  const [height, setHeight] = React3.useState(400);
+  const [isReady, setIsReady] = React3.useState(false);
+  const iframeSrc = React3.useMemo(() => {
+    const path = section ? `/elements/account/${section}` : "/elements/account";
+    const url = new URL(path, resolvedLinkUrl);
+    if (client) {
+      const businessId = client.getBusinessId?.() ?? "";
+      if (businessId) url.searchParams.set("businessId", businessId);
+    }
+    return url.toString();
+  }, [resolvedLinkUrl, section, client]);
+  React3.useEffect(() => {
+    function handleMessage(event) {
+      if (!event.data || typeof event.data !== "object") return;
+      if (iframeRef.current?.contentWindow && event.source !== iframeRef.current.contentWindow) {
+        return;
+      }
+      switch (event.data.type) {
+        case "ready":
+          setIsReady(true);
+          if (typeof event.data.height === "number") {
+            setHeight(event.data.height);
+          }
+          sendInit();
+          break;
+        case "height_change":
+          if (typeof event.data.height === "number") {
+            setHeight(event.data.height);
+          }
+          break;
+        case "logout_complete":
+          onLogout?.();
+          break;
+      }
+    }
+    window.addEventListener("message", handleMessage);
+    return () => window.removeEventListener("message", handleMessage);
+  }, [appearance, client, onLogout]);
+  function sendInit() {
+    const contentWindow = iframeRef.current?.contentWindow;
+    if (!contentWindow) return;
+    const token = client?.getAccessToken?.();
+    contentWindow.postMessage(
+      {
+        type: "init",
+        token: token ?? void 0,
+        appearance: appearance ?? void 0
+      },
+      resolvedLinkUrl
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-cimplify-account": true,
+      className: cn("relative overflow-hidden", className),
+      children: [
+        !isReady && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center py-16", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-6 h-6 border-2 border-border border-t-foreground rounded-full animate-spin" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "iframe",
+          {
+            ref: iframeRef,
+            src: iframeSrc,
+            style: {
+              border: "none",
+              width: "100%",
+              height: `${height}px`,
+              display: isReady ? "block" : "none",
+              overflow: "hidden",
+              background: "transparent"
+            },
+            allow: "geolocation",
+            sandbox: "allow-scripts allow-same-origin allow-forms allow-popups allow-popups-to-escape-sandbox"
+          }
+        )
+      ]
+    }
+  );
+}
 function Price({ amount, currency, className, prefix }) {
   const context = useOptionalCimplify();
   const resolvedCurrency = currency ?? context?.displayCurrency ?? "USD";
@@ -2757,6 +2852,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] = React3.useState([]);
+  const [isLoading, setIsLoading] = React3.useState(false);
+  const [error, setError] = React3.useState(null);
+  const fetch2 = React3.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]);
+  React3.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] = React3.useState(null);
+  const [isLoading, setIsLoading] = React3.useState(false);
+  const [error, setError] = React3.useState(null);
+  const fetch2 = React3.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]);
+  React3.useEffect(() => {
+    void fetch2();
+  }, [fetch2]);
+  const cancel = React3.useCallback(async (reason) => {
+    if (!normalizedId) return;
+    await client.subscriptions.cancel(normalizedId, reason);
+    void fetch2();
+  }, [client, normalizedId, fetch2]);
+  const pause = React3.useCallback(async () => {
+    if (!normalizedId) return;
+    await client.subscriptions.pause(normalizedId);
+    void fetch2();
+  }, [client, normalizedId, fetch2]);
+  const resume = React3.useCallback(async () => {
+    if (!normalizedId) return;
+    await client.subscriptions.resume(normalizedId);
+    void fetch2();
+  }, [client, normalizedId, fetch2]);
+  const skipNext = React3.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({
@@ -3215,19 +3388,19 @@ function AuthElement({
   }, [onReady, onAuthenticated, onRequiresOtp, onError]);
   React3.useEffect(() => {
     if (!elements || !containerRef.current) return;
-    const element = elements.create(chunkI4F4Y3D4_js.ELEMENT_TYPES.AUTH, { prefillEmail });
+    const element = elements.create(chunk2CGA3MUW_js.ELEMENT_TYPES.AUTH, { prefillEmail });
     elementRef.current = element;
-    element.on(chunkI4F4Y3D4_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
+    element.on(chunk2CGA3MUW_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
     element.on(
-      chunkI4F4Y3D4_js.EVENT_TYPES.AUTHENTICATED,
+      chunk2CGA3MUW_js.EVENT_TYPES.AUTHENTICATED,
       (data) => onAuthenticatedRef.current?.(data)
     );
     element.on(
-      chunkI4F4Y3D4_js.EVENT_TYPES.REQUIRES_OTP,
+      chunk2CGA3MUW_js.EVENT_TYPES.REQUIRES_OTP,
       (data) => onRequiresOtpRef.current?.(data)
     );
     element.on(
-      chunkI4F4Y3D4_js.EVENT_TYPES.ERROR,
+      chunk2CGA3MUW_js.EVENT_TYPES.ERROR,
       (data) => onErrorRef.current?.(data)
     );
     element.mount(containerRef.current);
@@ -3256,15 +3429,15 @@ function AddressElement({
   }, [onReady, onChange, onError]);
   React3.useEffect(() => {
     if (!elements || !containerRef.current) return;
-    const element = elements.create(chunkI4F4Y3D4_js.ELEMENT_TYPES.ADDRESS, { mode });
+    const element = elements.create(chunk2CGA3MUW_js.ELEMENT_TYPES.ADDRESS, { mode });
     elementRef.current = element;
-    element.on(chunkI4F4Y3D4_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
+    element.on(chunk2CGA3MUW_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
     element.on(
-      chunkI4F4Y3D4_js.EVENT_TYPES.CHANGE,
+      chunk2CGA3MUW_js.EVENT_TYPES.CHANGE,
       (data) => onChangeRef.current?.(data)
     );
     element.on(
-      chunkI4F4Y3D4_js.EVENT_TYPES.ERROR,
+      chunk2CGA3MUW_js.EVENT_TYPES.ERROR,
       (data) => onErrorRef.current?.(data)
     );
     element.mount(containerRef.current);
@@ -3294,15 +3467,15 @@ function PaymentElement({
   }, [onReady, onChange, onError]);
   React3.useEffect(() => {
     if (!elements || !containerRef.current) return;
-    const element = elements.create(chunkI4F4Y3D4_js.ELEMENT_TYPES.PAYMENT, { amount, currency });
+    const element = elements.create(chunk2CGA3MUW_js.ELEMENT_TYPES.PAYMENT, { amount, currency });
     elementRef.current = element;
-    element.on(chunkI4F4Y3D4_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
+    element.on(chunk2CGA3MUW_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
     element.on(
-      chunkI4F4Y3D4_js.EVENT_TYPES.CHANGE,
+      chunk2CGA3MUW_js.EVENT_TYPES.CHANGE,
       (data) => onChangeRef.current?.(data)
     );
     element.on(
-      chunkI4F4Y3D4_js.EVENT_TYPES.ERROR,
+      chunk2CGA3MUW_js.EVENT_TYPES.ERROR,
       (data) => onErrorRef.current?.(data)
     );
     element.mount(containerRef.current);
@@ -3346,9 +3519,6 @@ function useCheckout() {
   );
   return { submit, process, isLoading };
 }
-function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
-}
 function QuantitySelector({
   value,
   onChange,
@@ -3565,7 +3735,7 @@ function VariantSelector({
                   {
                     "data-cimplify-variant-name": true,
                     className: cn("flex-1 min-w-0 text-sm", classNames?.name),
-                    children: chunkWMQXSDRC_js.getVariantDisplayName(variant, productName)
+                    children: chunkGS7AX6B3_js.getVariantDisplayName(variant, productName)
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-cimplify-variant-pricing": true, className: cn("text-sm text-muted-foreground", classNames?.pricing), children: [
@@ -5101,7 +5271,7 @@ function CartLineItemRow({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-cart-item": true, className: classNames?.item, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-cart-item-info": true, children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-cart-item-name": true, className: classNames?.itemName, children: item.product.name }),
-      item.variant && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-cart-item-variant": true, children: chunkWMQXSDRC_js.getVariantDisplayName(item.variant, item.product.name) }),
+      item.variant && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-cart-item-variant": true, children: chunkGS7AX6B3_js.getVariantDisplayName(item.variant, item.product.name) }),
       item.addOnOptions && item.addOnOptions.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-cimplify-cart-item-addons": true, children: [
         "+ ",
         item.addOnOptions.map((opt) => opt.name).join(", ")
@@ -5626,7 +5796,7 @@ function FoodProductCard({
   const tags = product.tags || [];
   const isSignature = product.metadata?.is_signature === true;
   const isNew = product.metadata?.is_new === true;
-  const isComposite = product.type === chunkWMQXSDRC_js.PRODUCT_TYPE.Composite;
+  const isComposite = product.type === chunkGS7AX6B3_js.PRODUCT_TYPE.Composite;
   return /* @__PURE__ */ jsxRuntime.jsxs(CardShell, { product, renderLink, className, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(CardImage, { src: image, alt: product.name, aspectRatio: "square", renderImage, children: [
       isSignature && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "absolute top-3 left-3 inline-flex items-center gap-1 text-[11px] font-semibold tracking-wide bg-amber-50 text-amber-700 border border-amber-200/60 px-2 py-0.5 rounded-md", children: [
@@ -5795,6 +5965,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 = chunkPEDLCL72_js.isOnSale(product);
+  const discount = chunkPEDLCL72_js.getDiscountPercentage(product);
+  const hasVariantChoice = components.some((c) => c.allow_variant_choice);
+  return /* @__PURE__ */ jsxRuntime.jsxs(CardShell, { product, renderLink, className, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(CardImage, { src: image, alt: product.name, aspectRatio: "square", renderImage, children: [
+      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+        QuickAddButton,
+        {
+          onClick: () => onQuickAdd?.(product),
+          className: "absolute bottom-3 right-3"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-3.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-[14.5px] font-semibold text-foreground leading-snug tracking-tight truncate", children: product.name }),
+      componentCount > 0 && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-[11px] text-muted-foreground mt-1 truncate", children: [
+        "Includes: ",
+        components.map((c) => c.product_name || c.product_id).join(", ")
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mt-2.5", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: product.default_price, className: "text-sm font-bold" }),
+        onSale && product.bundle_price && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: chunkPEDLCL72_js.getBasePrice(product), className: "text-xs text-muted-foreground line-through" }),
+          discount != null && discount > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[10px] font-semibold text-emerald-600", children: [
+            "Save ",
+            discount,
+            "%"
+          ] })
+        ] })
+      ] }),
+      hasVariantChoice && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(CardShell, { product, renderLink, className, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(CardImage, { src: image, alt: product.name, aspectRatio: "square", renderImage, children: [
+      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+        QuickAddButton,
+        {
+          onClick: () => onQuickAdd?.(product),
+          className: "absolute bottom-3 right-3"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-3.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-[14.5px] font-semibold text-foreground leading-snug tracking-tight truncate", children: product.name }),
+      product.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[12px] text-muted-foreground mt-1 line-clamp-1", children: product.description }),
+      groupCount > 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[11px] text-muted-foreground mt-1 truncate", children: groups.map((g) => g.name).join(" + ") }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mt-2.5", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm font-bold", children: [
+          "From ",
+          /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: product.default_price })
+        ] }),
+        tags.length > 0 && /* @__PURE__ */ jsxRuntime.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) {
@@ -6256,6 +6518,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";
@@ -6280,22 +6544,30 @@ 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([chunkWMQXSDRC_js.DURATION_UNIT.Days, chunkWMQXSDRC_js.DURATION_UNIT.Hours]);
-var LEASE_UNITS = /* @__PURE__ */ new Set([chunkWMQXSDRC_js.DURATION_UNIT.Weeks, chunkWMQXSDRC_js.DURATION_UNIT.Months, chunkWMQXSDRC_js.DURATION_UNIT.Years]);
+var RENTAL_UNITS = /* @__PURE__ */ new Set([chunkGS7AX6B3_js.DURATION_UNIT.Days, chunkGS7AX6B3_js.DURATION_UNIT.Hours]);
+var LEASE_UNITS = /* @__PURE__ */ new Set([chunkGS7AX6B3_js.DURATION_UNIT.Weeks, chunkGS7AX6B3_js.DURATION_UNIT.Months, chunkGS7AX6B3_js.DURATION_UNIT.Years]);
 function resolveCardVariant(product) {
+  if (product.type === chunkGS7AX6B3_js.PRODUCT_TYPE.Bundle) {
+    return "bundle" /* Bundle */;
+  }
+  if (product.type === chunkGS7AX6B3_js.PRODUCT_TYPE.Composite) {
+    return "composite" /* Composite */;
+  }
   if (product.quantity_pricing && product.quantity_pricing.length > 1) {
     return "wholesale" /* Wholesale */;
   }
-  if (product.type === chunkWMQXSDRC_js.PRODUCT_TYPE.Digital) {
+  if (product.type === chunkGS7AX6B3_js.PRODUCT_TYPE.Digital) {
     return "digital" /* Digital */;
   }
-  if (product.type === chunkWMQXSDRC_js.PRODUCT_TYPE.Service) {
+  if (product.type === chunkGS7AX6B3_js.PRODUCT_TYPE.Service) {
     if (product.duration_unit && RENTAL_UNITS.has(product.duration_unit)) {
       return "rental" /* Rental */;
     }
-    if (product.duration_unit === chunkWMQXSDRC_js.DURATION_UNIT.Nights) {
+    if (product.duration_unit === chunkGS7AX6B3_js.DURATION_UNIT.Nights) {
       return "accommodation" /* Accommodation */;
     }
     if (product.duration_unit && LEASE_UNITS.has(product.duration_unit)) {
@@ -6306,10 +6578,10 @@ function resolveCardVariant(product) {
     }
     return "standard" /* Standard */;
   }
-  if (product.render_hint === chunkWMQXSDRC_js.RENDER_HINT.Food) {
+  if (product.render_hint === chunkGS7AX6B3_js.RENDER_HINT.Food) {
     return "food" /* Food */;
   }
-  if (product.render_hint === chunkWMQXSDRC_js.RENDER_HINT.Physical) {
+  if (product.render_hint === chunkGS7AX6B3_js.RENDER_HINT.Physical) {
     return "retail" /* Retail */;
   }
   return "retail" /* Retail */;
@@ -8907,12 +9179,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 = chunkPEDLCL72_js.isOnSale(product);
+  const discount = chunkPEDLCL72_js.getDiscountPercentage(product);
+  const baseTotal = components.reduce(
+    (sum, c) => sum + chunkPEDLCL72_js.parsePrice(c.effective_price ?? 0) * (c.quantity ?? 1),
+    0
+  );
+  const bundlePrice = chunkPEDLCL72_js.parsePrice(product.default_price);
+  const savings = baseTotal > bundlePrice ? baseTotal - bundlePrice : 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-product-layout": "bundle", className: cn("space-y-8", className), children: [
+    renderBreadcrumb?.(product),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      TwoColumnGrid,
+      {
+        left: /* @__PURE__ */ jsxRuntime.jsx(
+          ProductImageGallery,
+          {
+            images,
+            productName: product.name
+          }
+        ),
+        right: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(TagPills, { tags: product.tags || [] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h1", { "data-cimplify-product-layout-name": true, className: "text-3xl lg:text-4xl font-bold tracking-tight", children: product.name }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-baseline gap-3 mt-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: product.default_price, className: "text-2xl font-bold" }),
+              onSale && baseTotal > 0 && /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: baseTotal, className: "text-lg text-muted-foreground line-through" })
+            ] })
+          ] }),
+          product.description && /* @__PURE__ */ jsxRuntime.jsx("p", { "data-cimplify-product-layout-description": true, className: "text-muted-foreground leading-relaxed", children: product.description }),
+          components.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-bundle-components": true, className: "space-y-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold", children: "Included in this bundle" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y divide-border border border-border rounded-lg overflow-hidden", children: components.map((component) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 p-3", children: [
+              component.product_image_url && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-12 h-12 rounded-lg overflow-hidden bg-muted shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: component.product_image_url, alt: component.product_name, className: "w-full h-full object-cover" }) }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium truncate", children: component.product_name }),
+                component.quantity > 1 && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted-foreground", children: [
+                  "Qty: ",
+                  component.quantity
+                ] }),
+                component.allow_variant_choice && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-violet-600 font-medium", children: "Choose variant" })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: component.effective_price ?? 0, className: "text-sm text-muted-foreground shrink-0" })
+            ] }, component.id)) })
+          ] }),
+          savings > 0 && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("svg", { className: "w-4 h-4 shrink-0", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" }) }),
+            "You save ",
+            /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: savings, className: "font-semibold" }),
+            " with this bundle"
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(CustomAttributesTable, { attributes: product.custom_attributes || [] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ProductCustomizer,
+            {
+              product,
+              onAddToCart
+            }
+          )
+        ] })
+      }
+    ),
+    showRelated && relatedProducts && relatedProducts.length > 0 && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { "data-cimplify-product-layout": "composite", className: cn("space-y-8", className), children: [
+    renderBreadcrumb?.(product),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      TwoColumnGrid,
+      {
+        left: /* @__PURE__ */ jsxRuntime.jsx(
+          ProductImageGallery,
+          {
+            images,
+            productName: product.name
+          }
+        ),
+        right: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(TagPills, { tags: product.tags || [] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h1", { "data-cimplify-product-layout-name": true, className: "text-3xl lg:text-4xl font-bold tracking-tight", children: product.name }),
+            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-lg text-muted-foreground mt-2", children: [
+              "From ",
+              /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: product.default_price, className: "font-semibold text-foreground" })
+            ] })
+          ] }),
+          product.description && /* @__PURE__ */ jsxRuntime.jsx("p", { "data-cimplify-product-layout-description": true, className: "text-muted-foreground leading-relaxed", children: product.description }),
+          groups.length > 0 && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 px-3 py-2 bg-muted rounded-lg text-sm", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: group.name }),
+              /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(CustomAttributesTable, { attributes: product.custom_attributes || [] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ProductCustomizer,
+            {
+              product,
+              onAddToCart
+            }
+          )
+        ] })
+      }
+    ),
+    showRelated && relatedProducts && relatedProducts.length > 0 && /* @__PURE__ */ jsxRuntime.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 || {});
@@ -8921,6 +9342,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) {
@@ -8928,19 +9351,25 @@ function resolveTemplateKey(product) {
   if (typeof metaTemplate === "string" && metaTemplate.trim()) {
     return metaTemplate.trim();
   }
+  if (product.type === chunkGS7AX6B3_js.PRODUCT_TYPE.Bundle) {
+    return "bundle" /* Bundle */;
+  }
+  if (product.type === chunkGS7AX6B3_js.PRODUCT_TYPE.Composite) {
+    return "composite" /* Composite */;
+  }
   if (product.quantity_pricing && product.quantity_pricing.length > 1) {
     return "wholesale" /* Wholesale */;
   }
-  if (product.type === chunkWMQXSDRC_js.PRODUCT_TYPE.Service) {
+  if (product.type === chunkGS7AX6B3_js.PRODUCT_TYPE.Service) {
     return "service" /* Service */;
   }
-  if (product.type === chunkWMQXSDRC_js.PRODUCT_TYPE.Digital) {
+  if (product.type === chunkGS7AX6B3_js.PRODUCT_TYPE.Digital) {
     return "digital" /* Digital */;
   }
-  if (product.render_hint === chunkWMQXSDRC_js.RENDER_HINT.Food) {
+  if (product.render_hint === chunkGS7AX6B3_js.RENDER_HINT.Food) {
     return "food" /* Food */;
   }
-  if (product.render_hint === chunkWMQXSDRC_js.RENDER_HINT.Physical) {
+  if (product.render_hint === chunkGS7AX6B3_js.RENDER_HINT.Physical) {
     return "physical" /* Physical */;
   }
   return "default" /* Default */;
@@ -10518,7 +10947,7 @@ function ResourcePicker({
 
 Object.defineProperty(exports, "getVariantDisplayName", {
   enumerable: true,
-  get: function () { return chunkWMQXSDRC_js.getVariantDisplayName; }
+  get: function () { return chunkGS7AX6B3_js.getVariantDisplayName; }
 });
 exports.AccommodationCard = AccommodationCard;
 exports.Ad = Ad;
@@ -10530,6 +10959,8 @@ exports.AvailabilityBadge = AvailabilityBadge;
 exports.BillingPlanSelector = BillingPlanSelector;
 exports.BookingCard = BookingCard;
 exports.BookingList = BookingList;
+exports.BundleProductCard = BundleProductCard;
+exports.BundleProductLayout = BundleProductLayout;
 exports.BundleSelector = BundleSelector;
 exports.CardImage = CardImage;
 exports.CardShell = CardShell;
@@ -10543,6 +10974,7 @@ exports.CatalogueTemplate = CatalogueTemplate;
 exports.CategoryFilter = CategoryFilter;
 exports.CategoryGrid = CategoryGrid;
 exports.CheckoutPage = CheckoutPage;
+exports.CimplifyAccount = CimplifyAccount;
 exports.CimplifyCheckout = CimplifyCheckout;
 exports.CimplifyProvider = CimplifyProvider;
 exports.CollectionPage = CollectionPage;
@@ -10551,6 +10983,8 @@ exports.CompactCartLayout = CompactCartLayout;
 exports.CompactCatalogueLayout = CompactCatalogueLayout;
 exports.CompactSearchLayout = CompactSearchLayout;
 exports.CompactServiceCard = CompactServiceCard;
+exports.CompositeProductCard = CompositeProductCard;
+exports.CompositeProductLayout = CompositeProductLayout;
 exports.CompositeSelector = CompositeSelector;
 exports.CurrencySelector = CurrencySelector;
 exports.CustomAttributesTable = CustomAttributesTable;
@@ -10656,6 +11090,8 @@ exports.useRecommendations = useRecommendations;
 exports.useSearch = useSearch;
 exports.useServiceAvailability = useServiceAvailability;
 exports.useServices = useServices;
+exports.useSubscription = useSubscription;
+exports.useSubscriptions = useSubscriptions;
 exports.useTaxonomies = useTaxonomies;
 exports.useTaxonomy = useTaxonomy;
 exports.useTaxonomyPath = useTaxonomyPath;