@cimplify/sdk 0.66.0 → 0.68.0

package/dist/react.js

@@ -1,10 +1,9 @@
 "use client";
 'use strict';
 
-var chunkGDAGM26J_js = require('./chunk-GDAGM26J.js');
-require('./chunk-KWYI2TTA.js');
-var chunkJ3MGY6AU_js = require('./chunk-J3MGY6AU.js');
-var chunkAVQL3TSJ_js = require('./chunk-AVQL3TSJ.js');
+var chunkIQLJJW2H_js = require('./chunk-IQLJJW2H.js');
+var chunk5HAUJBOK_js = require('./chunk-5HAUJBOK.js');
+var chunkWCSAZRNC_js = require('./chunk-WCSAZRNC.js');
 var chunk7Y2O3E4D_js = require('./chunk-7Y2O3E4D.js');
 var chunkXA3ZNR75_js = require('./chunk-XA3ZNR75.js');
 require('./chunk-OWW5GUSB.js');
@@ -1087,7 +1086,7 @@ var DEFAULT_COUNTRY = "US";
 function createDefaultClient() {
   const processRef = globalThis.process;
   const envPublicKey = processRef?.env?.NEXT_PUBLIC_CIMPLIFY_PUBLIC_KEY || "";
-  return chunkJ3MGY6AU_js.createCimplifyClient({ publicKey: envPublicKey });
+  return chunk5HAUJBOK_js.createCimplifyClient({ publicKey: envPublicKey });
 }
 function getStoredLocationId() {
   if (typeof window === "undefined" || !window.localStorage) {
@@ -1663,100 +1662,6 @@ function CimplifyCheckout({
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
-var DEFAULT_LINK_URL = "https://link.cimplify.io";
-function CimplifyAccount({
-  client: clientProp,
-  linkUrl,
-  section,
-  businessId: businessIdProp,
-  merchantName,
-  appearance,
-  onLogout,
-  className
-}) {
-  const context = useOptionalCimplify();
-  const client = clientProp ?? context?.client;
-  const resolvedLinkUrl = linkUrl || DEFAULT_LINK_URL;
-  const resolvedBusinessId = businessIdProp || client?.getBusinessId?.() || "";
-  const iframeRef = React12.useRef(null);
-  const [height, setHeight] = React12.useState(400);
-  const [isReady, setIsReady] = React12.useState(false);
-  const iframeSrc = React12.useMemo(() => {
-    const path = section ? `/elements/account/${section}` : "/elements/account";
-    const url = new URL(path, resolvedLinkUrl);
-    if (resolvedBusinessId) url.searchParams.set("businessId", resolvedBusinessId);
-    return url.toString();
-  }, [resolvedLinkUrl, section, resolvedBusinessId]);
-  React12.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,
-        businessId: resolvedBusinessId || void 0,
-        merchantName: merchantName ?? 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"
-          }
-        )
-      ]
-    }
-  );
-}
 var BUTTON_BASE = "inline-flex items-center justify-center gap-2 font-semibold leading-none transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40 disabled:opacity-50 disabled:cursor-not-allowed [font-family:inherit] cursor-pointer rounded-[10px]";
 var BUTTON_VARIANTS = {
   primary: "bg-foreground text-background hover:bg-foreground/90",
@@ -1988,6 +1893,17 @@ function Toast({ title, description, onUndo, onDismiss, className }) {
     }
   );
 }
+
+// src/react/utils/avatar.ts
+function avatarGradient(seed) {
+  let hash = 0;
+  for (let i = 0; i < seed.length; i++) hash = (hash << 5) - hash + seed.charCodeAt(i) | 0;
+  const hue = (Math.abs(hash) % 60 + 20) % 360;
+  return `linear-gradient(135deg, oklch(0.78 0.10 ${hue}), oklch(0.55 0.16 ${hue - 8}))`;
+}
+function initials(name) {
+  return name.trim().split(/\s+/).map((p) => p[0]).filter(Boolean).slice(0, 2).join("").toUpperCase();
+}
 function AccountShell({ sidebar, children, className }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -2022,15 +1938,6 @@ function AccountSidebar({ children, scopeNote, className }) {
     }
   );
 }
-function avatarGradient(seed) {
-  let hash = 0;
-  for (let i = 0; i < seed.length; i++) hash = (hash << 5) - hash + seed.charCodeAt(i) | 0;
-  const hue = (Math.abs(hash) % 60 + 20) % 360;
-  return `linear-gradient(135deg, oklch(0.78 0.10 ${hue}), oklch(0.55 0.16 ${hue - 8}))`;
-}
-function initials(name) {
-  return name.trim().split(/\s+/).map((p) => p[0]).filter(Boolean).slice(0, 2).join("").toUpperCase();
-}
 function AccountIdentityStrip({
   name,
   email,
@@ -2716,7 +2623,7 @@ function CimplifySignInButton({
   const onClick = async () => {
     if (busy || disabled) return;
     setBusy(true);
-    await chunkGDAGM26J_js.startSignIn({
+    await chunkWCSAZRNC_js.startSignIn({
       ...signInOpts,
       onSuccess: () => {
         setBusy(false);
@@ -3351,6 +3258,229 @@ function useCimplifySession(options) {
   }, [fetchSession]);
   return { session, loading, refresh: fetchSession };
 }
+var DEFAULT_LINKS = [
+  {
+    label: "Your orders",
+    href: "/account/orders",
+    icon: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", "aria-hidden": true, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 6h18" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 10a4 4 0 0 1-8 0" })
+    ] })
+  },
+  {
+    label: "Addresses",
+    href: "/account/addresses",
+    icon: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", "aria-hidden": true, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 21s-7-5.5-7-11a7 7 0 0 1 14 0c0 5.5-7 11-7 11Z" }),
+      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "10", r: "2.5" })
+    ] })
+  },
+  {
+    label: "Payment methods",
+    href: "/account/payment",
+    icon: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", "aria-hidden": true, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "2", y: "5", width: "20", height: "14", rx: "2" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 10h20" })
+    ] })
+  },
+  {
+    label: "Account",
+    href: "/account",
+    icon: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", "aria-hidden": true, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "3" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 2v3M12 19v3M4.2 4.2l2.1 2.1M17.7 17.7l2.1 2.1M2 12h3M19 12h3M4.2 19.8l2.1-2.1M17.7 6.3l2.1-2.1" })
+    ] })
+  }
+];
+var LinkIcon = /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", "aria-hidden": true, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 13.5a4 4 0 0 0 5.6 0l3-3a4 4 0 0 0-5.6-5.6L11.5 6.4" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14 10.5a4 4 0 0 0-5.6 0l-3 3a4 4 0 0 0 5.6 5.6l1.5-1.5" })
+] });
+var ExternalIcon = /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": true, className: "ml-auto opacity-50", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 17 17 7M9 7h8v8" }) });
+function Avatar({ seed, name, size }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      "aria-hidden": true,
+      className: "grid place-items-center rounded-full font-serif font-semibold text-white shrink-0",
+      style: { width: size, height: size, fontSize: size * 0.4, background: avatarGradient(seed) },
+      children: initials(name)
+    }
+  );
+}
+function CimplifyUserButton({
+  session: controlledSession,
+  sessionUri,
+  links = DEFAULT_LINKS,
+  identityUrl = "https://link.cimplify.io",
+  signOutHref = "/auth/signout",
+  onSignOut,
+  clientId,
+  redirectUri,
+  signInLabel,
+  onSignIn,
+  hideName,
+  align = "end",
+  className
+}) {
+  const controlled = controlledSession !== void 0;
+  const hook = useCimplifySession({ sessionUri });
+  const session = controlled ? controlledSession : hook.session;
+  const loading = controlled ? false : hook.loading;
+  const [open, setOpen] = React12.useState(false);
+  const rootRef = React12.useRef(null);
+  const menuId = React12.useId();
+  React12.useEffect(() => {
+    if (!open) return;
+    const onDocClick = (e) => {
+      if (!rootRef.current?.contains(e.target)) setOpen(false);
+    };
+    const onKey = (e) => {
+      if (e.key === "Escape") setOpen(false);
+    };
+    document.addEventListener("mousedown", onDocClick);
+    document.addEventListener("keydown", onKey);
+    return () => {
+      document.removeEventListener("mousedown", onDocClick);
+      document.removeEventListener("keydown", onKey);
+    };
+  }, [open]);
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("inline-flex items-center", className), "data-cimplify-user-button": "loading", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "size-8 rounded-full bg-muted/60 animate-pulse" }) });
+  }
+  if (!session) {
+    if (!clientId || !redirectUri) return null;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      CimplifySignInButton,
+      {
+        variant: "outline",
+        label: signInLabel ?? "Sign in",
+        clientId,
+        redirectUri,
+        onSuccess: onSignIn,
+        className
+      }
+    );
+  }
+  const name = session.name?.trim() || session.email || "Account";
+  const seed = session.sub || name;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: rootRef, className: cn("relative inline-block", className), "data-cimplify-user-button": true, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => setOpen((v) => !v),
+        "aria-haspopup": "menu",
+        "aria-expanded": open,
+        "aria-controls": menuId,
+        className: cn(
+          "inline-flex items-center gap-2 rounded-full border border-border bg-card p-1 pr-2.5",
+          "shadow-[0_1px_2px_rgba(16,24,40,0.06)] transition-colors cursor-pointer",
+          "hover:border-foreground/30 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40",
+          hideName && "pr-1"
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Avatar, { seed, name, size: 28 }),
+          !hideName && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "max-w-[120px] truncate text-[13px] font-semibold text-foreground", children: session.name?.split(/\s+/)[0] || name }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "svg",
+            {
+              width: "13",
+              height: "13",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2.2",
+              "aria-hidden": true,
+              className: cn("text-foreground/45 transition-transform", open && "rotate-180"),
+              children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m6 9 6 6 6-6" })
+            }
+          )
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        id: menuId,
+        role: "menu",
+        className: cn(
+          "absolute top-[calc(100%+8px)] z-50 w-[280px] overflow-hidden",
+          "rounded-[14px] border border-border bg-card",
+          "shadow-[0_1px_2px_rgba(16,24,40,0.04),0_16px_40px_-16px_rgba(16,24,40,0.24)]",
+          align === "end" ? "right-0" : "left-0"
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 border-b border-border/60 p-3.5", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Avatar, { seed, name, size: 40 }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate text-[14px] font-semibold text-foreground", children: name }),
+              session.email && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate text-[12px] text-foreground/55", children: session.email })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-1.5", children: [
+            links.map((link) => /* @__PURE__ */ jsxRuntime.jsxs(
+              "a",
+              {
+                role: "menuitem",
+                href: link.href,
+                target: link.external ? "_blank" : void 0,
+                rel: link.external ? "noreferrer" : void 0,
+                className: "flex items-center gap-3 rounded-[9px] px-3 py-2 text-[13.5px] text-foreground hover:bg-muted/50",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground/45", children: link.icon }),
+                  link.label,
+                  link.external && ExternalIcon
+                ]
+              },
+              link.href
+            )),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "my-1.5 h-px bg-border/60" }),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "a",
+              {
+                role: "menuitem",
+                href: identityUrl,
+                target: "_blank",
+                rel: "noreferrer",
+                className: "flex items-center gap-3 rounded-[9px] px-3 py-2 text-[13.5px] text-foreground hover:bg-muted/50",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground/45", children: LinkIcon }),
+                  "Manage Cimplify identity",
+                  ExternalIcon
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "form",
+              {
+                method: "post",
+                action: signOutHref,
+                onSubmit: onSignOut ? () => onSignOut() : void 0,
+                children: /* @__PURE__ */ jsxRuntime.jsxs(
+                  "button",
+                  {
+                    type: "submit",
+                    role: "menuitem",
+                    className: "flex w-full items-center gap-3 rounded-[9px] px-3 py-2 text-[13.5px] text-destructive hover:bg-destructive/10",
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", "aria-hidden": true, children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }),
+                        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m16 17 5-5-5-5M21 12H9" })
+                      ] }),
+                      "Sign out"
+                    ]
+                  }
+                )
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+}
 function Price({ amount, currency, className, prefix }) {
   const context = useOptionalCimplify();
   const resolvedCurrency = currency ?? context?.displayCurrency ?? "USD";
@@ -5100,7 +5230,6 @@ function AuthElement({
   prefillEmail,
   onReady,
   onAuthenticated,
-  onRequiresOtp,
   onError
 }) {
   const containerRef = React12.useRef(null);
@@ -5108,29 +5237,23 @@ function AuthElement({
   const elements = useElements();
   const onReadyRef = React12.useRef(onReady);
   const onAuthenticatedRef = React12.useRef(onAuthenticated);
-  const onRequiresOtpRef = React12.useRef(onRequiresOtp);
   const onErrorRef = React12.useRef(onError);
   React12.useEffect(() => {
     onReadyRef.current = onReady;
     onAuthenticatedRef.current = onAuthenticated;
-    onRequiresOtpRef.current = onRequiresOtp;
     onErrorRef.current = onError;
-  }, [onReady, onAuthenticated, onRequiresOtp, onError]);
+  }, [onReady, onAuthenticated, onError]);
   React12.useEffect(() => {
     if (!elements || !containerRef.current) return;
-    const element = elements.create(chunkAVQL3TSJ_js.ELEMENT_TYPES.AUTH, { prefillEmail });
+    const element = elements.create(chunkWCSAZRNC_js.ELEMENT_TYPES.AUTH, { prefillEmail });
     elementRef.current = element;
-    element.on(chunkAVQL3TSJ_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
+    element.on(chunkWCSAZRNC_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
     element.on(
-      chunkAVQL3TSJ_js.EVENT_TYPES.AUTHENTICATED,
+      chunkWCSAZRNC_js.EVENT_TYPES.AUTHENTICATED,
       (data) => onAuthenticatedRef.current?.(data)
     );
     element.on(
-      chunkAVQL3TSJ_js.EVENT_TYPES.REQUIRES_OTP,
-      (data) => onRequiresOtpRef.current?.(data)
-    );
-    element.on(
-      chunkAVQL3TSJ_js.EVENT_TYPES.ERROR,
+      chunkWCSAZRNC_js.EVENT_TYPES.ERROR,
       (data) => onErrorRef.current?.(data)
     );
     element.mount(containerRef.current);
@@ -5159,15 +5282,15 @@ function AddressElement({
   }, [onReady, onChange, onError]);
   React12.useEffect(() => {
     if (!elements || !containerRef.current) return;
-    const element = elements.create(chunkAVQL3TSJ_js.ELEMENT_TYPES.ADDRESS, { mode });
+    const element = elements.create(chunkWCSAZRNC_js.ELEMENT_TYPES.ADDRESS, { mode });
     elementRef.current = element;
-    element.on(chunkAVQL3TSJ_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
+    element.on(chunkWCSAZRNC_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
     element.on(
-      chunkAVQL3TSJ_js.EVENT_TYPES.CHANGE,
+      chunkWCSAZRNC_js.EVENT_TYPES.CHANGE,
       (data) => onChangeRef.current?.(data)
     );
     element.on(
-      chunkAVQL3TSJ_js.EVENT_TYPES.ERROR,
+      chunkWCSAZRNC_js.EVENT_TYPES.ERROR,
       (data) => onErrorRef.current?.(data)
     );
     element.mount(containerRef.current);
@@ -5197,15 +5320,15 @@ function PaymentElement({
   }, [onReady, onChange, onError]);
   React12.useEffect(() => {
     if (!elements || !containerRef.current) return;
-    const element = elements.create(chunkAVQL3TSJ_js.ELEMENT_TYPES.PAYMENT, { amount, currency });
+    const element = elements.create(chunkWCSAZRNC_js.ELEMENT_TYPES.PAYMENT, { amount, currency });
     elementRef.current = element;
-    element.on(chunkAVQL3TSJ_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
+    element.on(chunkWCSAZRNC_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
     element.on(
-      chunkAVQL3TSJ_js.EVENT_TYPES.CHANGE,
+      chunkWCSAZRNC_js.EVENT_TYPES.CHANGE,
       (data) => onChangeRef.current?.(data)
     );
     element.on(
-      chunkAVQL3TSJ_js.EVENT_TYPES.ERROR,
+      chunkWCSAZRNC_js.EVENT_TYPES.ERROR,
       (data) => onErrorRef.current?.(data)
     );
     element.mount(containerRef.current);
@@ -5465,7 +5588,7 @@ function VariantSelector({
                   {
                     "data-cimplify-variant-name": true,
                     className: cn("flex-1 min-w-0 text-sm", classNames?.name),
-                    children: chunkGDAGM26J_js.getVariantDisplayName(variant, productName)
+                    children: chunkIQLJJW2H_js.getVariantDisplayName(variant, productName)
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-cimplify-variant-pricing": true, className: cn("text-sm text-muted-foreground", classNames?.pricing), children: [
@@ -6938,12 +7061,12 @@ function FieldInput({
     classNames?.input
   );
   switch (field.field_type) {
-    case chunkGDAGM26J_js.INPUT_FIELD_TYPE.Text:
-    case chunkGDAGM26J_js.INPUT_FIELD_TYPE.Url:
+    case chunkIQLJJW2H_js.INPUT_FIELD_TYPE.Text:
+    case chunkIQLJJW2H_js.INPUT_FIELD_TYPE.Url:
       return /* @__PURE__ */ jsxRuntime.jsx(
         "input",
         {
-          type: field.field_type === chunkGDAGM26J_js.INPUT_FIELD_TYPE.Url ? "url" : "text",
+          type: field.field_type === chunkIQLJJW2H_js.INPUT_FIELD_TYPE.Url ? "url" : "text",
           value: typeof value === "string" ? value : "",
           onChange: (e) => onValueChange(e.target.value),
           placeholder: field.placeholder,
@@ -6952,7 +7075,7 @@ function FieldInput({
           className: inputClass
         }
       );
-    case chunkGDAGM26J_js.INPUT_FIELD_TYPE.Textarea:
+    case chunkIQLJJW2H_js.INPUT_FIELD_TYPE.Textarea:
       return /* @__PURE__ */ jsxRuntime.jsx(
         "textarea",
         {
@@ -6965,7 +7088,7 @@ function FieldInput({
           className: cn(inputClass, "resize-none", classNames?.textarea)
         }
       );
-    case chunkGDAGM26J_js.INPUT_FIELD_TYPE.Number:
+    case chunkIQLJJW2H_js.INPUT_FIELD_TYPE.Number:
       return /* @__PURE__ */ jsxRuntime.jsx(
         "input",
         {
@@ -6979,7 +7102,7 @@ function FieldInput({
           className: inputClass
         }
       );
-    case chunkGDAGM26J_js.INPUT_FIELD_TYPE.Select:
+    case chunkIQLJJW2H_js.INPUT_FIELD_TYPE.Select:
       return /* @__PURE__ */ jsxRuntime.jsxs(
         "select",
         {
@@ -6993,7 +7116,7 @@ function FieldInput({
           ]
         }
       );
-    case chunkGDAGM26J_js.INPUT_FIELD_TYPE.Radio:
+    case chunkIQLJJW2H_js.INPUT_FIELD_TYPE.Radio:
       return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("space-y-2", classNames?.radioGroup), children: (field.options || []).map((opt) => /* @__PURE__ */ jsxRuntime.jsxs(
         "label",
         {
@@ -7018,7 +7141,7 @@ function FieldInput({
         },
         opt
       )) });
-    case chunkGDAGM26J_js.INPUT_FIELD_TYPE.Checkbox:
+    case chunkIQLJJW2H_js.INPUT_FIELD_TYPE.Checkbox:
       return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: cn("flex items-center gap-2 text-sm cursor-pointer", classNames?.checkboxLabel), children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "input",
@@ -7031,7 +7154,7 @@ function FieldInput({
         ),
         field.placeholder || field.name
       ] });
-    case chunkGDAGM26J_js.INPUT_FIELD_TYPE.Color:
+    case chunkIQLJJW2H_js.INPUT_FIELD_TYPE.Color:
       return /* @__PURE__ */ jsxRuntime.jsx(
         "input",
         {
@@ -7041,7 +7164,7 @@ function FieldInput({
           className: cn("w-12 h-10 rounded-md border border-input cursor-pointer", classNames?.colorInput)
         }
       );
-    case chunkGDAGM26J_js.INPUT_FIELD_TYPE.Date:
+    case chunkIQLJJW2H_js.INPUT_FIELD_TYPE.Date:
       return /* @__PURE__ */ jsxRuntime.jsx(
         DatePicker,
         {
@@ -7052,8 +7175,8 @@ function FieldInput({
           "aria-label": field.name
         }
       );
-    case chunkGDAGM26J_js.INPUT_FIELD_TYPE.File:
-    case chunkGDAGM26J_js.INPUT_FIELD_TYPE.Image:
+    case chunkIQLJJW2H_js.INPUT_FIELD_TYPE.File:
+    case chunkIQLJJW2H_js.INPUT_FIELD_TYPE.Image:
       return /* @__PURE__ */ jsxRuntime.jsx(
         FileUploadInput,
         {
@@ -7064,7 +7187,7 @@ function FieldInput({
           classNames
         }
       );
-    case chunkGDAGM26J_js.INPUT_FIELD_TYPE.Email:
+    case chunkIQLJJW2H_js.INPUT_FIELD_TYPE.Email:
       return /* @__PURE__ */ jsxRuntime.jsx(
         "input",
         {
@@ -7076,7 +7199,7 @@ function FieldInput({
           className: inputClass
         }
       );
-    case chunkGDAGM26J_js.INPUT_FIELD_TYPE.DateTime: {
+    case chunkIQLJJW2H_js.INPUT_FIELD_TYPE.DateTime: {
       const stringValue = typeof value === "string" ? value : "";
       const [datePart, timePartRaw] = stringValue.includes("T") ? stringValue.split("T", 2) : [stringValue, ""];
       const timePart = (timePartRaw ?? "").slice(0, 5);
@@ -7115,7 +7238,7 @@ function FieldInput({
         )
       ] });
     }
-    case chunkGDAGM26J_js.INPUT_FIELD_TYPE.Time:
+    case chunkIQLJJW2H_js.INPUT_FIELD_TYPE.Time:
       return /* @__PURE__ */ jsxRuntime.jsx(
         TimePicker,
         {
@@ -7126,7 +7249,7 @@ function FieldInput({
           "aria-label": field.name
         }
       );
-    case chunkGDAGM26J_js.INPUT_FIELD_TYPE.MultiSelect:
+    case chunkIQLJJW2H_js.INPUT_FIELD_TYPE.MultiSelect:
       return /* @__PURE__ */ jsxRuntime.jsx(
         MultiSelectInput,
         {
@@ -7136,7 +7259,7 @@ function FieldInput({
           classNames
         }
       );
-    case chunkGDAGM26J_js.INPUT_FIELD_TYPE.DateRange:
+    case chunkIQLJJW2H_js.INPUT_FIELD_TYPE.DateRange:
       return /* @__PURE__ */ jsxRuntime.jsx(
         DateRangeInput,
         {
@@ -7146,7 +7269,7 @@ function FieldInput({
           classNames
         }
       );
-    case chunkGDAGM26J_js.INPUT_FIELD_TYPE.Address:
+    case chunkIQLJJW2H_js.INPUT_FIELD_TYPE.Address:
       return /* @__PURE__ */ jsxRuntime.jsx(
         AddressInput,
         {
@@ -7157,7 +7280,7 @@ function FieldInput({
           inputClass
         }
       );
-    case chunkGDAGM26J_js.INPUT_FIELD_TYPE.Location:
+    case chunkIQLJJW2H_js.INPUT_FIELD_TYPE.Location:
       return /* @__PURE__ */ jsxRuntime.jsx(
         LocationInput,
         {
@@ -7168,7 +7291,7 @@ function FieldInput({
           inputClass
         }
       );
-    case chunkGDAGM26J_js.INPUT_FIELD_TYPE.Phone:
+    case chunkIQLJJW2H_js.INPUT_FIELD_TYPE.Phone:
       return /* @__PURE__ */ jsxRuntime.jsx(
         PhoneInput,
         {
@@ -7179,7 +7302,7 @@ function FieldInput({
           inputClass
         }
       );
-    case chunkGDAGM26J_js.INPUT_FIELD_TYPE.Signature:
+    case chunkIQLJJW2H_js.INPUT_FIELD_TYPE.Signature:
       return /* @__PURE__ */ jsxRuntime.jsx(
         SignatureInput,
         {
@@ -7212,7 +7335,7 @@ function FileUploadInput({
   const [isUploading, setIsUploading] = React12__default.default.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 === chunkGDAGM26J_js.INPUT_FIELD_TYPE.Image ? "image/*" : void 0;
+  const accept = acceptedFormats ? acceptedFormats.map((f) => `.${f}`).join(",") : field.field_type === chunkIQLJJW2H_js.INPUT_FIELD_TYPE.Image ? "image/*" : void 0;
   const handleFile = async (file) => {
     if (!onFileUpload) return;
     if (field.validation?.max_size_mb) {
@@ -7230,7 +7353,7 @@ function FileUploadInput({
     }
   };
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("space-y-2", classNames?.fileInput), children: fileUrl ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-    field.field_type === chunkGDAGM26J_js.INPUT_FIELD_TYPE.Image && /* @__PURE__ */ jsxRuntime.jsx("img", { src: fileUrl, alt: "Uploaded", className: "w-16 h-16 object-cover rounded-md border border-border" }),
+    field.field_type === chunkIQLJJW2H_js.INPUT_FIELD_TYPE.Image && /* @__PURE__ */ jsxRuntime.jsx("img", { src: fileUrl, alt: "Uploaded", className: "w-16 h-16 object-cover rounded-md border border-border" }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground truncate", children: fileUrl.split("/").pop() }) }),
     /* @__PURE__ */ jsxRuntime.jsx(
       "button",
@@ -7256,7 +7379,7 @@ function FileUploadInput({
       }
     ),
     isUploading ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: "Uploading..." }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: field.placeholder || `Upload ${field.field_type === chunkGDAGM26J_js.INPUT_FIELD_TYPE.Image ? "image" : "file"}` }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: field.placeholder || `Upload ${field.field_type === chunkIQLJJW2H_js.INPUT_FIELD_TYPE.Image ? "image" : "file"}` }),
       acceptedFormats && /* @__PURE__ */ jsxRuntime.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`
@@ -8878,7 +9001,7 @@ function CartLineItemRow({
   const isOptimistic = item.isOptimistic === true;
   const lineTotal = chunk7Y2O3E4D_js.parsePrice(unitPrice) * item.quantity;
   const imageUrl = item.product.image_url;
-  const variantLabel = item.variant ? chunkGDAGM26J_js.getVariantDisplayName(item.variant, item.product.name) : null;
+  const variantLabel = item.variant ? chunkIQLJJW2H_js.getVariantDisplayName(item.variant, item.product.name) : null;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -8978,7 +9101,7 @@ function CartLineItemRow({
               input.field_name,
               ":"
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("dd", { "data-cimplify-cart-input-value": true, className: "text-foreground m-0 truncate", children: input.field_type === chunkGDAGM26J_js.INPUT_FIELD_TYPE.File || input.field_type === chunkGDAGM26J_js.INPUT_FIELD_TYPE.Image ? String(input.value).split("/").pop() || "Uploaded file" : String(input.value) })
+            /* @__PURE__ */ jsxRuntime.jsx("dd", { "data-cimplify-cart-input-value": true, className: "text-foreground m-0 truncate", children: input.field_type === chunkIQLJJW2H_js.INPUT_FIELD_TYPE.File || input.field_type === chunkIQLJJW2H_js.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__ */ jsxRuntime.jsxs("div", { "data-cimplify-cart-service-info": true, className: cn("mt-1.5 flex items-center gap-1.5 text-xs text-muted-foreground", classNames?.serviceInfo), children: [
             /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-3.5 h-3.5 shrink-0", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" }) }),
@@ -9699,7 +9822,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 === chunkGDAGM26J_js.PRODUCT_TYPE.Composite;
+  const isComposite = product.type === chunkIQLJJW2H_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: [
@@ -10452,26 +10575,26 @@ var BUILT_IN_CARDS = {
   ["composite" /* Composite */]: CompositeProductCard,
   ["subscription" /* Subscription */]: SubscriptionCard
 };
-var RENTAL_UNITS = /* @__PURE__ */ new Set([chunkGDAGM26J_js.DURATION_UNIT.Days, chunkGDAGM26J_js.DURATION_UNIT.Hours]);
-var LEASE_UNITS = /* @__PURE__ */ new Set([chunkGDAGM26J_js.DURATION_UNIT.Weeks, chunkGDAGM26J_js.DURATION_UNIT.Months, chunkGDAGM26J_js.DURATION_UNIT.Years]);
+var RENTAL_UNITS = /* @__PURE__ */ new Set([chunkIQLJJW2H_js.DURATION_UNIT.Days, chunkIQLJJW2H_js.DURATION_UNIT.Hours]);
+var LEASE_UNITS = /* @__PURE__ */ new Set([chunkIQLJJW2H_js.DURATION_UNIT.Weeks, chunkIQLJJW2H_js.DURATION_UNIT.Months, chunkIQLJJW2H_js.DURATION_UNIT.Years]);
 function resolveCardVariant(product) {
-  if (product.type === chunkGDAGM26J_js.PRODUCT_TYPE.Bundle) {
+  if (product.type === chunkIQLJJW2H_js.PRODUCT_TYPE.Bundle) {
     return "bundle" /* Bundle */;
   }
-  if (product.type === chunkGDAGM26J_js.PRODUCT_TYPE.Composite) {
+  if (product.type === chunkIQLJJW2H_js.PRODUCT_TYPE.Composite) {
     return "composite" /* Composite */;
   }
   if (product.quantity_pricing && product.quantity_pricing.length > 1) {
     return "wholesale" /* Wholesale */;
   }
-  if (product.type === chunkGDAGM26J_js.PRODUCT_TYPE.Digital) {
+  if (product.type === chunkIQLJJW2H_js.PRODUCT_TYPE.Digital) {
     return "digital" /* Digital */;
   }
-  if (product.type === chunkGDAGM26J_js.PRODUCT_TYPE.Service) {
+  if (product.type === chunkIQLJJW2H_js.PRODUCT_TYPE.Service) {
     if (product.duration_unit && RENTAL_UNITS.has(product.duration_unit)) {
       return "rental" /* Rental */;
     }
-    if (product.duration_unit === chunkGDAGM26J_js.DURATION_UNIT.Nights) {
+    if (product.duration_unit === chunkIQLJJW2H_js.DURATION_UNIT.Nights) {
       return "accommodation" /* Accommodation */;
     }
     if (product.duration_unit && LEASE_UNITS.has(product.duration_unit)) {
@@ -10482,10 +10605,10 @@ function resolveCardVariant(product) {
     }
     return "standard" /* Standard */;
   }
-  if (product.render_hint === chunkGDAGM26J_js.RENDER_HINT.Food) {
+  if (product.render_hint === chunkIQLJJW2H_js.RENDER_HINT.Food) {
     return "food" /* Food */;
   }
-  if (product.render_hint === chunkGDAGM26J_js.RENDER_HINT.Physical) {
+  if (product.render_hint === chunkIQLJJW2H_js.RENDER_HINT.Physical) {
     return "retail" /* Retail */;
   }
   return "retail" /* Retail */;
@@ -12792,7 +12915,7 @@ function DefaultProductLayout({
   className
 }) {
   const [selectedVariantId, setSelectedVariantId] = React12__default.default.useState();
-  const images = chunkGDAGM26J_js.resolveGallery(product, selectedVariantId);
+  const images = chunkIQLJJW2H_js.resolveGallery(product, selectedVariantId);
   const hasRange = product.quantity_pricing && product.quantity_pricing.length > 1 || product.variants && product.variants.length > 1;
   const onSale = chunk7Y2O3E4D_js.isOnSale(product);
   const hasPhysicalDetails = product.sku || product.vendor || product.material;
@@ -13428,25 +13551,25 @@ function resolveTemplateKey(product) {
   if (typeof metaTemplate === "string" && metaTemplate.trim()) {
     return metaTemplate.trim();
   }
-  if (product.type === chunkGDAGM26J_js.PRODUCT_TYPE.Bundle) {
+  if (product.type === chunkIQLJJW2H_js.PRODUCT_TYPE.Bundle) {
     return "bundle" /* Bundle */;
   }
-  if (product.type === chunkGDAGM26J_js.PRODUCT_TYPE.Composite) {
+  if (product.type === chunkIQLJJW2H_js.PRODUCT_TYPE.Composite) {
     return "composite" /* Composite */;
   }
   if (product.quantity_pricing && product.quantity_pricing.length > 1) {
     return "wholesale" /* Wholesale */;
   }
-  if (product.type === chunkGDAGM26J_js.PRODUCT_TYPE.Service) {
+  if (product.type === chunkIQLJJW2H_js.PRODUCT_TYPE.Service) {
     return "service" /* Service */;
   }
-  if (product.type === chunkGDAGM26J_js.PRODUCT_TYPE.Digital) {
+  if (product.type === chunkIQLJJW2H_js.PRODUCT_TYPE.Digital) {
     return "digital" /* Digital */;
   }
-  if (product.render_hint === chunkGDAGM26J_js.RENDER_HINT.Food) {
+  if (product.render_hint === chunkIQLJJW2H_js.RENDER_HINT.Food) {
     return "food" /* Food */;
   }
-  if (product.render_hint === chunkGDAGM26J_js.RENDER_HINT.Physical) {
+  if (product.render_hint === chunkIQLJJW2H_js.RENDER_HINT.Physical) {
     return "physical" /* Physical */;
   }
   return "default" /* Default */;
@@ -15672,7 +15795,7 @@ function SparkleIcon({ className }) {
 
 Object.defineProperty(exports, "getVariantDisplayName", {
   enumerable: true,
-  get: function () { return chunkGDAGM26J_js.getVariantDisplayName; }
+  get: function () { return chunkIQLJJW2H_js.getVariantDisplayName; }
 });
 exports.AccommodationCard = AccommodationCard;
 exports.AccountContent = AccountContent;
@@ -15720,10 +15843,10 @@ exports.CategoryGrid = CategoryGrid;
 exports.ChatWidget = ChatWidget;
 exports.CheckIcon = CheckIcon;
 exports.CheckoutPage = CheckoutPage;
-exports.CimplifyAccount = CimplifyAccount;
 exports.CimplifyCheckout = CimplifyCheckout;
 exports.CimplifyProvider = CimplifyProvider;
 exports.CimplifySignInButton = CimplifySignInButton;
+exports.CimplifyUserButton = CimplifyUserButton;
 exports.CollectionPage = CollectionPage;
 exports.CollectionTemplate = CollectionTemplate;
 exports.CompactCartLayout = CompactCartLayout;