@cimplify/sdk 0.97.0 → 0.98.0

package/dist/react.mjs

@@ -1,15 +1,15 @@
 "use client";
-import { DURATION_UNIT, getVariantDisplayName, INPUT_FIELD_TYPE, isMultiDayService, serviceBillingMultiplier, PRODUCT_TYPE, BOUNDARY_KIND, resolveGallery, RENDER_HINT, DEFAULT_CDN_BASE_URL } from './chunk-RRBY35TJ.mjs';
-export { getVariantDisplayName } from './chunk-RRBY35TJ.mjs';
-import { messagePreview, splitGenUIContent } from './chunk-U4MW6PYU.mjs';
+import { DURATION_UNIT, getVariantDisplayName, INPUT_FIELD_TYPE, isMultiDayService, serviceBillingMultiplier, PRODUCT_TYPE, BOUNDARY_KIND, resolveGallery, chatMessageCards, RENDER_HINT, DEFAULT_CDN_BASE_URL } from './chunk-4G5UWFC3.mjs';
+export { getVariantDisplayName } from './chunk-4G5UWFC3.mjs';
+import { splitGenUIContent, messagePreview } from './chunk-U4MW6PYU.mjs';
 export { messagePreview, splitGenUIContent } from './chunk-U4MW6PYU.mjs';
 import { SESSION_CLAIMED, SESSION_CLEARED, createCimplifyClient, MUTATION_ERROR } from './chunk-XMDLF5Y6.mjs';
 import { generateIdempotencyKey, ELEMENT_TYPES, EVENT_TYPES, startSignIn } from './chunk-VUSHG3HA.mjs';
 import { parsePrice, formatMoney, formatPrice, getProductCurrency, getUnitPriceAtQuantity, isOnSale, getDiscountPercentage, getBasePrice, getPriceRange, formatPriceRange } from './chunk-KFLGQGMC.mjs';
 import { isSupportedCurrency, CimplifyError } from './chunk-K5EN2W2Q.mjs';
 import './chunk-3G6RQLXK.mjs';
-import React14, { createContext, lazy, memo, Suspense, useContext, useMemo, useRef, useState, useCallback, useEffect, useId, useSyncExternalStore } from 'react';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import React14, { createContext, lazy, memo, Suspense, useMemo, useContext, useRef, useCallback, useState, useEffect, useId, useSyncExternalStore } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as ReactDOM from 'react-dom';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
@@ -17146,12 +17146,582 @@ var ChatMarkdown = memo(function ChatMarkdown2({
   }
   return /* @__PURE__ */ jsx(SettledMarkdown, { text, className });
 });
-var MAX_ATTACHMENT_BYTES = 5 * 1024 * 1024;
-var KEEP_DISMISSED_KEY = "cimplify_keep_chat_dismissed";
-var AT_BOTTOM_SLACK_PX = 48;
+
+// src/react/chat-kit/motion.ts
+function prefersReducedMotion() {
+  return typeof window !== "undefined" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+function scrollBehavior() {
+  return prefersReducedMotion() ? "auto" : "smooth";
+}
+function QuoteBlock({
+  quote,
+  inCustomerBubble,
+  businessName,
+  onMissing
+}) {
+  const quotedIsCustomer = quote.sender_type === "customer";
+  const jumpToOriginal = async () => {
+    let original = document.getElementById(`chat-msg-${quote.id}`);
+    if (!original && onMissing && await onMissing()) {
+      original = document.getElementById(`chat-msg-${quote.id}`);
+    }
+    if (!original) return;
+    original.scrollIntoView({ behavior: scrollBehavior(), block: "center" });
+    original.classList.remove("animate-quote-flash");
+    void original.offsetWidth;
+    original.classList.add("animate-quote-flash");
+  };
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: () => void jumpToOriginal(),
+      className: cn(
+        "flex w-full gap-2 rounded-[10px] px-2.5 py-1.5 text-left",
+        inCustomerBubble ? "bg-primary-foreground/15" : "bg-background/70"
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "w-[3px] shrink-0 self-stretch rounded-full",
+              inCustomerBubble ? "bg-primary-foreground/50" : quotedIsCustomer ? "bg-primary" : "bg-muted-foreground/50"
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-col", children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "text-[11px] leading-4 font-semibold",
+                inCustomerBubble ? "text-primary-foreground" : "text-foreground"
+              ),
+              children: quotedIsCustomer ? "You" : businessName
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "truncate text-xs leading-4",
+                inCustomerBubble ? "text-primary-foreground/75" : "text-muted-foreground"
+              ),
+              children: quote.preview
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+var SWIPE_COMMIT_PX = 48;
+var SWIPE_ARM_PX = 10;
+var OVERDRAG_RATE = 0.25;
+var LONG_PRESS_MS = 450;
+var RETURN_TRANSITION = "transform 0.25s cubic-bezier(0.2, 0, 0, 1)";
+function swipeTravel(distance) {
+  if (distance <= 0) return 0;
+  if (distance <= SWIPE_COMMIT_PX) return distance;
+  return SWIPE_COMMIT_PX + (distance - SWIPE_COMMIT_PX) * OVERDRAG_RATE;
+}
+function swipeCommitted(distance) {
+  return distance >= SWIPE_COMMIT_PX;
+}
+function swipeProgress(distance) {
+  return Math.min(Math.max(distance / SWIPE_COMMIT_PX, 0), 1);
+}
+function useSwipeReply({ onReply, onLongPress }) {
+  const rowRef = useRef(null);
+  const glyphRef = useRef(null);
+  const gestureRef = useRef(null);
+  const suppressClickRef = useRef(false);
+  const optionsRef = useRef({ onReply, onLongPress });
+  optionsRef.current = { onReply, onLongPress };
+  const settle = useCallback((glyphVisible) => {
+    const row = rowRef.current;
+    const glyph = glyphRef.current;
+    if (row) {
+      row.style.transition = RETURN_TRANSITION;
+      row.style.transform = "translateX(0px)";
+    }
+    if (glyph && !glyphVisible) {
+      glyph.style.transition = "opacity 0.2s ease-out";
+      glyph.style.opacity = "0";
+    }
+  }, []);
+  const clearGesture = useCallback(() => {
+    const gesture = gestureRef.current;
+    if (gesture?.longPressTimer) clearTimeout(gesture.longPressTimer);
+    gestureRef.current = null;
+  }, []);
+  const onPointerDown = useCallback((event) => {
+    if (!event.isPrimary) return;
+    suppressClickRef.current = false;
+    gestureRef.current = {
+      pointerId: event.pointerId,
+      startX: event.clientX,
+      startY: event.clientY,
+      armed: false,
+      distance: 0,
+      longPressTimer: setTimeout(() => {
+        gestureRef.current = null;
+        suppressClickRef.current = true;
+        optionsRef.current.onLongPress();
+      }, LONG_PRESS_MS)
+    };
+  }, []);
+  const onPointerMove = useCallback((event) => {
+    const gesture = gestureRef.current;
+    if (!gesture || gesture.pointerId !== event.pointerId) return;
+    const leftward = gesture.startX - event.clientX;
+    const vertical = Math.abs(event.clientY - gesture.startY);
+    if (!gesture.armed) {
+      const scrolling = vertical > SWIPE_ARM_PX && vertical >= leftward;
+      const rightward = leftward < -SWIPE_ARM_PX;
+      if (scrolling || rightward) {
+        clearGesture();
+        return;
+      }
+      if (leftward <= SWIPE_ARM_PX || leftward <= vertical) return;
+      if (prefersReducedMotion()) {
+        clearGesture();
+        return;
+      }
+      gesture.armed = true;
+      if (gesture.longPressTimer) clearTimeout(gesture.longPressTimer);
+      gesture.longPressTimer = null;
+      event.currentTarget.setPointerCapture(event.pointerId);
+      if (rowRef.current) rowRef.current.style.transition = "none";
+      if (glyphRef.current) glyphRef.current.style.transition = "none";
+    }
+    gesture.distance = leftward;
+    if (rowRef.current) {
+      rowRef.current.style.transform = `translateX(-${swipeTravel(leftward)}px)`;
+    }
+    if (glyphRef.current) {
+      glyphRef.current.style.opacity = String(swipeProgress(leftward));
+    }
+  }, [clearGesture]);
+  const onPointerUp = useCallback(
+    (event) => {
+      const gesture = gestureRef.current;
+      if (!gesture || gesture.pointerId !== event.pointerId) return;
+      const commit = gesture.armed && swipeCommitted(gesture.distance);
+      const wasArmed = gesture.armed;
+      clearGesture();
+      if (wasArmed) {
+        suppressClickRef.current = true;
+        settle(false);
+      }
+      if (commit) optionsRef.current.onReply();
+    },
+    [clearGesture, settle]
+  );
+  const onPointerCancel = useCallback(
+    (event) => {
+      const gesture = gestureRef.current;
+      if (!gesture || gesture.pointerId !== event.pointerId) return;
+      const wasArmed = gesture.armed;
+      clearGesture();
+      if (wasArmed) settle(false);
+    },
+    [clearGesture, settle]
+  );
+  const onClickCapture = useCallback((event) => {
+    if (!suppressClickRef.current) return;
+    suppressClickRef.current = false;
+    event.preventDefault();
+    event.stopPropagation();
+  }, []);
+  return {
+    rowRef,
+    glyphRef,
+    handlers: { onPointerDown, onPointerMove, onPointerUp, onPointerCancel, onClickCapture }
+  };
+}
+var PROSE_CLASS = "[&_p]:my-0 [&_p+p]:mt-1.5 [&_ul]:my-1 [&_ul]:list-disc [&_ul]:pl-4 [&_ol]:my-1 [&_ol]:list-decimal [&_ol]:pl-4 [&_li]:my-0.5 [&_h1]:text-[15px] [&_h1]:font-bold [&_h2]:text-[15px] [&_h2]:font-bold [&_h3]:text-sm [&_h3]:font-semibold [&_hr]:my-2 [&_hr]:border-border [&_table]:my-1 [&_table]:w-full [&_th]:pb-1 [&_th]:text-left [&_th]:text-[11px] [&_th]:font-semibold [&_th]:uppercase [&_th]:text-muted-foreground [&_td]:border-b [&_td]:border-border/50 [&_td]:py-1 [&_td:last-child]:text-right [&_td:last-child]:font-semibold [&_td:last-child]:tabular-nums [&_tr:last-child_td]:border-b-0 [&_a]:underline [&_code]:rounded [&_code]:bg-muted [&_code]:px-1 [&_code]:text-[13px]";
+function bubbleShape(isCustomer, group) {
+  if (!hasTail(group)) return "rounded-[18px]";
+  return isCustomer ? "rounded-[18px] rounded-br-none" : "rounded-[18px] rounded-bl-none";
+}
+function hasTail(group) {
+  return group === "single" || group === "last";
+}
+var TAIL_SWEEP = "M21 0 L21 5 C21 15 25 16 25 16 C20.93 16.43 16.84 14.94 13.96 11.96 C9 16 5 16 0 16";
+var TAIL_FILL = `${TAIL_SWEEP} Z`;
+var TAIL_NOTCH = "M25 16 C20.93 16.43 16.84 14.94 13.96 11.96 C9 16 5 16 0 16 Z";
+function BubbleTail({ isCustomer }) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "25",
+      height: "16",
+      viewBox: "0 0 25 16",
+      "aria-hidden": "true",
+      className: cn(
+        "absolute bottom-0",
+        isCustomer ? "-right-[4px] fill-primary" : "-left-[4px] -scale-x-100 fill-background"
+      ),
+      children: [
+        /* @__PURE__ */ jsx("path", { d: TAIL_FILL }),
+        /* @__PURE__ */ jsx("path", { d: TAIL_NOTCH, style: { fill: "var(--color-chat-canvas, var(--color-muted, #f3f5f3))" } }),
+        !isCustomer && /* @__PURE__ */ jsx("path", { d: TAIL_SWEEP, fill: "none", strokeWidth: "1", className: "stroke-foreground/[0.07]" })
+      ]
+    }
+  );
+}
+function clockLabel(at) {
+  const date = new Date(at);
+  if (Number.isNaN(date.getTime())) return "";
+  const hour = date.getHours() % 12 || 12;
+  return `${hour}:${String(date.getMinutes()).padStart(2, "0")}`;
+}
+function DoubleTick() {
+  return /* @__PURE__ */ jsxs("svg", { width: "15", height: "9", viewBox: "0 0 15 9", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx("path", { d: "M1 4.5L4 7.5L9.5 1.5", stroke: "currentColor", strokeWidth: "1.4", strokeLinecap: "round", strokeLinejoin: "round" }),
+    /* @__PURE__ */ jsx("path", { d: "M6.5 4.5L9.5 7.5L14 2.5", stroke: "currentColor", strokeWidth: "1.4", strokeLinecap: "round", strokeLinejoin: "round" })
+  ] });
+}
+function SendingClock() {
+  return /* @__PURE__ */ jsxs("svg", { width: "11", height: "11", viewBox: "0 0 11 11", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx("circle", { cx: "5.5", cy: "5.5", r: "4.5", stroke: "currentColor", strokeWidth: "1.2" }),
+    /* @__PURE__ */ jsx("path", { d: "M5.5 3v2.7l1.8 1", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round" })
+  ] });
+}
+function PaperclipIcon() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "14",
+      height: "14",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx("path", { d: "M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48" })
+    }
+  );
+}
+function ReplyGlyph() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "18",
+      height: "18",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2.2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsx("polyline", { points: "9 17 4 12 9 7" }),
+        /* @__PURE__ */ jsx("path", { d: "M20 18v-2a4 4 0 0 0-4-4H4" })
+      ]
+    }
+  );
+}
+var DELIVERY_LABELS = {
+  sending: "Sending",
+  delivered: "Delivered",
+  seen: "Seen"
+};
+function BubbleMeta({
+  at,
+  isCustomer,
+  delivery
+}) {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: cn(
+        "ml-auto flex shrink-0 items-center gap-[3px] self-end pb-px whitespace-nowrap",
+        isCustomer ? "text-primary-foreground/70" : "text-muted-foreground"
+      ),
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "text-[10.5px] leading-[13px] font-medium", children: clockLabel(at) }),
+        isCustomer && delivery && /* @__PURE__ */ jsx(
+          "span",
+          {
+            role: "img",
+            "aria-label": DELIVERY_LABELS[delivery],
+            className: cn(
+              "flex items-center text-primary-foreground",
+              delivery !== "seen" && "opacity-55"
+            ),
+            children: delivery === "sending" ? /* @__PURE__ */ jsx(SendingClock, {}) : /* @__PURE__ */ jsx(DoubleTick, {})
+          }
+        )
+      ]
+    }
+  );
+}
+function reactionPills(reactions) {
+  const counts = /* @__PURE__ */ new Map();
+  for (const reaction of reactions) {
+    const emoji = reaction.content.trim();
+    if (emoji) counts.set(emoji, (counts.get(emoji) ?? 0) + 1);
+  }
+  return [...counts.entries()].map(([emoji, count]) => ({ emoji, count }));
+}
+var MessageBubble = memo(function MessageBubble2({
+  message,
+  reactions,
+  businessName,
+  group = "single",
+  delivery,
+  onReply,
+  onLongPress,
+  avatar,
+  overlay,
+  renderCards,
+  renderProgram,
+  onQuoteMiss
+}) {
+  const showAvatar = group === "single" || group === "last";
+  const isCustomer = message.sender_type === "customer";
+  const isBusiness = !isCustomer;
+  const segments = useMemo(
+    () => isCustomer ? [{ kind: "prose", text: message.content }] : splitGenUIContent(message.content),
+    [isCustomer, message.content]
+  );
+  const drawable = useMemo(
+    () => segments.filter(
+      (segment) => segment.kind === "prose" && segment.text.trim() !== "" || segment.kind === "program" && renderProgram != null
+    ),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [segments, renderProgram != null]
+  );
+  const swipe = useSwipeReply({
+    onReply: () => onReply(message),
+    onLongPress: () => onLongPress?.(message)
+  });
+  const quote = message.reply_to ?? null;
+  const pills = reactions ? reactionPills(reactions) : [];
+  const cards = renderCards?.(message);
+  const proseSegments = drawable.filter((segment) => segment.kind === "prose");
+  const lastProseIndex = drawable.lastIndexOf(proseSegments[proseSegments.length - 1]);
+  return /* @__PURE__ */ jsxs("div", { id: `chat-msg-${message.id}`, className: "relative rounded-xl", children: [
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        ref: swipe.glyphRef,
+        "aria-hidden": "true",
+        className: "absolute top-1/2 right-1 -translate-y-1/2 text-muted-foreground opacity-0",
+        children: /* @__PURE__ */ jsx(ReplyGlyph, {})
+      }
+    ),
+    overlay,
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: swipe.rowRef,
+        ...swipe.handlers,
+        onContextMenu: onLongPress ? (event) => {
+          event.preventDefault();
+          onLongPress(message);
+        } : void 0,
+        className: cn(
+          "flex touch-pan-y flex-col gap-[3px] select-none [-webkit-touch-callout:none]",
+          isCustomer ? "items-end" : "items-start"
+        ),
+        children: [
+          quote && drawable[0]?.kind !== "prose" && /* @__PURE__ */ jsx("div", { className: "max-w-[280px] rounded-[14px] border border-foreground/[0.07] bg-background p-1.5 shadow-[0_1px_1px_rgba(15,23,42,0.03)]", children: /* @__PURE__ */ jsx(QuoteBlock, { quote, inCustomerBubble: false, businessName, onMissing: onQuoteMiss }) }),
+          message.attachments.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex max-w-[280px] flex-wrap gap-1.5", children: message.attachments.map((attachment, index) => {
+            const url = safeAttachmentUrl(attachment.url);
+            if (!url) return null;
+            return isImageAttachment(attachment) ? /* @__PURE__ */ jsx("a", { href: url, target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: url,
+                alt: attachment.filename ?? "Photo",
+                loading: "lazy",
+                className: "max-h-[240px] max-w-[240px] rounded-[16px] object-cover"
+              }
+            ) }, index) : /* @__PURE__ */ jsxs(
+              "a",
+              {
+                href: url,
+                target: "_blank",
+                rel: "noreferrer",
+                className: "flex items-center gap-2 rounded-[14px] border border-foreground/[0.07] bg-background px-3 py-2 text-[13px] font-medium text-foreground shadow-[0_1px_1px_rgba(15,23,42,0.03)]",
+                children: [
+                  /* @__PURE__ */ jsx("span", { className: "shrink-0 text-muted-foreground", children: /* @__PURE__ */ jsx(PaperclipIcon, {}) }),
+                  /* @__PURE__ */ jsx("span", { className: "max-w-[200px] truncate", children: attachment.filename ?? "Attachment" })
+                ]
+              },
+              index
+            );
+          }) }),
+          drawable.map(
+            (segment, index) => segment.kind === "program" ? /* @__PURE__ */ jsx(React14.Fragment, { children: renderProgram?.(segment.source) }, index) : /* @__PURE__ */ jsxs("div", { className: "flex max-w-full items-end gap-1.5", children: [
+              isBusiness && avatar && /* @__PURE__ */ jsx(
+                "span",
+                {
+                  "aria-label": businessName,
+                  className: cn(
+                    "shrink-0",
+                    // One avatar per run, anchored to its last bubble.
+                    showAvatar && index === lastProseIndex ? "visible" : "invisible"
+                  ),
+                  children: avatar
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: cn(
+                    "relative flex max-w-[280px] min-w-0 flex-col gap-1.5 py-2 pr-[11px] pl-3.5 text-[15px] leading-[21px] font-[450] break-words",
+                    bubbleShape(isCustomer, index === lastProseIndex ? group : "middle"),
+                    isCustomer ? "bg-primary text-primary-foreground" : "border border-foreground/[0.07] bg-background text-foreground shadow-[0_1px_1px_rgba(15,23,42,0.03)]"
+                  ),
+                  children: [
+                    index === 0 && quote && /* @__PURE__ */ jsx(QuoteBlock, { quote, inCustomerBubble: isCustomer, businessName, onMissing: onQuoteMiss }),
+                    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-wrap items-end gap-x-2 gap-y-0.5", children: [
+                      isCustomer ? /* @__PURE__ */ jsx("span", { className: "whitespace-pre-wrap", children: segment.text }) : /* @__PURE__ */ jsx(ChatMarkdown, { text: segment.text, className: cn("min-w-0", PROSE_CLASS) }),
+                      index === lastProseIndex && /* @__PURE__ */ jsx(BubbleMeta, { at: message.created_at, isCustomer, delivery })
+                    ] }),
+                    index === lastProseIndex && hasTail(group) && /* @__PURE__ */ jsx(BubbleTail, { isCustomer })
+                  ]
+                }
+              )
+            ] }, index)
+          ),
+          cards,
+          pills.length > 0 && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "z-[1] -mt-3 flex gap-1",
+                // Overlap the bubble corner by ~9px, tucked inside the tail side.
+                isCustomer ? "mr-2.5" : "ml-10"
+              ),
+              children: pills.map((pill) => /* @__PURE__ */ jsxs(
+                "span",
+                {
+                  className: "flex items-center gap-[3px] rounded-full border border-foreground/[0.08] bg-background px-[7px] py-[2px] shadow-[0_1px_3px_rgba(15,23,42,0.08)]",
+                  children: [
+                    /* @__PURE__ */ jsx("span", { className: "text-xs leading-4", children: pill.emoji }),
+                    /* @__PURE__ */ jsx("span", { className: "text-[11px] leading-[13px] font-semibold text-muted-foreground", children: pill.count })
+                  ]
+                },
+                pill.emoji
+              ))
+            }
+          )
+        ]
+      }
+    )
+  ] });
+});
+function Seam({
+  label,
+  variant = "line"
+}) {
+  if (variant === "chip") {
+    return /* @__PURE__ */ jsx("div", { className: "flex justify-center py-1.5", children: /* @__PURE__ */ jsx("span", { className: "rounded-full border border-foreground/[0.06] bg-background px-3 py-1 text-[11px] leading-[14px] font-semibold tracking-[0.04em] text-muted-foreground uppercase shadow-[0_1px_2px_rgba(15,23,42,0.04)]", children: label }) });
+  }
+  const unread = variant === "unread";
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5 py-1.5", children: [
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn("h-px flex-1", unread ? "bg-primary/35" : "bg-foreground/[0.08]"),
+        "aria-hidden": "true"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn(
+          "whitespace-nowrap",
+          unread ? "text-[11px] leading-[14px] font-semibold tracking-[0.04em] text-primary uppercase" : "text-[11.5px] leading-[15px] font-medium text-muted-foreground"
+        ),
+        children: label
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn("h-px flex-1", unread ? "bg-primary/35" : "bg-foreground/[0.08]"),
+        "aria-hidden": "true"
+      }
+    )
+  ] });
+}
+
+// src/react/chat-kit/timeline.ts
+function sameDay(a, b) {
+  return new Date(a).toDateString() === new Date(b).toDateString();
+}
+function dayLabel(at) {
+  const date = new Date(at);
+  const today = /* @__PURE__ */ new Date();
+  if (date.toDateString() === today.toDateString()) return "Today";
+  const yesterday = new Date(today);
+  yesterday.setDate(today.getDate() - 1);
+  if (date.toDateString() === yesterday.toDateString()) return "Yesterday";
+  return date.toLocaleDateString([], { weekday: "short", day: "numeric", month: "short" });
+}
 function proseOf(content) {
   return splitGenUIContent(content).filter((segment) => segment.kind === "prose").map((segment) => segment.text).join("\n\n").trim();
 }
+function hasProgram(content) {
+  return splitGenUIContent(content).some((segment) => segment.kind === "program");
+}
+function chatTimeline(messages, options = {}) {
+  const { readAt = null, rendersPrograms = false } = options;
+  const partitioned = partitionMessages(messages);
+  const bubbles = partitioned.bubbles.filter(
+    (message) => message.sender_type === "system" || message.attachments.length > 0 || chatMessageCards(message).length > 0 || rendersPrograms && hasProgram(message.content) || (message.sender_type === "customer" ? message.content.trim() !== "" : proseOf(message.content) !== "")
+  );
+  let firstUnreadId;
+  let unreadOnOpen = 0;
+  if (readAt) {
+    const readAtMs = new Date(readAt).getTime();
+    for (const message of bubbles) {
+      if (message.sender_type === "customer" || new Date(message.created_at).getTime() <= readAtMs)
+        continue;
+      firstUnreadId ?? (firstUnreadId = message.id);
+      unreadOnOpen += 1;
+    }
+  }
+  return {
+    bubbles,
+    reactionsByTarget: partitioned.reactionsByTarget,
+    firstUnreadId,
+    unreadOnOpen,
+    firstAgentMessageId: bubbles.find((m) => m.sender_type === "agent")?.id
+  };
+}
+function groupPosition(timeline, index) {
+  const { bubbles, firstAgentMessageId, firstUnreadId } = timeline;
+  const message = bubbles[index];
+  const previous = bubbles[index - 1];
+  const next = bubbles[index + 1];
+  const startsRun = !previous || !sameDay(previous.created_at, message.created_at) || previous.sender_type !== message.sender_type || message.id === firstAgentMessageId || message.id === firstUnreadId || previous.sender_type === "system";
+  const endsRun = !next || next.sender_type !== message.sender_type || next.sender_type === "system" || !sameDay(message.created_at, next.created_at);
+  if (startsRun && endsRun) return "single";
+  if (startsRun) return "first";
+  if (endsRun) return "last";
+  return "middle";
+}
+function deliveryState(message, timeline, seenAt, isOptimistic2) {
+  if (message.sender_type !== "customer") return void 0;
+  if (isOptimistic2(message)) return "sending";
+  const seenCutoff = timeline.firstAgentMessageId ? seenAt : null;
+  return seenCutoff && message.created_at <= seenCutoff ? "seen" : "delivered";
+}
+var MAX_ATTACHMENT_BYTES = 5 * 1024 * 1024;
+var KEEP_DISMISSED_KEY = "cimplify_keep_chat_dismissed";
+var AT_BOTTOM_SLACK_PX = 48;
 function ChatWidget({
   client: clientProp,
   businessName = "Support",
@@ -17276,6 +17846,7 @@ function ChatWidget({
             isSending,
             isTyping: showTyping,
             seenAt,
+            readAt,
             error: error ?? attachError,
             isActive,
             isLeft,
@@ -17347,6 +17918,7 @@ function Panel({
   isSending,
   isTyping,
   seenAt,
+  readAt,
   error,
   isActive,
   isLeft,
@@ -17405,6 +17977,7 @@ function Panel({
             isLoading,
             isSending: isTyping,
             seenAt,
+            readAt,
             humanRequested,
             mayHaveOlder,
             onReact,
@@ -17565,22 +18138,8 @@ function Welcome({
   );
 }
 var QUICK_REACTIONS = ["\u{1F44D}", "\u2764\uFE0F"];
-function lastSeenCustomerMessageId(bubbles, seenAt) {
-  if (!seenAt || !bubbles.some((m) => m.sender_type === "agent")) return null;
-  for (let i = bubbles.length - 1; i >= 0; i--) {
-    if (bubbles[i].sender_type !== "customer") continue;
-    return bubbles[i].created_at <= seenAt ? bubbles[i].id : null;
-  }
-  return null;
-}
-function dayLabel(at) {
-  const date = new Date(at);
-  const today = /* @__PURE__ */ new Date();
-  if (date.toDateString() === today.toDateString()) return "Today";
-  const yesterday = new Date(today);
-  yesterday.setDate(today.getDate() - 1);
-  if (date.toDateString() === yesterday.toDateString()) return "Yesterday";
-  return date.toLocaleDateString([], { weekday: "short", day: "numeric", month: "short" });
+function LetterAvatar({ name }) {
+  return /* @__PURE__ */ jsx("span", { className: "flex size-6 items-center justify-center rounded-full bg-foreground text-[10px] font-bold text-background", children: name.charAt(0).toUpperCase() });
 }
 function MessageList({
   messages,
@@ -17588,6 +18147,7 @@ function MessageList({
   isLoading,
   isSending,
   seenAt,
+  readAt,
   humanRequested,
   mayHaveOlder,
   onReact,
@@ -17597,12 +18157,8 @@ function MessageList({
   className
 }) {
   const scrolledUpRef = useRef(false);
-  const partitioned = partitionMessages(messages);
-  const bubbles = partitioned.bubbles.filter(
-    (m) => m.sender_type === "system" || m.attachments.length > 0 || (m.sender_type === "customer" ? m.content.trim() !== "" : proseOf(m.content) !== "")
-  );
-  const reactionsByTarget = partitioned.reactionsByTarget;
-  const seenMessageId = lastSeenCustomerMessageId(bubbles, seenAt);
+  const timeline = chatTimeline(messages, { readAt });
+  const { bubbles, reactionsByTarget, firstUnreadId, unreadOnOpen, firstAgentMessageId } = timeline;
   const lastBubble = bubbles[bubbles.length - 1];
   const offerHuman = !humanRequested && lastBubble?.sender_type === "bot" && !isSending;
   const handleScroll = (event) => {
@@ -17613,121 +18169,62 @@ function MessageList({
     "div",
     {
       onScroll: handleScroll,
-      className: cn(
-        "flex flex-1 flex-col gap-1 overflow-y-auto bg-muted/50 px-5 py-5",
-        className
-      ),
+      style: { background: "var(--color-chat-canvas, var(--color-muted, #f3f5f3))" },
+      className: cn("flex flex-1 flex-col gap-0.5 overflow-y-auto px-3.5 py-3.5", className),
       children: [
         isLoading && messages.length === 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ jsx(TypingDots, {}) }),
-        mayHaveOlder && /* @__PURE__ */ jsx("div", { className: "flex justify-center pb-2", children: /* @__PURE__ */ jsx(
+        mayHaveOlder && /* @__PURE__ */ jsx("div", { className: "flex justify-center pb-1", children: /* @__PURE__ */ jsx(
           "button",
           {
             type: "button",
             onClick: onLoadOlder,
-            className: "rounded-full border border-border bg-background px-3 py-1 text-[11px] font-semibold text-muted-foreground hover:text-foreground",
+            className: "rounded-full border border-foreground/[0.06] bg-background px-3.5 py-[7px] text-xs font-semibold text-muted-foreground shadow-[0_1px_2px_rgba(15,23,42,0.04)]",
             children: "Show earlier messages"
           }
         ) }),
         bubbles.map((msg, i) => {
-          const isCustomer = msg.sender_type === "customer";
           const prev = bubbles[i - 1];
-          const sameSenderAsPrev = prev?.sender_type === msg.sender_type;
-          const optimistic = isOptimistic(msg);
-          const reactions = reactionsByTarget.get(msg.id);
           const newDay = !prev || !sameDay(prev.created_at, msg.created_at);
-          if (msg.sender_type === "system") {
-            return /* @__PURE__ */ jsx("div", { className: "my-2 text-center text-[11px] font-medium text-muted-foreground", children: msg.content }, msg.id);
-          }
-          return /* @__PURE__ */ jsxs("div", { children: [
-            newDay && /* @__PURE__ */ jsx("div", { className: "my-2 text-center text-[10px] font-semibold tracking-wide text-muted-foreground", children: dayLabel(msg.created_at) }),
-            !sameSenderAsPrev && i > 0 && /* @__PURE__ */ jsx("div", { className: "h-3" }),
-            /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: cn(
-                  "group relative flex max-w-[85%]",
-                  isCustomer ? "ml-auto" : "mr-auto"
+          const group = groupPosition(timeline, i);
+          const startsRun = group === "single" || group === "first";
+          const delivery = deliveryState(msg, timeline, seenAt, isOptimistic);
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn("flex flex-col gap-1.5", startsRun && i > 0 && "mt-2.5"),
+              children: [
+                newDay && /* @__PURE__ */ jsx(Seam, { variant: "chip", label: dayLabel(msg.created_at) }),
+                msg.id === firstUnreadId && /* @__PURE__ */ jsx(
+                  Seam,
+                  {
+                    variant: "unread",
+                    label: `${unreadOnOpen} new message${unreadOnOpen === 1 ? "" : "s"}`
+                  }
                 ),
-                children: [
-                  !isCustomer && !optimistic && /* @__PURE__ */ jsx(HoverRail, { message: msg, onReact, onReply }),
-                  /* @__PURE__ */ jsxs(
-                    "div",
+                msg.id === firstAgentMessageId && /* @__PURE__ */ jsx(Seam, { label: "A person joined" }),
+                msg.sender_type === "system" ? /* @__PURE__ */ jsx(Seam, { label: "Passing you to the team" }) : /* @__PURE__ */ jsxs("div", { className: "group relative", children: [
+                  msg.sender_type !== "customer" && !isOptimistic(msg) && /* @__PURE__ */ jsx(HoverRail, { message: msg, onReact, onReply }),
+                  /* @__PURE__ */ jsx(
+                    MessageBubble,
                     {
-                      className: cn(
-                        "rounded-2xl px-3.5 py-2.5 text-sm leading-relaxed",
-                        isCustomer ? "bg-foreground text-background" : "border border-border bg-background text-foreground",
-                        isCustomer ? sameSenderAsPrev ? "rounded-tr" : "rounded-br" : sameSenderAsPrev ? "rounded-tl" : "rounded-bl",
-                        optimistic && "opacity-70"
-                      ),
-                      children: [
-                        !sameSenderAsPrev && /* @__PURE__ */ jsx(SenderChip, { sender: msg.sender_type, businessName }),
-                        msg.reply_to && /* @__PURE__ */ jsxs(
-                          "div",
-                          {
-                            className: cn(
-                              "mb-1.5 flex gap-1.5 rounded-lg px-2 py-1 text-xs",
-                              isCustomer ? "bg-background/15" : "bg-muted"
-                            ),
-                            children: [
-                              /* @__PURE__ */ jsx(
-                                "span",
-                                {
-                                  className: cn(
-                                    "w-[3px] shrink-0 self-stretch rounded-full",
-                                    isCustomer ? "bg-background/40" : "bg-muted-foreground/40"
-                                  )
-                                }
-                              ),
-                              /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate opacity-80", children: msg.reply_to.preview })
-                            ]
-                          }
-                        ),
-                        msg.attachments.length > 0 && /* @__PURE__ */ jsx("div", { className: cn("flex flex-wrap gap-1.5", msg.content && "mb-1.5"), children: msg.attachments.map((attachment, index) => {
-                          const url = safeAttachmentUrl(attachment.url);
-                          if (!url) return null;
-                          return attachment.mime_type?.startsWith("image/") ? /* @__PURE__ */ jsx("a", { href: url, target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ jsx(
-                            "img",
-                            {
-                              src: url,
-                              alt: attachment.filename ?? "Photo",
-                              loading: "lazy",
-                              className: "max-h-48 max-w-full rounded-lg object-cover"
-                            }
-                          ) }, index) : /* @__PURE__ */ jsx(
-                            "a",
-                            {
-                              href: url,
-                              target: "_blank",
-                              rel: "noreferrer",
-                              className: "truncate text-xs underline",
-                              children: attachment.filename ?? "Attachment"
-                            },
-                            index
-                          );
-                        }) }),
-                        isCustomer ? msg.content && /* @__PURE__ */ jsx("div", { className: "whitespace-pre-wrap", children: msg.content }) : /* @__PURE__ */ jsx(
-                          ChatMarkdown,
-                          {
-                            text: proseOf(msg.content),
-                            className: "[&_p]:my-0 [&_p+p]:mt-1.5 [&_ul]:my-1 [&_ul]:list-disc [&_ul]:pl-4 [&_ol]:my-1 [&_ol]:list-decimal [&_ol]:pl-4 [&_li]:my-0.5 [&_h1]:text-sm [&_h1]:font-bold [&_h2]:text-sm [&_h2]:font-bold [&_h3]:text-sm [&_h3]:font-semibold [&_hr]:my-2 [&_table]:my-1 [&_table]:w-full [&_th]:pb-1 [&_th]:text-left [&_th]:text-[10px] [&_th]:font-semibold [&_th]:uppercase [&_td]:py-1 [&_td:last-child]:text-right [&_td:last-child]:font-semibold [&_td:last-child]:tabular-nums [&_a]:underline"
-                          }
-                        )
-                      ]
+                      message: msg,
+                      reactions: reactionsByTarget.get(msg.id),
+                      businessName,
+                      group,
+                      delivery,
+                      onReply,
+                      avatar: /* @__PURE__ */ jsx(LetterAvatar, { name: businessName }),
+                      onQuoteMiss: async () => {
+                        onLoadOlder();
+                        return true;
+                      }
                     }
                   )
-                ]
-              }
-            ),
-            reactions && reactions.length > 0 && /* @__PURE__ */ jsx("div", { className: cn("mt-0.5 flex gap-1", isCustomer ? "justify-end" : "justify-start"), children: reactions.map((reaction) => /* @__PURE__ */ jsx(
-              "span",
-              {
-                className: "rounded-full border border-border bg-background px-1.5 py-0.5 text-xs shadow-sm",
-                children: reaction.content
-              },
-              reaction.id
-            )) }),
-            msg.id === seenMessageId && /* @__PURE__ */ jsx("div", { className: "mt-0.5 text-right text-[10px] font-medium text-muted-foreground", children: "Seen" })
-          ] }, msg.id);
+                ] })
+              ]
+            },
+            msg.id
+          );
         }),
         isSending && /* @__PURE__ */ jsx("div", { className: "mr-auto mt-1", children: /* @__PURE__ */ jsx(TypingDots, {}) }),
         offerHuman && /* @__PURE__ */ jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsx(
@@ -17752,24 +18249,6 @@ function MessageList({
     }
   );
 }
-function sameDay(a, b) {
-  return new Date(a).toDateString() === new Date(b).toDateString();
-}
-function SenderChip({
-  sender,
-  businessName
-}) {
-  if (sender === "bot") {
-    return /* @__PURE__ */ jsxs("span", { className: "mb-1 inline-flex items-center gap-1 rounded bg-primary/10 px-1.5 py-0.5 text-[10px] font-semibold text-primary", children: [
-      /* @__PURE__ */ jsx(SparkleIcon, { className: "h-[11px] w-[11px]" }),
-      "AI"
-    ] });
-  }
-  if (sender === "agent") {
-    return /* @__PURE__ */ jsx("span", { className: "mb-1 inline-flex items-center rounded bg-muted px-1.5 py-0.5 text-[10px] font-semibold text-muted-foreground", children: businessName });
-  }
-  return null;
-}
 function HoverRail({
   message,
   onReact,
@@ -18162,19 +18641,6 @@ function ReplyIcon({ className }) {
     }
   );
 }
-function SparkleIcon({ className }) {
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      className,
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: 2.5,
-      children: /* @__PURE__ */ jsx("path", { d: "M12 2v4m0 12v4M4.93 4.93l2.83 2.83m8.48 8.48l2.83 2.83M2 12h4m12 0h4M4.93 19.07l2.83-2.83m8.48-8.48l2.83-2.83" })
-    }
-  );
-}
 
 // src/react/genui/catalog.ts
 function genUICatalog(registry) {
@@ -19997,4 +20463,4 @@ async function genUIFingerprint(manifest) {
   return Array.from(new Uint8Array(digest)).map((byte) => byte.toString(16).padStart(2, "0")).join("").slice(0, 16);
 }
 
-export { AccommodationCard, AccountContent, AccountDashboardPage, AccountHero, AccountIdentityStrip, AccountLineItem, AccountLineItems, AccountNav, AccountOrderDetailPage, AccountOrderView, AccountOrdersPage, AccountShell, AccountSidebar, AccountSignedOutPrompt, AccountSubscriptionDetailPage, AccountSubscriptionsPage, Ad, AdProvider, AddOnSelector, AddressAutocomplete, AddressElement, AuthElement, AvailabilityBadge, BackLink, BillingPlanSelector, BookingCard, BookingList, BookingPage, BookingSummary, BookingsPage, BoxIcon24, BundleProductCard, BundleProductLayout, BundleSelector, Button, CIMPLIFY_GENUI_REGISTRY, CardImage, CardShell, CardVariant, CartDrawer, CartDrawerProvider, CartPage, CartSummary, CartTemplate, CatalogueCollectionLayout, CataloguePage, CatalogueTemplate, CategoryFilter, CategoryGrid, ChatMarkdown, ChatWidget, CheckIcon, CheckoutPage, CimplifyCheckout, CimplifyProvider, CimplifySignInButton, CimplifyUserButton, CollectionPage, CollectionTemplate, CompactCartLayout, CompactCatalogueLayout, CompactSearchLayout, CompactServiceCard, CompositeProductCard, CompositeProductLayout, CompositeSelector, ContextCard, ContinuityCard, CurrencySelector, CustomAttributesTable, CustomerInputFields, DashboardIcon, DashboardIcon20, DatePicker, DateSlotPicker, DealBanner, DealsPage, DefaultCartLayout, DefaultCatalogueLayout, DefaultCollectionLayout, DefaultProductLayout, DefaultSearchLayout, DeliveryEstimate, DeliveryTracker, DeliveryTruckIcon, DigitalProductCard, DigitalProductLayout, DiscountInput, ElementsProvider, EmptyState, ErrorState, FeaturedCollectionLayout, FilterTabs, FoodProductCard, FoodProductLayout, GenUIView, HappeningCard, IdentityIcon, IdentityOfframp, InventoryBadge, ItemsCard, LeaseServiceCard, LineItemDetails, LocationPicker, MediaGallery, MetadataStringList, MobileAccountShell, MobileBackButton, MobileMoreButton, MobileTabBar, NextDeliveryCard, OrderDetailHeader, OrderDetailMetaPipe, OrderDetailPage, OrderHistory, OrderHistoryPage, OrderList, OrderRow, OrderSummary, OrderTimeline, OrderTotals, OrdersIcon, OrdersIcon20, OvenIcon, PackageIcon, PaymentElement, Price, PriceRange, ProductCard, ProductCustomizer, ProductGrid, ProductImageGallery, ProductModel3D, ProductPage, ProductSheet, ProductTemplate, PropertiesTable, QuantitySelector, QuickAddButton, RecentlyViewed, RecommendationCarousel, RelatedProductsSection, RentalServiceCard, ResourcePicker, RetailProductCard, RichText, SaleBadge, SalePrice, SaleTeaser, ScheduleServiceCard, SearchInput, SearchPage, SearchTemplate, Section, SectionMore, ServiceProductLayout, SessionMessageBanner, SignOutIcon, Skeleton, SlotPicker, SoldOutOverlay, StaffPicker, StandardServiceCard, Status, StoreNav, StoreVideo, SubscriptionCard, SubscriptionList, SubscriptionRow, SubscriptionsIcon, SubscriptionsIcon20, TagPills, TimePicker, Toast, TwoColumnGrid, VariantSelector, VolumePricing, WelcomeCard, WholesaleProductCard, WholesaleProductLayout, WishlistButton, clearOrdersCache, cn, createPlacesSessionToken, defaultBoundaryKind, genUICatalog, genUIFingerprint, genUIManifest, genUIManifestJson, getBoundaryLabels, isImageAttachment, isTerminalOrderStatus, parse as parseGenUIProgram, partitionMessages, prefetchProduct, prefetchProducts, resolveBoundaryKind, roomToResource, safeAttachmentUrl, sanitizeRichTextHtml, stripHtmlToText, toAccountLineItem, toAccountLineItems, toAccountOrderView, useActivityState, useAds, useAttributeDefinitions, useAvailableSlots, useBillingPlans, useBookings, useBootstrap, useBundles, useCart, useCartDrawer, useCategories, useChat, useCheckout, useCimplify, useCimplifyClient, useCimplifySession, useCollection, useCollections, useDeals, useDeliveryFee, useDeliveryOptions, useElements, useElementsReady, useFxRate, useGenUIProgram, useLocations, useOptionalCimplify, useOrder, useOrders, useProduct, useProductAvailability, useProductDeals, useProductPrice, useProductSchedules, useProducts, useProductsOnSale, usePropertyFacets, useQuote, useRecommendations, useSearch, useServiceAvailability, useServices, useStoreCredit, useSubscription, useSubscriptions, useTaxonomies, useTaxonomy, useTaxonomyPath, useValidateDiscount, useVariantSelector };
+export { AccommodationCard, AccountContent, AccountDashboardPage, AccountHero, AccountIdentityStrip, AccountLineItem, AccountLineItems, AccountNav, AccountOrderDetailPage, AccountOrderView, AccountOrdersPage, AccountShell, AccountSidebar, AccountSignedOutPrompt, AccountSubscriptionDetailPage, AccountSubscriptionsPage, Ad, AdProvider, AddOnSelector, AddressAutocomplete, AddressElement, AuthElement, AvailabilityBadge, BackLink, BillingPlanSelector, BookingCard, BookingList, BookingPage, BookingSummary, BookingsPage, BoxIcon24, BubbleTail, BundleProductCard, BundleProductLayout, BundleSelector, Button, CIMPLIFY_GENUI_REGISTRY, CardImage, CardShell, CardVariant, CartDrawer, CartDrawerProvider, CartPage, CartSummary, CartTemplate, CatalogueCollectionLayout, CataloguePage, CatalogueTemplate, CategoryFilter, CategoryGrid, ChatMarkdown, ChatWidget, CheckIcon, CheckoutPage, CimplifyCheckout, CimplifyProvider, CimplifySignInButton, CimplifyUserButton, CollectionPage, CollectionTemplate, CompactCartLayout, CompactCatalogueLayout, CompactSearchLayout, CompactServiceCard, CompositeProductCard, CompositeProductLayout, CompositeSelector, ContextCard, ContinuityCard, CurrencySelector, CustomAttributesTable, CustomerInputFields, DashboardIcon, DashboardIcon20, DatePicker, DateSlotPicker, DealBanner, DealsPage, DefaultCartLayout, DefaultCatalogueLayout, DefaultCollectionLayout, DefaultProductLayout, DefaultSearchLayout, DeliveryEstimate, DeliveryTracker, DeliveryTruckIcon, DigitalProductCard, DigitalProductLayout, DiscountInput, ElementsProvider, EmptyState, ErrorState, FeaturedCollectionLayout, FilterTabs, FoodProductCard, FoodProductLayout, GenUIView, HappeningCard, IdentityIcon, IdentityOfframp, InventoryBadge, ItemsCard, LeaseServiceCard, LineItemDetails, LocationPicker, MediaGallery, MessageBubble, MetadataStringList, MobileAccountShell, MobileBackButton, MobileMoreButton, MobileTabBar, NextDeliveryCard, OrderDetailHeader, OrderDetailMetaPipe, OrderDetailPage, OrderHistory, OrderHistoryPage, OrderList, OrderRow, OrderSummary, OrderTimeline, OrderTotals, OrdersIcon, OrdersIcon20, OvenIcon, PackageIcon, PaymentElement, Price, PriceRange, ProductCard, ProductCustomizer, ProductGrid, ProductImageGallery, ProductModel3D, ProductPage, ProductSheet, ProductTemplate, PropertiesTable, QuantitySelector, QuickAddButton, QuoteBlock, RecentlyViewed, RecommendationCarousel, RelatedProductsSection, RentalServiceCard, ResourcePicker, RetailProductCard, RichText, SWIPE_COMMIT_PX, SaleBadge, SalePrice, SaleTeaser, ScheduleServiceCard, Seam, SearchInput, SearchPage, SearchTemplate, Section, SectionMore, ServiceProductLayout, SessionMessageBanner, SignOutIcon, Skeleton, SlotPicker, SoldOutOverlay, StaffPicker, StandardServiceCard, Status, StoreNav, StoreVideo, SubscriptionCard, SubscriptionList, SubscriptionRow, SubscriptionsIcon, SubscriptionsIcon20, TagPills, TimePicker, Toast, TwoColumnGrid, VariantSelector, VolumePricing, WelcomeCard, WholesaleProductCard, WholesaleProductLayout, WishlistButton, chatTimeline, clearOrdersCache, cn, createPlacesSessionToken, dayLabel, defaultBoundaryKind, deliveryState, genUICatalog, genUIFingerprint, genUIManifest, genUIManifestJson, getBoundaryLabels, groupPosition, isImageAttachment, isOptimistic, isTerminalOrderStatus, optimisticId, parse as parseGenUIProgram, partitionMessages, prefersReducedMotion, prefetchProduct, prefetchProducts, proseOf, resolveBoundaryKind, roomToResource, safeAttachmentUrl, sameDay, sanitizeRichTextHtml, scrollBehavior, stripHtmlToText, swipeCommitted, swipeProgress, swipeTravel, toAccountLineItem, toAccountLineItems, toAccountOrderView, useActivityState, useAds, useAttributeDefinitions, useAvailableSlots, useBillingPlans, useBookings, useBootstrap, useBundles, useCart, useCartDrawer, useCategories, useChat, useCheckout, useCimplify, useCimplifyClient, useCimplifySession, useCollection, useCollections, useDeals, useDeliveryFee, useDeliveryOptions, useElements, useElementsReady, useFxRate, useGenUIProgram, useLocations, useOptionalCimplify, useOrder, useOrders, useProduct, useProductAvailability, useProductDeals, useProductPrice, useProductSchedules, useProducts, useProductsOnSale, usePropertyFacets, useQuote, useRecommendations, useSearch, useServiceAvailability, useServices, useStoreCredit, useSubscription, useSubscriptions, useSwipeReply, useTaxonomies, useTaxonomy, useTaxonomyPath, useValidateDiscount, useVariantSelector };