@botonic/webchat-react 2.26.0 → 2.28.0

package/webchat-app-I5AArwfY.js

@@ -0,0 +1,4122 @@
+import { jsx as n, jsxs as w, Fragment as Ie } from "react/jsx-runtime";
+import { Button as Ht, DropdownMenuItem as Ze, DropdownMenuItemCheckbox as Ft, PopoverTrigger as Ut, DropdownMenu as zt } from "@lilara/ui-web-react";
+import bt, { createContext as Re, useContext as xe, useState as N, useRef as y, useCallback as v, useMemo as _e, useEffect as T, forwardRef as O, useLayoutEffect as jt } from "react";
+import { cva as F, cx as I } from "class-variance-authority";
+import { WebchatController as qt, setupGlobalWebchatAPI as Gt, publicWebchatController as ot, isCloseWebviewMessage as Kt, isWebviewPostMessage as Xt, WEBVIEW_MESSAGE_TYPES as le, WebchatMessageFactory as Qe } from "@botonic/webchat-core";
+import { useDialog as Zt, FocusScope as Qt, useButton as vt, useFocusRing as Ye, mergeProps as wt, useObjectRef as Yt } from "react-aria";
+import { useSelector as L } from "@xstate/react";
+import { DEFAULT_WEBCHAT_CLIENT_SETTINGS as Jt, BotonicButtonType as en, MessageSentBy as me, MessageType as tn } from "@botonic/shared";
+const Ct = Re(null);
+function z() {
+  const e = xe(Ct);
+  if (!e)
+    throw new Error("useWebchatContext must be used within a WebchatProvider");
+  return e;
+}
+const yt = Re(
+  null
+);
+function nn({
+  children: e
+}) {
+  const [t, a] = N(), o = y(t);
+  o.current = t;
+  const s = v((l) => {
+    a(l);
+  }, []), i = v((l) => {
+    o.current === l && a(void 0);
+  }, []), r = v(() => {
+    o.current !== void 0 && a(void 0);
+  }, []);
+  return /* @__PURE__ */ n(
+    yt.Provider,
+    {
+      value: { activeId: t, setActive: s, clearActive: i, pauseAll: r },
+      children: e
+    }
+  );
+}
+function Le() {
+  const e = xe(yt);
+  if (!e)
+    throw new Error(
+      "useMediaPlayback must be used within a MediaPlaybackProvider"
+    );
+  return e;
+}
+function on(e, t, a = !1) {
+  const o = e.custom?.[t];
+  return typeof o == "boolean" ? o : a;
+}
+function an(e) {
+  return {
+    input: {
+      isComposerVisible: e.user_input_enabled,
+      isTextInputEnabled: e.user_input_enabled,
+      areAttachmentsVisible: e.attachments_enabled,
+      isEmojiPickerVisible: e.emoji_picker_enabled,
+      isAudioRecordingVisible: on(
+        e,
+        "audio_recording_enabled"
+      ),
+      blockInputs: e.block_inputs
+    }
+  };
+}
+function sn(e) {
+  const [t, a] = N(""), o = _e(() => {
+    console.log("🏗️ Creating WebchatController with config:", e);
+    const h = new qt(e);
+    return h.initialize().catch((p) => {
+      console.error("❌ Failed to initialize webchat:", p);
+    }), h;
+  }, [e.appId]), s = L(
+    o.machine,
+    (h) => {
+      const p = h.context.messageActors;
+      return p ? Array.from(p.values()) : [];
+    }
+  ), i = L(
+    o.machine,
+    (h) => h.context.isOpen || !1
+  ), r = L(
+    o.machine,
+    (h) => h.matches("operational")
+  ), l = L(
+    o.machine,
+    (h) => h.matches("connectionFailed")
+  ), f = L(
+    o.machine,
+    (h) => h.context.connectionStatus || "disconnected"
+  ), _ = L(
+    o.machine,
+    (h) => h.context.effectiveWebchatClientSettings ?? Jt
+  ), m = _e(
+    () => an(_),
+    [_]
+  ), d = L(
+    o.machine,
+    (h) => h.context.soundsEnabled ?? !0
+  ), c = L(
+    o.machine,
+    (h) => h.context.overlayActor
+  ), u = L(
+    c,
+    (h) => h.context.overlayState
+  );
+  return T(() => (Gt(o), () => {
+    console.log("🧹 Cleaning up webchat controller"), o.destroy();
+  }), [o]), {
+    // Framework-agnostic controller - all webchat functionality
+    controller: o,
+    // React-specific UI state (minimal)
+    inputValue: t,
+    setInputValue: a,
+    // XState machine state (direct from machine via useSelector)
+    isOpen: i,
+    isInitialized: r,
+    initializationError: l,
+    messageActors: s,
+    connectionStatus: f,
+    webchatClientSettings: _,
+    webchatClientSettingsBehaviors: m,
+    // Overlay state (webview or cover component)
+    overlayState: u,
+    // Sound notification state
+    soundsEnabled: d,
+    // Configuration
+    avatarConfig: e.avatarConfig,
+    enableResponsiveHeroHeader: e.enableResponsiveHeroHeader ?? !0,
+    // Custom messages
+    customMessages: e.customMessages
+  };
+}
+const rn = O(({ children: e, ...t }, a) => {
+  const o = sn(t);
+  bt.useImperativeHandle(a, () => o.controller, [o.controller]);
+  const s = {
+    state: o,
+    controller: o.controller
+    // Direct access to controller
+  };
+  return /* @__PURE__ */ n(Ct.Provider, { value: s, children: /* @__PURE__ */ n(nn, { children: e }) });
+}), cn = {
+  collapsedByDefaultWhenConversationHasMessages: !0,
+  collapseOnUserEngagement: !0,
+  expandHeroWhenReturningToScrollTop: !0
+};
+function ln(e) {
+  return {
+    ...cn,
+    ...e
+  };
+}
+function qe(e) {
+  return e.context.messageActors?.size ?? 0;
+}
+function Me() {
+}
+const dn = {
+  header: {
+    variant: "collapsed",
+    collapseProgress: 1,
+    hasShadow: !1
+  },
+  messages: {
+    hasUserInteracted: !1,
+    onScrollDepthChange: Me,
+    onMessagesScrollAtTopChange: Me,
+    onUserInteraction: Me
+  },
+  onUserEngagement: Me
+};
+function un({
+  controller: e,
+  isOpen: t,
+  layout: a,
+  enableResponsiveHeroHeader: o = !0
+}) {
+  const s = ln(a), i = qe(
+    e.machine.getSnapshot()
+  ), r = s.collapsedByDefaultWhenConversationHasMessages && i > 0, l = y(null), f = y(
+    o ? r : !1
+  ), _ = y(!1), [m, d] = N(
+    () => o ? r : !1
+  ), [c, u] = N(
+    () => o ? r : !0
+  ), [h, p] = N(!1), g = L(
+    e.machine,
+    (P) => qe(P),
+    (P, A) => P === A
+  );
+  T(() => {
+    if (!o) return;
+    if (g === 0) {
+      u(!1), d(!1), f.current = !1, _.current = !1, l.current = 0;
+      return;
+    }
+    const P = l.current;
+    l.current = g, s.collapsedByDefaultWhenConversationHasMessages && (P === null || P === 0) && (u(!0), d(!0), f.current = !0);
+  }, [
+    o,
+    g,
+    s.collapsedByDefaultWhenConversationHasMessages
+  ]), T(() => {
+    if (!o || !t || !s.collapsedByDefaultWhenConversationHasMessages) return;
+    qe(e.machine.getSnapshot()) > 0 && (u(!0), d(!0), f.current = !0);
+  }, [
+    o,
+    t,
+    e,
+    s.collapsedByDefaultWhenConversationHasMessages
+  ]);
+  const b = v(() => {
+    o && (f.current = !0, d(!0), s.collapseOnUserEngagement && u(!0));
+  }, [o, s.collapseOnUserEngagement]), C = v(
+    (P) => {
+      if (o && f.current) {
+        if (!P) {
+          _.current = !0, u(!0);
+          return;
+        }
+        s.expandHeroWhenReturningToScrollTop && _.current && u(!1);
+      }
+    },
+    [o, s.expandHeroWhenReturningToScrollTop]
+  ), S = v(
+    (P) => {
+      o && p(P);
+    },
+    [o]
+  ), M = c ? "collapsed" : "expanded";
+  return o ? {
+    header: {
+      variant: M,
+      collapseProgress: c ? 1 : 0,
+      hasShadow: h
+    },
+    messages: {
+      hasUserInteracted: m,
+      onScrollDepthChange: S,
+      onMessagesScrollAtTopChange: C,
+      onUserInteraction: b
+    },
+    onUserEngagement: b
+  } : dn;
+}
+const mn = "backdrop-module__base___2047X", _n = {
+  base: mn
+};
+function hn({ isClosing: e = !1 }) {
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      className: _n.base,
+      "aria-hidden": !0,
+      "data-closing": e || void 0
+    }
+  );
+}
+function fn() {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 448 512",
+      fill: "currentColor",
+      role: "img",
+      "aria-hidden": !0,
+      children: /* @__PURE__ */ n("path", { d: "M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z" })
+    }
+  );
+}
+function pn() {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 384 512",
+      fill: "currentColor",
+      role: "img",
+      "aria-hidden": !0,
+      children: /* @__PURE__ */ n("path", { d: "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z" })
+    }
+  );
+}
+const gn = "dialog-module__base___K18e8", bn = "dialog-module__success___z5NAQ", vn = "dialog-module__error___Q46VR", wn = "dialog-module__loading___21312", Cn = "dialog-module__actions___xFizf", yn = "dialog-module__closing___qgRFX", Mn = "dialog-module__iconContainer___8lOJ3", Pn = "dialog-module__spinner___jL0bN", Nn = "dialog-module__textContent___t6Tqt", Sn = "dialog-module__title___jr3if", Tn = "dialog-module__subtitle___K1uUB", j = {
+  base: gn,
+  success: bn,
+  error: vn,
+  loading: wn,
+  actions: Cn,
+  closing: yn,
+  iconContainer: Mn,
+  spinner: Pn,
+  textContent: Nn,
+  title: Sn,
+  subtitle: Tn
+}, An = F(j.base, {
+  variants: {
+    variant: {
+      default: "",
+      loading: j.loading,
+      success: j.success,
+      error: j.error
+    },
+    isClosing: { true: j.closing }
+  },
+  defaultVariants: { variant: "default" }
+});
+function En({
+  variant: e,
+  title: t,
+  subtitle: a,
+  actions: o,
+  isClosing: s = !1,
+  onExited: i
+}) {
+  const r = o?.slice(0, 3);
+  process.env.NODE_ENV !== "production" && o && o.length > 3 && console.warn(
+    `[Dialog] actions array has ${o.length} items; only the first 3 are rendered.`
+  );
+  const l = r?.slice().sort((d, c) => {
+    const u = (h) => (h ?? "solid") === "solid";
+    return Number(u(d.appearance)) - Number(u(c.appearance));
+  }), f = y(null), { dialogProps: _, titleProps: m } = Zt({ role: "dialog" }, f);
+  return T(() => {
+    f.current && f.current.focus();
+  }, [e]), /* @__PURE__ */ n(Qt, { contain: !0, restoreFocus: !0, autoFocus: !0, children: /* @__PURE__ */ w(
+    "div",
+    {
+      ..._,
+      "aria-modal": !0,
+      ref: f,
+      className: An({ variant: e, isClosing: s }),
+      onAnimationEnd: s ? i : void 0,
+      children: [
+        (e === "loading" || e === "success" || e === "error") && /* @__PURE__ */ w(
+          "div",
+          {
+            className: j.iconContainer,
+            "data-variant": e,
+            "aria-hidden": !0,
+            children: [
+              e === "loading" && /* @__PURE__ */ n("div", { className: j.spinner }, "loading"),
+              e === "success" && /* @__PURE__ */ n(fn, {}, "success"),
+              e === "error" && /* @__PURE__ */ n(pn, {}, "error")
+            ]
+          }
+        ),
+        /* @__PURE__ */ w("div", { className: j.textContent, children: [
+          /* @__PURE__ */ n("h2", { ...m, className: j.title, children: t }),
+          a && /* @__PURE__ */ n("p", { className: j.subtitle, children: a })
+        ] }),
+        l && l.length > 0 && /* @__PURE__ */ n("div", { className: j.actions, "data-variant": e, children: l.map(({ label: d, ...c }, u) => /* @__PURE__ */ n(Ht, { ...c, children: d }, u)) })
+      ]
+    }
+  ) });
+}
+const Mt = Re(null);
+function In() {
+  const e = xe(Mt);
+  if (!e)
+    throw new Error("useDialog must be used within a DialogProvider");
+  return e;
+}
+const Rn = {
+  isOpen: !1,
+  variant: "default",
+  title: "",
+  subtitle: void 0,
+  actions: void 0
+};
+function xn({
+  children: e,
+  onOpen: t,
+  controlsRef: a
+}) {
+  const [o, s] = N(Rn), [i, r] = N(!1), l = y(t);
+  l.current = t;
+  const f = v(() => {
+    s((p) => ({ ...p, isOpen: !1 })), r(!1);
+  }, []), _ = y(f);
+  _.current = f;
+  const m = v((p) => {
+    r(!1), l.current?.(), s({
+      isOpen: !0,
+      variant: p.variant ?? "default",
+      title: p.title,
+      subtitle: p.subtitle,
+      actions: p.actions
+    });
+  }, []), d = v((p) => {
+    s((g) => ({
+      ...g,
+      ...p.variant !== void 0 && { variant: p.variant },
+      ...p.title !== void 0 && { title: p.title },
+      subtitle: "subtitle" in p ? p.subtitle : g.subtitle,
+      actions: "actions" in p ? p.actions : g.actions
+    }));
+  }, []), c = v(() => {
+    if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
+      _.current();
+      return;
+    }
+    r(!0);
+  }, []);
+  a && (a.current = { open: m, update: d, close: c }), T(() => {
+    if (process.env.NODE_ENV !== "production") {
+      const p = document.querySelector(
+        "[data-webchat-container], [data-webview-frame]"
+      );
+      p && (getComputedStyle(p).gridTemplateRows.includes("backdrop") || console.warn(
+        `[DialogProvider] Parent grid does not declare "backdrop-start"/"backdrop-end" named lines. Backdrop and Dialog will not be positioned correctly. Add the named lines to the container's grid-template-rows and grid-template-columns.`
+      ));
+    }
+  }, []);
+  const u = o.isOpen || i, h = { open: m, update: d, close: c, dialogState: o };
+  return /* @__PURE__ */ w(Mt.Provider, { value: h, children: [
+    e,
+    u && /* @__PURE__ */ n(hn, { isClosing: i }),
+    u && /* @__PURE__ */ n(
+      En,
+      {
+        variant: o.variant,
+        title: o.title,
+        subtitle: o.subtitle,
+        actions: o.actions,
+        isClosing: i,
+        onExited: f
+      }
+    )
+  ] });
+}
+function Ln({
+  children: e
+}) {
+  const { pauseAll: t } = Le(), a = y(t);
+  a.current = t;
+  const o = y(null), s = () => {
+    a.current();
+  };
+  return T(() => (ot.setDialogController({
+    open: (i) => o.current?.open(i),
+    update: (i) => o.current?.update(i),
+    close: () => o.current?.close()
+  }), () => {
+    ot.setDialogController(void 0);
+  }), []), /* @__PURE__ */ n(xn, { onOpen: s, controlsRef: o, children: e });
+}
+const Bn = "button-component-module__buttonComponent___KMwSR", kn = "button-component-module__secondary___TTpBp", Dn = "button-component-module__primary___bD2jQ", On = "button-component-module__iconWrapper___70XMO", ge = {
+  buttonComponent: Bn,
+  secondary: kn,
+  primary: Dn,
+  iconWrapper: On
+};
+function Wn() {
+  return /* @__PURE__ */ w(
+    "svg",
+    {
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "14",
+      height: "14",
+      role: "img",
+      "aria-hidden": !0,
+      children: [
+        /* @__PURE__ */ n(
+          "path",
+          {
+            d: "M6.667 3.333H3.333A1.333 1.333 0 0 0 2 4.667v8A1.333 1.333 0 0 0 3.333 14h8A1.333 1.333 0 0 0 12.667 12.667V9.333",
+            stroke: "currentColor",
+            strokeWidth: "1.333",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ n(
+          "path",
+          {
+            d: "M9.333 2h4.667v4.667",
+            stroke: "currentColor",
+            strokeWidth: "1.333",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ n(
+          "path",
+          {
+            d: "M6.667 9.333 14 2",
+            stroke: "currentColor",
+            strokeWidth: "1.333",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+function Vn(e) {
+  return "type" in e ? e.type === en.WebUrl || !!e.webview : !1;
+}
+const Ae = O(
+  ({
+    text: e,
+    disabled: t = !1,
+    onClick: a,
+    button: o,
+    className: s,
+    variant: i = "secondary"
+  }, r) => {
+    const l = Vn(o);
+    return /* @__PURE__ */ w(
+      "button",
+      {
+        ref: r,
+        disabled: t,
+        onClick: (_) => {
+          _.preventDefault(), _.stopPropagation(), a?.(o);
+        },
+        className: I(
+          ge.buttonComponent,
+          i === "primary" && ge.primary,
+          i === "secondary" && ge.secondary,
+          l && ge.withIcon,
+          s
+        ),
+        type: "button",
+        children: [
+          l && /* @__PURE__ */ n("span", { className: ge.iconWrapper, children: /* @__PURE__ */ n(Wn, {}) }),
+          e
+        ]
+      }
+    );
+  }
+), $n = "confirm-modal-module__overlay___rRE3G", Hn = "confirm-modal-module__modal___AliW3", Fn = "confirm-modal-module__title___nOVLU", Un = "confirm-modal-module__message___NiTmg", zn = "confirm-modal-module__buttons___T9sSa", be = {
+  overlay: $n,
+  modal: Hn,
+  title: Fn,
+  message: Un,
+  buttons: zn
+};
+function jn(e) {
+  return e === !1 || e === void 0 ? null : e === !0 ? {
+    message: "Are you sure you want to close?"
+  } : typeof e == "string" ? {
+    message: e
+  } : e;
+}
+const qn = ({
+  config: e,
+  onConfirm: t,
+  onCancel: a
+}) => {
+  const o = y(null), s = y(null), i = jn(e);
+  T(() => {
+    o.current?.focus();
+  }, []), T(() => {
+    const m = (d) => {
+      d.key === "Escape" && (d.stopPropagation(), a());
+    };
+    return window.addEventListener("keydown", m, !0), () => {
+      window.removeEventListener("keydown", m, !0);
+    };
+  }, [a]);
+  const r = v((m) => {
+    if (m.key === "Tab") {
+      const d = s.current?.querySelectorAll(
+        "button:not([disabled])"
+      );
+      if (!d?.length) return;
+      const c = d[0], u = d[d.length - 1];
+      m.shiftKey ? document.activeElement === c && (m.preventDefault(), u.focus()) : document.activeElement === u && (m.preventDefault(), c.focus());
+    }
+  }, []);
+  if (!i)
+    return null;
+  const l = i.title || "Close?", f = i.confirmText || "Close", _ = i.cancelText || "Cancel";
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      className: be.overlay,
+      role: "alertdialog",
+      "aria-modal": "true",
+      "aria-labelledby": "confirm-close-title",
+      "aria-describedby": "confirm-close-message",
+      onClick: a,
+      children: /* @__PURE__ */ w(
+        "div",
+        {
+          ref: s,
+          className: be.modal,
+          onClick: (m) => m.stopPropagation(),
+          onKeyDown: r,
+          children: [
+            /* @__PURE__ */ n("h3", { id: "confirm-close-title", className: be.title, children: l }),
+            /* @__PURE__ */ n("p", { id: "confirm-close-message", className: be.message, children: i.message }),
+            /* @__PURE__ */ w("div", { className: be.buttons, children: [
+              /* @__PURE__ */ n(
+                Ae,
+                {
+                  text: _,
+                  button: { text: "cancel", value: "cancel" },
+                  onClick: a,
+                  variant: "secondary"
+                }
+              ),
+              /* @__PURE__ */ n(
+                Ae,
+                {
+                  ref: o,
+                  text: f,
+                  button: { text: "confirm", value: "confirm" },
+                  onClick: t,
+                  variant: "primary"
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}, Pt = Re(null);
+function Be() {
+  const e = xe(Pt);
+  if (!e)
+    throw new Error("useOverlayContext must be used within an Overlay");
+  return e;
+}
+const Gn = "cover-frame-module__base___e38vU", Kn = "cover-frame-module__errorContainer___o19mQ", Xn = "cover-frame-module__errorText___ltF9m", Ke = {
+  base: Gn,
+  errorContainer: Kn,
+  errorText: Xn
+}, at = F(Ke.base);
+function Zn({ className: e }) {
+  const { overlayState: t, coverRegistry: a, setIsLoading: o } = Be();
+  if (T(() => {
+    t?.type === "cover" && o(!1);
+  }, [t?.type, o]), !t || t.type !== "cover")
+    return null;
+  const s = t, i = a?.[s.componentId];
+  return i ? /* @__PURE__ */ n("div", { className: at({ className: e }), "data-overlay-cover-frame": !0, children: /* @__PURE__ */ n(i, { ...s.props || {} }) }) : (console.warn(
+    `[OverlayCoverFrame] Component "${s.componentId}" not found in registry. Available components: ${Object.keys(a || {}).join(", ") || "none"}`
+  ), /* @__PURE__ */ n("div", { className: at({ className: e }), "data-overlay-cover-frame": !0, children: /* @__PURE__ */ n("div", { className: Ke.errorContainer, children: /* @__PURE__ */ w("p", { className: Ke.errorText, children: [
+    'Component "',
+    s.componentId,
+    '" not found'
+  ] }) }) }));
+}
+const Qn = "webview-frame-module__base___u5SZG", Yn = "webview-frame-module__loadingContainer___eqQ-L", Jn = "webview-frame-module__spinner___5gsaP", eo = "webview-frame-module__iframe___XewWc", Te = {
+  base: Qn,
+  loadingContainer: Yn,
+  spinner: Jn,
+  iframe: eo
+}, to = F(Te.base);
+function no({ className: e }) {
+  const { overlayState: t, sandboxPermissions: a, isLoading: o, setIsLoading: s } = Be(), i = v(() => {
+    s(!1);
+  }, [s]);
+  if (!t || t.type !== "webview")
+    return null;
+  const r = t;
+  return /* @__PURE__ */ w("div", { className: to({ className: e }), "data-overlay-webview-frame": !0, children: [
+    o && /* @__PURE__ */ n("div", { className: Te.loadingContainer, children: /* @__PURE__ */ n("div", { className: Te.spinner, "aria-label": "Loading webview" }) }),
+    /* @__PURE__ */ n(
+      "iframe",
+      {
+        src: r.url,
+        className: Te.iframe,
+        sandbox: a,
+        title: r.title || "Webview",
+        onLoad: i,
+        style: { opacity: o ? 0 : 1 }
+      }
+    )
+  ] });
+}
+function oo({ className: e }) {
+  const { overlayState: t } = Be();
+  if (!t)
+    return null;
+  switch (t.type) {
+    case "webview":
+      return /* @__PURE__ */ n(no, { className: e });
+    case "cover":
+      return /* @__PURE__ */ n(Zn, { className: e });
+    default:
+      return null;
+  }
+}
+const ao = "header-module__base___WYM0o", so = "header-module__minimal___6nq5w", ro = "header-module__titleContainer___56hi4", io = "header-module__icon___BCSbe", co = "header-module__title___0c-LL", lo = "header-module__closeButton___wOwC8", se = {
+  base: ao,
+  default: "header-module__default___z7D3c",
+  minimal: so,
+  titleContainer: ro,
+  icon: io,
+  title: co,
+  closeButton: lo
+};
+function uo(e, t) {
+  const a = t?.title || "Overlay", o = t?.icon, s = t?.allowClose !== !1;
+  return {
+    title: a,
+    icon: o,
+    showClose: s,
+    variants: {
+      variant: e.variant || "default"
+    }
+  };
+}
+const mo = F(se.base, {
+  variants: {
+    variant: {
+      default: se.default,
+      minimal: se.minimal
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+function _o(e) {
+  const { overlayState: t, attemptClose: a } = Be(), { showClose: o, title: s, icon: i, variants: r } = uo(
+    e,
+    t
+  );
+  return /* @__PURE__ */ w("header", { className: mo(r), "data-overlay-header": !0, children: [
+    /* @__PURE__ */ w("div", { className: se.titleContainer, children: [
+      i && /* @__PURE__ */ n("span", { className: se.icon, children: i }),
+      /* @__PURE__ */ n("h4", { className: se.title, children: s })
+    ] }),
+    o && /* @__PURE__ */ n(
+      "button",
+      {
+        type: "button",
+        className: se.closeButton,
+        onClick: a,
+        "aria-label": "Close overlay",
+        children: "×"
+      }
+    )
+  ] });
+}
+const ho = "overlay-module__base___qm4j7", fo = "overlay-module__loading___8U4v9", st = {
+  base: ho,
+  loading: fo
+};
+function po(e, t) {
+  const [a, o] = N(!0), [s, i] = N(!1), r = v(() => {
+    e?.confirmClose ? i(!0) : t.onClose();
+  }, [t, e?.confirmClose]), l = v(() => {
+    i(!1), t.onClose();
+  }, [t]), f = v(() => {
+    i(!1);
+  }, []);
+  return T(() => {
+    e?.isOpen && e?.type === "webview" && o(!0);
+  }, [e?.isOpen, e?.type]), T(() => {
+    e?.type === "webview" && o(!0);
+  }, [e?.type === "webview" ? e.url : null]), T(() => {
+    if (e?.type !== "webview")
+      return;
+    const _ = (m) => {
+      if (Kt(m.data)) {
+        r();
+        return;
+      }
+      if (Xt(m.data)) {
+        const d = m.data;
+        switch (d.type) {
+          case le.SET_TITLE:
+            t.onSetTitle(d.title);
+            break;
+          case le.SET_ICON:
+            t.onSetIcon(d.icon);
+            break;
+          case le.SET_ALLOW_CLOSE:
+            t.onSetAllowClose(d.allow);
+            break;
+          case le.SET_CONFIRM_CLOSE:
+            t.onSetConfirmClose(d.config);
+            break;
+          case le.SEND_PAYLOAD:
+            t.onSendPayload(d.payload);
+            break;
+          case le.NAVIGATE:
+            t.onNavigate(d.url);
+            break;
+        }
+      }
+    };
+    return window.addEventListener("message", _), () => {
+      window.removeEventListener("message", _);
+    };
+  }, [t, r, e?.type]), T(() => {
+    if (s) return;
+    const _ = (m) => {
+      m.key === "Escape" && e?.isOpen && e?.allowClose !== !1 && r();
+    };
+    return window.addEventListener("keydown", _), () => {
+      window.removeEventListener("keydown", _);
+    };
+  }, [
+    r,
+    s,
+    e?.isOpen,
+    e?.allowClose
+  ]), {
+    isLoading: a,
+    setIsLoading: o,
+    showConfirmModal: s,
+    setShowConfirmModal: i,
+    attemptClose: r,
+    handleConfirmClose: l,
+    handleCancelClose: f,
+    variants: { isLoading: a }
+  };
+}
+const go = "allow-scripts allow-forms allow-same-origin allow-popups", bo = F(st.base, {
+  variants: {
+    isLoading: {
+      true: st.loading
+    }
+  }
+});
+function vo({
+  overlayState: e,
+  onClose: t,
+  onSetTitle: a,
+  onSetIcon: o,
+  onSetAllowClose: s,
+  onSetConfirmClose: i,
+  onSendPayload: r,
+  onNavigate: l,
+  coverRegistry: f,
+  children: _
+}) {
+  const m = {
+    onClose: t,
+    onSetTitle: a,
+    onSetIcon: o,
+    onSetAllowClose: s,
+    onSetConfirmClose: i,
+    onSendPayload: r,
+    onNavigate: l
+  }, {
+    isLoading: d,
+    setIsLoading: c,
+    showConfirmModal: u,
+    setShowConfirmModal: h,
+    attemptClose: p,
+    handleConfirmClose: g,
+    handleCancelClose: b,
+    variants: C
+  } = po(e, m);
+  if (!e?.isOpen)
+    return null;
+  const S = {
+    overlayState: e,
+    ...m,
+    sandboxPermissions: go,
+    isLoading: d,
+    setIsLoading: c,
+    attemptClose: p,
+    showConfirmModal: u,
+    setShowConfirmModal: h,
+    coverRegistry: f
+  };
+  return /* @__PURE__ */ n(Pt.Provider, { value: S, children: /* @__PURE__ */ w("div", { className: bo(C), "data-overlay": !0, children: [
+    _ || /* @__PURE__ */ w(Ie, { children: [
+      /* @__PURE__ */ n(_o, {}),
+      /* @__PURE__ */ n(oo, {})
+    ] }),
+    u && e.confirmClose && /* @__PURE__ */ n(
+      qn,
+      {
+        config: e.confirmClose,
+        onConfirm: g,
+        onCancel: b
+      }
+    )
+  ] }) });
+}
+function wo(e, t, a) {
+  const {
+    layout: o = "default",
+    size: s = "normal",
+    position: i = "bottom-right",
+    "aria-label": r = "Webchat interface",
+    className: l,
+    coverRegistry: f,
+    // Exclude from DOM props
+    ..._
+  } = e, m = L(t.controller.machine, (b) => b.context.isOpen || !1), [d, c] = N(null), [u, h] = N(!1), p = y(!1), g = v(
+    (b) => {
+      b.target === b.currentTarget && d !== null && (d === "closing" && h(!1), c(null));
+    },
+    [d]
+  );
+  return T(() => {
+    const b = p.current;
+    p.current = m, b === !1 && m ? (h(!0), c("opening")) : b === !0 && !m && c("closing");
+  }, [m]), {
+    // Component visibility - stays true during close animation
+    shouldRender: u,
+    // Container element props
+    containerProps: {
+      ref: a,
+      role: "dialog",
+      "aria-label": r,
+      "aria-live": "polite",
+      "data-testid": "webchat-container",
+      "data-layout": o,
+      "data-size": s,
+      tabIndex: -1,
+      onAnimationEnd: g,
+      ..._
+    },
+    // CSS class variants
+    variants: {
+      layout: o,
+      size: s,
+      position: i,
+      isOpen: m,
+      isOpening: d === "opening",
+      isClosing: d === "closing",
+      className: l
+    }
+  };
+}
+const Co = "webchat-container-module__base___-nEHI", ee = {
+  base: Co,
+  "is-open": "webchat-container-module__is-open___y7UjX",
+  default: "webchat-container-module__default___Zl33C",
+  "position-bottom-right": "webchat-container-module__position-bottom-right___NIW0p",
+  "position-bottom-left": "webchat-container-module__position-bottom-left___gatKC",
+  "position-top-right": "webchat-container-module__position-top-right___DKI8J",
+  "position-top-left": "webchat-container-module__position-top-left___ehR4d",
+  "is-opening": "webchat-container-module__is-opening___5Ot9W",
+  "is-closing": "webchat-container-module__is-closing___o0hqs"
+}, yo = F(ee.base, {
+  variants: {
+    layout: {
+      default: ee.default
+    },
+    position: {
+      "bottom-right": ee["position-bottom-right"],
+      "bottom-left": ee["position-bottom-left"],
+      "top-right": ee["position-top-right"],
+      "top-left": ee["position-top-left"]
+    },
+    isOpen: {
+      true: ee["is-open"]
+    },
+    isOpening: {
+      true: ee["is-opening"]
+    },
+    isClosing: {
+      true: ee["is-closing"]
+    }
+  },
+  defaultVariants: {
+    layout: "default",
+    position: "bottom-right"
+  }
+});
+function Mo(e) {
+  const { state: t, controller: a } = z(), o = y(null), { shouldRender: s, containerProps: i, variants: r } = wo(
+    e,
+    t,
+    o
+  ), {
+    children: l,
+    coverRegistry: f,
+    layout: _,
+    size: m,
+    position: d,
+    ...c
+  } = e, u = v(
+    () => a.overlay.close(),
+    [a]
+  ), h = v(
+    (M) => a.overlay.setTitle(M),
+    [a]
+  ), p = v(
+    (M) => a.overlay.setIcon(M),
+    [a]
+  ), g = v(
+    (M) => a.overlay.setAllowClose(M),
+    [a]
+  ), b = v(
+    (M) => a.overlay.setConfirmClose(M),
+    [a]
+  ), C = v(
+    (M) => a.overlay.sendPayload(M),
+    [a]
+  ), S = v(
+    (M) => a.overlay.navigate(M),
+    [a]
+  );
+  return s ? /* @__PURE__ */ w(
+    "div",
+    {
+      ...i,
+      ...c,
+      className: yo(r),
+      "data-testid": "webchat-container",
+      "data-webchat-container": !0,
+      children: [
+        /* @__PURE__ */ n(Ln, { children: l }),
+        /* @__PURE__ */ n(
+          vo,
+          {
+            overlayState: t.overlayState,
+            onClose: u,
+            onSetTitle: h,
+            onSetIcon: p,
+            onSetAllowClose: g,
+            onSetConfirmClose: b,
+            onSendPayload: C,
+            onNavigate: S,
+            coverRegistry: f
+          }
+        )
+      ]
+    }
+  ) : null;
+}
+function Po() {
+  return /* @__PURE__ */ w(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 10 10",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      role: "img",
+      "aria-hidden": !0,
+      width: "10",
+      height: "10",
+      children: [
+        /* @__PURE__ */ n("line", { x1: "1", y1: "1", x2: "9", y2: "9" }),
+        /* @__PURE__ */ n("line", { x1: "9", y1: "1", x2: "1", y2: "9" })
+      ]
+    }
+  );
+}
+function No() {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 192 512",
+      fill: "currentColor",
+      role: "img",
+      "aria-hidden": !0,
+      width: "5",
+      height: "14",
+      children: /* @__PURE__ */ n("path", { d: "M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z" })
+    }
+  );
+}
+function So(e) {
+  return Math.min(1, Math.max(0, e));
+}
+function To(e, t, a) {
+  const {
+    title: o = "Chat",
+    avatarSrc: s,
+    avatarAlt: i,
+    showStatus: r = !0,
+    showClose: l = !0,
+    onClose: f,
+    variant: _ = "collapsed",
+    collapseProgress: m,
+    hasShadow: d = !1,
+    enableResponsiveHeroHeader: c,
+    "aria-label": u,
+    className: h,
+    style: p,
+    ...g
+  } = e, b = s ?? t.avatarConfig?.bot?.src, C = t.avatarConfig?.bot?.svg, S = i ?? t.avatarConfig?.bot?.alt, M = L(
+    t.controller.machine,
+    (B) => B.context.connectionStatus || "disconnected"
+  ), P = v(() => {
+    f ? f() : t.controller.close();
+  }, [f, t.controller]), A = v((B) => {
+    switch (B) {
+      case "connected":
+        return "Online";
+      case "connecting":
+        return "Connecting...";
+      case "disconnected":
+        return "Offline";
+      case "unavailable":
+        return "Connection unstable";
+      case "error":
+        return "Connection error";
+      default:
+        return "Offline";
+    }
+  }, []), W = r ? A(M) : void 0, V = _ !== "expanded", $ = c ?? t.enableResponsiveHeroHeader ?? !0, q = So(
+    m ?? Number(V)
+  ), G = {
+    ...p,
+    "--webchat-header-collapse-progress": String(q)
+  };
+  return {
+    // Header element props
+    headerProps: {
+      ...g,
+      ref: a,
+      "aria-label": u || `${o} header`,
+      style: G,
+      "data-webchat-responsive-hero": $ ? "on" : "off"
+    },
+    // Header content
+    title: o,
+    avatarSrc: b,
+    avatarSvg: C,
+    avatarAlt: S,
+    showStatus: r,
+    statusText: W,
+    showClose: l,
+    onClose: P,
+    connectionStatus: M,
+    // CSS class variants
+    variants: {
+      variant: _,
+      hasShadow: d,
+      className: h
+    }
+  };
+}
+const Ao = "webchat-header-module__base___VbIWd", Eo = "webchat-header-module__profile___NsohW", Io = "webchat-header-module__avatar___klWPr", Ro = "webchat-header-module__collapsed___Xwj3m", xo = "webchat-header-module__expanded___9RKFH", x = {
+  base: Ao,
+  "header-content": "webchat-header-module__header-content___bPP9l",
+  profile: Eo,
+  avatar: Io,
+  "header-text": "webchat-header-module__header-text___64Yj9",
+  "header-title": "webchat-header-module__header-title___QHcHi",
+  "status-text": "webchat-header-module__status-text___fTZvQ",
+  "status-section": "webchat-header-module__status-section___TlGf-",
+  "header-actions": "webchat-header-module__header-actions___hVl-F",
+  "header-button": "webchat-header-module__header-button___8knmx",
+  "avatar-img": "webchat-header-module__avatar-img___5e2rl",
+  "avatar-svg": "webchat-header-module__avatar-svg___dKAm6",
+  "status-dot": "webchat-header-module__status-dot___rjbA2",
+  "has-shadow": "webchat-header-module__has-shadow___uQ7mG",
+  collapsed: Ro,
+  expanded: xo
+}, Nt = O((e, t) => {
+  const a = Yt(t), { buttonProps: o } = vt(e, a), { focusProps: s, isFocusVisible: i } = Ye();
+  return /* @__PURE__ */ n(
+    "button",
+    {
+      ...wt(o, s),
+      ref: a,
+      className: x["header-button"],
+      "aria-label": e["aria-label"] ?? "Open menu",
+      "data-focus-visible": i || void 0,
+      children: /* @__PURE__ */ n(No, {})
+    }
+  );
+});
+function Lo(e) {
+  const t = y(null), { buttonProps: a } = vt(e, t), { focusProps: o, isFocusVisible: s } = Ye();
+  return /* @__PURE__ */ n(
+    "button",
+    {
+      ...wt(a, o),
+      ref: t,
+      className: x["header-button"],
+      "aria-label": e["aria-label"] ?? "Close chat",
+      "data-focus-visible": s || void 0,
+      children: /* @__PURE__ */ n(Po, {})
+    }
+  );
+}
+Nt.displayName = "MenuTriggerButton";
+const Bo = F(x.base, {
+  variants: {
+    variant: {
+      default: x.collapsed,
+      collapsed: x.collapsed,
+      expanded: x.expanded
+    },
+    hasShadow: {
+      true: x["has-shadow"]
+    }
+  },
+  defaultVariants: {
+    variant: "collapsed"
+  }
+});
+function ko({
+  children: e,
+  ...t
+}) {
+  const { state: a } = z(), o = y(null), {
+    headerProps: s,
+    title: i,
+    avatarSrc: r,
+    avatarSvg: l,
+    avatarAlt: f,
+    showStatus: _,
+    statusText: m,
+    showClose: d,
+    onClose: c,
+    connectionStatus: u,
+    variants: h
+  } = To(t, a, o);
+  return /* @__PURE__ */ n(
+    "header",
+    {
+      ...s,
+      className: Bo(h),
+      "data-webchat-header": !0,
+      children: /* @__PURE__ */ w("div", { className: x["header-content"], children: [
+        /* @__PURE__ */ w("div", { className: x.profile, children: [
+          /* @__PURE__ */ n("div", { className: x.avatar, "aria-hidden": "true", children: l ? /* @__PURE__ */ n(
+            "div",
+            {
+              className: x["avatar-svg"],
+              dangerouslySetInnerHTML: { __html: l },
+              role: "img",
+              "aria-label": f ?? i
+            }
+          ) : r ? /* @__PURE__ */ n(
+            "img",
+            {
+              src: r,
+              alt: f ?? i,
+              className: x["avatar-img"]
+            }
+          ) : null }),
+          /* @__PURE__ */ w("div", { className: x["header-text"], children: [
+            /* @__PURE__ */ n("h3", { className: x["header-title"], children: i }),
+            _ && /* @__PURE__ */ w("div", { className: x["status-section"], children: [
+              /* @__PURE__ */ n(
+                "div",
+                {
+                  className: x["status-dot"],
+                  "data-status": u,
+                  "aria-hidden": "true"
+                }
+              ),
+              /* @__PURE__ */ n("span", { className: x["status-text"], children: m })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ w("div", { className: x["header-actions"], children: [
+          e,
+          d && /* @__PURE__ */ n(Lo, { onPress: c })
+        ] })
+      ] })
+    }
+  );
+}
+const re = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 512 512",
+  fill: "currentColor",
+  role: "img",
+  "aria-hidden": !0
+};
+function Do() {
+  return /* @__PURE__ */ n("svg", { ...re, children: /* @__PURE__ */ n("path", { d: "M216 0h80c13.3 0 24 10.7 24 24v168h87.7c17.8 0 26.7 21.5 14.1 34.1L269.7 378.3c-7.5 7.5-19.8 7.5-27.3 0L90.1 226.1C77.5 213.5 86.3 192 104.2 192H192V24c0-13.3 10.7-24 24-24zm296 376v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h146.7l49 49c20.1 20.1 52.5 20.1 72.6 0l49-49H488c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm-64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z" }) });
+}
+function Oo({
+  onClose: e,
+  children: t
+}) {
+  const { controller: a } = z();
+  return /* @__PURE__ */ n(
+    Ze,
+    {
+      icon: /* @__PURE__ */ n(Do, {}),
+      onPress: () => {
+        a.downloadTranscript(), e?.();
+      },
+      children: t ?? "Download transcript"
+    }
+  );
+}
+function Wo() {
+  return /* @__PURE__ */ n("svg", { ...re, children: /* @__PURE__ */ n("path", { d: "M212.333 224.333H12c-6.627 0-12-5.373-12-12V12C0 5.373 5.373 0 12 0h48c6.627 0 12 5.373 12 12v78.112C117.773 39.279 184.26 7.47 258.175 8.007c136.906.994 246.448 111.623 246.157 248.532C504.041 393.258 393.12 504 256.333 504c-64.089 0-122.496-24.313-166.51-64.215-5.099-4.622-5.334-12.554-.467-17.42l33.967-33.967c4.474-4.474 11.662-4.717 16.401-.525C170.76 415.336 211.58 432 256.333 432c97.268 0 176-78.716 176-176 0-97.267-78.716-176-176-176-58.496 0-110.28 28.476-142.274 72.333h98.274c6.627 0 12 5.373 12 12v48c0 6.627-5.373 12-12 12z" }) });
+}
+function Vo({
+  onClose: e,
+  children: t
+}) {
+  const { controller: a } = z();
+  return /* @__PURE__ */ n(
+    Ze,
+    {
+      icon: /* @__PURE__ */ n(Wo, {}),
+      onPress: () => {
+        a.resetConversation(), e?.();
+      },
+      children: t ?? "Reset conversation"
+    }
+  );
+}
+function $o() {
+  return /* @__PURE__ */ n("svg", { ...re, children: /* @__PURE__ */ n("path", { d: "M497 273L329 441c-15 15-41 4.5-41-17v-96H152c-13.3 0-24-10.7-24-24v-96c0-13.3 10.7-24 24-24h136V88c0-21.4 25.9-32 41-17l168 168c9.3 9.4 9.3 24.6 0 34zM192 436v-40c0-6.6-5.4-12-12-12H96c-17.7 0-32-14.3-32-32V160c0-17.7 14.3-32 32-32h84c6.6 0 12-5.4 12-12V76c0-6.6-5.4-12-12-12H96C42.1 64 0 106.1 0 160v192c0 53.9 42.1 96 96 96h84c6.6 0 12-5.4 12-12z" }) });
+}
+const Ho = "Reset session?", Fo = "You will end this conversation and lose your chat history.", Uo = "Cancel", zo = "Reset session";
+function jo({
+  onClose: e
+}) {
+  const { controller: t } = z(), { open: a, close: o } = In(), s = v(() => {
+    o();
+  }, [o]), i = v(() => {
+    t.resetSession(), o();
+  }, [o, t]);
+  return {
+    menuItemProps: {
+      onPress: v(() => {
+        a({
+          title: Ho,
+          subtitle: Fo,
+          actions: [
+            {
+              label: Uo,
+              intent: "secondary",
+              appearance: "outline",
+              onPress: s
+            },
+            {
+              label: zo,
+              intent: "danger",
+              onPress: i
+            }
+          ]
+        }), e?.();
+      }, [s, i, e, a])
+    }
+  };
+}
+function qo({
+  onClose: e,
+  children: t
+}) {
+  const { menuItemProps: a } = jo({ onClose: e });
+  return /* @__PURE__ */ n(Ze, { icon: /* @__PURE__ */ n($o, {}), onPress: a.onPress, children: t ?? "Reset session" });
+}
+function Go() {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 448 512",
+      fill: "currentColor",
+      role: "img",
+      "aria-hidden": !0,
+      children: /* @__PURE__ */ n("path", { d: "M224 512c35.32 0 63.97-28.65 63.97-64H160.03c0 35.35 28.65 64 63.97 64zm215.39-149.71c-19.32-20.76-55.47-51.99-55.47-154.29 0-77.7-54.48-139.9-127.94-155.16V32c0-17.67-14.32-32-31.98-32s-31.98 14.33-31.98 32v20.84C118.56 68.1 64.08 130.3 64.08 208c0 102.3-36.15 133.53-55.47 154.29-6 6.45-8.66 14.16-8.61 21.71.11 16.4 12.98 32 32.1 32h383.8c19.12 0 32-15.6 32.1-32 .05-7.55-2.61-15.27-8.61-21.71z" })
+    }
+  );
+}
+function Ko({
+  onClose: e,
+  children: t
+}) {
+  const { state: a, controller: o } = z(), { soundsEnabled: s } = a;
+  return /* @__PURE__ */ n(
+    Ft,
+    {
+      icon: /* @__PURE__ */ n(Go, {}),
+      isSelected: s,
+      onChange: (i) => o.toggleSounds(i),
+      children: t ?? "Sounds"
+    }
+  );
+}
+function St() {
+  return /* @__PURE__ */ n("svg", { ...re, viewBox: "0 0 384 512", children: /* @__PURE__ */ n("path", { d: "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z" }) });
+}
+function Tt() {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      role: "img",
+      "aria-hidden": !0,
+      children: /* @__PURE__ */ n(
+        "path",
+        {
+          d: "M12 14.5C12.25 14.5 12.5 14.2812 12.5 14V5H10C9.4375 5 9 4.5625 9 4V1.5H4C3.71875 1.5 3.5 1.75 3.5 2V14C3.5 14.2812 3.71875 14.5 4 14.5H12ZM2 2C2 0.90625 2.875 0 4 0H9.15625C9.6875 0 10.1875 0.21875 10.5625 0.59375L13.4062 3.4375C13.7812 3.8125 14 4.3125 14 4.84375V14C14 15.125 13.0938 16 12 16H4C2.875 16 2 15.125 2 14V2Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+}
+function At() {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      role: "img",
+      "aria-hidden": !0,
+      children: /* @__PURE__ */ n(
+        "path",
+        {
+          d: "M2 14.5H3.5V16H2C0.875 16 0 15.125 0 14V2C0 0.90625 0.875 0 2 0H7.15625C7.6875 0 8.1875 0.21875 8.5625 0.59375L11.4062 3.4375C11.7812 3.8125 12 4.3125 12 4.84375V9.5H10.5V5H8C7.4375 5 7 4.5625 7 4V1.5H2C1.71875 1.5 1.5 1.75 1.5 2V14C1.5 14.2812 1.71875 14.5 2 14.5ZM5.5 11H6.5C7.4375 11 8.25 11.8125 8.25 12.75C8.25 13.7188 7.4375 14.5 6.5 14.5H6V15.5C6 15.7812 5.75 16 5.5 16C5.21875 16 5 15.7812 5 15.5V14V11.5C5 11.25 5.21875 11 5.5 11ZM6.5 13.5C6.90625 13.5 7.25 13.1875 7.25 12.75C7.25 12.3438 6.90625 12 6.5 12H6V13.5H6.5ZM9.5 11H10.5C11.3125 11 12 11.6875 12 12.5V14.5C12 15.3438 11.3125 16 10.5 16H9.5C9.21875 16 9 15.7812 9 15.5V11.5C9 11.25 9.21875 11 9.5 11ZM10.5 15C10.75 15 11 14.7812 11 14.5V12.5C11 12.25 10.75 12 10.5 12H10V15H10.5ZM13 11.5C13 11.25 13.2188 11 13.5 11H15C15.25 11 15.5 11.25 15.5 11.5C15.5 11.7812 15.25 12 15 12H14V13H15C15.25 13 15.5 13.25 15.5 13.5C15.5 13.7812 15.25 14 15 14H14V15.5C14 15.7812 13.75 16 13.5 16C13.2188 16 13 15.7812 13 15.5V13.5V11.5Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+}
+const Xo = "attachment-preview-module__container___VIJkZ", Zo = "attachment-preview-module__thumbnailList___by6c8", Qo = "attachment-preview-module__thumbnailItem___GNFlf", Yo = "attachment-preview-module__thumbnail___Ckp9-", Jo = "attachment-preview-module__videoWrapper___lmpFI", ea = "attachment-preview-module__videoPlayBadge___ky5sB", ta = "attachment-preview-module__fileList___HO6cw", na = "attachment-preview-module__fileRow___F61bW", oa = "attachment-preview-module__fileIcon___azbPW", aa = "attachment-preview-module__fileName___Ye6Av", sa = "attachment-preview-module__removeBtn___TWvdF", H = {
+  container: Xo,
+  thumbnailList: Zo,
+  thumbnailItem: Qo,
+  thumbnail: Yo,
+  videoWrapper: Jo,
+  videoPlayBadge: ea,
+  fileList: ta,
+  fileRow: na,
+  fileIcon: oa,
+  fileName: aa,
+  removeBtn: sa
+};
+function ra(e) {
+  return e === "application/pdf" ? /* @__PURE__ */ n(At, {}) : /* @__PURE__ */ n(Tt, {});
+}
+function ia({ attachment: e, onRemove: t }) {
+  return /* @__PURE__ */ w("div", { role: "listitem", className: H.thumbnailItem, children: [
+    e.fileType === "video" ? /* @__PURE__ */ w("div", { className: H.videoWrapper, children: [
+      /* @__PURE__ */ n(
+        "video",
+        {
+          src: e.previewUrl,
+          className: H.thumbnail,
+          preload: "metadata",
+          muted: !0,
+          playsInline: !0,
+          "aria-label": e.file.name
+        }
+      ),
+      /* @__PURE__ */ n("span", { className: H.videoPlayBadge, "aria-hidden": !0, children: "▶" })
+    ] }) : /* @__PURE__ */ n(
+      "img",
+      {
+        src: e.previewUrl,
+        alt: e.file.name,
+        className: H.thumbnail
+      }
+    ),
+    /* @__PURE__ */ n(
+      "button",
+      {
+        type: "button",
+        className: H.removeBtn,
+        "aria-label": `Remove ${e.file.name}`,
+        onClick: () => t(e.id),
+        children: /* @__PURE__ */ n(St, {})
+      }
+    )
+  ] });
+}
+function ca({ attachment: e, onRemove: t }) {
+  return /* @__PURE__ */ w("div", { role: "listitem", className: H.fileRow, children: [
+    /* @__PURE__ */ n("span", { className: H.fileIcon, "aria-hidden": !0, children: ra(e.file.type) }),
+    /* @__PURE__ */ n("span", { className: H.fileName, children: e.file.name }),
+    /* @__PURE__ */ n(
+      "button",
+      {
+        type: "button",
+        className: H.removeBtn,
+        "aria-label": `Remove ${e.file.name}`,
+        onClick: () => t(e.id),
+        children: /* @__PURE__ */ n(St, {})
+      }
+    )
+  ] });
+}
+function la({
+  attachments: e,
+  onRemove: t
+}) {
+  if (!e.length) return null;
+  const a = e.filter((s) => s.fileType !== "document"), o = e.filter((s) => s.fileType === "document");
+  return /* @__PURE__ */ w("div", { className: H.container, children: [
+    a.length > 0 && /* @__PURE__ */ n(
+      "div",
+      {
+        className: H.thumbnailList,
+        role: "list",
+        "aria-label": "Image and video attachments",
+        children: a.map((s) => /* @__PURE__ */ n(
+          ia,
+          {
+            attachment: s,
+            onRemove: t
+          },
+          s.id
+        ))
+      }
+    ),
+    o.length > 0 && /* @__PURE__ */ n(
+      "div",
+      {
+        className: H.fileList,
+        role: "list",
+        "aria-label": "File attachments",
+        children: o.map((s) => /* @__PURE__ */ n(
+          ca,
+          {
+            attachment: s,
+            onRemove: t
+          },
+          s.id
+        ))
+      }
+    )
+  ] });
+}
+const da = 25 * 1024 * 1024, ua = ["image/*", "video/*"], Et = [
+  ".pdf",
+  ".doc",
+  ".docx",
+  ".xls",
+  ".xlsx",
+  ".ppt",
+  ".pptx",
+  ".txt",
+  ".zip"
+], ma = new Set(
+  Et.map((e) => e.slice(1))
+  // strip leading '.'
+), _a = [
+  ...ua,
+  "application/pdf",
+  ...Et
+].join(",");
+function ha(e) {
+  return e.type.startsWith("image/") ? "image" : e.type.startsWith("video/") ? "video" : "document";
+}
+function fa(e) {
+  if (e.type.startsWith("image/") || e.type.startsWith("video/"))
+    return !0;
+  const t = e.name.split(".").pop()?.toLowerCase() ?? "";
+  return !!ma.has(t);
+}
+function pa() {
+  const { controller: e } = z(), [t, a] = N([]), [o, s] = N(), i = y(null), r = y(/* @__PURE__ */ new Map());
+  T(() => {
+    const c = r.current;
+    return () => {
+      c.forEach((u) => URL.revokeObjectURL(u));
+    };
+  }, []);
+  const l = v(
+    (c) => {
+      const u = c.target.files?.[0];
+      if (!u) return;
+      if (c.target.value = "", !fa(u)) {
+        s("File type not supported.");
+        return;
+      }
+      if (u.size > da) {
+        s("File is too large. Maximum size is 25 MB.");
+        return;
+      }
+      s(void 0), r.current.forEach((g) => URL.revokeObjectURL(g)), r.current.clear();
+      const h = `${u.name}-${u.size}-${Date.now()}-${Math.random()}`, p = URL.createObjectURL(u);
+      r.current.set(h, p), a([{ id: h, file: u, previewUrl: p, fileType: ha(u) }]);
+    },
+    []
+  ), f = v((c) => {
+    const u = r.current.get(c);
+    u && (URL.revokeObjectURL(u), r.current.delete(c)), a((h) => h.filter((p) => p.id !== c));
+  }, []), _ = v(() => {
+    r.current.forEach((c) => URL.revokeObjectURL(c)), r.current.clear(), a([]);
+  }, []), m = v(() => {
+    i.current?.click();
+  }, []), d = v(() => {
+    if (t.length) {
+      for (const c of t) {
+        const u = Qe.createMedia({
+          file: c.file,
+          attachmentUrl: c.previewUrl,
+          metadata: { sent_by: me.User }
+        });
+        e.sendMessage(u, c.file);
+      }
+      r.current.clear(), a([]);
+    }
+  }, [t, e]);
+  return {
+    attachments: t,
+    hasAttachments: t.length > 0,
+    attachmentError: o,
+    fileInputRef: i,
+    handleFileInputChange: l,
+    handleRemoveAttachment: f,
+    clearAttachments: _,
+    handleOpenFilePicker: m,
+    sendAttachments: d,
+    attachmentListProps: {
+      attachments: t,
+      onRemove: f
+    }
+  };
+}
+const ga = "audio-waveform-module__waveform___xs7iO", It = {
+  waveform: ga
+}, ba = 30, va = 1e3 / ba, wa = 24, rt = 2, it = 3;
+function Ca({ analyserNode: e }) {
+  const t = y(null), a = y(void 0), o = y(0);
+  return T(() => {
+    const s = t.current;
+    if (!s) return;
+    const i = () => {
+      const c = window.devicePixelRatio ?? 1, u = Math.max(s.clientWidth, 60);
+      s.width = Math.round(u * c), s.height = wa * c;
+    };
+    i();
+    const r = new ResizeObserver(i);
+    r.observe(s);
+    const l = s.getContext("2d");
+    if (!l) return;
+    const f = e.frequencyBinCount, _ = new Uint8Array(f);
+    function m(c, u, h, p) {
+      const g = h / 2;
+      if (p <= h) {
+        l.beginPath(), l.arc(c + g, u + g, g, 0, Math.PI * 2), l.fill();
+        return;
+      }
+      l.beginPath(), l.moveTo(c + g, u), l.arcTo(c + h, u, c + h, u + g, g), l.lineTo(c + h, u + p - g), l.arcTo(c + h, u + p, c + g, u + p, g), l.lineTo(c + g, u + p), l.arcTo(c, u + p, c, u + p - g, g), l.lineTo(c, u + g), l.arcTo(c, u, c + g, u, g), l.closePath(), l.fill();
+    }
+    function d(c) {
+      if (c - o.current < va) {
+        a.current = requestAnimationFrame(d);
+        return;
+      }
+      o.current = c, e.getByteFrequencyData(_);
+      const u = window.devicePixelRatio ?? 1, h = s.width, p = s.height, g = rt * u, b = Math.max(
+        1,
+        Math.floor(h / u / (rt + it))
+      ), C = it * u;
+      l.clearRect(0, 0, h, p), l.fillStyle = "currentColor";
+      const S = Math.floor(f * 0.5);
+      for (let M = 0; M < b; M++) {
+        const P = Math.floor(M / b * S), A = _[P], W = Math.max(g, A / 255 * p * 1.1), V = M * (g + C), $ = (p - W) / 2;
+        m(V, $, g, W);
+      }
+      a.current = requestAnimationFrame(d);
+    }
+    return a.current = requestAnimationFrame(d), () => {
+      a.current !== void 0 && cancelAnimationFrame(a.current), r.disconnect();
+    };
+  }, [e]), /* @__PURE__ */ n("canvas", { ref: t, className: It.waveform, "aria-hidden": !0 });
+}
+const ya = 24, ct = 2, lt = 3;
+function Ma(e, t, a, o, s) {
+  const i = o / 2;
+  if (s <= o) {
+    e.beginPath(), e.arc(t + i, a + i, i, 0, Math.PI * 2), e.fill();
+    return;
+  }
+  e.beginPath(), e.moveTo(t + i, a), e.arcTo(t + o, a, t + o, a + i, i), e.lineTo(t + o, a + s - i), e.arcTo(t + o, a + s, t + i, a + s, i), e.lineTo(t + i, a + s), e.arcTo(t, a + s, t, a + s - i, i), e.lineTo(t, a + i), e.arcTo(t, a, t + i, a, i), e.closePath(), e.fill();
+}
+function Pa(e, t, a, o, s) {
+  const i = window.devicePixelRatio ?? 1;
+  e.clearRect(0, 0, t, a), e.fillStyle = "currentColor";
+  const r = ct * i, l = lt * i, f = Math.max(
+    1,
+    Math.floor(t / i / (ct + lt))
+  ), _ = r, m = Math.round(s * f), d = new Float32Array(f);
+  for (let h = 0; h < f; h++)
+    if (o) {
+      const p = Math.floor(h / f * o.length), g = Math.max(
+        p + 1,
+        Math.floor((h + 1) / f * o.length)
+      );
+      let b = 0;
+      for (let C = p; C < g; C++) b += Math.abs(o[C]);
+      d[h] = b / (g - p);
+    } else
+      d[h] = 0.1 + 0.1 * Math.abs(Math.sin(h * 0.9)) + 0.07 * Math.abs(Math.sin(h * 1.7));
+  let c = 0;
+  for (let h = 0; h < f; h++)
+    d[h] > c && (c = d[h]);
+  const u = c > 0 ? a * 0.85 / c : 1;
+  for (let h = 0; h < f; h++) {
+    const p = Math.max(_, d[h] * u), g = h * (r + l), b = (a - p) / 2;
+    e.globalAlpha = h < m ? 1 : 0.35, Ma(e, g, b, r, p);
+  }
+  e.globalAlpha = 1;
+}
+function Pe(e, t, a) {
+  const o = window.devicePixelRatio ?? 1, s = Math.max(e.clientWidth, 60), i = Math.round(s * o), r = ya * o;
+  e.width !== i && (e.width = i), e.height !== r && (e.height = r);
+  const l = e.getContext("2d");
+  l && Pa(l, e.width, e.height, t, a);
+}
+function Na(e) {
+  return Math.min(1, Math.max(0, e));
+}
+function dt(e, t) {
+  const a = e.getBoundingClientRect();
+  return Na((t - a.left) / a.width);
+}
+function Rt({
+  audioBlob: e,
+  progress: t,
+  onSeek: a
+}) {
+  const o = y(null), s = y(null), i = y(t), r = y(a);
+  i.current = t, r.current = a, T(() => {
+    const _ = o.current;
+    if (!_) return;
+    let m = !1;
+    s.current = null, Pe(_, null, i.current);
+    const d = new ResizeObserver(() => {
+      m || Pe(_, s.current, i.current);
+    });
+    d.observe(_);
+    const c = new AudioContext();
+    return e.arrayBuffer().then((u) => c.decodeAudioData(u)).then((u) => {
+      m || (s.current = u.getChannelData(0), Pe(_, s.current, i.current));
+    }).catch(() => {
+    }).finally(() => c.close()), () => {
+      m = !0, d.disconnect();
+    };
+  }, [e]), T(() => {
+    const _ = o.current;
+    _ && Pe(_, s.current, t);
+  }, [t]);
+  const l = v(
+    (_) => {
+      if (!r.current) return;
+      const m = o.current;
+      m && (_.preventDefault(), m.setPointerCapture(_.pointerId), r.current(dt(m, _.clientX)));
+    },
+    []
+  ), f = v(
+    (_) => {
+      if (!r.current || _.buttons === 0) return;
+      const m = o.current;
+      m && r.current(dt(m, _.clientX));
+    },
+    []
+  );
+  return /* @__PURE__ */ n(
+    "canvas",
+    {
+      ref: o,
+      className: It.waveform,
+      "data-seekable": !!a,
+      "aria-hidden": !0,
+      onPointerDown: a ? l : void 0,
+      onPointerMove: a ? f : void 0
+    }
+  );
+}
+function Sa() {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2.5,
+      strokeLinecap: "round",
+      role: "img",
+      "aria-hidden": !0,
+      children: /* @__PURE__ */ n("path", { d: "M18 6L6 18M6 6l12 12" })
+    }
+  );
+}
+function xt() {
+  return /* @__PURE__ */ w(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      role: "img",
+      "aria-hidden": !0,
+      children: [
+        /* @__PURE__ */ n("rect", { x: "6", y: "4", width: "4", height: "16", rx: "1" }),
+        /* @__PURE__ */ n("rect", { x: "14", y: "4", width: "4", height: "16", rx: "1" })
+      ]
+    }
+  );
+}
+function Je() {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      role: "img",
+      "aria-hidden": !0,
+      children: /* @__PURE__ */ n("polygon", { points: "5,3 19,12 5,21" })
+    }
+  );
+}
+const te = {
+  "recording-controls": "audio-input-module__recording-controls___Hj6Qf",
+  "recording-controls-enter": "audio-input-module__recording-controls-enter___0w-HZ",
+  "recording-controls-exit": "audio-input-module__recording-controls-exit___Bp3tQ",
+  "recording-side-btn": "audio-input-module__recording-side-btn___tKWQ6",
+  "recording-pill": "audio-input-module__recording-pill___mn3nx",
+  "recording-pill--recording": "audio-input-module__recording-pill--recording___piWoa",
+  "recording-pill--preview": "audio-input-module__recording-pill--preview___Tnk1m",
+  "recording-timer": "audio-input-module__recording-timer___kyV0m",
+  "preview-play-btn": "audio-input-module__preview-play-btn___WJatV"
+};
+function Ta({
+  showControls: e,
+  recordingControlsClassName: t,
+  frozenIsRecording: a,
+  frozenIsPreview: o,
+  analyserNode: s,
+  audioBlob: i,
+  audioProgress: r,
+  isPlaying: l,
+  isPreview: f,
+  handlePlayPause: _,
+  handleSeekPreview: m,
+  handleCancelRecording: d,
+  timerDisplay: c,
+  objectUrl: u,
+  audioRef: h,
+  handleAudioPlay: p,
+  handleAudioPause: g,
+  handleAudioEnded: b,
+  handleAudioLoadedMetadata: C,
+  handleAudioTimeUpdate: S
+}) {
+  return /* @__PURE__ */ w(Ie, { children: [
+    e && /* @__PURE__ */ w(
+      "div",
+      {
+        className: I(
+          te["recording-controls"],
+          t
+        ),
+        children: [
+          /* @__PURE__ */ n(
+            "button",
+            {
+              type: "button",
+              className: te["recording-side-btn"],
+              "aria-label": f ? "Discard recording" : "Cancel recording",
+              onClick: d,
+              children: /* @__PURE__ */ n(Sa, {})
+            }
+          ),
+          /* @__PURE__ */ w(
+            "div",
+            {
+              className: I(
+                te["recording-pill"],
+                a ? te["recording-pill--recording"] : te["recording-pill--preview"]
+              ),
+              children: [
+                o && /* @__PURE__ */ n(
+                  "button",
+                  {
+                    type: "button",
+                    className: te["preview-play-btn"],
+                    "aria-label": l ? "Pause" : "Play recording",
+                    onClick: _,
+                    children: l ? /* @__PURE__ */ n(xt, {}) : /* @__PURE__ */ n(Je, {})
+                  }
+                ),
+                a && s ? /* @__PURE__ */ n(Ca, { analyserNode: s }) : o && i ? /* @__PURE__ */ n(
+                  Rt,
+                  {
+                    audioBlob: i,
+                    progress: r,
+                    onSeek: m
+                  }
+                ) : null,
+                /* @__PURE__ */ n("span", { className: te["recording-timer"], children: c })
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    u && /* @__PURE__ */ n(
+      "audio",
+      {
+        ref: h,
+        src: u,
+        onPlay: p,
+        onPause: g,
+        onEnded: b,
+        onLoadedMetadata: C,
+        onTimeUpdate: S,
+        style: { display: "none" }
+      }
+    )
+  ] });
+}
+function Aa() {
+  return typeof window < "u" && typeof navigator.mediaDevices?.getUserMedia == "function" && typeof MediaRecorder < "u";
+}
+function Ea() {
+  const [e, t] = N("idle"), [a, o] = N(void 0), [s, i] = N(
+    void 0
+  ), [r, l] = N(!1), f = Aa(), _ = y(void 0), m = y(void 0), d = y(void 0), c = y([]), u = v(() => {
+    m.current?.getTracks().forEach((b) => b.stop()), m.current = void 0, d.current?.close(), d.current = void 0, i(void 0);
+  }, []), h = v(async () => {
+    if (!f || e !== "idle") return;
+    l(!1);
+    let b;
+    try {
+      b = await navigator.mediaDevices.getUserMedia({ audio: !0 });
+    } catch (A) {
+      A instanceof Error && A.name === "NotAllowedError" && l(!0);
+      return;
+    }
+    m.current = b;
+    const C = new AudioContext();
+    d.current = C;
+    const S = C.createMediaStreamSource(b), M = C.createAnalyser();
+    M.fftSize = 256, S.connect(M), i(M), c.current = [];
+    const P = new MediaRecorder(b);
+    _.current = P, P.ondataavailable = (A) => {
+      A.data.size > 0 && c.current.push(A.data);
+    }, P.start(), t("recording");
+  }, [f, e]), p = v(() => {
+    const b = _.current;
+    !b || e !== "recording" || (b.onstop = () => {
+      const C = new Blob(c.current, {
+        type: b.mimeType || "audio/webm"
+      });
+      o(C), t("preview");
+    }, b.stop(), u());
+  }, [e, u]), g = v(() => {
+    const b = _.current;
+    b && b.state !== "inactive" && (b.onstop = null, b.stop()), u(), c.current = [], o(void 0), t("idle");
+  }, [u]);
+  return T(() => () => {
+    const b = _.current;
+    b && b.state !== "inactive" && (b.onstop = null, b.stop()), u();
+  }, [u]), {
+    recorderState: e,
+    audioBlob: a,
+    analyserNode: s,
+    isSupported: f,
+    permissionError: r,
+    startRecording: h,
+    confirmRecording: p,
+    cancelRecording: g
+  };
+}
+function Ee(e) {
+  const t = String(Math.floor(e / 60)).padStart(2, "0"), a = String(Math.floor(e % 60)).padStart(2, "0");
+  return `${t}:${a}`;
+}
+const Ge = "audio-recording", de = "audio-preview", Ia = 120;
+function Ra(e) {
+  return new Promise((t, a) => {
+    const o = new FileReader();
+    o.onloadend = () => t(o.result), o.onerror = a, o.readAsDataURL(e);
+  });
+}
+function xa(e) {
+  const [t, a] = N(e), [o, s] = N(!1), i = y();
+  return T(() => (e ? (clearTimeout(i.current), a(!0), s(!1)) : (s(!0), i.current = setTimeout(() => {
+    a(!1), s(!1);
+  }, Ia)), () => {
+    clearTimeout(i.current);
+  }), [e]), { showControls: t, isExiting: o };
+}
+function La(e, t) {
+  const { controller: a } = z(), { activeId: o, setActive: s, clearActive: i } = Le(), {
+    recorderState: r,
+    audioBlob: l,
+    analyserNode: f,
+    isSupported: _,
+    startRecording: m,
+    confirmRecording: d,
+    cancelRecording: c
+  } = Ea(), u = e.webchatClientSettingsBehaviors.input.isAudioRecordingVisible && _, [h, p] = N(0), g = y(
+    void 0
+  ), b = y(null), [C, S] = N(""), [M, P] = N(!1), [A, W] = N(0), [V, $] = N(0);
+  T(() => (r === "recording" ? (p(0), g.current = setInterval(() => {
+    p((R) => R + 1);
+  }, 1e3)) : (clearInterval(g.current), r === "idle" && (p(0), W(0), $(0), P(!1))), () => clearInterval(g.current)), [r]), T(() => {
+    if (!l) {
+      S("");
+      return;
+    }
+    const R = URL.createObjectURL(l);
+    return S(R), () => URL.revokeObjectURL(R);
+  }, [l]);
+  const q = Ee(r === "recording" ? h : M ? V : A), G = A > 0 ? V / A : 0;
+  T(() => {
+    o !== de && M && b.current?.pause();
+  }, [o, M]);
+  const B = v(() => {
+    P(!0), s(de);
+  }, [s]), K = v(() => {
+    P(!1), i(de);
+  }, [i]), ne = v(() => {
+    P(!1), i(de);
+  }, [i]), J = v(
+    (R) => {
+      W(Math.round(R.currentTarget.duration));
+    },
+    []
+  ), Ce = v(
+    (R) => {
+      $(Math.round(R.currentTarget.currentTime));
+    },
+    []
+  ), ke = v(() => {
+    const R = b.current;
+    R && (M ? R.pause() : R.play().catch(() => P(!1)));
+  }, [M]), De = v(() => {
+    u && (s(Ge), m());
+  }, [u, s, m]), Oe = v(() => {
+    i(Ge), d();
+  }, [i, d]), We = v(() => {
+    i(Ge), i(de), c();
+  }, [i, c]), ce = v(
+    (R) => {
+      !b.current || A === 0 || (b.current.currentTime = R * A, $(Math.round(b.current.currentTime)));
+    },
+    [A]
+  ), Ve = v(() => {
+    b.current?.pause(), i(de), l && Ra(l).then((R) => {
+      const je = Qe.createAudio({
+        attachmentContent: R,
+        metadata: { sent_by: me.User }
+      });
+      a.sendMessage(je);
+    }).catch(() => {
+    }).finally(() => {
+      c();
+    });
+  }, [l, a, c, i]), he = r !== "idle", { showControls: $e, isExiting: fe } = xa(he), pe = y(r);
+  he && (pe.current = r);
+  const He = pe.current === "recording", ae = pe.current === "preview", X = r === "preview", Fe = r === "recording", Ue = he, ze = fe ? te["recording-controls-exit"] : te["recording-controls-enter"];
+  return {
+    audioRecordingAvailable: u,
+    hideBaseContent: Ue,
+    isPreview: X,
+    isRecording: Fe,
+    handleMicrophoneClick: De,
+    handleConfirmRecording: Oe,
+    handleSendRecording: Ve,
+    overlayProps: {
+      showControls: $e,
+      recordingControlsClassName: ze,
+      frozenIsRecording: He,
+      frozenIsPreview: ae,
+      analyserNode: f,
+      audioBlob: l,
+      audioProgress: G,
+      isPlaying: M,
+      isPreview: X,
+      handlePlayPause: ke,
+      handleSeekPreview: ce,
+      handleCancelRecording: We,
+      timerDisplay: q,
+      objectUrl: C,
+      audioRef: b,
+      handleAudioPlay: B,
+      handleAudioPause: K,
+      handleAudioEnded: ne,
+      handleAudioLoadedMetadata: J,
+      handleAudioTimeUpdate: Ce
+    }
+  };
+}
+function Ba() {
+  return /* @__PURE__ */ n("svg", { ...re, viewBox: "0 0 448 512", children: /* @__PURE__ */ n("path", { d: "M364.2 83.8c-24.4-24.4-64-24.4-88.4 0l-184 184c-42.1 42.1-42.1 110.3 0 152.4s110.3 42.1 152.4 0l152-152c10.9-10.9 28.7-10.9 39.6 0s10.9 28.7 0 39.6l-152 152c-64 64-167.6 64-231.6 0s-64-167.6 0-231.6l184-184c46.3-46.3 121.3-46.3 167.6 0s46.3 121.3 0 167.6l-176 176c-28.6 28.6-75 28.6-103.6 0s-28.6-75 0-103.6l144-144c10.9-10.9 28.7-10.9 39.6 0s10.9 28.7 0 39.6l-144 144c-6.7 6.7-6.7 17.7 0 24.4s17.7 6.7 24.4 0l176-176c24.4-24.4 24.4-64 0-88.4z" }) });
+}
+function ka() {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2.5,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      role: "img",
+      "aria-hidden": !0,
+      children: /* @__PURE__ */ n("path", { d: "M20 6L9 17l-5-5" })
+    }
+  );
+}
+function Da() {
+  return /* @__PURE__ */ n("svg", { ...re, children: /* @__PURE__ */ n("path", { d: "M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm177.6 62.1C192.8 334.5 218.8 352 256 352s63.2-17.5 78.4-33.9c9-9.7 24.2-10.4 33.9-1.4s10.4 24.2 1.4 33.9c-22 23.8-60 49.4-113.6 49.4s-91.7-25.5-113.6-49.4c-9-9.7-8.4-24.9 1.4-33.9s24.9-8.4 33.9 1.4zM144.4 208a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm192-32a32 32 0 1 1 0 64 32 32 0 1 1 0-64z" }) });
+}
+function Oa() {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      role: "img",
+      "aria-hidden": !0,
+      children: /* @__PURE__ */ n("path", { d: "M12 18.75a6 6 0 0 0 6-6v-1.5m-6 7.5a6 6 0 0 1-6-6v-1.5m6 7.5v3.75m-3.75 0h7.5M12 15.75a3 3 0 0 1-3-3V4.5a3 3 0 1 1 6 0v8.25a3 3 0 0 1-3 3Z" })
+    }
+  );
+}
+function ut() {
+  return /* @__PURE__ */ n("svg", { ...re, children: /* @__PURE__ */ n("path", { d: "M57.6 35.8C23.1 20.6-11.3 57.4 6.1 90.9l63 121.2c4.4 8.4 12.6 14.1 22 15.3L266 249.3c3.4 .4 6 3.3 6 6.7s-2.6 6.3-6 6.7L91.1 284.6c-9.4 1.2-17.6 6.9-22 15.3L6.1 421.1c-17.4 33.5 17 70.2 51.6 55.1L492.9 285.3c25.5-11.2 25.5-47.4 0-58.6L57.6 35.8z" }) });
+}
+const Wa = "webchat-input-module__base___TZXU7", Va = "webchat-input-module__branding___ReLzJ", E = {
+  default: "webchat-input-module__default___tHS5e",
+  base: Wa,
+  "input-form": "webchat-input-module__input-form___GnKc7",
+  "input-row": "webchat-input-module__input-row___uqTs6",
+  branding: Va,
+  "input-form--active": "webchat-input-module__input-form--active___ZioHn",
+  "input-field": "webchat-input-module__input-field___c4r26",
+  "primary-action-base": "webchat-input-module__primary-action-base___UfC2U",
+  "primary-action-send": "webchat-input-module__primary-action-send___3ZCtv",
+  "primary-action-mic": "webchat-input-module__primary-action-mic___cB0BZ",
+  "icon-slot": "webchat-input-module__icon-slot___VBqqX",
+  "icon-face": "webchat-input-module__icon-face___9gNV-",
+  "icon-send": "webchat-input-module__icon-send___iTZQ1",
+  "action-button": "webchat-input-module__action-button___QnDXK",
+  "icon-mic": "webchat-input-module__icon-mic___m8zbn",
+  "input-container": "webchat-input-module__input-container___N2B7J",
+  "attachment-error": "webchat-input-module__attachment-error___JuZwS",
+  "primary-action-confirm": "webchat-input-module__primary-action-confirm___-iVtj",
+  "icon-confirm": "webchat-input-module__icon-confirm___0cjMa",
+  "action-bar": "webchat-input-module__action-bar___gEuJH",
+  "content-hidden": "webchat-input-module__content-hidden___9pFoD"
+};
+function $a(e, t) {
+  const a = e.trim();
+  return a ? t.some((o) => {
+    if (o.message && a === o.message)
+      return !0;
+    if (!o.regex) return !1;
+    try {
+      return new RegExp(o.regex).test(a);
+    } catch {
+      return !1;
+    }
+  }) : !1;
+}
+function Ha(e, t, a) {
+  const { controller: o } = z(), {
+    placeholder: s = "Message...",
+    disabled: i,
+    variant: r = "default",
+    showBranding: l = !0,
+    "aria-label": f,
+    className: _,
+    onEmojiClick: m,
+    onAttachmentClick: d,
+    onMicrophoneClick: c,
+    onUserMessageSent: u,
+    ...h
+  } = e, [p, g] = N(""), b = y(""), C = t.webchatClientSettingsBehaviors.input, S = C.isTextInputEnabled && !i, M = $a(
+    p,
+    C.blockInputs
+  ), P = p.trim().length > 0, {
+    hasAttachments: A,
+    attachmentError: W,
+    fileInputRef: V,
+    handleFileInputChange: $,
+    handleOpenFilePicker: q,
+    sendAttachments: G,
+    attachmentListProps: B
+  } = pa(), {
+    audioRecordingAvailable: K,
+    hideBaseContent: ne,
+    isPreview: J,
+    isRecording: Ce,
+    handleMicrophoneClick: ke,
+    handleConfirmRecording: De,
+    handleSendRecording: Oe,
+    overlayProps: We
+  } = La(t), ce = v(() => {
+    if (!S || M) return;
+    const Z = b.current.trim();
+    if (Z) {
+      const ye = Qe.createText({
+        text: Z,
+        metadata: {
+          sent_by: me.User
+        }
+      });
+      u?.(), o.sendMessage(ye), b.current = "", g("");
+    }
+  }, [o, S, M, u]), Ve = v(
+    (Z) => {
+      Z.preventDefault(), A && G(), ce();
+    },
+    [A, G, ce]
+  ), he = v(
+    (Z) => {
+      const ye = Z.target.value;
+      b.current = ye, g(ye);
+    },
+    []
+  ), $e = v(
+    (Z) => {
+      Z.key === "Enter" && !Z.shiftKey && (Z.preventDefault(), ce());
+    },
+    [ce]
+  ), fe = P || A, pe = K ? !!i || !S || P && M : !!i || !S || !fe || P && M, He = K ? fe ? "submit" : "button" : "submit", ae = !Ce && !J && K && !fe, X = Ce, Fe = !ae && !X, Ue = ae ? E["primary-action-mic"] : X ? E["primary-action-confirm"] : E["primary-action-send"], ze = X || J ? "button" : He, nt = X ? !1 : pe, R = X ? De : J ? Oe : ae ? ke : void 0, je = ae ? "Record voice message" : X ? "Confirm recording" : "Send message", $t = v(() => {
+    q(), d?.();
+  }, [q, d]);
+  return {
+    // Input wrapper props
+    inputProps: {
+      ...h,
+      ref: a,
+      "aria-label": f || s,
+      "data-webchat-input": ""
+    },
+    // Form state and handlers
+    inputValue: p,
+    hasText: P,
+    handleSubmit: Ve,
+    onEmojiClick: m,
+    onAttachmentClick: $t,
+    // Attachment preview
+    hasAttachments: A,
+    attachmentError: W,
+    fileInputRef: V,
+    handleFileInputChange: $,
+    attachmentListProps: B,
+    // Input field props
+    fieldProps: {
+      value: p,
+      onChange: he,
+      onKeyDown: $e,
+      placeholder: s,
+      disabled: !S,
+      rows: 1
+      // minimum rows; CSS field-sizing: content allows growth up to --webchat-input-max-rows
+    },
+    // CSS class variants
+    variants: {
+      variant: r,
+      className: _
+    },
+    isInputEnabled: S,
+    isInputDisabled: i,
+    inputBehavior: C,
+    showBranding: l,
+    // Audio overlay (passed to AudioInput)
+    overlayProps: We,
+    hideBaseContent: ne,
+    audioRecordingAvailable: K,
+    // Primary action button
+    primaryBgClass: Ue,
+    primaryType: ze,
+    isPrimaryDisabled: nt,
+    primaryHandler: R,
+    primaryLabel: je,
+    // Action bar
+    showMic: ae,
+    showConfirm: X,
+    showSend: Fe
+  };
+}
+const Fa = F(E.base, {
+  variants: {
+    variant: {
+      default: E.default
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+function Ua(e) {
+  const { state: t } = z(), a = y(null), {
+    inputProps: o,
+    handleSubmit: s,
+    fieldProps: i,
+    variants: r,
+    showBranding: l,
+    onEmojiClick: f,
+    onAttachmentClick: _,
+    isInputDisabled: m,
+    inputBehavior: d,
+    overlayProps: c,
+    hideBaseContent: u,
+    audioRecordingAvailable: h,
+    primaryBgClass: p,
+    primaryType: g,
+    isPrimaryDisabled: b,
+    primaryHandler: C,
+    primaryLabel: S,
+    showMic: M,
+    showConfirm: P,
+    showSend: A,
+    hasAttachments: W,
+    attachmentError: V,
+    fileInputRef: $,
+    handleFileInputChange: q,
+    attachmentListProps: G
+  } = Ha(e, t, a), { icons: B } = e;
+  if (!d.isComposerVisible)
+    return null;
+  const K = l ? /* @__PURE__ */ n("p", { className: E.branding, children: "Powered by Hubtype" }) : void 0;
+  return /* @__PURE__ */ w(
+    "div",
+    {
+      ...o,
+      className: Fa(r),
+      "data-webchat-input": !0,
+      "data-attachments-enabled": String(d.areAttachmentsVisible),
+      "data-emoji-picker-enabled": String(d.isEmojiPickerVisible),
+      children: [
+        /* @__PURE__ */ n("div", { className: E["input-container"], children: /* @__PURE__ */ w(
+          "form",
+          {
+            onSubmit: s,
+            className: I(
+              E["input-form"],
+              u && E["input-form--active"]
+            ),
+            children: [
+              W && /* @__PURE__ */ n(la, { ...G }),
+              V && /* @__PURE__ */ n("p", { className: E["attachment-error"], role: "alert", children: V }),
+              /* @__PURE__ */ w("div", { className: E["input-row"], children: [
+                h && /* @__PURE__ */ n(Ta, { ...c }),
+                /* @__PURE__ */ n(
+                  "textarea",
+                  {
+                    ...i,
+                    className: I(
+                      E["input-field"],
+                      u && E["content-hidden"]
+                    ),
+                    inert: u ? "" : void 0
+                  }
+                ),
+                /* @__PURE__ */ w(
+                  "div",
+                  {
+                    className: I(
+                      E["action-bar"],
+                      u && E["content-hidden"]
+                    ),
+                    role: "group",
+                    "aria-label": "Message actions",
+                    inert: u ? "" : void 0,
+                    children: [
+                      d.isEmojiPickerVisible && /* @__PURE__ */ n(
+                        "button",
+                        {
+                          type: "button",
+                          className: E["action-button"],
+                          "aria-label": "Emoji",
+                          disabled: m,
+                          onClick: f,
+                          children: B?.emoji ?? /* @__PURE__ */ n(Da, {})
+                        }
+                      ),
+                      d.areAttachmentsVisible && /* @__PURE__ */ n(
+                        "button",
+                        {
+                          type: "button",
+                          className: E["action-button"],
+                          "aria-label": "Attach file",
+                          disabled: m,
+                          onClick: _,
+                          children: B?.attachment ?? /* @__PURE__ */ n(Ba, {})
+                        }
+                      )
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ n(
+                  "button",
+                  {
+                    type: g,
+                    className: I(E["primary-action-base"], p),
+                    disabled: b,
+                    "aria-label": S,
+                    onClick: C,
+                    children: /* @__PURE__ */ n("span", { className: E["icon-slot"], children: h ? /* @__PURE__ */ w(Ie, { children: [
+                      /* @__PURE__ */ n(
+                        "span",
+                        {
+                          "aria-hidden": !0,
+                          className: I(E["icon-face"], E["icon-mic"]),
+                          "data-visible": M ? "true" : "false",
+                          children: B?.microphone ?? /* @__PURE__ */ n(Oa, {})
+                        }
+                      ),
+                      /* @__PURE__ */ n(
+                        "span",
+                        {
+                          "aria-hidden": !0,
+                          className: I(
+                            E["icon-face"],
+                            E["icon-confirm"]
+                          ),
+                          "data-visible": P ? "true" : "false",
+                          children: /* @__PURE__ */ n(ka, {})
+                        }
+                      ),
+                      /* @__PURE__ */ n(
+                        "span",
+                        {
+                          "aria-hidden": !0,
+                          className: I(E["icon-face"], E["icon-send"]),
+                          "data-visible": A ? "true" : "false",
+                          children: B?.send ?? /* @__PURE__ */ n(ut, {})
+                        }
+                      )
+                    ] }) : /* @__PURE__ */ n(
+                      "span",
+                      {
+                        "aria-hidden": !0,
+                        className: I(E["icon-face"], E["icon-send"]),
+                        "data-visible": "true",
+                        children: B?.send ?? /* @__PURE__ */ n(ut, {})
+                      }
+                    ) })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ n(
+                "input",
+                {
+                  ref: $,
+                  type: "file",
+                  accept: _a,
+                  onChange: q,
+                  style: { display: "none" },
+                  "aria-hidden": !0,
+                  tabIndex: -1
+                }
+              )
+            ]
+          }
+        ) }),
+        K
+      ]
+    }
+  );
+}
+function Xe(e) {
+  if (!e) return;
+  const t = e.replace(/-/g, "");
+  if (t.length < 16 || parseInt(t[12], 16) !== 7) return;
+  const o = parseInt(t.slice(0, 12), 16);
+  if (!(!Number.isFinite(o) || o <= 0))
+    return new Date(o);
+}
+const za = "message-bubble-module__base___WzTAP", ja = "message-bubble-module__bot___PcXmL", qa = "message-bubble-module__agent___WGfzX", Ga = "message-bubble-module__user___lFMMm", Ka = "message-bubble-module__system___e8-FD", Xa = "message-bubble-module__sending___P9nK-", Za = "message-bubble-module__error___mine7", Q = {
+  base: za,
+  bot: ja,
+  agent: qa,
+  user: Ga,
+  "flat-top-corner": "message-bubble-module__flat-top-corner___CLxP2",
+  "flat-bottom-corner": "message-bubble-module__flat-bottom-corner___DrB7C",
+  system: Ka,
+  sending: Xa,
+  error: Za
+}, Qa = F(Q.base, {
+  variants: {
+    variant: {
+      user: Q.user,
+      bot: Q.bot,
+      system: Q.system,
+      agent: Q.agent
+    },
+    status: {
+      sending: Q.sending,
+      sent: Q.sent,
+      error: Q.error
+    },
+    flatTopCorner: {
+      true: Q["flat-top-corner"]
+    },
+    flatBottomCorner: {
+      true: Q["flat-bottom-corner"]
+    }
+  },
+  defaultVariants: { variant: "bot", status: "sent" }
+}), et = O(
+  ({
+    variant: e = "bot",
+    status: t = "sent",
+    flatTopCorner: a,
+    flatBottomCorner: o,
+    children: s,
+    className: i
+  }, r) => /* @__PURE__ */ n(
+    "div",
+    {
+      ref: r,
+      className: Qa({
+        variant: e,
+        status: t,
+        flatTopCorner: a,
+        flatBottomCorner: o,
+        className: i
+      }),
+      "data-webchat-message-bubble": !0,
+      children: s
+    }
+  )
+), Ya = "typing-message-module__typingDot___cCobM", Ja = "typing-message-module__typingDots___LwFeC", Ne = {
+  typingDot: Ya,
+  typingDots: Ja
+}, es = ({
+  isVisible: e = !1,
+  className: t
+}) => e ? /* @__PURE__ */ n(et, { variant: "bot", className: t, children: /* @__PURE__ */ w("div", { "data-testid": "typing-indicator", className: Ne.typingDots, children: [
+  /* @__PURE__ */ n("span", { className: Ne.typingDot }),
+  /* @__PURE__ */ n("span", { className: Ne.typingDot }),
+  /* @__PURE__ */ n("span", { className: Ne.typingDot })
+] }) }) : null, ts = "message-avatar-module__container___-EX1c", ns = "message-avatar-module__base___RPKhe", os = "message-avatar-module__circle___M68eH", as = "message-avatar-module__square___PjaDi", ss = "message-avatar-module__image___rxwYA", rs = "message-avatar-module__svg___eMikf", is = "message-avatar-module__fallback___2Xa-W", cs = "message-avatar-module__name___L20Ht", ls = "message-avatar-module__small___gBALc", ds = "message-avatar-module__medium___WSeE1", us = "message-avatar-module__large___a-hNp", ms = "message-avatar-module__bot___2Bh0Y", _s = "message-avatar-module__agent___MemVD", D = {
+  container: ts,
+  base: ns,
+  circle: os,
+  square: as,
+  image: ss,
+  svg: rs,
+  fallback: is,
+  name: cs,
+  small: ls,
+  medium: ds,
+  large: us,
+  bot: ms,
+  agent: _s
+}, hs = F(D.base, {
+  variants: {
+    variant: {
+      user: D.user,
+      bot: D.bot,
+      system: D.system,
+      agent: D.agent
+    },
+    size: {
+      small: D.small,
+      medium: D.medium,
+      large: D.large
+    },
+    shape: {
+      circle: D.circle,
+      square: D.square
+    }
+  },
+  defaultVariants: { variant: "bot", size: "medium", shape: "circle" }
+}), tt = O(
+  ({
+    variant: e = "bot",
+    size: t = "medium",
+    shape: a = "circle",
+    src: o,
+    alt: s,
+    svg: i,
+    showName: r = !1,
+    name: l,
+    fallback: f,
+    className: _
+  }, m) => /* @__PURE__ */ w(
+    "div",
+    {
+      ref: m,
+      className: D.container,
+      "data-webchat-message-avatar": !0,
+      children: [
+        /* @__PURE__ */ n(
+          "div",
+          {
+            className: hs({
+              variant: e,
+              size: t,
+              shape: a,
+              className: _
+            }),
+            children: i ? /* @__PURE__ */ n(
+              "div",
+              {
+                className: D.svg,
+                dangerouslySetInnerHTML: { __html: i },
+                role: "img",
+                "aria-label": s || `${e} avatar`
+              }
+            ) : o ? /* @__PURE__ */ n(
+              "img",
+              {
+                src: o,
+                alt: s || `${e} avatar`,
+                className: D.image
+              }
+            ) : /* @__PURE__ */ n("div", { className: D.fallback, children: f || (e === "bot" ? "🤖" : e === "agent" ? "👨‍💼" : "👤") })
+          }
+        ),
+        r && l && /* @__PURE__ */ n("div", { className: D.name, children: l })
+      ]
+    }
+  )
+), fs = "message-info-module__base___yO0Cd", ps = "message-info-module__senderName___fP58-", gs = "message-info-module__timestamp___xwDsF", bs = "message-info-module__status___jPwtz", vs = "message-info-module__top___NK5CY", ws = "message-info-module__bottom___NE4Rs", Cs = "message-info-module__bot___xlQbg", ys = "message-info-module__agent___ckeYQ", Ms = "message-info-module__user___bgEi-", Ps = "message-info-module__system___MF1CS", Y = {
+  base: fs,
+  senderName: ps,
+  timestamp: gs,
+  status: bs,
+  top: vs,
+  bottom: ws,
+  bot: Cs,
+  agent: ys,
+  user: Ms,
+  system: Ps
+}, Ns = F(Y.base, {
+  variants: {
+    variant: {
+      user: Y.user,
+      bot: Y.bot,
+      system: Y.system,
+      agent: Y.agent
+    },
+    position: {
+      top: Y.top,
+      bottom: Y.bottom
+    }
+  },
+  defaultVariants: { variant: "bot", position: "bottom" }
+}), Ss = (e) => {
+  if (e)
+    return typeof e == "string" ? e : e.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
+}, Lt = O(
+  ({
+    variant: e = "bot",
+    position: t = "bottom",
+    showTimestamp: a = !0,
+    timestamp: o,
+    showStatus: s = !1,
+    status: i,
+    avatarProps: r,
+    senderName: l,
+    className: f,
+    children: _
+  }, m) => {
+    const d = (h) => {
+      switch (h) {
+        case "sending":
+          return "Sending...";
+        case "sent":
+          return "Sent";
+        case "error":
+          return "Failed to send";
+        default:
+          return "";
+      }
+    }, c = Ss(o);
+    return a && c || s || _ || r || l ? /* @__PURE__ */ w(
+      "div",
+      {
+        ref: m,
+        className: Ns({
+          variant: e,
+          position: t,
+          className: f
+        }),
+        "data-webchat-message-info": !0,
+        children: [
+          r && /* @__PURE__ */ n(tt, { ...r }),
+          l && /* @__PURE__ */ n("span", { className: Y.senderName, children: l }),
+          a && c && /* @__PURE__ */ n("span", { className: Y.timestamp, children: c }),
+          s && i && /* @__PURE__ */ n("span", { className: Y.status, "data-status": i, children: d(i) }),
+          _
+        ]
+      }
+    ) : null;
+  }
+), Ts = "message-module__base___Ki7QB", As = "message-module__bot___vw-E6", Es = "message-module__agent___2wXra", Is = "message-module__user___BSpcY", Rs = "message-module__system___-jvsr", U = {
+  base: Ts,
+  "hide-footer": "message-module__hide-footer___hIyVr",
+  bot: As,
+  "is-full-width": "message-module__is-full-width___TbepW",
+  "has-actions": "message-module__has-actions___oKqN8",
+  "is-continuation": "message-module__is-continuation___0ir98",
+  agent: Es,
+  user: Is,
+  system: Rs
+}, xs = F(U.base, {
+  variants: {
+    variant: {
+      user: U.user,
+      bot: U.bot,
+      system: U.system,
+      agent: U.agent
+    },
+    status: {
+      sending: U.sending,
+      sent: U.sent,
+      error: U.error
+    },
+    hideFooter: {
+      true: U["hide-footer"]
+    },
+    isContinuation: {
+      true: U["is-continuation"]
+    },
+    hasActions: {
+      true: U["has-actions"]
+    },
+    isFullWidth: {
+      true: U["is-full-width"]
+    }
+  },
+  defaultVariants: { variant: "bot", status: "sent" }
+});
+function Bt(e) {
+  const {
+    variant: t = "bot",
+    status: a = "sent",
+    showTimestamp: o = !0,
+    showStatus: s = !1,
+    timestamp: i,
+    avatarConfig: r,
+    senderName: l,
+    className: f,
+    hideFooter: _,
+    isContinuation: m,
+    hasActions: d,
+    isFullWidth: c,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    children: u,
+    // Consume unknown props without forwarding them to child components
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    ...h
+  } = e;
+  return _e(() => {
+    const p = xs({
+      variant: t,
+      status: a,
+      className: f,
+      hideFooter: _,
+      isContinuation: m,
+      hasActions: d,
+      isFullWidth: c
+    }), g = {
+      variant: t,
+      showTimestamp: o,
+      showStatus: s,
+      timestamp: i,
+      status: a,
+      senderName: l
+    }, b = {
+      variant: t,
+      status: a,
+      flatTopCorner: m,
+      flatBottomCorner: _
+    };
+    if (!r)
+      return {
+        messageClasses: p,
+        bubbleProps: b,
+        infoProps: g,
+        standaloneAvatarProps: null
+      };
+    const { placement: C, avatarProps: S } = r;
+    switch (C) {
+      case "bubble":
+      case "info":
+        return {
+          messageClasses: p,
+          bubbleProps: b,
+          infoProps: { ...g, avatarProps: S },
+          standaloneAvatarProps: null
+        };
+      case "standalone":
+        return {
+          messageClasses: p,
+          bubbleProps: b,
+          infoProps: g,
+          standaloneAvatarProps: S
+        };
+      default:
+        return {
+          messageClasses: p,
+          bubbleProps: b,
+          infoProps: g,
+          standaloneAvatarProps: null
+        };
+    }
+  }, [
+    t,
+    a,
+    o,
+    s,
+    i,
+    r,
+    l,
+    f,
+    _,
+    m,
+    d,
+    c
+  ]);
+}
+const ie = O(
+  ({ botInteractionId: e, ...t }, a) => {
+    const { messageClasses: o, bubbleProps: s, infoProps: i, standaloneAvatarProps: r } = Bt(t);
+    return /* @__PURE__ */ w(
+      "div",
+      {
+        ref: a,
+        className: o,
+        "data-testid": `webchat-message-${t.variant || "bot"}`,
+        "data-interaction-id": e,
+        children: [
+          r && /* @__PURE__ */ n(tt, { ...r }),
+          /* @__PURE__ */ n(et, { ...s, children: t.children }),
+          !t.hideFooter && /* @__PURE__ */ n(Lt, { ...i })
+        ]
+      }
+    );
+  }
+), Ls = "audio-message-module__audioMessageBase___Xye8T", Bs = "audio-message-module__audioControls___bPgRS", ks = "audio-message-module__playButton___zFi0C", Ds = "audio-message-module__waveformPlaceholder___I9e-v", Os = "audio-message-module__timer___6vQtQ", ve = {
+  audioMessageBase: Ls,
+  audioControls: Bs,
+  playButton: ks,
+  waveformPlaceholder: Ds,
+  timer: Os
+};
+function Ws({
+  src: e,
+  messageId: t,
+  onAudioLoad: a,
+  onPlay: o,
+  onPause: s,
+  onEnded: i
+}) {
+  const r = y(null), [l, f] = N(!1), [_, m] = N(), [d, c] = N(0), [u, h] = N(), p = y(!1), { activeId: g, setActive: b, clearActive: C } = Le(), { isFocusVisible: S, focusProps: M } = Ye();
+  T(() => {
+    t && g !== t && l && r.current?.pause();
+  }, [g, t, l]), T(() => {
+    if (p.current) return;
+    let ne = !1;
+    return fetch(e).then((J) => J.blob()).then((J) => {
+      ne || (p.current = !0, h(J));
+    }).catch(() => {
+    }), () => {
+      ne = !0;
+    };
+  }, [e]);
+  const P = v(() => {
+    r.current && (m(r.current.duration), a?.());
+  }, [a]), A = v(() => {
+    r.current && c(r.current.currentTime);
+  }, []), W = v(() => {
+    f(!0), t && b(t), o?.();
+  }, [t, o, b]), V = v(() => {
+    f(!1), t && C(t), s?.();
+  }, [t, s, C]), $ = v(() => {
+    f(!1), c(0), t && C(t), i?.();
+  }, [t, i, C]), q = v(() => {
+    r.current && (l ? r.current.pause() : r.current.play());
+  }, [l]), G = v(
+    (ne) => {
+      !r.current || _ === void 0 || (r.current.currentTime = ne * _, c(r.current.currentTime));
+    },
+    [_]
+  ), B = _ ? d / _ : 0, K = l ? Ee(d) : _ !== void 0 ? Ee(_) : "--:--";
+  return {
+    audioRef: r,
+    audioBlob: u,
+    isPlaying: l,
+    audioProgress: B,
+    timerLabel: K,
+    handlePlayPause: q,
+    handleSeek: G,
+    audioProps: {
+      onLoadedMetadata: P,
+      onTimeUpdate: A,
+      onPlay: W,
+      onPause: V,
+      onEnded: $
+    },
+    playButtonProps: {
+      ...M,
+      "data-focus-visible": S
+    }
+  };
+}
+const kt = O(
+  ({
+    src: e,
+    messageId: t,
+    alt: a = "Audio message",
+    onAudioLoad: o,
+    onPlay: s,
+    onPause: i,
+    onEnded: r,
+    className: l,
+    ...f
+  }, _) => {
+    const {
+      audioRef: m,
+      audioBlob: d,
+      isPlaying: c,
+      audioProgress: u,
+      timerLabel: h,
+      handlePlayPause: p,
+      handleSeek: g,
+      audioProps: b,
+      playButtonProps: C
+    } = Ws({
+      src: e,
+      messageId: t,
+      onAudioLoad: o,
+      onPlay: s,
+      onPause: i,
+      onEnded: r
+    });
+    return /* @__PURE__ */ w(
+      ie,
+      {
+        ref: _,
+        className: I(ve.audioMessageBase, l),
+        ...f,
+        children: [
+          /* @__PURE__ */ n(
+            "audio",
+            {
+              ref: m,
+              src: e,
+              "aria-label": a,
+              ...b,
+              preload: "metadata"
+            }
+          ),
+          /* @__PURE__ */ w("div", { className: ve.audioControls, children: [
+            /* @__PURE__ */ n(
+              "button",
+              {
+                type: "button",
+                className: ve.playButton,
+                onClick: p,
+                "aria-label": c ? "Pause audio" : "Play audio",
+                ...C,
+                children: c ? /* @__PURE__ */ n(xt, {}) : /* @__PURE__ */ n(Je, {})
+              }
+            ),
+            d ? /* @__PURE__ */ n(
+              Rt,
+              {
+                audioBlob: d,
+                progress: u,
+                onSeek: g
+              }
+            ) : /* @__PURE__ */ n("div", { className: ve.waveformPlaceholder, "aria-hidden": !0 }),
+            /* @__PURE__ */ n("span", { className: ve.timer, children: h })
+          ] })
+        ]
+      }
+    );
+  }
+);
+kt.displayName = "AudioMessage";
+const Vs = "button-message-module__actions___3CAVo", $s = "button-message-module__floatingButton___OK9AF", mt = {
+  actions: Vs,
+  floatingButton: $s
+}, Hs = O(
+  ({ text: e, buttons: t, buttonsPerRow: a = 1, className: o, hideFooter: s, ...i }, r) => {
+    const l = Math.min(a, t.length), { messageClasses: f, bubbleProps: _, infoProps: m, standaloneAvatarProps: d } = Bt({ ...i, children: null, hasActions: !0, hideFooter: s });
+    return /* @__PURE__ */ w(
+      "div",
+      {
+        ref: r,
+        className: I(f, o),
+        "data-testid": `webchat-message-${i.variant || "bot"}`,
+        children: [
+          d && /* @__PURE__ */ n(tt, { ...d }),
+          /* @__PURE__ */ n(et, { ..._, children: e }),
+          /* @__PURE__ */ n(
+            "div",
+            {
+              className: mt.actions,
+              "data-webchat-message-actions": !0,
+              style: { gridTemplateColumns: `repeat(${l}, 1fr)` },
+              children: t.map((c, u) => /* @__PURE__ */ n(
+                Ae,
+                {
+                  text: c.text,
+                  disabled: c.disabled,
+                  button: c.type ? {
+                    type: c.type,
+                    title: c.text,
+                    payload: c.value,
+                    webview: c.webview
+                  } : { text: c.text, value: c.value },
+                  onClick: () => c.onClick?.(c.value),
+                  variant: "secondary",
+                  className: mt.floatingButton
+                },
+                u
+              ))
+            }
+          ),
+          !s && /* @__PURE__ */ n(Lt, { ...m })
+        ]
+      }
+    );
+  }
+), Fs = "carousel-message-module__carouselMessageBase___yV-Nd", Us = "carousel-message-module__buttonContainer___lPydV", zs = "carousel-message-module__carouselWrapper___OaVVz", js = "carousel-message-module__carouselSlider___qtpjn", qs = "carousel-message-module__carouselCard___5GhQQ", Gs = "carousel-message-module__imageContainer___-NYcV", Ks = "carousel-message-module__elementImage___TEjVf", Xs = "carousel-message-module__elementContent___fQqqZ", Zs = "carousel-message-module__elementTitle___sUPzb", Qs = "carousel-message-module__elementSubtitle___7yW9w", Ys = "carousel-message-module__arrowLayer___-lMZC", Js = "carousel-message-module__arrowButton___EkObr", er = "carousel-message-module__prevArrow___YcQdm", tr = "carousel-message-module__nextArrow___ndT0K", k = {
+  carouselMessageBase: Fs,
+  buttonContainer: Us,
+  carouselWrapper: zs,
+  carouselSlider: js,
+  carouselCard: qs,
+  imageContainer: Gs,
+  elementImage: Ks,
+  elementContent: Xs,
+  elementTitle: Zs,
+  elementSubtitle: Qs,
+  arrowLayer: Ys,
+  arrowButton: Js,
+  prevArrow: er,
+  nextArrow: tr
+};
+function nr() {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      viewBox: "0 0 16 16",
+      fill: "currentColor",
+      width: "16",
+      height: "16",
+      role: "img",
+      "aria-hidden": !0,
+      children: /* @__PURE__ */ n("path", { d: "M10.354 3.646a.5.5 0 0 1 0 .708L6.707 8l3.647 3.646a.5.5 0 0 1-.708.708l-4-4a.5.5 0 0 1 0-.708l4-4a.5.5 0 0 1 .708 0z" })
+    }
+  );
+}
+function or() {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      viewBox: "0 0 16 16",
+      fill: "currentColor",
+      width: "16",
+      height: "16",
+      role: "img",
+      "aria-hidden": !0,
+      children: /* @__PURE__ */ n("path", { d: "M5.646 3.646a.5.5 0 0 0 0 .708L9.293 8 5.646 11.646a.5.5 0 0 0 .708.708l4-4a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708 0z" })
+    }
+  );
+}
+const _t = 12;
+function ar({
+  elements: e,
+  onButtonClick: t,
+  onElementImageLoad: a
+}) {
+  const o = y(null), [s, i] = N(!1), [r, l] = N(e.length > 1), f = v(() => o.current?.firstElementChild?.offsetWidth ?? 200, []), _ = v(() => {
+    const g = o.current;
+    if (!g) return;
+    const b = 2;
+    i(g.scrollLeft > b), l(g.scrollLeft < g.scrollWidth - g.clientWidth - b);
+  }, []), m = v(() => {
+    const g = o.current;
+    if (!g) return;
+    const b = f();
+    g.scrollTo({
+      left: g.scrollLeft - (b + _t),
+      behavior: "smooth"
+    });
+  }, [f]), d = v(() => {
+    const g = o.current;
+    if (!g) return;
+    const b = f();
+    g.scrollTo({
+      left: g.scrollLeft + (b + _t),
+      behavior: "smooth"
+    });
+  }, [f]), c = v(
+    (g) => {
+      g.key === "ArrowLeft" ? (g.preventDefault(), m()) : g.key === "ArrowRight" && (g.preventDefault(), d());
+    },
+    [m, d]
+  ), u = v(
+    (g) => {
+      "type" in g && t?.(g);
+    },
+    [t]
+  ), h = v(
+    (g) => ({
+      onLoad: () => a?.(g),
+      onError: () => a?.(g)
+    }),
+    [a]
+  ), p = v(
+    (g) => ({
+      role: "listitem",
+      "aria-label": `Card ${g + 1} of ${e.length}`
+    }),
+    [e.length]
+  );
+  return {
+    containerProps: {
+      role: "region",
+      "aria-label": "Carousel",
+      onKeyDown: c,
+      tabIndex: 0
+    },
+    sliderProps: {
+      ref: o,
+      role: "list",
+      onScroll: _
+    },
+    cardProps: p,
+    imageProps: h,
+    prevArrowProps: {
+      onClick: m,
+      "aria-label": "Previous card",
+      disabled: !s
+    },
+    nextArrowProps: {
+      onClick: d,
+      "aria-label": "Next card",
+      disabled: !r
+    },
+    handleButtonClick: u,
+    variants: {
+      canScrollPrev: s,
+      canScrollNext: r
+    }
+  };
+}
+const Dt = O(
+  ({ elements: e, onButtonClick: t, onElementImageLoad: a, className: o, ...s }, i) => {
+    const {
+      containerProps: r,
+      sliderProps: l,
+      cardProps: f,
+      imageProps: _,
+      prevArrowProps: m,
+      nextArrowProps: d,
+      handleButtonClick: c,
+      variants: u
+    } = ar({ elements: e, onButtonClick: t, onElementImageLoad: a });
+    return /* @__PURE__ */ n(
+      ie,
+      {
+        ref: i,
+        className: I(k.carouselMessageBase, o),
+        isFullWidth: !0,
+        ...s,
+        children: /* @__PURE__ */ w("div", { ...r, className: k.carouselWrapper, children: [
+          /* @__PURE__ */ n("div", { ...l, className: k.carouselSlider, children: e.map((h, p) => /* @__PURE__ */ w(
+            "div",
+            {
+              ...f(p),
+              className: k.carouselCard,
+              children: [
+                /* @__PURE__ */ n("div", { className: k.imageContainer, children: /* @__PURE__ */ n(
+                  "img",
+                  {
+                    src: h.image,
+                    alt: h.title,
+                    className: k.elementImage,
+                    ..._(p)
+                  }
+                ) }),
+                /* @__PURE__ */ w("div", { className: k.elementContent, children: [
+                  /* @__PURE__ */ n("h3", { className: k.elementTitle, children: h.title }),
+                  h.subtitle && /* @__PURE__ */ n("p", { className: k.elementSubtitle, children: h.subtitle })
+                ] }),
+                h.buttons.map((g, b) => /* @__PURE__ */ n(
+                  "div",
+                  {
+                    className: k.buttonContainer,
+                    children: /* @__PURE__ */ n(
+                      Ae,
+                      {
+                        text: g.title,
+                        button: g,
+                        onClick: c,
+                        variant: "secondary"
+                      }
+                    )
+                  },
+                  `${h.id}-btn-${b}`
+                ))
+              ]
+            },
+            h.id
+          )) }),
+          e.length > 1 && /* @__PURE__ */ w("div", { className: k.arrowLayer, children: [
+            u.canScrollPrev && /* @__PURE__ */ n(
+              "button",
+              {
+                ...m,
+                type: "button",
+                className: I(k.arrowButton, k.prevArrow),
+                children: /* @__PURE__ */ n(nr, {})
+              }
+            ),
+            u.canScrollNext && /* @__PURE__ */ n(
+              "button",
+              {
+                ...d,
+                type: "button",
+                className: I(k.arrowButton, k.nextArrow),
+                children: /* @__PURE__ */ n(or, {})
+              }
+            )
+          ] })
+        ] })
+      }
+    );
+  }
+);
+Dt.displayName = "CarouselMessage";
+const sr = "document-message-module__documentMessageBase___hqh5-", rr = "document-message-module__fileRow___-dzrn", ir = "document-message-module__fileIcon___OwdXn", cr = "document-message-module__fileName___2d5yP", Se = {
+  documentMessageBase: sr,
+  fileRow: rr,
+  fileIcon: ir,
+  fileName: cr
+};
+function lr({
+  src: e,
+  filename: t,
+  onDownload: a
+}) {
+  return {
+    downloadProps: {
+      onClick: v(() => {
+        const s = document.createElement("a");
+        s.href = e, s.download = t || "document", s.target = "_blank", s.rel = "noopener noreferrer", document.body.appendChild(s), s.click(), document.body.removeChild(s), a?.();
+      }, [e, t, a])
+    }
+  };
+}
+function dr(e) {
+  return e?.includes("pdf") ? /* @__PURE__ */ n(At, {}) : /* @__PURE__ */ n(Tt, {});
+}
+const Ot = O(
+  ({ src: e, filename: t, mimeType: a, onDownload: o, className: s, ...i }, r) => {
+    const { downloadProps: l } = lr({ src: e, filename: t, onDownload: o });
+    return /* @__PURE__ */ n(
+      ie,
+      {
+        ref: r,
+        className: I(Se.documentMessageBase, s),
+        ...i,
+        children: /* @__PURE__ */ w(
+          "button",
+          {
+            type: "button",
+            className: Se.fileRow,
+            "aria-label": `Download ${t || "document"}`,
+            ...l,
+            children: [
+              /* @__PURE__ */ n("span", { className: Se.fileIcon, "aria-hidden": !0, children: dr(a) }),
+              /* @__PURE__ */ n("span", { className: Se.fileName, children: t || "Document" })
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+Ot.displayName = "DocumentMessage";
+const ur = "image-message-module__imageMessageBase___FDwNN", mr = "image-message-module__mediaImage___xflT1", ht = {
+  imageMessageBase: ur,
+  mediaImage: mr
+};
+function _r({ onImageLoad: e }) {
+  const t = v(() => {
+    e?.();
+  }, [e]), a = v(() => {
+    e?.();
+  }, [e]);
+  return {
+    imageProps: {
+      onLoad: t,
+      onError: a
+    }
+  };
+}
+const Wt = O(
+  ({ src: e, alt: t = "Attached image", onImageLoad: a, className: o, ...s }, i) => {
+    const { imageProps: r } = _r({ onImageLoad: a });
+    return /* @__PURE__ */ n(
+      ie,
+      {
+        ref: i,
+        className: I(ht.imageMessageBase, o),
+        ...s,
+        children: /* @__PURE__ */ n(
+          "img",
+          {
+            src: e,
+            alt: t,
+            className: ht.mediaImage,
+            ...r
+          }
+        )
+      }
+    );
+  }
+);
+Wt.displayName = "ImageMessage";
+const hr = "location-message-module__locationMessageBase___rY3d-", fr = "location-message-module__locationContainer___9Rukw", pr = "location-message-module__locationContent___2BRdV", gr = "location-message-module__locationIcon___rjObu", br = "location-message-module__locationInfo___NqVsR", vr = "location-message-module__locationTitle___RpUjH", wr = "location-message-module__locationCoordinates___lLfuf", Cr = "location-message-module__locationLink___Zq2I2", oe = {
+  locationMessageBase: hr,
+  locationContainer: fr,
+  locationContent: pr,
+  locationIcon: gr,
+  locationInfo: br,
+  locationTitle: vr,
+  locationCoordinates: wr,
+  locationLink: Cr
+}, yr = O(
+  ({
+    latitude: e,
+    longitude: t,
+    alt: a = "Location coordinates",
+    onLocationLoad: o,
+    className: s,
+    ...i
+  }, r) => {
+    const l = v(() => {
+      o?.();
+    }, [o]), f = `https://www.google.com/maps?q=${e},${t}`;
+    return /* @__PURE__ */ n(
+      ie,
+      {
+        ref: r,
+        className: I(oe.locationMessageBase, s),
+        ...i,
+        children: /* @__PURE__ */ w("div", { className: oe.locationContainer, children: [
+          /* @__PURE__ */ w("div", { className: oe.locationContent, children: [
+            /* @__PURE__ */ n("div", { className: oe.locationIcon, children: /* @__PURE__ */ n(
+              "svg",
+              {
+                width: "24",
+                height: "24",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                xmlns: "http://www.w3.org/2000/svg",
+                "aria-hidden": "true",
+                children: /* @__PURE__ */ n(
+                  "path",
+                  {
+                    d: "M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z",
+                    fill: "currentColor"
+                  }
+                )
+              }
+            ) }),
+            /* @__PURE__ */ w("div", { className: oe.locationInfo, children: [
+              /* @__PURE__ */ n("div", { className: oe.locationTitle, children: "Location" }),
+              /* @__PURE__ */ w("div", { className: oe.locationCoordinates, children: [
+                e.toFixed(6),
+                ", ",
+                t.toFixed(6)
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ w(
+            "a",
+            {
+              href: f,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: oe.locationLink,
+              onClick: l,
+              "aria-label": `Open location in Google Maps: ${e}, ${t}`,
+              children: [
+                /* @__PURE__ */ n("span", { children: "View on Map" }),
+                /* @__PURE__ */ n(
+                  "svg",
+                  {
+                    width: "16",
+                    height: "16",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    xmlns: "http://www.w3.org/2000/svg",
+                    "aria-hidden": "true",
+                    children: /* @__PURE__ */ n(
+                      "path",
+                      {
+                        d: "M7 17L17 7M17 7H7M17 7V17",
+                        stroke: "currentColor",
+                        strokeWidth: "2",
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round"
+                      }
+                    )
+                  }
+                )
+              ]
+            }
+          )
+        ] })
+      }
+    );
+  }
+), Mr = "text-message-module__textMessageBase___p4r-t", Pr = "text-message-module__textContent___yRb8d", ft = {
+  textMessageBase: Mr,
+  textContent: Pr
+}, Nr = O(
+  ({ text: e, className: t, ...a }, o) => /* @__PURE__ */ n(
+    ie,
+    {
+      ref: o,
+      className: I(ft.textMessageBase, t),
+      ...a,
+      children: /* @__PURE__ */ n("div", { className: ft.textContent, children: e })
+    }
+  )
+);
+function Sr({
+  messageId: e,
+  onVideoLoad: t,
+  onPlay: a,
+  onPause: o,
+  onEnded: s
+}) {
+  const i = y(null), [r, l] = N(!1), { activeId: f, setActive: _, clearActive: m } = Le();
+  T(() => {
+    e && f !== e && r && i.current?.pause();
+  }, [f, e, r]);
+  const d = v(() => {
+    t?.();
+  }, [t]), c = v(() => {
+    l(!0), e && _(e), a?.();
+  }, [e, a, _]), u = v(() => {
+    l(!1), e && m(e), o?.();
+  }, [e, o, m]), h = v(() => {
+    l(!1), e && m(e), s?.();
+  }, [e, s, m]), p = v(() => {
+    i.current?.play();
+  }, []);
+  return {
+    videoRef: i,
+    isPlaying: r,
+    videoProps: {
+      onLoadedMetadata: d,
+      onPlay: c,
+      onPause: u,
+      onEnded: h
+    },
+    playButtonProps: {
+      onClick: p
+    }
+  };
+}
+const Tr = "video-message-module__videoMessageBase___RX3Qk", Ar = "video-message-module__videoContainer___ctZrR", Er = "video-message-module__videoElement___dYbDh", Ir = "video-message-module__playOverlay___QrUG8", Rr = "video-message-module__playIconWrapper___z-w6D", we = {
+  videoMessageBase: Tr,
+  videoContainer: Ar,
+  videoElement: Er,
+  playOverlay: Ir,
+  playIconWrapper: Rr
+}, Vt = O(
+  ({
+    src: e,
+    messageId: t,
+    alt: a = "Video message",
+    onVideoLoad: o,
+    onPlay: s,
+    onPause: i,
+    onEnded: r,
+    className: l,
+    ...f
+  }, _) => {
+    const { videoRef: m, isPlaying: d, videoProps: c, playButtonProps: u } = Sr({
+      messageId: t,
+      onVideoLoad: o,
+      onPlay: s,
+      onPause: i,
+      onEnded: r
+    });
+    return /* @__PURE__ */ n(
+      ie,
+      {
+        ref: _,
+        className: I(we.videoMessageBase, l),
+        ...f,
+        children: /* @__PURE__ */ w("div", { className: we.videoContainer, children: [
+          /* @__PURE__ */ n(
+            "video",
+            {
+              ref: m,
+              src: e,
+              "aria-label": a,
+              className: we.videoElement,
+              preload: "metadata",
+              controls: d,
+              ...c
+            }
+          ),
+          !d && /* @__PURE__ */ n(
+            "button",
+            {
+              type: "button",
+              className: we.playOverlay,
+              "aria-label": "Play video",
+              ...u,
+              children: /* @__PURE__ */ n("span", { className: we.playIconWrapper, "aria-hidden": !0, children: /* @__PURE__ */ n(Je, {}) })
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+Vt.displayName = "VideoMessage";
+function xr({
+  messageActor: e,
+  baseProps: t = {}
+}) {
+  const { message: a, status: o } = L(e, (l) => ({
+    message: l.context?.message,
+    status: l.context?.status
+  })), s = L(
+    e,
+    (l) => l.can?.({ type: "RETRY" }) ?? !1
+  ), i = _e(() => {
+    if (!a)
+      return {
+        ...t,
+        variant: "bot",
+        status: "sent",
+        showTimestamp: !0,
+        isClickable: !1
+      };
+    const l = (() => {
+      switch (o) {
+        case "unsent":
+          return "sending";
+        case "sent":
+          return "sent";
+        case "failed":
+          return "error";
+        default:
+          return "sent";
+      }
+    })(), f = (() => {
+      switch (a.sent_by) {
+        case me.User:
+          return "user";
+        case me.Bot:
+          return "bot";
+        case me.Agent:
+          return "agent";
+        default:
+          return "user";
+      }
+    })(), _ = s ? () => e.send({ type: "RETRY" }) : void 0, m = f === "bot" ? t.botAvatarConfig ?? void 0 : f === "agent" ? t.agentAvatarConfig ?? void 0 : void 0;
+    return {
+      ...t,
+      variant: f,
+      status: l,
+      timestamp: Xe(a.id),
+      showTimestamp: !0,
+      isClickable: s,
+      onPress: _,
+      avatarConfig: m
+    };
+  }, [a, o, s, e, t]), r = _e(
+    () => (l) => {
+      t.onUserInteraction?.(), e.send({
+        type: "BUTTON_CLICKED",
+        button: l
+      });
+    },
+    [t, e]
+  );
+  return {
+    message: a,
+    status: o,
+    canRetry: s,
+    messageProps: i,
+    handleButtonClick: r
+  };
+}
+const Lr = ({
+  messageActor: e,
+  customMessageRenderer: t,
+  baseProps: a = {
+    customMessages: {}
+  },
+  onContentLoad: o,
+  onImageLoadStart: s,
+  onImageLoadComplete: i
+}) => {
+  const { message: r, messageProps: l, handleButtonClick: f } = xr({
+    messageActor: e,
+    baseProps: a
+  });
+  return T(() => {
+    if (r && r.type === "image") {
+      const m = `img-${r.id}-${r.data}`;
+      s?.(m);
+    }
+  }, [r, s]), r ? /* @__PURE__ */ n(Ie, { children: (() => {
+    const { id: m } = r;
+    if (r.isText())
+      return /* @__PURE__ */ n(Nr, { ...l, text: r.data.text }, m);
+    if (r.isAudio())
+      return /* @__PURE__ */ n(
+        kt,
+        {
+          ...l,
+          src: r.data.attachment_url ?? r.data.attachment_content ?? "",
+          messageId: m
+        },
+        m
+      );
+    if (r.isVideo())
+      return /* @__PURE__ */ n(
+        Vt,
+        {
+          ...l,
+          src: r.data.attachment_url ?? r.data.attachment_content ?? "",
+          messageId: m,
+          alt: "Video",
+          onVideoLoad: () => {
+            o?.();
+          }
+        },
+        m
+      );
+    if (r.isDocument())
+      return /* @__PURE__ */ n(
+        Ot,
+        {
+          ...l,
+          src: r.data.attachment_url ?? r.data.attachment_content ?? "",
+          mimeType: r.data.mime_type,
+          filename: r.data.filename
+        },
+        m
+      );
+    if (r.isLocation())
+      return /* @__PURE__ */ n(
+        yr,
+        {
+          ...l,
+          latitude: r.data.latitude,
+          longitude: r.data.longitude,
+          alt: "Location coordinates",
+          onLocationLoad: () => {
+            o?.();
+          }
+        },
+        m
+      );
+    if (r.isImage()) {
+      const d = r.data.attachment_url ?? r.data.attachment_content ?? "", c = `img-${m}-${d}`;
+      return /* @__PURE__ */ n(
+        Wt,
+        {
+          ...l,
+          src: d,
+          alt: "Image",
+          onImageLoad: () => {
+            o?.(), i?.(c);
+          }
+        },
+        m
+      );
+    }
+    return r.isButtonMessage() ? /* @__PURE__ */ n(
+      Hs,
+      {
+        ...l,
+        text: r.data.text,
+        buttons: r.data.buttons?.map(
+          (d) => ({
+            text: d.title,
+            value: d.payload || d.title,
+            type: d.type,
+            webview: d.webview,
+            disabled: !1,
+            onClick: () => {
+              f(d);
+            }
+          })
+        )
+      },
+      m
+    ) : r.isCarousel() ? /* @__PURE__ */ n(
+      Dt,
+      {
+        ...l,
+        elements: r.data.elements.map((d, c) => ({
+          id: `${m}-${c}`,
+          title: d.title,
+          subtitle: d.subtitle,
+          image: d.image,
+          buttons: d.buttons
+        })),
+        onButtonClick: (d) => {
+          f(d);
+        },
+        onElementImageLoad: () => {
+          o?.();
+        }
+      },
+      m
+    ) : r.isCustom() ? t ? t(r, r.data, f) : (console.warn(
+      `Custom message renderer not provided for message type: ${r.type}`
+    ), null) : (console.warn(`Unknown message type: ${r.type}`), null);
+  })() }) : null;
+};
+function Br(e) {
+  return _e(() => {
+    if (!e)
+      return { bot: null, agent: null };
+    const t = (a, o) => {
+      if (!a) return null;
+      const s = {
+        variant: o,
+        src: a.src,
+        alt: a.alt,
+        svg: a.svg,
+        showName: a.showName,
+        name: a.name
+      };
+      return {
+        placement: a.placement,
+        avatarProps: s
+      };
+    };
+    return {
+      bot: t(e.bot, "bot"),
+      agent: t(e.agent, "agent")
+    };
+  }, [e]);
+}
+function kr(e, t, a) {
+  const {
+    variant: o = "default",
+    hasUserInteracted: s = !1,
+    onScrollDepthChange: i,
+    onMessagesScrollAtTopChange: r,
+    onUserInteraction: l,
+    "aria-label": f,
+    className: _,
+    ...m
+  } = e, d = L(
+    t.controller.machine,
+    (h) => {
+      const p = h.context.messageActors;
+      return p ? Array.from(p.values()) : [];
+    },
+    (h, p) => h.length === p.length
+  ), c = Br(t.avatarConfig), u = L(
+    t.controller.machine,
+    (h) => h.context.isTypingOn,
+    (h, p) => h === p
+  );
+  return {
+    // Props to spread on wrapper element
+    messagesProps: {
+      ...m,
+      ref: a,
+      "aria-label": f || `Chat messages, ${d.length} messages`,
+      "aria-live": "polite",
+      "data-webchat-messages": ""
+    },
+    // Props for MessagesList component (using XState message actors)
+    messageListProps: {
+      messageActors: d,
+      // From XState selector
+      isTyping: u,
+      // From XState selector
+      hasUserInteracted: s,
+      customMessageRenderer: void 0,
+      // TODO: Add custom message renderer support
+      // Pre-computed avatar configs (performance optimization)
+      botAvatarConfig: c.bot,
+      agentAvatarConfig: c.agent,
+      onScrollDepthChange: i,
+      onMessagesScrollAtTopChange: r,
+      onUserInteraction: l
+    },
+    // CSS class variants
+    variants: {
+      variant: o,
+      className: _
+    }
+  };
+}
+const Dr = 8, Or = 1, Wr = 350, Vr = 2;
+function $r({
+  scrollRef: e,
+  hasUserInteracted: t,
+  messageActorsLength: a,
+  isTyping: o,
+  onScrollDepthChange: s,
+  onMessagesScrollAtTopChange: i
+}) {
+  const r = y(!1), l = y(!1), f = y(void 0), _ = v(() => {
+    if (!t) return;
+    const c = e.current;
+    if (!c) return;
+    const u = c.scrollTop <= Vr;
+    i?.(u);
+  }, [t, i]), m = v(() => {
+    const c = e.current;
+    if (!c) return;
+    const u = r.current ? c.scrollTop > Or : c.scrollTop > Dr;
+    r.current !== u && (r.current = u, s?.(u));
+  }, [s]), d = v(() => {
+    m(), !l.current && _();
+  }, [_, m]);
+  return jt(() => {
+    if (!e.current) return;
+    const c = e.current;
+    requestAnimationFrame(() => {
+      l.current = !0, f.current !== void 0 && window.clearTimeout(f.current), c.scrollTo({
+        top: c.scrollHeight,
+        behavior: "smooth"
+      }), f.current = window.setTimeout(() => {
+        l.current = !1, d();
+      }, Wr), requestAnimationFrame(d);
+    });
+  }, [a, o, d]), { handleScrollState: d };
+}
+const Hr = "webchat-messages-module__base___V7acY", ue = {
+  base: Hr,
+  "messages-container": "webchat-messages-module__messages-container___Ew2gS",
+  "scroll-fade-bottom": "webchat-messages-module__scroll-fade-bottom___WoP9u",
+  "typing-indicator-container": "webchat-messages-module__typing-indicator-container___v3bpq",
+  default: "webchat-messages-module__default___3C2qm"
+}, Fr = F(ue.base, {
+  variants: {
+    variant: {
+      default: ue.default
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+}), Ur = 1, zr = /* @__PURE__ */ new Set([tn.Text]);
+function pt(e) {
+  return zr.has(e.type);
+}
+function jr(e, t) {
+  return !e || !t ? !1 : Math.abs(t.getTime() - e.getTime()) <= Ur * 6e4;
+}
+function gt(e, t) {
+  return !e || !t || !pt(e) || !pt(t) || e.sent_by !== t.sent_by ? !1 : jr(
+    Xe(e.id),
+    Xe(t.id)
+  );
+}
+function qr({
+  messageActors: e,
+  isTyping: t,
+  hasUserInteracted: a = !1,
+  customMessages: o,
+  botAvatarConfig: s,
+  agentAvatarConfig: i,
+  scrollRef: r,
+  onScrollDepthChange: l,
+  onMessagesScrollAtTopChange: f,
+  onUserInteraction: _
+}) {
+  const { handleScrollState: m } = $r({
+    scrollRef: r,
+    hasUserInteracted: a ?? !1,
+    messageActorsLength: e.length,
+    isTyping: t,
+    onScrollDepthChange: l,
+    onMessagesScrollAtTopChange: f
+  }), d = bt.useCallback(
+    (c, u, h) => {
+      const p = c;
+      if (p.type === "custom" && p.data && o) {
+        const g = o[p.data.name];
+        if (g && typeof g == "function")
+          return g({
+            ...p.data.props,
+            onButtonClick: h
+          });
+      }
+      return null;
+    },
+    [o]
+  );
+  return /* @__PURE__ */ w(
+    "div",
+    {
+      ref: r,
+      className: ue["messages-container"],
+      "data-testid": "webchat-messages-list",
+      onScroll: m,
+      children: [
+        e && e.length > 0 && e.map((c, u) => {
+          const h = e[u - 1]?.getSnapshot().context?.message, p = c.getSnapshot().context?.message, g = e[u + 1]?.getSnapshot().context?.message, b = gt(p, g), C = gt(h, p);
+          return /* @__PURE__ */ n(
+            Lr,
+            {
+              messageActor: c,
+              customMessageRenderer: d,
+              baseProps: {
+                className: ue.message,
+                // Pre-computed avatar configs (performance optimization)
+                botAvatarConfig: s,
+                agentAvatarConfig: i,
+                onUserInteraction: _,
+                hideFooter: b,
+                isContinuation: C,
+                botInteractionId: p?.bot_interaction_id
+              }
+            },
+            c.id
+          );
+        }),
+        t && /* @__PURE__ */ n("div", { className: ue["typing-indicator-container"], children: /* @__PURE__ */ n(es, { isVisible: t }) }),
+        /* @__PURE__ */ n("div", { className: ue["scroll-fade-bottom"], "aria-hidden": !0 })
+      ]
+    }
+  );
+}
+function Gr(e) {
+  const { state: t } = z(), a = y(null), o = y(null), { messagesProps: s, messageListProps: i, variants: r } = kr(
+    e,
+    t,
+    a
+  );
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      ...s,
+      className: Fr(r),
+      "data-webchat-messages": !0,
+      children: /* @__PURE__ */ n(
+        qr,
+        {
+          ...i,
+          customMessages: t.customMessages,
+          scrollRef: o
+        }
+      )
+    }
+  );
+}
+function Kr({
+  isOpen: e,
+  onClose: t,
+  onControllerReady: a,
+  title: o = "Chat",
+  placeholder: s = "Type a message...",
+  showBranding: i = !0,
+  coverRegistry: r,
+  icons: l,
+  heroHeaderLayout: f
+}) {
+  const { controller: _, state: m } = z(), d = y(!1), c = un({
+    controller: _,
+    isOpen: e,
+    layout: f,
+    enableResponsiveHeroHeader: m.enableResponsiveHeroHeader
+  }), { header: u, messages: h, onUserEngagement: p } = c;
+  return T(() => {
+    _ && !d.current && (d.current = !0, a?.(_));
+  }, [_, a]), T(() => {
+    if (!_) return;
+    const C = _.machine.getSnapshot().context.isOpen ?? !1;
+    e && !C ? _.open() : !e && C && _.close();
+  }, [e, _]), /* @__PURE__ */ w(Mo, { layout: "default", coverRegistry: r, children: [
+    /* @__PURE__ */ n(
+      ko,
+      {
+        title: o,
+        onClose: () => {
+          _?.close(), t?.();
+        },
+        variant: u.variant,
+        collapseProgress: u.collapseProgress,
+        hasShadow: u.hasShadow,
+        enableResponsiveHeroHeader: m.enableResponsiveHeroHeader,
+        children: /* @__PURE__ */ n(
+          Ut,
+          {
+            trigger: /* @__PURE__ */ n(Nt, { "aria-label": "Open menu" }),
+            placement: "bottom right",
+            children: ({ close: b }) => /* @__PURE__ */ w(zt, { children: [
+              /* @__PURE__ */ n(Vo, { onClose: b }),
+              /* @__PURE__ */ n(Oo, { onClose: b }),
+              /* @__PURE__ */ n(Ko, {}),
+              /* @__PURE__ */ n(qo, { onClose: b })
+            ] })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ n(Gr, { variant: "default", ...h }),
+    /* @__PURE__ */ n(
+      Ua,
+      {
+        placeholder: s,
+        showBranding: i,
+        variant: "default",
+        icons: l,
+        onUserMessageSent: p
+      }
+    )
+  ] });
+}
+function Xr({
+  appId: e,
+  isOpen: t,
+  onClose: a,
+  onControllerReady: o,
+  title: s,
+  placeholder: i,
+  showBranding: r = !0,
+  customMessages: l = {},
+  avatarConfig: f,
+  coverRegistry: _,
+  icons: m,
+  heroHeaderLayout: d,
+  // Note: showTrigger is accepted but not implemented yet (reserved for future use)
+  ...c
+}) {
+  return /* @__PURE__ */ n(
+    rn,
+    {
+      appId: e,
+      customMessages: l,
+      avatarConfig: f,
+      ...c,
+      children: /* @__PURE__ */ n(
+        Kr,
+        {
+          isOpen: t,
+          onClose: a,
+          onControllerReady: o,
+          title: s,
+          placeholder: i,
+          showBranding: r,
+          coverRegistry: _,
+          icons: m,
+          heroHeaderLayout: d
+        }
+      )
+    }
+  );
+}
+const ai = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  WebchatApp: Xr
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  Be as A,
+  hn as B,
+  Lo as C,
+  cn as D,
+  uo as E,
+  wo as F,
+  z as G,
+  To as H,
+  un as I,
+  Ha as J,
+  kr as K,
+  sn as L,
+  Nt as M,
+  ai as N,
+  vo as O,
+  es as T,
+  Xr as W,
+  Ae as a,
+  En as b,
+  Mt as c,
+  xn as d,
+  Oo as e,
+  Vo as f,
+  qo as g,
+  Ko as h,
+  ie as i,
+  et as j,
+  Lr as k,
+  qn as l,
+  oo as m,
+  Pt as n,
+  Zn as o,
+  _o as p,
+  no as q,
+  Mo as r,
+  ko as s,
+  Ua as t,
+  Gr as u,
+  rn as v,
+  qe as w,
+  ln as x,
+  In as y,
+  po as z
+};