@botonic/webchat-react 2.29.0 → 2.31.0

package/webchat-app-C3YH_yqx.js

@@ -1,4293 +0,0 @@
-import { jsx as n, jsxs as C, Fragment as xe } from "react/jsx-runtime";
-import { Button as $t, DropdownMenuItem as Qe, DropdownMenuItemCheckbox as Ft, PopoverTrigger as Ut, DropdownMenu as jt } from "@lilara/ui-web-react";
-import ft, { createContext as Be, useContext as Ie, useState as N, useRef as M, useCallback as b, forwardRef as H, useMemo as ce, useEffect as A, useLayoutEffect as qt } from "react";
-import { cva as U, cx as B } from "class-variance-authority";
-import { WebchatController as Gt, setupGlobalWebchatAPI as Xt, publicWebchatController as nt, isCloseWebviewMessage as Qt, isWebviewPostMessage as Kt, WEBVIEW_MESSAGE_TYPES as de, WebchatMessageFactory as Ke } from "@botonic/webchat-core";
-import { useDialog as Zt, FocusScope as Yt, useButton as vt, useFocusRing as Ze, mergeProps as bt, useObjectRef as Jt } from "react-aria";
-import { useSelector as D } from "@xstate/react";
-import { WEBCHAT_OUTPUT_RATING as en, DEFAULT_WEBCHAT_CLIENT_SETTINGS as tn, MessageSentBy as he, BotonicButtonType as nn, MessageType as an } from "@botonic/shared";
-const wt = Be(null);
-function $() {
-  const e = Ie(wt);
-  if (!e)
-    throw new Error("useWebchatContext must be used within a WebchatProvider");
-  return e;
-}
-const Ct = Be(
-  null
-);
-function on({
-  children: e
-}) {
-  const [t, a] = N(), o = M(t);
-  o.current = t;
-  const s = b((c) => {
-    a(c);
-  }, []), i = b((c) => {
-    o.current === c && a(void 0);
-  }, []), r = b(() => {
-    o.current !== void 0 && a(void 0);
-  }, []);
-  return /* @__PURE__ */ n(
-    Ct.Provider,
-    {
-      value: { activeId: t, setActive: s, clearActive: i, pauseAll: r },
-      children: e
-    }
-  );
-}
-function Re() {
-  const e = Ie(Ct);
-  if (!e)
-    throw new Error(
-      "useMediaPlayback must be used within a MediaPlaybackProvider"
-    );
-  return e;
-}
-function sn(e, t, a = !1) {
-  const o = e.custom?.[t];
-  return typeof o == "boolean" ? o : a;
-}
-function rn(e) {
-  return {
-    input: {
-      isComposerVisible: e.user_input_enabled,
-      isTextInputEnabled: e.user_input_enabled,
-      areAttachmentsVisible: e.attachments_enabled,
-      isEmojiPickerVisible: e.emoji_picker_enabled,
-      isAudioRecordingVisible: sn(
-        e,
-        "audio_recording_enabled"
-      ),
-      blockInputs: e.block_inputs
-    }
-  };
-}
-const cn = "message-avatar-module__container___-EX1c", ln = "message-avatar-module__base___RPKhe", un = "message-avatar-module__circle___M68eH", dn = "message-avatar-module__square___PjaDi", mn = "message-avatar-module__image___rxwYA", _n = "message-avatar-module__svg___eMikf", hn = "message-avatar-module__fallback___2Xa-W", gn = "message-avatar-module__name___L20Ht", pn = "message-avatar-module__small___gBALc", fn = "message-avatar-module__medium___WSeE1", vn = "message-avatar-module__large___a-hNp", bn = "message-avatar-module__bot___2Bh0Y", wn = "message-avatar-module__agent___MemVD", z = {
-  container: cn,
-  base: ln,
-  circle: un,
-  square: dn,
-  image: mn,
-  svg: _n,
-  fallback: hn,
-  name: gn,
-  small: pn,
-  medium: fn,
-  large: vn,
-  bot: bn,
-  agent: wn
-}, Cn = U(z.base, {
-  variants: {
-    variant: {
-      user: z.user,
-      bot: z.bot,
-      system: z.system,
-      agent: z.agent
-    },
-    size: {
-      small: z.small,
-      medium: z.medium,
-      large: z.large
-    },
-    shape: {
-      circle: z.circle,
-      square: z.square
-    }
-  },
-  defaultVariants: { variant: "bot", size: "medium", shape: "circle" }
-}), Ye = H(
-  ({
-    variant: e = "bot",
-    size: t = "medium",
-    shape: a = "circle",
-    src: o,
-    alt: s,
-    svg: i,
-    showName: r = !1,
-    name: c,
-    fallback: g,
-    className: _
-  }, u) => /* @__PURE__ */ C(
-    "div",
-    {
-      ref: u,
-      className: z.container,
-      "data-webchat-message-avatar": !0,
-      children: [
-        /* @__PURE__ */ n(
-          "div",
-          {
-            className: Cn({
-              variant: e,
-              size: t,
-              shape: a,
-              className: _
-            }),
-            children: i ? /* @__PURE__ */ n(
-              "div",
-              {
-                className: z.svg,
-                dangerouslySetInnerHTML: { __html: i },
-                role: "img",
-                "aria-label": s || `${e} avatar`
-              }
-            ) : o ? /* @__PURE__ */ n(
-              "img",
-              {
-                src: o,
-                alt: s || `${e} avatar`,
-                className: z.image
-              }
-            ) : /* @__PURE__ */ n("div", { className: z.fallback, children: g || (e === "bot" ? "🤖" : e === "agent" ? "👨‍💼" : "👤") })
-          }
-        ),
-        r && c && /* @__PURE__ */ n("div", { className: z.name, children: c })
-      ]
-    }
-  )
-), yn = "message-bubble-module__base___WzTAP", Mn = "message-bubble-module__bot___PcXmL", Sn = "message-bubble-module__agent___WGfzX", Nn = "message-bubble-module__user___lFMMm", Pn = "message-bubble-module__system___e8-FD", Tn = "message-bubble-module__sending___P9nK-", An = "message-bubble-module__error___mine7", Y = {
-  base: yn,
-  bot: Mn,
-  agent: Sn,
-  user: Nn,
-  "flat-top-corner": "message-bubble-module__flat-top-corner___CLxP2",
-  "flat-bottom-corner": "message-bubble-module__flat-bottom-corner___DrB7C",
-  system: Pn,
-  sending: Tn,
-  error: An
-}, xn = U(Y.base, {
-  variants: {
-    variant: {
-      user: Y.user,
-      bot: Y.bot,
-      system: Y.system,
-      agent: Y.agent
-    },
-    status: {
-      sending: Y.sending,
-      sent: Y.sent,
-      error: Y.error
-    },
-    flatTopCorner: {
-      true: Y["flat-top-corner"]
-    },
-    flatBottomCorner: {
-      true: Y["flat-bottom-corner"]
-    }
-  },
-  defaultVariants: { variant: "bot", status: "sent" }
-}), Je = H(
-  ({
-    variant: e = "bot",
-    status: t = "sent",
-    flatTopCorner: a,
-    flatBottomCorner: o,
-    children: s,
-    className: i
-  }, r) => /* @__PURE__ */ n(
-    "div",
-    {
-      ref: r,
-      className: xn({
-        variant: e,
-        status: t,
-        flatTopCorner: a,
-        flatBottomCorner: o,
-        className: i
-      }),
-      "data-webchat-message-bubble": !0,
-      children: s
-    }
-  )
-), Bn = "message-info-module__base___yO0Cd", In = "message-info-module__senderName___fP58-", Rn = "message-info-module__timestamp___xwDsF", Ln = "message-info-module__status___jPwtz", En = "message-info-module__top___NK5CY", kn = "message-info-module__bottom___NE4Rs", Dn = "message-info-module__bot___xlQbg", On = "message-info-module__agent___ckeYQ", Wn = "message-info-module__user___bgEi-", Vn = "message-info-module__system___MF1CS", J = {
-  base: Bn,
-  senderName: In,
-  timestamp: Rn,
-  status: Ln,
-  top: En,
-  bottom: kn,
-  bot: Dn,
-  agent: On,
-  user: Wn,
-  system: Vn
-}, zn = U(J.base, {
-  variants: {
-    variant: {
-      user: J.user,
-      bot: J.bot,
-      system: J.system,
-      agent: J.agent
-    },
-    position: {
-      top: J.top,
-      bottom: J.bottom
-    }
-  },
-  defaultVariants: { variant: "bot", position: "bottom" }
-}), Hn = (e) => {
-  if (e)
-    return typeof e == "string" ? e : e.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
-}, yt = H(
-  ({
-    variant: e = "bot",
-    position: t = "bottom",
-    showTimestamp: a = !0,
-    timestamp: o,
-    showStatus: s = !1,
-    status: i,
-    avatarProps: r,
-    senderName: c,
-    className: g,
-    children: _
-  }, u) => {
-    const m = (f) => {
-      switch (f) {
-        case "sending":
-          return "Sending...";
-        case "sent":
-          return "Sent";
-        case "error":
-          return "Failed to send";
-        default:
-          return "";
-      }
-    }, l = Hn(o);
-    return a && l || s || _ || r || c ? /* @__PURE__ */ C(
-      "div",
-      {
-        ref: u,
-        className: zn({
-          variant: e,
-          position: t,
-          className: g
-        }),
-        "data-webchat-message-info": !0,
-        children: [
-          r && /* @__PURE__ */ n(Ye, { ...r }),
-          c && /* @__PURE__ */ n("span", { className: J.senderName, children: c }),
-          a && l && /* @__PURE__ */ n("span", { className: J.timestamp, children: l }),
-          s && i && /* @__PURE__ */ n("span", { className: J.status, "data-status": i, children: m(i) }),
-          _
-        ]
-      }
-    ) : null;
-  }
-), $n = "message-module__base___Ki7QB", Fn = "message-module__bot___vw-E6", Un = "message-module__agent___2wXra", jn = "message-module__user___BSpcY", qn = "message-module__system___-jvsr", j = {
-  base: $n,
-  "hide-footer": "message-module__hide-footer___hIyVr",
-  bot: Fn,
-  "is-full-width": "message-module__is-full-width___TbepW",
-  "has-actions": "message-module__has-actions___oKqN8",
-  "is-continuation": "message-module__is-continuation___0ir98",
-  agent: Un,
-  user: jn,
-  system: qn
-}, Gn = U(j.base, {
-  variants: {
-    variant: {
-      user: j.user,
-      bot: j.bot,
-      system: j.system,
-      agent: j.agent
-    },
-    status: {
-      sending: j.sending,
-      sent: j.sent,
-      error: j.error
-    },
-    hideFooter: {
-      true: j["hide-footer"]
-    },
-    isContinuation: {
-      true: j["is-continuation"]
-    },
-    hasActions: {
-      true: j["has-actions"]
-    },
-    isFullWidth: {
-      true: j["is-full-width"]
-    }
-  },
-  defaultVariants: { variant: "bot", status: "sent" }
-});
-function Mt(e) {
-  const {
-    variant: t = "bot",
-    status: a = "sent",
-    showTimestamp: o = !0,
-    showStatus: s = !1,
-    timestamp: i,
-    avatarConfig: r,
-    senderName: c,
-    className: g,
-    bubbleClassName: _,
-    hideFooter: u,
-    isContinuation: m,
-    hasActions: l,
-    isFullWidth: d,
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    children: f,
-    // Consume unknown props without forwarding them to child components
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    ...h
-  } = e;
-  return ce(() => {
-    const p = Gn({
-      variant: t,
-      status: a,
-      className: g,
-      hideFooter: u,
-      isContinuation: m,
-      hasActions: l,
-      isFullWidth: d
-    }), v = {
-      variant: t,
-      showTimestamp: o,
-      showStatus: s,
-      timestamp: i,
-      status: a,
-      senderName: c
-    }, w = {
-      variant: t,
-      status: a,
-      ..._ ? { className: _ } : {},
-      flatTopCorner: m,
-      flatBottomCorner: u
-    };
-    if (!r)
-      return {
-        messageClasses: p,
-        bubbleProps: w,
-        infoProps: v,
-        standaloneAvatarProps: null
-      };
-    const { placement: P, avatarProps: y } = r;
-    switch (P) {
-      case "bubble":
-      case "info":
-        return {
-          messageClasses: p,
-          bubbleProps: w,
-          infoProps: { ...v, avatarProps: y },
-          standaloneAvatarProps: null
-        };
-      case "standalone":
-        return {
-          messageClasses: p,
-          bubbleProps: w,
-          infoProps: v,
-          standaloneAvatarProps: y
-        };
-      default:
-        return {
-          messageClasses: p,
-          bubbleProps: w,
-          infoProps: v,
-          standaloneAvatarProps: null
-        };
-    }
-  }, [
-    t,
-    a,
-    o,
-    s,
-    i,
-    r,
-    c,
-    g,
-    _,
-    u,
-    m,
-    l,
-    d
-  ]);
-}
-const se = H(
-  ({ botInteractionId: e, ...t }, a) => {
-    const { messageClasses: o, bubbleProps: s, infoProps: i, standaloneAvatarProps: r } = Mt(t);
-    return /* @__PURE__ */ C(
-      "div",
-      {
-        ref: a,
-        className: o,
-        "data-testid": `webchat-message-${t.variant || "bot"}`,
-        "data-interaction-id": e,
-        children: [
-          r && /* @__PURE__ */ n(Ye, { ...r }),
-          /* @__PURE__ */ n(Je, { ...s, children: t.children }),
-          !t.hideFooter && /* @__PURE__ */ n(yt, { ...i })
-        ]
-      }
-    );
-  }
-), Xn = ({ color: e, selected: t }) => t ? /* @__PURE__ */ n("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", color: e, children: /* @__PURE__ */ n(
-  "path",
-  {
-    d: "M0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM338.7 395.9c6.6-5.9 7.1-16 1.2-22.6C323.8 355.4 295.7 336 256 336s-67.8 19.4-83.9 37.3c-5.9 6.6-5.4 16.7 1.2 22.6s16.7 5.4 22.6-1.2c11.7-13 31.6-26.7 60.1-26.7s48.4 13.7 60.1 26.7c5.9 6.6 16 7.1 22.6 1.2zM176.4 272c17.7 0 32-14.3 32-32c0-1.5-.1-3-.3-4.4l10.9 3.6c8.4 2.8 17.4-1.7 20.2-10.1s-1.7-17.4-10.1-20.2l-96-32c-8.4-2.8-17.4 1.7-20.2 10.1s1.7 17.4 10.1 20.2l30.7 10.2c-5.8 5.8-9.3 13.8-9.3 22.6c0 17.7 14.3 32 32 32zm192-32c0-8.9-3.6-17-9.5-22.8l30.2-10.1c8.4-2.8 12.9-11.9 10.1-20.2s-11.9-12.9-20.2-10.1l-96 32c-8.4 2.8-12.9 11.9-10.1 20.2s11.9 12.9 20.2 10.1l11.7-3.9c-.2 1.5-.3 3.1-.3 4.7c0 17.7 14.3 32 32 32s32-14.3 32-32z",
-    fill: "currentColor"
-  }
-) }) : /* @__PURE__ */ n("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", color: e, children: /* @__PURE__ */ n(
-  "path",
-  {
-    d: "M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm72.4-118.5c9.7-9 10.2-24.2 1.2-33.9C315.3 344.3 290.6 328 256 328s-59.3 16.3-73.5 31.6c-9 9.7-8.5 24.9 1.2 33.9s24.9 8.5 33.9-1.2c7.4-7.9 20-16.4 38.5-16.4s31.1 8.5 38.5 16.4c9 9.7 24.2 10.2 33.9 1.2zM176.4 272c17.7 0 32-14.3 32-32c0-1.5-.1-3-.3-4.4l10.9 3.6c8.4 2.8 17.4-1.7 20.2-10.1s-1.7-17.4-10.1-20.2l-96-32c-8.4-2.8-17.4 1.7-20.2 10.1s1.7 17.4 10.1 20.2l30.7 10.2c-5.8 5.8-9.3 13.8-9.3 22.6c0 17.7 14.3 32 32 32zm192-32c0-8.9-3.6-17-9.5-22.8l30.2-10.1c8.4-2.8 12.9-11.9 10.1-20.2s-11.9-12.9-20.2-10.1l-96 32c-8.4 2.8-12.9 11.9-10.1 20.2s11.9 12.9 20.2 10.1l11.7-3.9c-.2 1.5-.3 3.1-.3 4.7c0 17.7 14.3 32 32 32s32-14.3 32-32z",
-    fill: "currentColor"
-  }
-) }), Qn = ({ color: e, selected: t }) => t ? /* @__PURE__ */ n("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", color: e, children: /* @__PURE__ */ n(
-  "path",
-  {
-    d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM159.3 388.7c-2.6 8.4-11.6 13.2-20 10.5s-13.2-11.6-10.5-20C145.2 326.1 196.3 288 256 288s110.8 38.1 127.3 91.3c2.6 8.4-2.1 17.4-10.5 20s-17.4-2.1-20-10.5C340.5 349.4 302.1 320 256 320s-84.5 29.4-96.7 68.7zM144.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",
-    fill: "currentColor"
-  }
-) }) : /* @__PURE__ */ n("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", color: e, 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 256zM174.6 384.1c-4.5 12.5-18.2 18.9-30.7 14.4s-18.9-18.2-14.4-30.7C146.9 319.4 198.9 288 256 288s109.1 31.4 126.6 79.9c4.5 12.5-2 26.2-14.4 30.7s-26.2-2-30.7-14.4C328.2 358.5 297.2 336 256 336s-72.2 22.5-81.4 48.1zM144.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",
-    fill: "currentColor"
-  }
-) }), Kn = ({ color: e, selected: t }) => t ? /* @__PURE__ */ n("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", color: e, children: /* @__PURE__ */ n(
-  "path",
-  {
-    d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM388.1 312.8c12.3-3.8 24.3 6.9 19.3 18.7C382.4 390.6 324.2 432 256.3 432s-126.2-41.4-151.1-100.5c-5-11.8 7-22.5 19.3-18.7c39.7 12.2 84.5 19 131.8 19s92.1-6.8 131.8-19zm-170.5-84s0 0 0 0c0 0 0 0 0 0l-.2-.2c-.2-.2-.4-.5-.7-.9c-.6-.8-1.6-2-2.8-3.4c-2.5-2.8-6-6.6-10.2-10.3c-8.8-7.8-18.8-14-27.7-14s-18.9 6.2-27.7 14c-4.2 3.7-7.7 7.5-10.2 10.3c-1.2 1.4-2.2 2.6-2.8 3.4c-.3 .4-.6 .7-.7 .9l-.2 .2c0 0 0 0 0 0c0 0 0 0 0 0s0 0 0 0c-2.1 2.8-5.7 3.9-8.9 2.8s-5.5-4.1-5.5-7.6c0-17.9 6.7-35.6 16.6-48.8c9.8-13 23.9-23.2 39.4-23.2s29.6 10.2 39.4 23.2c9.9 13.2 16.6 30.9 16.6 48.8c0 3.4-2.2 6.5-5.5 7.6s-6.9 0-8.9-2.8c0 0 0 0 0 0s0 0 0 0zm160 0c0 0 0 0 0 0l-.2-.2c-.2-.2-.4-.5-.7-.9c-.6-.8-1.6-2-2.8-3.4c-2.5-2.8-6-6.6-10.2-10.3c-8.8-7.8-18.8-14-27.7-14s-18.9 6.2-27.7 14c-4.2 3.7-7.7 7.5-10.2 10.3c-1.2 1.4-2.2 2.6-2.8 3.4c-.3 .4-.6 .7-.7 .9l-.2 .2c0 0 0 0 0 0c0 0 0 0 0 0s0 0 0 0c-2.1 2.8-5.7 3.9-8.9 2.8s-5.5-4.1-5.5-7.6c0-17.9 6.7-35.6 16.6-48.8c9.8-13 23.9-23.2 39.4-23.2s29.6 10.2 39.4 23.2c9.9 13.2 16.6 30.9 16.6 48.8c0 3.4-2.2 6.5-5.5 7.6s-6.9 0-8.9-2.8c0 0 0 0 0 0s0 0 0 0s0 0 0 0z",
-    fill: "currentColor"
-  }
-) }) : /* @__PURE__ */ n("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", color: e, 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 256zm349.5 52.4c18.7-4.4 35.9 12 25.5 28.1C350.4 374.6 306.3 400 255.9 400s-94.5-25.4-119.1-63.5c-10.4-16.1 6.8-32.5 25.5-28.1c28.9 6.8 60.5 10.5 93.6 10.5s64.7-3.7 93.6-10.5zM217.6 228.8s0 0 0 0c0 0 0 0 0 0l-.2-.2c-.2-.2-.4-.5-.7-.9c-.6-.8-1.6-2-2.8-3.4c-2.5-2.8-6-6.6-10.2-10.3c-8.8-7.8-18.8-14-27.7-14s-18.9 6.2-27.7 14c-4.2 3.7-7.7 7.5-10.2 10.3c-1.2 1.4-2.2 2.6-2.8 3.4c-.3 .4-.6 .7-.7 .9l-.2 .2c0 0 0 0 0 0c0 0 0 0 0 0s0 0 0 0c-2.1 2.8-5.7 3.9-8.9 2.8s-5.5-4.1-5.5-7.6c0-17.9 6.7-35.6 16.6-48.8c9.8-13 23.9-23.2 39.4-23.2s29.6 10.2 39.4 23.2c9.9 13.2 16.6 30.9 16.6 48.8c0 3.4-2.2 6.5-5.5 7.6s-6.9 0-8.9-2.8c0 0 0 0 0 0s0 0 0 0zm160 0c0 0 0 0 0 0l-.2-.2c-.2-.2-.4-.5-.7-.9c-.6-.8-1.6-2-2.8-3.4c-2.5-2.8-6-6.6-10.2-10.3c-8.8-7.8-18.8-14-27.7-14s-18.9 6.2-27.7 14c-4.2 3.7-7.7 7.5-10.2 10.3c-1.2 1.4-2.2 2.6-2.8 3.4c-.3 .4-.6 .7-.7 .9l-.2 .2c0 0 0 0 0 0c0 0 0 0 0 0s0 0 0 0c-2.1 2.8-5.7 3.9-8.9 2.8s-5.5-4.1-5.5-7.6c0-17.9 6.7-35.6 16.6-48.8c9.8-13 23.9-23.2 39.4-23.2s29.6 10.2 39.4 23.2c9.9 13.2 16.6 30.9 16.6 48.8c0 3.4-2.2 6.5-5.5 7.6s-6.9 0-8.9-2.8c0 0 0 0 0 0s0 0 0 0s0 0 0 0z",
-    fill: "currentColor"
-  }
-) }), Zn = ({ color: e, selected: t }) => t ? /* @__PURE__ */ n("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", color: e, children: /* @__PURE__ */ n(
-  "path",
-  {
-    d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM176.4 176a32 32 0 1 1 0 64 32 32 0 1 1 0-64zm128 32a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zM160 336l192 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-192 0c-8.8 0-16-7.2-16-16s7.2-16 16-16z",
-    fill: "currentColor"
-  }
-) }) : /* @__PURE__ */ n("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", color: e, children: /* @__PURE__ */ n(
-  "path",
-  {
-    d: "M464 256A208 208 0 1 1 48 256a208 208 0 1 1 416 0zM256 0a256 256 0 1 0 0 512A256 256 0 1 0 256 0zM176.4 240a32 32 0 1 0 0-64 32 32 0 1 0 0 64zm192-32a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zM184 328c-13.3 0-24 10.7-24 24s10.7 24 24 24l144 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-144 0z",
-    fill: "currentColor"
-  }
-) }), Yn = ({ color: e, selected: t }) => t ? /* @__PURE__ */ n("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", color: e, children: /* @__PURE__ */ n(
-  "path",
-  {
-    d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM164.1 325.5C182 346.2 212.6 368 256 368s74-21.8 91.9-42.5c5.8-6.7 15.9-7.4 22.6-1.6s7.4 15.9 1.6 22.6C349.8 372.1 311.1 400 256 400s-93.8-27.9-116.1-53.5c-5.8-6.7-5.1-16.8 1.6-22.6s16.8-5.1 22.6 1.6zM144.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",
-    fill: "currentColor"
-  }
-) }) : /* @__PURE__ */ n("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", color: e, 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",
-    fill: "currentColor"
-  }
-) }), Jn = ({ color: e, selected: t }) => t ? /* @__PURE__ */ n("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 576 512", color: e, children: /* @__PURE__ */ n(
-  "path",
-  {
-    d: "M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z",
-    fill: "currentColor"
-  }
-) }) : /* @__PURE__ */ n("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 576 512", color: e, children: /* @__PURE__ */ n(
-  "path",
-  {
-    d: "M287.9 0c9.2 0 17.6 5.2 21.6 13.5l68.6 141.3 153.2 22.6c9 1.3 16.5 7.6 19.3 16.3s.5 18.1-5.9 24.5L433.6 328.4l26.2 155.6c1.5 9-2.2 18.1-9.7 23.5s-17.3 6-25.3 1.7l-137-73.2L151 509.1c-8.1 4.3-17.9 3.7-25.3-1.7s-11.2-14.5-9.7-23.5l26.2-155.6L31.1 218.2c-6.5-6.4-8.7-15.9-5.9-24.5s10.3-14.9 19.3-16.3l153.2-22.6L266.3 13.5C270.4 5.2 278.7 0 287.9 0zm0 79L235.4 187.2c-3.5 7.1-10.2 12.1-18.1 13.3L99 217.9 184.9 303c5.5 5.5 8.1 13.3 6.8 21L171.4 443.7l105.2-56.2c7.1-3.8 15.6-3.8 22.6 0l105.2 56.2L384.2 324.1c-1.3-7.7 1.2-15.5 6.8-21l85.9-85.1L358.6 200.5c-7.8-1.2-14.6-6.1-18.1-13.3L287.9 79z",
-    fill: "currentColor"
-  }
-) }), ea = "rating-message-module__ratingBubble___7wyHy", ta = "rating-message-module__container___dtkEH", na = "rating-message-module__titleBlock___V-gUi", aa = "rating-message-module__title___nox04", oa = "rating-message-module__subtitle___HvR5A", sa = "rating-message-module__starsBlock___p7KFf", ra = "rating-message-module__starsRow___0okuD", ia = "rating-message-module__ratingIconWrap___c8yQW", ca = "rating-message-module__starButton___jEIj0", la = "rating-message-module__smileyButton___W-mdc", ua = "rating-message-module__starLabels___HXwTL", da = "rating-message-module__textarea___hXnnj", ma = "rating-message-module__submitButton___fzRTp", E = {
-  ratingBubble: ea,
-  container: ta,
-  titleBlock: na,
-  title: aa,
-  subtitle: oa,
-  starsBlock: sa,
-  starsRow: ra,
-  ratingIconWrap: ia,
-  starButton: ca,
-  smileyButton: la,
-  "is-submitted": "rating-message-module__is-submitted___fCaIp",
-  starLabels: ua,
-  textarea: da,
-  submitButton: ma,
-  "is-active": "rating-message-module__is-active___iZqMO"
-};
-function _a(e) {
-  const { controller: t } = $();
-  return b(
-    (a) => {
-      e && t.send({ type: "UPDATE_CUSTOM_MESSAGE_PROPS", messageId: e, props: a });
-    },
-    [t, e]
-  );
-}
-function ha(e) {
-  return e.map((t) => JSON.parse(t));
-}
-function ga(e) {
-  const t = e.messageText ?? "How was your experience today with Hubtype?", a = e.buttonText ?? "Submit rating", o = ha(e.payloads ?? []), s = e.messageProps ?? {}, i = e.ratingType ?? "stars", { controller: r } = $(), c = _a(e.messageId), [g, _] = N(e.selected), [u, m] = N(void 0), [l, d] = N(e.comment ?? ""), [f, h] = N(e.submitted ?? !1), [p, v] = N(!1);
-  A(() => {
-    c({ selected: g, comment: l, submitted: f });
-  }, [g, l, f, c]);
-  const w = M(f);
-  w.current = f;
-  const P = b((I) => {
-    w.current || _(I);
-  }, []), y = b((I) => {
-    w.current || m(I);
-  }, []), S = b((I) => {
-    w.current || d(I);
-  }, []), T = b(async () => {
-    if (g === void 0 || p || w.current) return;
-    const I = o.find((O) => O.value === g)?.payload;
-    if (!I) return;
-    const R = r.getContext();
-    if (!(!R.webchatService || !R.user)) {
-      v(!0);
-      try {
-        await R.webchatService.sendPostback(I, R.user), h(!0);
-      } finally {
-        v(!1);
-      }
-    }
-  }, [g, p, o, r]);
-  return {
-    state: { selected: g, hovered: u, comment: l, submitted: f, isSubmitting: p },
-    handlers: { handleSelect: P, handleHover: y, handleCommentChange: S, handleSubmit: T },
-    resolved: { messageText: t, buttonText: a, messageProps: s, ratingType: i }
-  };
-}
-const pa = [
-  Xn,
-  Qn,
-  Zn,
-  Yn,
-  Kn
-], fa = "var(--webchat-rating-message-star-inactive)", va = "var(--webchat-rating-message-star-active)", ba = (e) => {
-  const { state: t, handlers: a, resolved: o } = ga(e), { selected: s, hovered: i, comment: r, submitted: c, isSubmitting: g } = t, { handleSelect: _, handleHover: u, handleCommentChange: m, handleSubmit: l } = a, { messageText: d, buttonText: f, messageProps: h, ratingType: p } = o, v = p === "smileys";
-  return /* @__PURE__ */ n(
-    se,
-    {
-      variant: "bot",
-      ...h,
-      bubbleClassName: E.ratingBubble,
-      children: /* @__PURE__ */ C("div", { className: E.container, children: [
-        /* @__PURE__ */ C("div", { className: E.titleBlock, children: [
-          /* @__PURE__ */ n("p", { className: E.title, children: d }),
-          /* @__PURE__ */ n("p", { className: E.subtitle, children: "Share your experience and help us improve our service." })
-        ] }),
-        /* @__PURE__ */ C("div", { className: E.starsBlock, children: [
-          /* @__PURE__ */ n("div", { className: E.starsRow, "data-rating-type": p, children: [1, 2, 3, 4, 5].map((w) => {
-            const P = s !== void 0 && w <= s || s === void 0 && i !== void 0 && w <= i, y = P ? va : fa, S = pa[w - 1];
-            return v ? /* @__PURE__ */ n(
-              "button",
-              {
-                type: "button",
-                "aria-label": `Rate ${w} out of 5`,
-                className: B(
-                  E.smileyButton,
-                  c && E["is-submitted"]
-                ),
-                onClick: () => _(w),
-                onMouseEnter: () => u(w),
-                onMouseLeave: () => u(void 0),
-                children: /* @__PURE__ */ n("span", { className: E.ratingIconWrap, "aria-hidden": !0, children: /* @__PURE__ */ n(S, { color: y, selected: P }) })
-              },
-              w
-            ) : /* @__PURE__ */ n(
-              "button",
-              {
-                type: "button",
-                "aria-label": `Rate ${w} out of 5`,
-                className: B(
-                  E.starButton,
-                  c && E["is-submitted"]
-                ),
-                onClick: () => _(w),
-                onMouseEnter: () => u(w),
-                onMouseLeave: () => u(void 0),
-                children: /* @__PURE__ */ n("span", { className: E.ratingIconWrap, "aria-hidden": !0, children: /* @__PURE__ */ n(Jn, { color: y, selected: P }) })
-              },
-              w
-            );
-          }) }),
-          /* @__PURE__ */ C("div", { className: E.starLabels, children: [
-            /* @__PURE__ */ n("span", { children: "Very bad" }),
-            /* @__PURE__ */ n("span", { children: "Very good" })
-          ] })
-        ] }),
-        (!c || r) && /* @__PURE__ */ n(
-          "textarea",
-          {
-            placeholder: "Tell us more (optional)",
-            value: r,
-            onChange: (w) => m(w.target.value),
-            readOnly: c,
-            "aria-label": "Additional comments",
-            className: B(E.textarea, c && E["is-submitted"])
-          }
-        ),
-        !c && /* @__PURE__ */ n(
-          "button",
-          {
-            type: "button",
-            onClick: l,
-            disabled: s === void 0 || g,
-            "aria-label": f,
-            className: B(
-              E.submitButton,
-              s !== void 0 && !g && E["is-active"]
-            ),
-            children: g ? "Submitting…" : f
-          }
-        )
-      ] })
-    }
-  );
-}, wa = {
-  [en]: ba
-};
-function Ca(e) {
-  const [t, a] = N(""), o = ce(
-    () => ({
-      ...wa,
-      ...e.customMessages ?? {}
-    }),
-    [e.customMessages]
-  ), s = ce(() => {
-    const h = new Gt(e);
-    return h.initialize().catch((p) => {
-      console.error("❌ Failed to initialize webchat:", p);
-    }), h;
-  }, [e.appId]), i = D(
-    s.machine,
-    (h) => {
-      const p = h.context.messageActors;
-      return p ? Array.from(p.values()) : [];
-    }
-  ), r = D(
-    s.machine,
-    (h) => h.context.isOpen || !1
-  ), c = D(
-    s.machine,
-    (h) => h.matches("operational")
-  ), g = D(
-    s.machine,
-    (h) => h.matches("connectionFailed")
-  ), _ = D(
-    s.machine,
-    (h) => h.context.connectionStatus || "disconnected"
-  ), u = D(
-    s.machine,
-    (h) => h.context.effectiveWebchatClientSettings ?? tn
-  ), m = ce(
-    () => rn(u),
-    [u]
-  ), l = D(
-    s.machine,
-    (h) => h.context.soundsEnabled ?? !0
-  ), d = D(
-    s.machine,
-    (h) => h.context.overlayActor
-  ), f = D(
-    d,
-    (h) => h.context.overlayState
-  );
-  return A(() => (Xt(s), () => {
-    s.destroy();
-  }), [s]), {
-    // Framework-agnostic controller - all webchat functionality
-    controller: s,
-    // React-specific UI state (minimal)
-    inputValue: t,
-    setInputValue: a,
-    // XState machine state (direct from machine via useSelector)
-    isOpen: r,
-    isInitialized: c,
-    initializationError: g,
-    messageActors: i,
-    connectionStatus: _,
-    webchatClientSettings: u,
-    webchatClientSettingsBehaviors: m,
-    // Overlay state (webview or cover component)
-    overlayState: f,
-    // Sound notification state
-    soundsEnabled: l,
-    // Configuration
-    avatarConfig: e.avatarConfig,
-    enableResponsiveHeroHeader: e.enableResponsiveHeroHeader ?? !0,
-    // Custom messages (builtins such as rating + embedder overrides)
-    customMessages: o
-  };
-}
-const ya = H(({ children: e, ...t }, a) => {
-  const o = Ca(t);
-  ft.useImperativeHandle(a, () => o.controller, [o.controller]);
-  const s = {
-    state: o,
-    controller: o.controller
-    // Direct access to controller
-  };
-  return /* @__PURE__ */ n(wt.Provider, { value: s, children: /* @__PURE__ */ n(on, { children: e }) });
-}), Ma = {
-  collapsedByDefaultWhenConversationHasMessages: !0,
-  collapseOnUserEngagement: !0,
-  expandHeroWhenReturningToScrollTop: !0
-};
-function Sa(e) {
-  return {
-    ...Ma,
-    ...e
-  };
-}
-function je(e) {
-  return e.context.messageActors?.size ?? 0;
-}
-function Me() {
-}
-const Na = {
-  header: {
-    variant: "collapsed",
-    collapseProgress: 1,
-    hasShadow: !1
-  },
-  messages: {
-    hasUserInteracted: !1,
-    onScrollDepthChange: Me,
-    onMessagesScrollAtTopChange: Me,
-    onUserInteraction: Me
-  },
-  onUserEngagement: Me
-};
-function Pa({
-  controller: e,
-  isOpen: t,
-  layout: a,
-  enableResponsiveHeroHeader: o = !0
-}) {
-  const s = Sa(a), i = je(
-    e.machine.getSnapshot()
-  ), r = s.collapsedByDefaultWhenConversationHasMessages && i > 0, c = M(null), g = M(
-    o ? r : !1
-  ), _ = M(!1), [u, m] = N(
-    () => o ? r : !1
-  ), [l, d] = N(
-    () => o ? r : !0
-  ), [f, h] = N(!1), p = D(
-    e.machine,
-    (S) => je(S),
-    (S, T) => S === T
-  );
-  A(() => {
-    if (!o) return;
-    if (p === 0) {
-      d(!1), m(!1), g.current = !1, _.current = !1, c.current = 0;
-      return;
-    }
-    const S = c.current;
-    c.current = p, s.collapsedByDefaultWhenConversationHasMessages && (S === null || S === 0) && (d(!0), m(!0), g.current = !0);
-  }, [
-    o,
-    p,
-    s.collapsedByDefaultWhenConversationHasMessages
-  ]), A(() => {
-    if (!o || !t || !s.collapsedByDefaultWhenConversationHasMessages) return;
-    je(e.machine.getSnapshot()) > 0 && (d(!0), m(!0), g.current = !0);
-  }, [
-    o,
-    t,
-    e,
-    s.collapsedByDefaultWhenConversationHasMessages
-  ]);
-  const v = b(() => {
-    o && (g.current = !0, m(!0), s.collapseOnUserEngagement && d(!0));
-  }, [o, s.collapseOnUserEngagement]), w = b(
-    (S) => {
-      if (o && g.current) {
-        if (!S) {
-          _.current = !0, d(!0);
-          return;
-        }
-        s.expandHeroWhenReturningToScrollTop && _.current && d(!1);
-      }
-    },
-    [o, s.expandHeroWhenReturningToScrollTop]
-  ), P = b(
-    (S) => {
-      o && h(S);
-    },
-    [o]
-  ), y = l ? "collapsed" : "expanded";
-  return o ? {
-    header: {
-      variant: y,
-      collapseProgress: l ? 1 : 0,
-      hasShadow: f
-    },
-    messages: {
-      hasUserInteracted: u,
-      onScrollDepthChange: P,
-      onMessagesScrollAtTopChange: w,
-      onUserInteraction: v
-    },
-    onUserEngagement: v
-  } : Na;
-}
-const Ta = "backdrop-module__base___2047X", Aa = {
-  base: Ta
-};
-function xa({ isClosing: e = !1 }) {
-  return /* @__PURE__ */ n(
-    "div",
-    {
-      className: Aa.base,
-      "aria-hidden": !0,
-      "data-closing": e || void 0
-    }
-  );
-}
-function Ba() {
-  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 Ia() {
-  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 Ra = "dialog-module__base___K18e8", La = "dialog-module__success___z5NAQ", Ea = "dialog-module__error___Q46VR", ka = "dialog-module__loading___21312", Da = "dialog-module__actions___xFizf", Oa = "dialog-module__closing___qgRFX", Wa = "dialog-module__iconContainer___8lOJ3", Va = "dialog-module__spinner___jL0bN", za = "dialog-module__textContent___t6Tqt", Ha = "dialog-module__title___jr3if", $a = "dialog-module__subtitle___K1uUB", q = {
-  base: Ra,
-  success: La,
-  error: Ea,
-  loading: ka,
-  actions: Da,
-  closing: Oa,
-  iconContainer: Wa,
-  spinner: Va,
-  textContent: za,
-  title: Ha,
-  subtitle: $a
-}, Fa = U(q.base, {
-  variants: {
-    variant: {
-      default: "",
-      loading: q.loading,
-      success: q.success,
-      error: q.error
-    },
-    isClosing: { true: q.closing }
-  },
-  defaultVariants: { variant: "default" }
-});
-function Ua({
-  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 c = r?.slice().sort((m, l) => {
-    const d = (f) => (f ?? "solid") === "solid";
-    return Number(d(m.appearance)) - Number(d(l.appearance));
-  }), g = M(null), { dialogProps: _, titleProps: u } = Zt({ role: "dialog" }, g);
-  return A(() => {
-    g.current && g.current.focus();
-  }, [e]), /* @__PURE__ */ n(Yt, { contain: !0, restoreFocus: !0, autoFocus: !0, children: /* @__PURE__ */ C(
-    "div",
-    {
-      ..._,
-      "aria-modal": !0,
-      ref: g,
-      className: Fa({ variant: e, isClosing: s }),
-      onAnimationEnd: s ? i : void 0,
-      children: [
-        (e === "loading" || e === "success" || e === "error") && /* @__PURE__ */ C(
-          "div",
-          {
-            className: q.iconContainer,
-            "data-variant": e,
-            "aria-hidden": !0,
-            children: [
-              e === "loading" && /* @__PURE__ */ n("div", { className: q.spinner }, "loading"),
-              e === "success" && /* @__PURE__ */ n(Ba, {}, "success"),
-              e === "error" && /* @__PURE__ */ n(Ia, {}, "error")
-            ]
-          }
-        ),
-        /* @__PURE__ */ C("div", { className: q.textContent, children: [
-          /* @__PURE__ */ n("h2", { ...u, className: q.title, children: t }),
-          a && /* @__PURE__ */ n("p", { className: q.subtitle, children: a })
-        ] }),
-        c && c.length > 0 && /* @__PURE__ */ n("div", { className: q.actions, "data-variant": e, children: c.map(({ label: m, ...l }, d) => /* @__PURE__ */ n($t, { ...l, children: m }, d)) })
-      ]
-    }
-  ) });
-}
-const St = Be(null);
-function Nt() {
-  const e = Ie(St);
-  if (!e)
-    throw new Error("useDialog must be used within a DialogProvider");
-  return e;
-}
-const ja = {
-  isOpen: !1,
-  variant: "default",
-  title: "",
-  subtitle: void 0,
-  actions: void 0
-};
-function qa({
-  children: e,
-  onOpen: t,
-  controlsRef: a
-}) {
-  const [o, s] = N(ja), [i, r] = N(!1), c = M(t);
-  c.current = t;
-  const g = b(() => {
-    s((h) => ({ ...h, isOpen: !1 })), r(!1);
-  }, []), _ = M(g);
-  _.current = g;
-  const u = b((h) => {
-    r(!1), c.current?.(), s({
-      isOpen: !0,
-      variant: h.variant ?? "default",
-      title: h.title,
-      subtitle: h.subtitle,
-      actions: h.actions
-    });
-  }, []), m = b((h) => {
-    s((p) => ({
-      ...p,
-      ...h.variant !== void 0 && { variant: h.variant },
-      ...h.title !== void 0 && { title: h.title },
-      subtitle: "subtitle" in h ? h.subtitle : p.subtitle,
-      actions: "actions" in h ? h.actions : p.actions
-    }));
-  }, []), l = b(() => {
-    if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
-      _.current();
-      return;
-    }
-    r(!0);
-  }, []);
-  a && (a.current = { open: u, update: m, close: l }), A(() => {
-    if (process.env.NODE_ENV !== "production") {
-      const h = document.querySelector(
-        "[data-webchat-container], [data-webview-frame]"
-      );
-      h && (getComputedStyle(h).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 d = o.isOpen || i, f = { open: u, update: m, close: l, dialogState: o };
-  return /* @__PURE__ */ C(St.Provider, { value: f, children: [
-    e,
-    d && /* @__PURE__ */ n(xa, { isClosing: i }),
-    d && /* @__PURE__ */ n(
-      Ua,
-      {
-        variant: o.variant,
-        title: o.title,
-        subtitle: o.subtitle,
-        actions: o.actions,
-        isClosing: i,
-        onExited: g
-      }
-    )
-  ] });
-}
-function Ga({
-  children: e
-}) {
-  const { pauseAll: t } = Re(), a = M(t);
-  a.current = t;
-  const o = M(null), s = () => {
-    a.current();
-  };
-  return A(() => (nt.setDialogController({
-    open: (i) => o.current?.open(i),
-    update: (i) => o.current?.update(i),
-    close: () => o.current?.close()
-  }), () => {
-    nt.setDialogController(void 0);
-  }), []), /* @__PURE__ */ n(qa, { onOpen: s, controlsRef: o, children: e });
-}
-const Pt = Be(null);
-function Le() {
-  const e = Ie(Pt);
-  if (!e)
-    throw new Error("useOverlayContext must be used within an Overlay");
-  return e;
-}
-const Xa = "cover-frame-module__base___e38vU", Qa = "cover-frame-module__errorContainer___o19mQ", Ka = "cover-frame-module__errorText___ltF9m", Ge = {
-  base: Xa,
-  errorContainer: Qa,
-  errorText: Ka
-}, at = U(Ge.base);
-function Za({ className: e }) {
-  const { overlayState: t, coverRegistry: a, setIsLoading: o } = Le();
-  if (A(() => {
-    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: Ge.errorContainer, children: /* @__PURE__ */ C("p", { className: Ge.errorText, children: [
-    'Component "',
-    s.componentId,
-    '" not found'
-  ] }) }) }));
-}
-const Ya = "webview-frame-module__base___u5SZG", Ja = "webview-frame-module__loadingContainer___eqQ-L", eo = "webview-frame-module__spinner___5gsaP", to = "webview-frame-module__iframe___XewWc", Te = {
-  base: Ya,
-  loadingContainer: Ja,
-  spinner: eo,
-  iframe: to
-}, no = U(Te.base);
-function ao({ className: e }) {
-  const { overlayState: t, sandboxPermissions: a, isLoading: o, setIsLoading: s } = Le(), i = b(() => {
-    s(!1);
-  }, [s]);
-  if (!t || t.type !== "webview")
-    return null;
-  const r = t;
-  return /* @__PURE__ */ C("div", { className: no({ 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 } = Le();
-  if (!t)
-    return null;
-  switch (t.type) {
-    case "webview":
-      return /* @__PURE__ */ n(ao, { className: e });
-    case "cover":
-      return /* @__PURE__ */ n(Za, { className: e });
-    default:
-      return null;
-  }
-}
-const so = "header-module__base___WYM0o", ro = "header-module__minimal___6nq5w", io = "header-module__titleContainer___56hi4", co = "header-module__icon___BCSbe", lo = "header-module__title___0c-LL", uo = "header-module__closeButton___wOwC8", ie = {
-  base: so,
-  default: "header-module__default___z7D3c",
-  minimal: ro,
-  titleContainer: io,
-  icon: co,
-  title: lo,
-  closeButton: uo
-};
-function mo(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 _o = U(ie.base, {
-  variants: {
-    variant: {
-      default: ie.default,
-      minimal: ie.minimal
-    }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
-});
-function ho(e) {
-  const { overlayState: t, attemptClose: a } = Le(), { showClose: o, title: s, icon: i, variants: r } = mo(
-    e,
-    t
-  );
-  return /* @__PURE__ */ C("header", { className: _o(r), "data-overlay-header": !0, children: [
-    /* @__PURE__ */ C("div", { className: ie.titleContainer, children: [
-      i && /* @__PURE__ */ n("span", { className: ie.icon, children: i }),
-      /* @__PURE__ */ n("h4", { className: ie.title, children: s })
-    ] }),
-    o && /* @__PURE__ */ n(
-      "button",
-      {
-        type: "button",
-        className: ie.closeButton,
-        onClick: a,
-        "aria-label": "Close overlay",
-        children: "×"
-      }
-    )
-  ] });
-}
-const go = "overlay-module__base___qm4j7", po = "overlay-module__loading___8U4v9", ot = {
-  base: go,
-  loading: po
-};
-function fo(e) {
-  return e === !1 || e === void 0 ? null : e === !0 ? { message: "Are you sure you want to close?" } : typeof e == "string" ? { message: e } : e;
-}
-function vo(e, t) {
-  const [a, o] = N(!0), { open: s, close: i, dialogState: r } = Nt(), c = b(() => {
-    i();
-  }, [i]), g = b(() => {
-    i(), t.onClose();
-  }, [i, t]), _ = b(() => {
-    if (e?.confirmClose) {
-      const u = fo(e.confirmClose);
-      if (!u) {
-        t.onClose();
-        return;
-      }
-      s({
-        title: u.title || "Close?",
-        subtitle: u.message,
-        actions: [
-          {
-            label: u.cancelText || "Cancel",
-            intent: "secondary",
-            appearance: "outline",
-            onPress: c
-          },
-          {
-            label: u.confirmText || "Close",
-            intent: "primary",
-            appearance: "solid",
-            onPress: g
-          }
-        ]
-      });
-    } else
-      t.onClose();
-  }, [
-    s,
-    t,
-    e?.confirmClose,
-    c,
-    g
-  ]);
-  return A(() => {
-    e?.isOpen && e?.type === "webview" && o(!0);
-  }, [e?.isOpen, e?.type]), A(() => {
-    e?.type === "webview" && o(!0);
-  }, [e?.type === "webview" ? e.url : null]), A(() => {
-    if (e?.type !== "webview")
-      return;
-    const u = (m) => {
-      if (Qt(m.data)) {
-        _();
-        return;
-      }
-      if (Kt(m.data)) {
-        const l = m.data;
-        switch (l.type) {
-          case de.SET_TITLE:
-            t.onSetTitle(l.title);
-            break;
-          case de.SET_ICON:
-            t.onSetIcon(l.icon);
-            break;
-          case de.SET_ALLOW_CLOSE:
-            t.onSetAllowClose(l.allow);
-            break;
-          case de.SET_CONFIRM_CLOSE:
-            t.onSetConfirmClose(l.config);
-            break;
-          case de.SEND_PAYLOAD:
-            t.onSendPayload(l.payload);
-            break;
-          case de.NAVIGATE:
-            t.onNavigate(l.url);
-            break;
-        }
-      }
-    };
-    return window.addEventListener("message", u), () => {
-      window.removeEventListener("message", u);
-    };
-  }, [t, _, e?.type]), A(() => {
-    const u = (m) => {
-      if (m.key === "Escape") {
-        if (r.isOpen) {
-          c();
-          return;
-        }
-        e?.isOpen && e?.allowClose !== !1 && _();
-      }
-    };
-    return window.addEventListener("keydown", u), () => {
-      window.removeEventListener("keydown", u);
-    };
-  }, [
-    _,
-    c,
-    r.isOpen,
-    e?.isOpen,
-    e?.allowClose
-  ]), {
-    isLoading: a,
-    setIsLoading: o,
-    attemptClose: _,
-    variants: { isLoading: a }
-  };
-}
-const bo = "allow-scripts allow-forms allow-same-origin allow-popups", wo = U(ot.base, {
-  variants: {
-    isLoading: {
-      true: ot.loading
-    }
-  }
-});
-function Co({
-  overlayState: e,
-  onClose: t,
-  onSetTitle: a,
-  onSetIcon: o,
-  onSetAllowClose: s,
-  onSetConfirmClose: i,
-  onSendPayload: r,
-  onNavigate: c,
-  coverRegistry: g,
-  children: _
-}) {
-  const u = {
-    onClose: t,
-    onSetTitle: a,
-    onSetIcon: o,
-    onSetAllowClose: s,
-    onSetConfirmClose: i,
-    onSendPayload: r,
-    onNavigate: c
-  }, { isLoading: m, setIsLoading: l, attemptClose: d, variants: f } = vo(
-    e,
-    u
-  );
-  if (!e?.isOpen)
-    return null;
-  const h = {
-    overlayState: e,
-    ...u,
-    sandboxPermissions: bo,
-    isLoading: m,
-    setIsLoading: l,
-    attemptClose: d,
-    coverRegistry: g
-  };
-  return /* @__PURE__ */ n(Pt.Provider, { value: h, children: /* @__PURE__ */ n("div", { className: wo(f), "data-overlay": !0, children: _ || /* @__PURE__ */ C(xe, { children: [
-    /* @__PURE__ */ n(ho, {}),
-    /* @__PURE__ */ n(oo, {})
-  ] }) }) });
-}
-function yo(e, t, a) {
-  const {
-    layout: o = "default",
-    size: s = "normal",
-    position: i = "bottom-right",
-    "aria-label": r = "Webchat interface",
-    className: c,
-    coverRegistry: g,
-    // Exclude from DOM props
-    ..._
-  } = e, u = D(t.controller.machine, (v) => v.context.isOpen || !1), [m, l] = N(null), [d, f] = N(!1), h = M(!1), p = b(
-    (v) => {
-      v.target === v.currentTarget && m !== null && (m === "closing" && f(!1), l(null));
-    },
-    [m]
-  );
-  return A(() => {
-    const v = h.current;
-    h.current = u, v === !1 && u ? (f(!0), l("opening")) : v === !0 && !u && l("closing");
-  }, [u]), {
-    // Component visibility - stays true during close animation
-    shouldRender: d,
-    // 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: p,
-      ..._
-    },
-    // CSS class variants
-    variants: {
-      layout: o,
-      size: s,
-      position: i,
-      isOpen: u,
-      isOpening: m === "opening",
-      isClosing: m === "closing",
-      className: c
-    }
-  };
-}
-const Mo = "webchat-container-module__base___-nEHI", te = {
-  base: Mo,
-  "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"
-}, So = U(te.base, {
-  variants: {
-    layout: {
-      default: te.default
-    },
-    position: {
-      "bottom-right": te["position-bottom-right"],
-      "bottom-left": te["position-bottom-left"],
-      "top-right": te["position-top-right"],
-      "top-left": te["position-top-left"]
-    },
-    isOpen: {
-      true: te["is-open"]
-    },
-    isOpening: {
-      true: te["is-opening"]
-    },
-    isClosing: {
-      true: te["is-closing"]
-    }
-  },
-  defaultVariants: {
-    layout: "default",
-    position: "bottom-right"
-  }
-});
-function No(e) {
-  const { state: t, controller: a } = $(), o = M(null), { shouldRender: s, containerProps: i, variants: r } = yo(
-    e,
-    t,
-    o
-  ), {
-    children: c,
-    coverRegistry: g,
-    layout: _,
-    size: u,
-    position: m,
-    ...l
-  } = e, d = b(
-    () => a.overlay.close(),
-    [a]
-  ), f = b(
-    (y) => a.overlay.setTitle(y),
-    [a]
-  ), h = b(
-    (y) => a.overlay.setIcon(y),
-    [a]
-  ), p = b(
-    (y) => a.overlay.setAllowClose(y),
-    [a]
-  ), v = b(
-    (y) => a.overlay.setConfirmClose(y),
-    [a]
-  ), w = b(
-    (y) => a.overlay.sendPayload(y),
-    [a]
-  ), P = b(
-    (y) => a.overlay.navigate(y),
-    [a]
-  );
-  return s ? /* @__PURE__ */ n(
-    "div",
-    {
-      ...i,
-      ...l,
-      className: So(r),
-      "data-testid": "webchat-container",
-      "data-webchat-container": !0,
-      children: /* @__PURE__ */ C(Ga, { children: [
-        c,
-        /* @__PURE__ */ n(
-          Co,
-          {
-            overlayState: t.overlayState,
-            onClose: d,
-            onSetTitle: f,
-            onSetIcon: h,
-            onSetAllowClose: p,
-            onSetConfirmClose: v,
-            onSendPayload: w,
-            onNavigate: P,
-            coverRegistry: g
-          }
-        )
-      ] })
-    }
-  ) : null;
-}
-function Po() {
-  return /* @__PURE__ */ C(
-    "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 To() {
-  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 Ao(e) {
-  return Math.min(1, Math.max(0, e));
-}
-function xo(e, t, a) {
-  const {
-    title: o = "Chat",
-    avatarSrc: s,
-    avatarAlt: i,
-    showStatus: r = !0,
-    showClose: c = !0,
-    onClose: g,
-    variant: _ = "collapsed",
-    collapseProgress: u,
-    hasShadow: m = !1,
-    enableResponsiveHeroHeader: l,
-    "aria-label": d,
-    className: f,
-    style: h,
-    ...p
-  } = e, v = s ?? t.avatarConfig?.bot?.src, w = t.avatarConfig?.bot?.svg, P = i ?? t.avatarConfig?.bot?.alt, y = D(
-    t.controller.machine,
-    (W) => W.context.connectionStatus || "disconnected"
-  ), S = b(() => {
-    g ? g() : t.controller.close();
-  }, [g, t.controller]), T = b((W) => {
-    switch (W) {
-      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";
-    }
-  }, []), I = r ? T(y) : void 0, R = _ !== "expanded", O = l ?? t.enableResponsiveHeroHeader ?? !0, G = Ao(
-    u ?? Number(R)
-  ), X = {
-    ...h,
-    "--webchat-header-collapse-progress": String(G)
-  };
-  return {
-    // Header element props
-    headerProps: {
-      ...p,
-      ref: a,
-      "aria-label": d || `${o} header`,
-      style: X,
-      "data-webchat-responsive-hero": O ? "on" : "off"
-    },
-    // Header content
-    title: o,
-    avatarSrc: v,
-    avatarSvg: w,
-    avatarAlt: P,
-    showStatus: r,
-    statusText: I,
-    showClose: c,
-    onClose: S,
-    connectionStatus: y,
-    // CSS class variants
-    variants: {
-      variant: _,
-      hasShadow: m,
-      className: f
-    }
-  };
-}
-const Bo = "webchat-header-module__base___VbIWd", Io = "webchat-header-module__profile___NsohW", Ro = "webchat-header-module__avatar___klWPr", Lo = "webchat-header-module__collapsed___Xwj3m", Eo = "webchat-header-module__expanded___9RKFH", k = {
-  base: Bo,
-  "header-content": "webchat-header-module__header-content___bPP9l",
-  profile: Io,
-  avatar: Ro,
-  "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: Lo,
-  expanded: Eo
-}, Tt = H((e, t) => {
-  const a = Jt(t), { buttonProps: o } = vt(e, a), { focusProps: s, isFocusVisible: i } = Ze();
-  return /* @__PURE__ */ n(
-    "button",
-    {
-      ...bt(o, s),
-      ref: a,
-      className: k["header-button"],
-      "aria-label": e["aria-label"] ?? "Open menu",
-      "data-focus-visible": i || void 0,
-      children: /* @__PURE__ */ n(To, {})
-    }
-  );
-});
-function ko(e) {
-  const t = M(null), { buttonProps: a } = vt(e, t), { focusProps: o, isFocusVisible: s } = Ze();
-  return /* @__PURE__ */ n(
-    "button",
-    {
-      ...bt(a, o),
-      ref: t,
-      className: k["header-button"],
-      "aria-label": e["aria-label"] ?? "Close chat",
-      "data-focus-visible": s || void 0,
-      children: /* @__PURE__ */ n(Po, {})
-    }
-  );
-}
-Tt.displayName = "MenuTriggerButton";
-const Do = U(k.base, {
-  variants: {
-    variant: {
-      default: k.collapsed,
-      collapsed: k.collapsed,
-      expanded: k.expanded
-    },
-    hasShadow: {
-      true: k["has-shadow"]
-    }
-  },
-  defaultVariants: {
-    variant: "collapsed"
-  }
-});
-function Oo({
-  children: e,
-  ...t
-}) {
-  const { state: a } = $(), o = M(null), {
-    headerProps: s,
-    title: i,
-    avatarSrc: r,
-    avatarSvg: c,
-    avatarAlt: g,
-    showStatus: _,
-    statusText: u,
-    showClose: m,
-    onClose: l,
-    connectionStatus: d,
-    variants: f
-  } = xo(t, a, o);
-  return /* @__PURE__ */ n(
-    "header",
-    {
-      ...s,
-      className: Do(f),
-      "data-webchat-header": !0,
-      children: /* @__PURE__ */ C("div", { className: k["header-content"], children: [
-        /* @__PURE__ */ C("div", { className: k.profile, children: [
-          /* @__PURE__ */ n("div", { className: k.avatar, "aria-hidden": "true", children: c ? /* @__PURE__ */ n(
-            "div",
-            {
-              className: k["avatar-svg"],
-              dangerouslySetInnerHTML: { __html: c },
-              role: "img",
-              "aria-label": g ?? i
-            }
-          ) : r ? /* @__PURE__ */ n(
-            "img",
-            {
-              src: r,
-              alt: g ?? i,
-              className: k["avatar-img"]
-            }
-          ) : null }),
-          /* @__PURE__ */ C("div", { className: k["header-text"], children: [
-            /* @__PURE__ */ n("h3", { className: k["header-title"], children: i }),
-            _ && /* @__PURE__ */ C("div", { className: k["status-section"], children: [
-              /* @__PURE__ */ n(
-                "div",
-                {
-                  className: k["status-dot"],
-                  "data-status": d,
-                  "aria-hidden": "true"
-                }
-              ),
-              /* @__PURE__ */ n("span", { className: k["status-text"], children: u })
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ C("div", { className: k["header-actions"], children: [
-          e,
-          m && /* @__PURE__ */ n(ko, { onPress: l })
-        ] })
-      ] })
-    }
-  );
-}
-const le = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 512 512",
-  fill: "currentColor",
-  role: "img",
-  "aria-hidden": !0
-};
-function Wo() {
-  return /* @__PURE__ */ n("svg", { ...le, 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 Vo({
-  onClose: e,
-  children: t
-}) {
-  const { controller: a } = $();
-  return /* @__PURE__ */ n(
-    Qe,
-    {
-      icon: /* @__PURE__ */ n(Wo, {}),
-      onPress: () => {
-        a.downloadTranscript(), e?.();
-      },
-      children: t ?? "Download transcript"
-    }
-  );
-}
-function zo() {
-  return /* @__PURE__ */ n("svg", { ...le, 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 Ho({
-  onClose: e,
-  children: t
-}) {
-  const { controller: a } = $();
-  return /* @__PURE__ */ n(
-    Qe,
-    {
-      icon: /* @__PURE__ */ n(zo, {}),
-      onPress: () => {
-        a.resetConversation(), e?.();
-      },
-      children: t ?? "Reset conversation"
-    }
-  );
-}
-function $o() {
-  return /* @__PURE__ */ n("svg", { ...le, 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 Fo = "Reset session?", Uo = "You will end this conversation and lose your chat history.", jo = "Cancel", qo = "Reset session";
-function Go({
-  onClose: e
-}) {
-  const { controller: t } = $(), { open: a, close: o } = Nt(), s = b(() => {
-    o();
-  }, [o]), i = b(() => {
-    t.resetSession(), o();
-  }, [o, t]);
-  return {
-    menuItemProps: {
-      onPress: b(() => {
-        a({
-          title: Fo,
-          subtitle: Uo,
-          actions: [
-            {
-              label: jo,
-              intent: "secondary",
-              appearance: "outline",
-              onPress: s
-            },
-            {
-              label: qo,
-              intent: "danger",
-              onPress: i
-            }
-          ]
-        }), e?.();
-      }, [s, i, e, a])
-    }
-  };
-}
-function Xo({
-  onClose: e,
-  children: t
-}) {
-  const { menuItemProps: a } = Go({ onClose: e });
-  return /* @__PURE__ */ n(Qe, { icon: /* @__PURE__ */ n($o, {}), onPress: a.onPress, children: t ?? "Reset session" });
-}
-function Qo() {
-  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 } = $(), { soundsEnabled: s } = a;
-  return /* @__PURE__ */ n(
-    Ft,
-    {
-      icon: /* @__PURE__ */ n(Qo, {}),
-      isSelected: s,
-      onChange: (i) => o.toggleSounds(i),
-      children: t ?? "Sounds"
-    }
-  );
-}
-function At() {
-  return /* @__PURE__ */ n("svg", { ...le, 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 xt() {
-  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 Bt() {
-  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 Zo = "attachment-preview-module__container___VIJkZ", Yo = "attachment-preview-module__thumbnailList___by6c8", Jo = "attachment-preview-module__thumbnailItem___GNFlf", es = "attachment-preview-module__thumbnail___Ckp9-", ts = "attachment-preview-module__videoWrapper___lmpFI", ns = "attachment-preview-module__videoPlayBadge___ky5sB", as = "attachment-preview-module__fileList___HO6cw", os = "attachment-preview-module__fileRow___F61bW", ss = "attachment-preview-module__fileIcon___azbPW", rs = "attachment-preview-module__fileName___Ye6Av", is = "attachment-preview-module__removeBtn___TWvdF", F = {
-  container: Zo,
-  thumbnailList: Yo,
-  thumbnailItem: Jo,
-  thumbnail: es,
-  videoWrapper: ts,
-  videoPlayBadge: ns,
-  fileList: as,
-  fileRow: os,
-  fileIcon: ss,
-  fileName: rs,
-  removeBtn: is
-};
-function cs(e) {
-  return e === "application/pdf" ? /* @__PURE__ */ n(Bt, {}) : /* @__PURE__ */ n(xt, {});
-}
-function ls({ attachment: e, onRemove: t }) {
-  return /* @__PURE__ */ C("div", { role: "listitem", className: F.thumbnailItem, children: [
-    e.fileType === "video" ? /* @__PURE__ */ C("div", { className: F.videoWrapper, children: [
-      /* @__PURE__ */ n(
-        "video",
-        {
-          src: e.previewUrl,
-          className: F.thumbnail,
-          preload: "metadata",
-          muted: !0,
-          playsInline: !0,
-          "aria-label": e.file.name
-        }
-      ),
-      /* @__PURE__ */ n("span", { className: F.videoPlayBadge, "aria-hidden": !0, children: "▶" })
-    ] }) : /* @__PURE__ */ n(
-      "img",
-      {
-        src: e.previewUrl,
-        alt: e.file.name,
-        className: F.thumbnail
-      }
-    ),
-    /* @__PURE__ */ n(
-      "button",
-      {
-        type: "button",
-        className: F.removeBtn,
-        "aria-label": `Remove ${e.file.name}`,
-        onClick: () => t(e.id),
-        children: /* @__PURE__ */ n(At, {})
-      }
-    )
-  ] });
-}
-function us({ attachment: e, onRemove: t }) {
-  return /* @__PURE__ */ C("div", { role: "listitem", className: F.fileRow, children: [
-    /* @__PURE__ */ n("span", { className: F.fileIcon, "aria-hidden": !0, children: cs(e.file.type) }),
-    /* @__PURE__ */ n("span", { className: F.fileName, children: e.file.name }),
-    /* @__PURE__ */ n(
-      "button",
-      {
-        type: "button",
-        className: F.removeBtn,
-        "aria-label": `Remove ${e.file.name}`,
-        onClick: () => t(e.id),
-        children: /* @__PURE__ */ n(At, {})
-      }
-    )
-  ] });
-}
-function ds({
-  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__ */ C("div", { className: F.container, children: [
-    a.length > 0 && /* @__PURE__ */ n(
-      "div",
-      {
-        className: F.thumbnailList,
-        role: "list",
-        "aria-label": "Image and video attachments",
-        children: a.map((s) => /* @__PURE__ */ n(
-          ls,
-          {
-            attachment: s,
-            onRemove: t
-          },
-          s.id
-        ))
-      }
-    ),
-    o.length > 0 && /* @__PURE__ */ n(
-      "div",
-      {
-        className: F.fileList,
-        role: "list",
-        "aria-label": "File attachments",
-        children: o.map((s) => /* @__PURE__ */ n(
-          us,
-          {
-            attachment: s,
-            onRemove: t
-          },
-          s.id
-        ))
-      }
-    )
-  ] });
-}
-const ms = 25 * 1024 * 1024, _s = ["image/*", "video/*"], It = [
-  ".pdf",
-  ".doc",
-  ".docx",
-  ".xls",
-  ".xlsx",
-  ".ppt",
-  ".pptx",
-  ".txt",
-  ".zip"
-], hs = new Set(
-  It.map((e) => e.slice(1))
-  // strip leading '.'
-), gs = [
-  ..._s,
-  "application/pdf",
-  ...It
-].join(",");
-function ps(e) {
-  return e.type.startsWith("image/") ? "image" : e.type.startsWith("video/") ? "video" : "document";
-}
-function fs(e) {
-  if (e.type.startsWith("image/") || e.type.startsWith("video/"))
-    return !0;
-  const t = e.name.split(".").pop()?.toLowerCase() ?? "";
-  return !!hs.has(t);
-}
-function vs() {
-  const { controller: e } = $(), [t, a] = N([]), [o, s] = N(), i = M(null), r = M(/* @__PURE__ */ new Map());
-  A(() => {
-    const l = r.current;
-    return () => {
-      l.forEach((d) => URL.revokeObjectURL(d));
-    };
-  }, []);
-  const c = b(
-    (l) => {
-      const d = l.target.files?.[0];
-      if (!d) return;
-      if (l.target.value = "", !fs(d)) {
-        s("File type not supported.");
-        return;
-      }
-      if (d.size > ms) {
-        s("File is too large. Maximum size is 25 MB.");
-        return;
-      }
-      s(void 0), r.current.forEach((p) => URL.revokeObjectURL(p)), r.current.clear();
-      const f = `${d.name}-${d.size}-${Date.now()}-${Math.random()}`, h = URL.createObjectURL(d);
-      r.current.set(f, h), a([{ id: f, file: d, previewUrl: h, fileType: ps(d) }]);
-    },
-    []
-  ), g = b((l) => {
-    const d = r.current.get(l);
-    d && (URL.revokeObjectURL(d), r.current.delete(l)), a((f) => f.filter((h) => h.id !== l));
-  }, []), _ = b(() => {
-    r.current.forEach((l) => URL.revokeObjectURL(l)), r.current.clear(), a([]);
-  }, []), u = b(() => {
-    i.current?.click();
-  }, []), m = b(() => {
-    if (t.length) {
-      for (const l of t) {
-        const d = Ke.createMedia({
-          file: l.file,
-          attachmentUrl: l.previewUrl,
-          metadata: { sent_by: he.User }
-        });
-        e.sendMessage(d, l.file);
-      }
-      r.current.clear(), a([]);
-    }
-  }, [t, e]);
-  return {
-    attachments: t,
-    hasAttachments: t.length > 0,
-    attachmentError: o,
-    fileInputRef: i,
-    handleFileInputChange: c,
-    handleRemoveAttachment: g,
-    clearAttachments: _,
-    handleOpenFilePicker: u,
-    sendAttachments: m,
-    attachmentListProps: {
-      attachments: t,
-      onRemove: g
-    }
-  };
-}
-const bs = "audio-waveform-module__waveform___xs7iO", Rt = {
-  waveform: bs
-}, ws = 30, Cs = 1e3 / ws, ys = 24, st = 2, rt = 3;
-function Ms({ analyserNode: e }) {
-  const t = M(null), a = M(void 0), o = M(0);
-  return A(() => {
-    const s = t.current;
-    if (!s) return;
-    const i = () => {
-      const l = window.devicePixelRatio ?? 1, d = Math.max(s.clientWidth, 60);
-      s.width = Math.round(d * l), s.height = ys * l;
-    };
-    i();
-    const r = new ResizeObserver(i);
-    r.observe(s);
-    const c = s.getContext("2d");
-    if (!c) return;
-    const g = e.frequencyBinCount, _ = new Uint8Array(g);
-    function u(l, d, f, h) {
-      const p = f / 2;
-      if (h <= f) {
-        c.beginPath(), c.arc(l + p, d + p, p, 0, Math.PI * 2), c.fill();
-        return;
-      }
-      c.beginPath(), c.moveTo(l + p, d), c.arcTo(l + f, d, l + f, d + p, p), c.lineTo(l + f, d + h - p), c.arcTo(l + f, d + h, l + p, d + h, p), c.lineTo(l + p, d + h), c.arcTo(l, d + h, l, d + h - p, p), c.lineTo(l, d + p), c.arcTo(l, d, l + p, d, p), c.closePath(), c.fill();
-    }
-    function m(l) {
-      if (l - o.current < Cs) {
-        a.current = requestAnimationFrame(m);
-        return;
-      }
-      o.current = l, e.getByteFrequencyData(_);
-      const d = window.devicePixelRatio ?? 1, f = s.width, h = s.height, p = st * d, v = Math.max(
-        1,
-        Math.floor(f / d / (st + rt))
-      ), w = rt * d;
-      c.clearRect(0, 0, f, h), c.fillStyle = "currentColor";
-      const P = Math.floor(g * 0.5);
-      for (let y = 0; y < v; y++) {
-        const S = Math.floor(y / v * P), T = _[S], I = Math.max(p, T / 255 * h * 1.1), R = y * (p + w), O = (h - I) / 2;
-        u(R, O, p, I);
-      }
-      a.current = requestAnimationFrame(m);
-    }
-    return a.current = requestAnimationFrame(m), () => {
-      a.current !== void 0 && cancelAnimationFrame(a.current), r.disconnect();
-    };
-  }, [e]), /* @__PURE__ */ n("canvas", { ref: t, className: Rt.waveform, "aria-hidden": !0 });
-}
-const Ss = 24, it = 2, ct = 3;
-function Ns(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 Ps(e, t, a, o, s) {
-  const i = window.devicePixelRatio ?? 1;
-  e.clearRect(0, 0, t, a), e.fillStyle = "currentColor";
-  const r = it * i, c = ct * i, g = Math.max(
-    1,
-    Math.floor(t / i / (it + ct))
-  ), _ = r, u = Math.round(s * g), m = new Float32Array(g);
-  for (let f = 0; f < g; f++)
-    if (o) {
-      const h = Math.floor(f / g * o.length), p = Math.max(
-        h + 1,
-        Math.floor((f + 1) / g * o.length)
-      );
-      let v = 0;
-      for (let w = h; w < p; w++) v += Math.abs(o[w]);
-      m[f] = v / (p - h);
-    } else
-      m[f] = 0.1 + 0.1 * Math.abs(Math.sin(f * 0.9)) + 0.07 * Math.abs(Math.sin(f * 1.7));
-  let l = 0;
-  for (let f = 0; f < g; f++)
-    m[f] > l && (l = m[f]);
-  const d = l > 0 ? a * 0.85 / l : 1;
-  for (let f = 0; f < g; f++) {
-    const h = Math.max(_, m[f] * d), p = f * (r + c), v = (a - h) / 2;
-    e.globalAlpha = f < u ? 1 : 0.35, Ns(e, p, v, r, h);
-  }
-  e.globalAlpha = 1;
-}
-function Se(e, t, a) {
-  const o = window.devicePixelRatio ?? 1, s = Math.max(e.clientWidth, 60), i = Math.round(s * o), r = Ss * o;
-  e.width !== i && (e.width = i), e.height !== r && (e.height = r);
-  const c = e.getContext("2d");
-  c && Ps(c, e.width, e.height, t, a);
-}
-function Ts(e) {
-  return Math.min(1, Math.max(0, e));
-}
-function lt(e, t) {
-  const a = e.getBoundingClientRect();
-  return Ts((t - a.left) / a.width);
-}
-function Lt({
-  audioBlob: e,
-  progress: t,
-  onSeek: a
-}) {
-  const o = M(null), s = M(null), i = M(t), r = M(a);
-  i.current = t, r.current = a, A(() => {
-    const _ = o.current;
-    if (!_) return;
-    let u = !1;
-    s.current = null, Se(_, null, i.current);
-    const m = new ResizeObserver(() => {
-      u || Se(_, s.current, i.current);
-    });
-    m.observe(_);
-    const l = new AudioContext();
-    return e.arrayBuffer().then((d) => l.decodeAudioData(d)).then((d) => {
-      u || (s.current = d.getChannelData(0), Se(_, s.current, i.current));
-    }).catch(() => {
-    }).finally(() => l.close()), () => {
-      u = !0, m.disconnect();
-    };
-  }, [e]), A(() => {
-    const _ = o.current;
-    _ && Se(_, s.current, t);
-  }, [t]);
-  const c = b(
-    (_) => {
-      if (!r.current) return;
-      const u = o.current;
-      u && (_.preventDefault(), u.setPointerCapture(_.pointerId), r.current(lt(u, _.clientX)));
-    },
-    []
-  ), g = b(
-    (_) => {
-      if (!r.current || _.buttons === 0) return;
-      const u = o.current;
-      u && r.current(lt(u, _.clientX));
-    },
-    []
-  );
-  return /* @__PURE__ */ n(
-    "canvas",
-    {
-      ref: o,
-      className: Rt.waveform,
-      "data-seekable": !!a,
-      "aria-hidden": !0,
-      onPointerDown: a ? c : void 0,
-      onPointerMove: a ? g : void 0
-    }
-  );
-}
-function As() {
-  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 Et() {
-  return /* @__PURE__ */ C(
-    "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 et() {
-  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 ne = {
-  "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 xs({
-  showControls: e,
-  recordingControlsClassName: t,
-  frozenIsRecording: a,
-  frozenIsPreview: o,
-  analyserNode: s,
-  audioBlob: i,
-  audioProgress: r,
-  isPlaying: c,
-  isPreview: g,
-  handlePlayPause: _,
-  handleSeekPreview: u,
-  handleCancelRecording: m,
-  timerDisplay: l,
-  objectUrl: d,
-  audioRef: f,
-  handleAudioPlay: h,
-  handleAudioPause: p,
-  handleAudioEnded: v,
-  handleAudioLoadedMetadata: w,
-  handleAudioTimeUpdate: P
-}) {
-  return /* @__PURE__ */ C(xe, { children: [
-    e && /* @__PURE__ */ C(
-      "div",
-      {
-        className: B(
-          ne["recording-controls"],
-          t
-        ),
-        children: [
-          /* @__PURE__ */ n(
-            "button",
-            {
-              type: "button",
-              className: ne["recording-side-btn"],
-              "aria-label": g ? "Discard recording" : "Cancel recording",
-              onClick: m,
-              children: /* @__PURE__ */ n(As, {})
-            }
-          ),
-          /* @__PURE__ */ C(
-            "div",
-            {
-              className: B(
-                ne["recording-pill"],
-                a ? ne["recording-pill--recording"] : ne["recording-pill--preview"]
-              ),
-              children: [
-                o && /* @__PURE__ */ n(
-                  "button",
-                  {
-                    type: "button",
-                    className: ne["preview-play-btn"],
-                    "aria-label": c ? "Pause" : "Play recording",
-                    onClick: _,
-                    children: c ? /* @__PURE__ */ n(Et, {}) : /* @__PURE__ */ n(et, {})
-                  }
-                ),
-                a && s ? /* @__PURE__ */ n(Ms, { analyserNode: s }) : o && i ? /* @__PURE__ */ n(
-                  Lt,
-                  {
-                    audioBlob: i,
-                    progress: r,
-                    onSeek: u
-                  }
-                ) : null,
-                /* @__PURE__ */ n("span", { className: ne["recording-timer"], children: l })
-              ]
-            }
-          )
-        ]
-      }
-    ),
-    d && /* @__PURE__ */ n(
-      "audio",
-      {
-        ref: f,
-        src: d,
-        onPlay: h,
-        onPause: p,
-        onEnded: v,
-        onLoadedMetadata: w,
-        onTimeUpdate: P,
-        style: { display: "none" }
-      }
-    )
-  ] });
-}
-function Bs() {
-  return typeof window < "u" && typeof navigator.mediaDevices?.getUserMedia == "function" && typeof MediaRecorder < "u";
-}
-function Is() {
-  const [e, t] = N("idle"), [a, o] = N(void 0), [s, i] = N(
-    void 0
-  ), [r, c] = N(!1), g = Bs(), _ = M(void 0), u = M(void 0), m = M(void 0), l = M([]), d = b(() => {
-    u.current?.getTracks().forEach((v) => v.stop()), u.current = void 0, m.current?.close(), m.current = void 0, i(void 0);
-  }, []), f = b(async () => {
-    if (!g || e !== "idle") return;
-    c(!1);
-    let v;
-    try {
-      v = await navigator.mediaDevices.getUserMedia({ audio: !0 });
-    } catch (T) {
-      T instanceof Error && T.name === "NotAllowedError" && c(!0);
-      return;
-    }
-    u.current = v;
-    const w = new AudioContext();
-    m.current = w;
-    const P = w.createMediaStreamSource(v), y = w.createAnalyser();
-    y.fftSize = 256, P.connect(y), i(y), l.current = [];
-    const S = new MediaRecorder(v);
-    _.current = S, S.ondataavailable = (T) => {
-      T.data.size > 0 && l.current.push(T.data);
-    }, S.start(), t("recording");
-  }, [g, e]), h = b(() => {
-    const v = _.current;
-    !v || e !== "recording" || (v.onstop = () => {
-      const w = new Blob(l.current, {
-        type: v.mimeType || "audio/webm"
-      });
-      o(w), t("preview");
-    }, v.stop(), d());
-  }, [e, d]), p = b(() => {
-    const v = _.current;
-    v && v.state !== "inactive" && (v.onstop = null, v.stop()), d(), l.current = [], o(void 0), t("idle");
-  }, [d]);
-  return A(() => () => {
-    const v = _.current;
-    v && v.state !== "inactive" && (v.onstop = null, v.stop()), d();
-  }, [d]), {
-    recorderState: e,
-    audioBlob: a,
-    analyserNode: s,
-    isSupported: g,
-    permissionError: r,
-    startRecording: f,
-    confirmRecording: h,
-    cancelRecording: p
-  };
-}
-function Ae(e) {
-  const t = String(Math.floor(e / 60)).padStart(2, "0"), a = String(Math.floor(e % 60)).padStart(2, "0");
-  return `${t}:${a}`;
-}
-const qe = "audio-recording", me = "audio-preview", Rs = 120;
-function Ls(e) {
-  return new Promise((t, a) => {
-    const o = new FileReader();
-    o.onloadend = () => t(o.result), o.onerror = a, o.readAsDataURL(e);
-  });
-}
-function Es(e) {
-  const [t, a] = N(e), [o, s] = N(!1), i = M();
-  return A(() => (e ? (clearTimeout(i.current), a(!0), s(!1)) : (s(!0), i.current = setTimeout(() => {
-    a(!1), s(!1);
-  }, Rs)), () => {
-    clearTimeout(i.current);
-  }), [e]), { showControls: t, isExiting: o };
-}
-function ks(e, t) {
-  const { controller: a } = $(), { activeId: o, setActive: s, clearActive: i } = Re(), {
-    recorderState: r,
-    audioBlob: c,
-    analyserNode: g,
-    isSupported: _,
-    startRecording: u,
-    confirmRecording: m,
-    cancelRecording: l
-  } = Is(), d = e.webchatClientSettingsBehaviors.input.isAudioRecordingVisible && _, [f, h] = N(0), p = M(
-    void 0
-  ), v = M(null), [w, P] = N(""), [y, S] = N(!1), [T, I] = N(0), [R, O] = N(0);
-  A(() => (r === "recording" ? (h(0), p.current = setInterval(() => {
-    h((L) => L + 1);
-  }, 1e3)) : (clearInterval(p.current), r === "idle" && (h(0), I(0), O(0), S(!1))), () => clearInterval(p.current)), [r]), A(() => {
-    if (!c) {
-      P("");
-      return;
-    }
-    const L = URL.createObjectURL(c);
-    return P(L), () => URL.revokeObjectURL(L);
-  }, [c]);
-  const G = Ae(r === "recording" ? f : y ? R : T), X = T > 0 ? R / T : 0;
-  A(() => {
-    o !== me && y && v.current?.pause();
-  }, [o, y]);
-  const W = b(() => {
-    S(!0), s(me);
-  }, [s]), Q = b(() => {
-    S(!1), i(me);
-  }, [i]), ae = b(() => {
-    S(!1), i(me);
-  }, [i]), ee = b(
-    (L) => {
-      I(Math.round(L.currentTarget.duration));
-    },
-    []
-  ), Ce = b(
-    (L) => {
-      O(Math.round(L.currentTarget.currentTime));
-    },
-    []
-  ), Ee = b(() => {
-    const L = v.current;
-    L && (y ? L.pause() : L.play().catch(() => S(!1)));
-  }, [y]), ke = b(() => {
-    d && (s(qe), u());
-  }, [d, s, u]), De = b(() => {
-    i(qe), m();
-  }, [i, m]), Oe = b(() => {
-    i(qe), i(me), l();
-  }, [i, l]), ue = b(
-    (L) => {
-      !v.current || T === 0 || (v.current.currentTime = L * T, O(Math.round(v.current.currentTime)));
-    },
-    [T]
-  ), We = b(() => {
-    v.current?.pause(), i(me), c && Ls(c).then((L) => {
-      const Ue = Ke.createAudio({
-        attachmentContent: L,
-        metadata: { sent_by: he.User }
-      });
-      a.sendMessage(Ue);
-    }).catch(() => {
-    }).finally(() => {
-      l();
-    });
-  }, [c, a, l, i]), ge = r !== "idle", { showControls: Ve, isExiting: pe } = Es(ge), fe = M(r);
-  ge && (fe.current = r);
-  const ze = fe.current === "recording", re = fe.current === "preview", K = r === "preview", He = r === "recording", $e = ge, Fe = pe ? ne["recording-controls-exit"] : ne["recording-controls-enter"];
-  return {
-    audioRecordingAvailable: d,
-    hideBaseContent: $e,
-    isPreview: K,
-    isRecording: He,
-    handleMicrophoneClick: ke,
-    handleConfirmRecording: De,
-    handleSendRecording: We,
-    overlayProps: {
-      showControls: Ve,
-      recordingControlsClassName: Fe,
-      frozenIsRecording: ze,
-      frozenIsPreview: re,
-      analyserNode: g,
-      audioBlob: c,
-      audioProgress: X,
-      isPlaying: y,
-      isPreview: K,
-      handlePlayPause: Ee,
-      handleSeekPreview: ue,
-      handleCancelRecording: Oe,
-      timerDisplay: G,
-      objectUrl: w,
-      audioRef: v,
-      handleAudioPlay: W,
-      handleAudioPause: Q,
-      handleAudioEnded: ae,
-      handleAudioLoadedMetadata: ee,
-      handleAudioTimeUpdate: Ce
-    }
-  };
-}
-function Ds() {
-  return /* @__PURE__ */ n("svg", { ...le, 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 Os() {
-  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 Ws() {
-  return /* @__PURE__ */ n("svg", { ...le, 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 Vs() {
-  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", { ...le, 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 zs = "webchat-input-module__base___TZXU7", Hs = "webchat-input-module__branding___ReLzJ", x = {
-  default: "webchat-input-module__default___tHS5e",
-  base: zs,
-  "input-form": "webchat-input-module__input-form___GnKc7",
-  "input-row": "webchat-input-module__input-row___uqTs6",
-  branding: Hs,
-  "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 $s(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 Fs(e, t, a) {
-  const { controller: o } = $(), {
-    placeholder: s = "Message...",
-    disabled: i,
-    variant: r = "default",
-    showBranding: c = !0,
-    "aria-label": g,
-    className: _,
-    onEmojiClick: u,
-    onAttachmentClick: m,
-    onMicrophoneClick: l,
-    onUserMessageSent: d,
-    ...f
-  } = e, [h, p] = N(""), v = M(""), w = t.webchatClientSettingsBehaviors.input, P = w.isTextInputEnabled && !i, y = $s(
-    h,
-    w.blockInputs
-  ), S = h.trim().length > 0, {
-    hasAttachments: T,
-    attachmentError: I,
-    fileInputRef: R,
-    handleFileInputChange: O,
-    handleOpenFilePicker: G,
-    sendAttachments: X,
-    attachmentListProps: W
-  } = vs(), {
-    audioRecordingAvailable: Q,
-    hideBaseContent: ae,
-    isPreview: ee,
-    isRecording: Ce,
-    handleMicrophoneClick: Ee,
-    handleConfirmRecording: ke,
-    handleSendRecording: De,
-    overlayProps: Oe
-  } = ks(t), ue = b(() => {
-    if (!P || y) return;
-    const Z = v.current.trim();
-    if (Z) {
-      const ye = Ke.createText({
-        text: Z,
-        metadata: {
-          sent_by: he.User
-        }
-      });
-      d?.(), o.sendMessage(ye), v.current = "", p("");
-    }
-  }, [o, P, y, d]), We = b(
-    (Z) => {
-      Z.preventDefault(), T && X(), ue();
-    },
-    [T, X, ue]
-  ), ge = b(
-    (Z) => {
-      const ye = Z.target.value;
-      v.current = ye, p(ye);
-    },
-    []
-  ), Ve = b(
-    (Z) => {
-      Z.key === "Enter" && !Z.shiftKey && (Z.preventDefault(), ue());
-    },
-    [ue]
-  ), pe = S || T, fe = Q ? !!i || !P || S && y : !!i || !P || !pe || S && y, ze = Q ? pe ? "submit" : "button" : "submit", re = !Ce && !ee && Q && !pe, K = Ce, He = !re && !K, $e = re ? x["primary-action-mic"] : K ? x["primary-action-confirm"] : x["primary-action-send"], Fe = K || ee ? "button" : ze, tt = K ? !1 : fe, L = K ? ke : ee ? De : re ? Ee : void 0, Ue = re ? "Record voice message" : K ? "Confirm recording" : "Send message", Ht = b(() => {
-    G(), m?.();
-  }, [G, m]);
-  return {
-    // Input wrapper props
-    inputProps: {
-      ...f,
-      ref: a,
-      "aria-label": g || s,
-      "data-webchat-input": ""
-    },
-    // Form state and handlers
-    inputValue: h,
-    hasText: S,
-    handleSubmit: We,
-    onEmojiClick: u,
-    onAttachmentClick: Ht,
-    // Attachment preview
-    hasAttachments: T,
-    attachmentError: I,
-    fileInputRef: R,
-    handleFileInputChange: O,
-    attachmentListProps: W,
-    // Input field props
-    fieldProps: {
-      value: h,
-      onChange: ge,
-      onKeyDown: Ve,
-      placeholder: s,
-      disabled: !P,
-      rows: 1
-      // minimum rows; CSS field-sizing: content allows growth up to --webchat-input-max-rows
-    },
-    // CSS class variants
-    variants: {
-      variant: r,
-      className: _
-    },
-    isInputEnabled: P,
-    isInputDisabled: i,
-    inputBehavior: w,
-    showBranding: c,
-    // Audio overlay (passed to AudioInput)
-    overlayProps: Oe,
-    hideBaseContent: ae,
-    audioRecordingAvailable: Q,
-    // Primary action button
-    primaryBgClass: $e,
-    primaryType: Fe,
-    isPrimaryDisabled: tt,
-    primaryHandler: L,
-    primaryLabel: Ue,
-    // Action bar
-    showMic: re,
-    showConfirm: K,
-    showSend: He
-  };
-}
-const Us = U(x.base, {
-  variants: {
-    variant: {
-      default: x.default
-    }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
-});
-function js(e) {
-  const { state: t } = $(), a = M(null), {
-    inputProps: o,
-    handleSubmit: s,
-    fieldProps: i,
-    variants: r,
-    showBranding: c,
-    onEmojiClick: g,
-    onAttachmentClick: _,
-    isInputDisabled: u,
-    inputBehavior: m,
-    overlayProps: l,
-    hideBaseContent: d,
-    audioRecordingAvailable: f,
-    primaryBgClass: h,
-    primaryType: p,
-    isPrimaryDisabled: v,
-    primaryHandler: w,
-    primaryLabel: P,
-    showMic: y,
-    showConfirm: S,
-    showSend: T,
-    hasAttachments: I,
-    attachmentError: R,
-    fileInputRef: O,
-    handleFileInputChange: G,
-    attachmentListProps: X
-  } = Fs(e, t, a), { icons: W } = e;
-  if (!m.isComposerVisible)
-    return null;
-  const Q = c ? /* @__PURE__ */ n("p", { className: x.branding, children: "Powered by Hubtype" }) : void 0;
-  return /* @__PURE__ */ C(
-    "div",
-    {
-      ...o,
-      className: Us(r),
-      "data-webchat-input": !0,
-      "data-attachments-enabled": String(m.areAttachmentsVisible),
-      "data-emoji-picker-enabled": String(m.isEmojiPickerVisible),
-      children: [
-        /* @__PURE__ */ n("div", { className: x["input-container"], children: /* @__PURE__ */ C(
-          "form",
-          {
-            onSubmit: s,
-            className: B(
-              x["input-form"],
-              d && x["input-form--active"]
-            ),
-            children: [
-              I && /* @__PURE__ */ n(ds, { ...X }),
-              R && /* @__PURE__ */ n("p", { className: x["attachment-error"], role: "alert", children: R }),
-              /* @__PURE__ */ C("div", { className: x["input-row"], children: [
-                f && /* @__PURE__ */ n(xs, { ...l }),
-                /* @__PURE__ */ n(
-                  "textarea",
-                  {
-                    ...i,
-                    className: B(
-                      x["input-field"],
-                      d && x["content-hidden"]
-                    ),
-                    inert: d ? "" : void 0
-                  }
-                ),
-                /* @__PURE__ */ C(
-                  "div",
-                  {
-                    className: B(
-                      x["action-bar"],
-                      d && x["content-hidden"]
-                    ),
-                    role: "group",
-                    "aria-label": "Message actions",
-                    inert: d ? "" : void 0,
-                    children: [
-                      m.isEmojiPickerVisible && /* @__PURE__ */ n(
-                        "button",
-                        {
-                          type: "button",
-                          className: x["action-button"],
-                          "aria-label": "Emoji",
-                          disabled: u,
-                          onClick: g,
-                          children: W?.emoji ?? /* @__PURE__ */ n(Ws, {})
-                        }
-                      ),
-                      m.areAttachmentsVisible && /* @__PURE__ */ n(
-                        "button",
-                        {
-                          type: "button",
-                          className: x["action-button"],
-                          "aria-label": "Attach file",
-                          disabled: u,
-                          onClick: _,
-                          children: W?.attachment ?? /* @__PURE__ */ n(Ds, {})
-                        }
-                      )
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ n(
-                  "button",
-                  {
-                    type: p,
-                    className: B(x["primary-action-base"], h),
-                    disabled: v,
-                    "aria-label": P,
-                    onClick: w,
-                    children: /* @__PURE__ */ n("span", { className: x["icon-slot"], children: f ? /* @__PURE__ */ C(xe, { children: [
-                      /* @__PURE__ */ n(
-                        "span",
-                        {
-                          "aria-hidden": !0,
-                          className: B(x["icon-face"], x["icon-mic"]),
-                          "data-visible": y ? "true" : "false",
-                          children: W?.microphone ?? /* @__PURE__ */ n(Vs, {})
-                        }
-                      ),
-                      /* @__PURE__ */ n(
-                        "span",
-                        {
-                          "aria-hidden": !0,
-                          className: B(
-                            x["icon-face"],
-                            x["icon-confirm"]
-                          ),
-                          "data-visible": S ? "true" : "false",
-                          children: /* @__PURE__ */ n(Os, {})
-                        }
-                      ),
-                      /* @__PURE__ */ n(
-                        "span",
-                        {
-                          "aria-hidden": !0,
-                          className: B(x["icon-face"], x["icon-send"]),
-                          "data-visible": T ? "true" : "false",
-                          children: W?.send ?? /* @__PURE__ */ n(ut, {})
-                        }
-                      )
-                    ] }) : /* @__PURE__ */ n(
-                      "span",
-                      {
-                        "aria-hidden": !0,
-                        className: B(x["icon-face"], x["icon-send"]),
-                        "data-visible": "true",
-                        children: W?.send ?? /* @__PURE__ */ n(ut, {})
-                      }
-                    ) })
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ n(
-                "input",
-                {
-                  ref: O,
-                  type: "file",
-                  accept: gs,
-                  onChange: G,
-                  style: { display: "none" },
-                  "aria-hidden": !0,
-                  tabIndex: -1
-                }
-              )
-            ]
-          }
-        ) }),
-        Q
-      ]
-    }
-  );
-}
-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 qs = "typing-message-module__typingDot___cCobM", Gs = "typing-message-module__typingDots___LwFeC", Ne = {
-  typingDot: qs,
-  typingDots: Gs
-}, Xs = ({
-  isVisible: e = !1,
-  className: t
-}) => e ? /* @__PURE__ */ n(Je, { variant: "bot", className: t, children: /* @__PURE__ */ C("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, Qs = "audio-message-module__audioMessageBase___Xye8T", Ks = "audio-message-module__audioControls___bPgRS", Zs = "audio-message-module__playButton___zFi0C", Ys = "audio-message-module__waveformPlaceholder___I9e-v", Js = "audio-message-module__timer___6vQtQ", ve = {
-  audioMessageBase: Qs,
-  audioControls: Ks,
-  playButton: Zs,
-  waveformPlaceholder: Ys,
-  timer: Js
-};
-function er({
-  src: e,
-  messageId: t,
-  onAudioLoad: a,
-  onPlay: o,
-  onPause: s,
-  onEnded: i
-}) {
-  const r = M(null), [c, g] = N(!1), [_, u] = N(), [m, l] = N(0), [d, f] = N(), h = M(!1), { activeId: p, setActive: v, clearActive: w } = Re(), { isFocusVisible: P, focusProps: y } = Ze();
-  A(() => {
-    t && p !== t && c && r.current?.pause();
-  }, [p, t, c]), A(() => {
-    if (h.current) return;
-    let ae = !1;
-    return fetch(e).then((ee) => ee.blob()).then((ee) => {
-      ae || (h.current = !0, f(ee));
-    }).catch(() => {
-    }), () => {
-      ae = !0;
-    };
-  }, [e]);
-  const S = b(() => {
-    r.current && (u(r.current.duration), a?.());
-  }, [a]), T = b(() => {
-    r.current && l(r.current.currentTime);
-  }, []), I = b(() => {
-    g(!0), t && v(t), o?.();
-  }, [t, o, v]), R = b(() => {
-    g(!1), t && w(t), s?.();
-  }, [t, s, w]), O = b(() => {
-    g(!1), l(0), t && w(t), i?.();
-  }, [t, i, w]), G = b(() => {
-    r.current && (c ? r.current.pause() : r.current.play());
-  }, [c]), X = b(
-    (ae) => {
-      !r.current || _ === void 0 || (r.current.currentTime = ae * _, l(r.current.currentTime));
-    },
-    [_]
-  ), W = _ ? m / _ : 0, Q = c ? Ae(m) : _ !== void 0 ? Ae(_) : "--:--";
-  return {
-    audioRef: r,
-    audioBlob: d,
-    isPlaying: c,
-    audioProgress: W,
-    timerLabel: Q,
-    handlePlayPause: G,
-    handleSeek: X,
-    audioProps: {
-      onLoadedMetadata: S,
-      onTimeUpdate: T,
-      onPlay: I,
-      onPause: R,
-      onEnded: O
-    },
-    playButtonProps: {
-      ...y,
-      "data-focus-visible": P
-    }
-  };
-}
-const kt = H(
-  ({
-    src: e,
-    messageId: t,
-    alt: a = "Audio message",
-    onAudioLoad: o,
-    onPlay: s,
-    onPause: i,
-    onEnded: r,
-    className: c,
-    ...g
-  }, _) => {
-    const {
-      audioRef: u,
-      audioBlob: m,
-      isPlaying: l,
-      audioProgress: d,
-      timerLabel: f,
-      handlePlayPause: h,
-      handleSeek: p,
-      audioProps: v,
-      playButtonProps: w
-    } = er({
-      src: e,
-      messageId: t,
-      onAudioLoad: o,
-      onPlay: s,
-      onPause: i,
-      onEnded: r
-    });
-    return /* @__PURE__ */ C(
-      se,
-      {
-        ref: _,
-        className: B(ve.audioMessageBase, c),
-        ...g,
-        children: [
-          /* @__PURE__ */ n(
-            "audio",
-            {
-              ref: u,
-              src: e,
-              "aria-label": a,
-              ...v,
-              preload: "metadata"
-            }
-          ),
-          /* @__PURE__ */ C("div", { className: ve.audioControls, children: [
-            /* @__PURE__ */ n(
-              "button",
-              {
-                type: "button",
-                className: ve.playButton,
-                onClick: h,
-                "aria-label": l ? "Pause audio" : "Play audio",
-                ...w,
-                children: l ? /* @__PURE__ */ n(Et, {}) : /* @__PURE__ */ n(et, {})
-              }
-            ),
-            m ? /* @__PURE__ */ n(
-              Lt,
-              {
-                audioBlob: m,
-                progress: d,
-                onSeek: p
-              }
-            ) : /* @__PURE__ */ n("div", { className: ve.waveformPlaceholder, "aria-hidden": !0 }),
-            /* @__PURE__ */ n("span", { className: ve.timer, children: f })
-          ] })
-        ]
-      }
-    );
-  }
-);
-kt.displayName = "AudioMessage";
-function tr() {
-  return /* @__PURE__ */ C(
-    "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"
-          }
-        )
-      ]
-    }
-  );
-}
-const nr = "quick-reply-module__quickReply___XdDLW", ar = "quick-reply-module__secondary___iK3q-", or = "quick-reply-module__primary___LsI8k", sr = "quick-reply-module__iconWrapper___rSIxQ", be = {
-  quickReply: nr,
-  secondary: ar,
-  primary: or,
-  iconWrapper: sr
-};
-function rr(e) {
-  return "type" in e ? e.type === nn.WebUrl || !!e.webview : !1;
-}
-const Dt = H(
-  ({
-    text: e,
-    disabled: t = !1,
-    onClick: a,
-    button: o,
-    className: s,
-    variant: i = "secondary"
-  }, r) => {
-    const c = rr(o);
-    return /* @__PURE__ */ C(
-      "button",
-      {
-        ref: r,
-        disabled: t,
-        onClick: (_) => {
-          _.preventDefault(), _.stopPropagation(), a?.(o);
-        },
-        className: B(
-          be.quickReply,
-          i === "primary" && be.primary,
-          i === "secondary" && be.secondary,
-          c && be.withIcon,
-          s
-        ),
-        type: "button",
-        children: [
-          c && /* @__PURE__ */ n("span", { className: be.iconWrapper, children: /* @__PURE__ */ n(tr, {}) }),
-          e
-        ]
-      }
-    );
-  }
-), ir = "button-message-module__actions___3CAVo", cr = "button-message-module__floatingButton___OK9AF", dt = {
-  actions: ir,
-  floatingButton: cr
-}, lr = H(
-  ({ text: e, buttons: t, buttonsPerRow: a = 1, className: o, hideFooter: s, ...i }, r) => {
-    const c = Math.min(a, t.length), { messageClasses: g, bubbleProps: _, infoProps: u, standaloneAvatarProps: m } = Mt({ ...i, children: null, hasActions: !0, hideFooter: s });
-    return /* @__PURE__ */ C(
-      "div",
-      {
-        ref: r,
-        className: B(g, o),
-        "data-testid": `webchat-message-${i.variant || "bot"}`,
-        children: [
-          m && /* @__PURE__ */ n(Ye, { ...m }),
-          /* @__PURE__ */ n(Je, { ..._, children: e }),
-          /* @__PURE__ */ n(
-            "div",
-            {
-              className: dt.actions,
-              "data-webchat-message-actions": !0,
-              style: { gridTemplateColumns: `repeat(${c}, 1fr)` },
-              children: t.map((l, d) => /* @__PURE__ */ n(
-                Dt,
-                {
-                  text: l.text,
-                  disabled: l.disabled,
-                  button: l.type ? {
-                    type: l.type,
-                    title: l.text,
-                    payload: l.value,
-                    webview: l.webview
-                  } : { text: l.text, value: l.value },
-                  onClick: () => l.onClick?.(l.value),
-                  variant: "secondary",
-                  className: dt.floatingButton
-                },
-                d
-              ))
-            }
-          ),
-          !s && /* @__PURE__ */ n(yt, { ...u })
-        ]
-      }
-    );
-  }
-), ur = "carousel-message-module__carouselMessageBase___yV-Nd", dr = "carousel-message-module__buttonContainer___lPydV", mr = "carousel-message-module__carouselWrapper___OaVVz", _r = "carousel-message-module__carouselSlider___qtpjn", hr = "carousel-message-module__carouselCard___5GhQQ", gr = "carousel-message-module__imageContainer___-NYcV", pr = "carousel-message-module__elementImage___TEjVf", fr = "carousel-message-module__elementContent___fQqqZ", vr = "carousel-message-module__elementTitle___sUPzb", br = "carousel-message-module__elementSubtitle___7yW9w", wr = "carousel-message-module__arrowLayer___-lMZC", Cr = "carousel-message-module__arrowButton___EkObr", yr = "carousel-message-module__prevArrow___YcQdm", Mr = "carousel-message-module__nextArrow___ndT0K", V = {
-  carouselMessageBase: ur,
-  buttonContainer: dr,
-  carouselWrapper: mr,
-  carouselSlider: _r,
-  carouselCard: hr,
-  imageContainer: gr,
-  elementImage: pr,
-  elementContent: fr,
-  elementTitle: vr,
-  elementSubtitle: br,
-  arrowLayer: wr,
-  arrowButton: Cr,
-  prevArrow: yr,
-  nextArrow: Mr
-};
-function Sr() {
-  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 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: "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 mt = 12;
-function Pr({
-  elements: e,
-  onButtonClick: t,
-  onElementImageLoad: a
-}) {
-  const o = M(null), [s, i] = N(!1), [r, c] = N(e.length > 1), g = b(() => o.current?.firstElementChild?.offsetWidth ?? 200, []), _ = b(() => {
-    const p = o.current;
-    if (!p) return;
-    const v = 2;
-    i(p.scrollLeft > v), c(p.scrollLeft < p.scrollWidth - p.clientWidth - v);
-  }, []), u = b(() => {
-    const p = o.current;
-    if (!p) return;
-    const v = g();
-    p.scrollTo({
-      left: p.scrollLeft - (v + mt),
-      behavior: "smooth"
-    });
-  }, [g]), m = b(() => {
-    const p = o.current;
-    if (!p) return;
-    const v = g();
-    p.scrollTo({
-      left: p.scrollLeft + (v + mt),
-      behavior: "smooth"
-    });
-  }, [g]), l = b(
-    (p) => {
-      p.key === "ArrowLeft" ? (p.preventDefault(), u()) : p.key === "ArrowRight" && (p.preventDefault(), m());
-    },
-    [u, m]
-  ), d = b(
-    (p) => {
-      "type" in p && t?.(p);
-    },
-    [t]
-  ), f = b(
-    (p) => ({
-      onLoad: () => a?.(p),
-      onError: () => a?.(p)
-    }),
-    [a]
-  ), h = b(
-    (p) => ({
-      role: "listitem",
-      "aria-label": `Card ${p + 1} of ${e.length}`
-    }),
-    [e.length]
-  );
-  return {
-    containerProps: {
-      role: "region",
-      "aria-label": "Carousel",
-      onKeyDown: l,
-      tabIndex: 0
-    },
-    sliderProps: {
-      ref: o,
-      role: "list",
-      onScroll: _
-    },
-    cardProps: h,
-    imageProps: f,
-    prevArrowProps: {
-      onClick: u,
-      "aria-label": "Previous card",
-      disabled: !s
-    },
-    nextArrowProps: {
-      onClick: m,
-      "aria-label": "Next card",
-      disabled: !r
-    },
-    handleButtonClick: d,
-    variants: {
-      canScrollPrev: s,
-      canScrollNext: r
-    }
-  };
-}
-const Ot = H(
-  ({ elements: e, onButtonClick: t, onElementImageLoad: a, className: o, ...s }, i) => {
-    const {
-      containerProps: r,
-      sliderProps: c,
-      cardProps: g,
-      imageProps: _,
-      prevArrowProps: u,
-      nextArrowProps: m,
-      handleButtonClick: l,
-      variants: d
-    } = Pr({ elements: e, onButtonClick: t, onElementImageLoad: a });
-    return /* @__PURE__ */ n(
-      se,
-      {
-        ref: i,
-        className: B(V.carouselMessageBase, o),
-        isFullWidth: !0,
-        ...s,
-        children: /* @__PURE__ */ C("div", { ...r, className: V.carouselWrapper, children: [
-          /* @__PURE__ */ n("div", { ...c, className: V.carouselSlider, children: e.map((f, h) => /* @__PURE__ */ C(
-            "div",
-            {
-              ...g(h),
-              className: V.carouselCard,
-              children: [
-                /* @__PURE__ */ n("div", { className: V.imageContainer, children: /* @__PURE__ */ n(
-                  "img",
-                  {
-                    src: f.image,
-                    alt: f.title,
-                    className: V.elementImage,
-                    ..._(h)
-                  }
-                ) }),
-                /* @__PURE__ */ C("div", { className: V.elementContent, children: [
-                  /* @__PURE__ */ n("h3", { className: V.elementTitle, children: f.title }),
-                  f.subtitle && /* @__PURE__ */ n("p", { className: V.elementSubtitle, children: f.subtitle })
-                ] }),
-                f.buttons.map((p, v) => /* @__PURE__ */ n(
-                  "div",
-                  {
-                    className: V.buttonContainer,
-                    children: /* @__PURE__ */ n(
-                      Dt,
-                      {
-                        text: p.title,
-                        button: p,
-                        onClick: l,
-                        variant: "secondary"
-                      }
-                    )
-                  },
-                  `${f.id}-btn-${v}`
-                ))
-              ]
-            },
-            f.id
-          )) }),
-          e.length > 1 && /* @__PURE__ */ C("div", { className: V.arrowLayer, children: [
-            d.canScrollPrev && /* @__PURE__ */ n(
-              "button",
-              {
-                ...u,
-                type: "button",
-                className: B(V.arrowButton, V.prevArrow),
-                children: /* @__PURE__ */ n(Sr, {})
-              }
-            ),
-            d.canScrollNext && /* @__PURE__ */ n(
-              "button",
-              {
-                ...m,
-                type: "button",
-                className: B(V.arrowButton, V.nextArrow),
-                children: /* @__PURE__ */ n(Nr, {})
-              }
-            )
-          ] })
-        ] })
-      }
-    );
-  }
-);
-Ot.displayName = "CarouselMessage";
-const Tr = "document-message-module__documentMessageBase___hqh5-", Ar = "document-message-module__fileRow___-dzrn", xr = "document-message-module__fileIcon___OwdXn", Br = "document-message-module__fileName___2d5yP", Pe = {
-  documentMessageBase: Tr,
-  fileRow: Ar,
-  fileIcon: xr,
-  fileName: Br
-};
-function Ir({
-  src: e,
-  filename: t,
-  onDownload: a
-}) {
-  return {
-    downloadProps: {
-      onClick: b(() => {
-        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 Rr(e) {
-  return e?.includes("pdf") ? /* @__PURE__ */ n(Bt, {}) : /* @__PURE__ */ n(xt, {});
-}
-const Wt = H(
-  ({ src: e, filename: t, mimeType: a, onDownload: o, className: s, ...i }, r) => {
-    const { downloadProps: c } = Ir({ src: e, filename: t, onDownload: o });
-    return /* @__PURE__ */ n(
-      se,
-      {
-        ref: r,
-        className: B(Pe.documentMessageBase, s),
-        ...i,
-        children: /* @__PURE__ */ C(
-          "button",
-          {
-            type: "button",
-            className: Pe.fileRow,
-            "aria-label": `Download ${t || "document"}`,
-            ...c,
-            children: [
-              /* @__PURE__ */ n("span", { className: Pe.fileIcon, "aria-hidden": !0, children: Rr(a) }),
-              /* @__PURE__ */ n("span", { className: Pe.fileName, children: t || "Document" })
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-Wt.displayName = "DocumentMessage";
-const Lr = "image-message-module__imageMessageBase___FDwNN", Er = "image-message-module__mediaImage___xflT1", _t = {
-  imageMessageBase: Lr,
-  mediaImage: Er
-};
-function kr({ onImageLoad: e }) {
-  const t = b(() => {
-    e?.();
-  }, [e]), a = b(() => {
-    e?.();
-  }, [e]);
-  return {
-    imageProps: {
-      onLoad: t,
-      onError: a
-    }
-  };
-}
-const Vt = H(
-  ({ src: e, alt: t = "Attached image", onImageLoad: a, className: o, ...s }, i) => {
-    const { imageProps: r } = kr({ onImageLoad: a });
-    return /* @__PURE__ */ n(
-      se,
-      {
-        ref: i,
-        className: B(_t.imageMessageBase, o),
-        ...s,
-        children: /* @__PURE__ */ n(
-          "img",
-          {
-            src: e,
-            alt: t,
-            className: _t.mediaImage,
-            ...r
-          }
-        )
-      }
-    );
-  }
-);
-Vt.displayName = "ImageMessage";
-const Dr = "location-message-module__locationMessageBase___rY3d-", Or = "location-message-module__locationContainer___9Rukw", Wr = "location-message-module__locationContent___2BRdV", Vr = "location-message-module__locationIcon___rjObu", zr = "location-message-module__locationInfo___NqVsR", Hr = "location-message-module__locationTitle___RpUjH", $r = "location-message-module__locationCoordinates___lLfuf", Fr = "location-message-module__locationLink___Zq2I2", oe = {
-  locationMessageBase: Dr,
-  locationContainer: Or,
-  locationContent: Wr,
-  locationIcon: Vr,
-  locationInfo: zr,
-  locationTitle: Hr,
-  locationCoordinates: $r,
-  locationLink: Fr
-}, Ur = H(
-  ({
-    latitude: e,
-    longitude: t,
-    alt: a = "Location coordinates",
-    onLocationLoad: o,
-    className: s,
-    ...i
-  }, r) => {
-    const c = b(() => {
-      o?.();
-    }, [o]), g = `https://www.google.com/maps?q=${e},${t}`;
-    return /* @__PURE__ */ n(
-      se,
-      {
-        ref: r,
-        className: B(oe.locationMessageBase, s),
-        ...i,
-        children: /* @__PURE__ */ C("div", { className: oe.locationContainer, children: [
-          /* @__PURE__ */ C("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__ */ C("div", { className: oe.locationInfo, children: [
-              /* @__PURE__ */ n("div", { className: oe.locationTitle, children: "Location" }),
-              /* @__PURE__ */ C("div", { className: oe.locationCoordinates, children: [
-                e.toFixed(6),
-                ", ",
-                t.toFixed(6)
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ C(
-            "a",
-            {
-              href: g,
-              target: "_blank",
-              rel: "noopener noreferrer",
-              className: oe.locationLink,
-              onClick: c,
-              "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"
-                      }
-                    )
-                  }
-                )
-              ]
-            }
-          )
-        ] })
-      }
-    );
-  }
-), jr = "text-message-module__textMessageBase___p4r-t", qr = "text-message-module__textContent___yRb8d", ht = {
-  textMessageBase: jr,
-  textContent: qr
-}, Gr = H(
-  ({ text: e, className: t, ...a }, o) => /* @__PURE__ */ n(
-    se,
-    {
-      ref: o,
-      className: B(ht.textMessageBase, t),
-      ...a,
-      children: /* @__PURE__ */ n("div", { className: ht.textContent, children: e })
-    }
-  )
-);
-function Xr({
-  messageId: e,
-  onVideoLoad: t,
-  onPlay: a,
-  onPause: o,
-  onEnded: s
-}) {
-  const i = M(null), [r, c] = N(!1), { activeId: g, setActive: _, clearActive: u } = Re();
-  A(() => {
-    e && g !== e && r && i.current?.pause();
-  }, [g, e, r]);
-  const m = b(() => {
-    t?.();
-  }, [t]), l = b(() => {
-    c(!0), e && _(e), a?.();
-  }, [e, a, _]), d = b(() => {
-    c(!1), e && u(e), o?.();
-  }, [e, o, u]), f = b(() => {
-    c(!1), e && u(e), s?.();
-  }, [e, s, u]), h = b(() => {
-    i.current?.play();
-  }, []);
-  return {
-    videoRef: i,
-    isPlaying: r,
-    videoProps: {
-      onLoadedMetadata: m,
-      onPlay: l,
-      onPause: d,
-      onEnded: f
-    },
-    playButtonProps: {
-      onClick: h
-    }
-  };
-}
-const Qr = "video-message-module__videoMessageBase___RX3Qk", Kr = "video-message-module__videoContainer___ctZrR", Zr = "video-message-module__videoElement___dYbDh", Yr = "video-message-module__playOverlay___QrUG8", Jr = "video-message-module__playIconWrapper___z-w6D", we = {
-  videoMessageBase: Qr,
-  videoContainer: Kr,
-  videoElement: Zr,
-  playOverlay: Yr,
-  playIconWrapper: Jr
-}, zt = H(
-  ({
-    src: e,
-    messageId: t,
-    alt: a = "Video message",
-    onVideoLoad: o,
-    onPlay: s,
-    onPause: i,
-    onEnded: r,
-    className: c,
-    ...g
-  }, _) => {
-    const { videoRef: u, isPlaying: m, videoProps: l, playButtonProps: d } = Xr({
-      messageId: t,
-      onVideoLoad: o,
-      onPlay: s,
-      onPause: i,
-      onEnded: r
-    });
-    return /* @__PURE__ */ n(
-      se,
-      {
-        ref: _,
-        className: B(we.videoMessageBase, c),
-        ...g,
-        children: /* @__PURE__ */ C("div", { className: we.videoContainer, children: [
-          /* @__PURE__ */ n(
-            "video",
-            {
-              ref: u,
-              src: e,
-              "aria-label": a,
-              className: we.videoElement,
-              preload: "metadata",
-              controls: m,
-              ...l
-            }
-          ),
-          !m && /* @__PURE__ */ n(
-            "button",
-            {
-              type: "button",
-              className: we.playOverlay,
-              "aria-label": "Play video",
-              ...d,
-              children: /* @__PURE__ */ n("span", { className: we.playIconWrapper, "aria-hidden": !0, children: /* @__PURE__ */ n(et, {}) })
-            }
-          )
-        ] })
-      }
-    );
-  }
-);
-zt.displayName = "VideoMessage";
-function ei({
-  messageActor: e,
-  baseProps: t = {}
-}) {
-  const { message: a, status: o } = D(e, (c) => ({
-    message: c.context?.message,
-    status: c.context?.status
-  })), s = D(
-    e,
-    (c) => c.can?.({ type: "RETRY" }) ?? !1
-  ), i = ce(() => {
-    if (!a)
-      return {
-        ...t,
-        variant: "bot",
-        status: "sent",
-        showTimestamp: !0,
-        isClickable: !1
-      };
-    const c = (() => {
-      switch (o) {
-        case "unsent":
-          return "sending";
-        case "sent":
-          return "sent";
-        case "failed":
-          return "error";
-        default:
-          return "sent";
-      }
-    })(), g = (() => {
-      switch (a.sent_by) {
-        case he.User:
-          return "user";
-        case he.Bot:
-          return "bot";
-        case he.Agent:
-          return "agent";
-        default:
-          return "user";
-      }
-    })(), _ = s ? () => e.send({ type: "RETRY" }) : void 0, u = g === "bot" ? t.botAvatarConfig ?? void 0 : g === "agent" ? t.agentAvatarConfig ?? void 0 : void 0;
-    return {
-      ...t,
-      variant: g,
-      status: c,
-      timestamp: Xe(a.id),
-      showTimestamp: !0,
-      isClickable: s,
-      onPress: _,
-      avatarConfig: u
-    };
-  }, [a, o, s, e, t]), r = ce(
-    () => (c) => {
-      t.onUserInteraction?.(), e.send({
-        type: "BUTTON_CLICKED",
-        button: c
-      });
-    },
-    [t, e]
-  );
-  return {
-    message: a,
-    status: o,
-    canRetry: s,
-    messageProps: i,
-    handleButtonClick: r
-  };
-}
-const ti = ({
-  messageActor: e,
-  customMessageRenderer: t,
-  baseProps: a = {
-    customMessages: {}
-  },
-  onContentLoad: o,
-  onImageLoadStart: s,
-  onImageLoadComplete: i
-}) => {
-  const { message: r, messageProps: c, handleButtonClick: g } = ei({
-    messageActor: e,
-    baseProps: a
-  });
-  return A(() => {
-    if (r && r.type === "image") {
-      const u = `img-${r.id}-${r.data}`;
-      s?.(u);
-    }
-  }, [r, s]), r ? /* @__PURE__ */ n(xe, { children: (() => {
-    const { id: u } = r;
-    if (r.isText())
-      return /* @__PURE__ */ n(Gr, { ...c, text: r.data.text }, u);
-    if (r.isAudio())
-      return /* @__PURE__ */ n(
-        kt,
-        {
-          ...c,
-          src: r.data.attachment_url ?? r.data.attachment_content ?? "",
-          messageId: u
-        },
-        u
-      );
-    if (r.isVideo())
-      return /* @__PURE__ */ n(
-        zt,
-        {
-          ...c,
-          src: r.data.attachment_url ?? r.data.attachment_content ?? "",
-          messageId: u,
-          alt: "Video",
-          onVideoLoad: () => {
-            o?.();
-          }
-        },
-        u
-      );
-    if (r.isDocument())
-      return /* @__PURE__ */ n(
-        Wt,
-        {
-          ...c,
-          src: r.data.attachment_url ?? r.data.attachment_content ?? "",
-          mimeType: r.data.mime_type,
-          filename: r.data.filename
-        },
-        u
-      );
-    if (r.isLocation())
-      return /* @__PURE__ */ n(
-        Ur,
-        {
-          ...c,
-          latitude: r.data.latitude,
-          longitude: r.data.longitude,
-          alt: "Location coordinates",
-          onLocationLoad: () => {
-            o?.();
-          }
-        },
-        u
-      );
-    if (r.isImage()) {
-      const m = r.data.attachment_url ?? r.data.attachment_content ?? "", l = `img-${u}-${m}`;
-      return /* @__PURE__ */ n(
-        Vt,
-        {
-          ...c,
-          src: m,
-          alt: "Image",
-          onImageLoad: () => {
-            o?.(), i?.(l);
-          }
-        },
-        u
-      );
-    }
-    return r.isButtonMessage() ? /* @__PURE__ */ n(
-      lr,
-      {
-        ...c,
-        text: r.data.text,
-        buttons: r.data.buttons?.map(
-          (m) => ({
-            text: m.title,
-            value: m.payload || m.title,
-            type: m.type,
-            webview: m.webview,
-            disabled: !1,
-            onClick: () => {
-              g(m);
-            }
-          })
-        )
-      },
-      u
-    ) : r.isCarousel() ? /* @__PURE__ */ n(
-      Ot,
-      {
-        ...c,
-        elements: r.data.elements.map((m, l) => ({
-          id: `${u}-${l}`,
-          title: m.title,
-          subtitle: m.subtitle,
-          image: m.image,
-          buttons: m.buttons
-        })),
-        onButtonClick: (m) => {
-          g(m);
-        },
-        onElementImageLoad: () => {
-          o?.();
-        }
-      },
-      u
-    ) : r.isCustom() ? t ? t(
-      r,
-      r.data,
-      g,
-      c
-    ) : (console.warn(
-      `Custom message renderer not provided for message type: ${r.type}`
-    ), null) : (console.warn(`Unknown message type: ${r.type}`), null);
-  })() }) : null;
-};
-function ni(e) {
-  return ce(() => {
-    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 ai(e, t, a) {
-  const {
-    variant: o = "default",
-    hasUserInteracted: s = !1,
-    onScrollDepthChange: i,
-    onMessagesScrollAtTopChange: r,
-    onUserInteraction: c,
-    "aria-label": g,
-    className: _,
-    ...u
-  } = e, m = D(
-    t.controller.machine,
-    (f) => {
-      const h = f.context.messageActors;
-      return h ? Array.from(h.values()) : [];
-    },
-    (f, h) => f.length === h.length
-  ), l = ni(t.avatarConfig), d = D(
-    t.controller.machine,
-    (f) => f.context.isTypingOn,
-    (f, h) => f === h
-  );
-  return {
-    // Props to spread on wrapper element
-    messagesProps: {
-      ...u,
-      ref: a,
-      "aria-label": g || `Chat messages, ${m.length} messages`,
-      "aria-live": "polite",
-      "data-webchat-messages": ""
-    },
-    // Props for MessagesList component (using XState message actors)
-    messageListProps: {
-      messageActors: m,
-      // From XState selector
-      isTyping: d,
-      // From XState selector
-      hasUserInteracted: s,
-      customMessageRenderer: void 0,
-      // TODO: Add custom message renderer support
-      // Pre-computed avatar configs (performance optimization)
-      botAvatarConfig: l.bot,
-      agentAvatarConfig: l.agent,
-      onScrollDepthChange: i,
-      onMessagesScrollAtTopChange: r,
-      onUserInteraction: c
-    },
-    // CSS class variants
-    variants: {
-      variant: o,
-      className: _
-    }
-  };
-}
-const oi = 8, si = 1, ri = 350, ii = 2;
-function ci({
-  scrollRef: e,
-  hasUserInteracted: t,
-  messageActorsLength: a,
-  isTyping: o,
-  onScrollDepthChange: s,
-  onMessagesScrollAtTopChange: i
-}) {
-  const r = M(!1), c = M(!1), g = M(void 0), _ = b(() => {
-    if (!t) return;
-    const l = e.current;
-    if (!l) return;
-    const d = l.scrollTop <= ii;
-    i?.(d);
-  }, [t, i]), u = b(() => {
-    const l = e.current;
-    if (!l) return;
-    const d = r.current ? l.scrollTop > si : l.scrollTop > oi;
-    r.current !== d && (r.current = d, s?.(d));
-  }, [s]), m = b(() => {
-    u(), !c.current && _();
-  }, [_, u]);
-  return qt(() => {
-    if (!e.current) return;
-    const l = e.current;
-    requestAnimationFrame(() => {
-      c.current = !0, g.current !== void 0 && window.clearTimeout(g.current), l.scrollTo({
-        top: l.scrollHeight,
-        behavior: "smooth"
-      }), g.current = window.setTimeout(() => {
-        c.current = !1, m();
-      }, ri), requestAnimationFrame(m);
-    });
-  }, [a, o, m]), { handleScrollState: m };
-}
-const li = "webchat-messages-module__base___V7acY", _e = {
-  base: li,
-  "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"
-}, ui = U(_e.base, {
-  variants: {
-    variant: {
-      default: _e.default
-    }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
-}), di = 1, mi = /* @__PURE__ */ new Set([an.Text]);
-function gt(e) {
-  return mi.has(e.type);
-}
-function _i(e, t) {
-  return !e || !t ? !1 : Math.abs(t.getTime() - e.getTime()) <= di * 6e4;
-}
-function pt(e, t) {
-  return !e || !t || !gt(e) || !gt(t) || e.sent_by !== t.sent_by ? !1 : _i(
-    Xe(e.id),
-    Xe(t.id)
-  );
-}
-function hi({
-  messageActors: e,
-  isTyping: t,
-  hasUserInteracted: a = !1,
-  customMessages: o,
-  botAvatarConfig: s,
-  agentAvatarConfig: i,
-  scrollRef: r,
-  onScrollDepthChange: c,
-  onMessagesScrollAtTopChange: g,
-  onUserInteraction: _
-}) {
-  const { handleScrollState: u } = ci({
-    scrollRef: r,
-    hasUserInteracted: a ?? !1,
-    messageActorsLength: e.length,
-    isTyping: t,
-    onScrollDepthChange: c,
-    onMessagesScrollAtTopChange: g
-  }), m = ft.useCallback(
-    (l, d, f, h) => {
-      const p = l;
-      if (p.type === "custom" && p.data && o) {
-        const v = o[p.data.name];
-        if (v && typeof v == "function")
-          return v({
-            ...p.data.props,
-            onButtonClick: f,
-            messageProps: h,
-            messageId: p.id
-          });
-      }
-      return null;
-    },
-    [o]
-  );
-  return /* @__PURE__ */ C(
-    "div",
-    {
-      ref: r,
-      className: _e["messages-container"],
-      "data-testid": "webchat-messages-list",
-      onScroll: u,
-      children: [
-        e && e.length > 0 && e.map((l, d) => {
-          const f = e[d - 1]?.getSnapshot().context?.message, h = l.getSnapshot().context?.message, p = e[d + 1]?.getSnapshot().context?.message, v = pt(h, p), w = pt(f, h);
-          return /* @__PURE__ */ n(
-            ti,
-            {
-              messageActor: l,
-              customMessageRenderer: m,
-              baseProps: {
-                className: _e.message,
-                // Pre-computed avatar configs (performance optimization)
-                botAvatarConfig: s,
-                agentAvatarConfig: i,
-                onUserInteraction: _,
-                hideFooter: v,
-                isContinuation: w,
-                botInteractionId: h?.bot_interaction_id
-              }
-            },
-            l.id
-          );
-        }),
-        t && /* @__PURE__ */ n("div", { className: _e["typing-indicator-container"], children: /* @__PURE__ */ n(Xs, { isVisible: t }) }),
-        /* @__PURE__ */ n("div", { className: _e["scroll-fade-bottom"], "aria-hidden": !0 })
-      ]
-    }
-  );
-}
-function gi(e) {
-  const { state: t } = $(), a = M(null), o = M(null), { messagesProps: s, messageListProps: i, variants: r } = ai(
-    e,
-    t,
-    a
-  );
-  return /* @__PURE__ */ n(
-    "div",
-    {
-      ...s,
-      className: ui(r),
-      "data-webchat-messages": !0,
-      children: /* @__PURE__ */ n(
-        hi,
-        {
-          ...i,
-          customMessages: t.customMessages,
-          scrollRef: o
-        }
-      )
-    }
-  );
-}
-function pi({
-  isOpen: e,
-  onClose: t,
-  onControllerReady: a,
-  title: o = "Chat",
-  placeholder: s = "Type a message...",
-  showBranding: i = !0,
-  coverRegistry: r,
-  icons: c,
-  heroHeaderLayout: g
-}) {
-  const { controller: _, state: u } = $(), m = M(!1), l = Pa({
-    controller: _,
-    isOpen: e,
-    layout: g,
-    enableResponsiveHeroHeader: u.enableResponsiveHeroHeader
-  }), { header: d, messages: f, onUserEngagement: h } = l;
-  return A(() => {
-    _ && !m.current && (m.current = !0, a?.(_));
-  }, [_, a]), A(() => {
-    if (!_) return;
-    const w = _.machine.getSnapshot().context.isOpen ?? !1;
-    e && !w ? _.open() : !e && w && _.close();
-  }, [e, _]), /* @__PURE__ */ C(No, { layout: "default", coverRegistry: r, children: [
-    /* @__PURE__ */ n(
-      Oo,
-      {
-        title: o,
-        onClose: () => {
-          _?.close(), t?.();
-        },
-        variant: d.variant,
-        collapseProgress: d.collapseProgress,
-        hasShadow: d.hasShadow,
-        enableResponsiveHeroHeader: u.enableResponsiveHeroHeader,
-        children: /* @__PURE__ */ n(
-          Ut,
-          {
-            trigger: /* @__PURE__ */ n(Tt, { "aria-label": "Open menu" }),
-            placement: "bottom right",
-            children: ({ close: v }) => /* @__PURE__ */ C(jt, { children: [
-              /* @__PURE__ */ n(Ho, { onClose: v }),
-              /* @__PURE__ */ n(Vo, { onClose: v }),
-              /* @__PURE__ */ n(Ko, {}),
-              /* @__PURE__ */ n(Xo, { onClose: v })
-            ] })
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ n(gi, { variant: "default", ...f }),
-    /* @__PURE__ */ n(
-      js,
-      {
-        placeholder: s,
-        showBranding: i,
-        variant: "default",
-        icons: c,
-        onUserMessageSent: h
-      }
-    )
-  ] });
-}
-function fi({
-  appId: e,
-  isOpen: t,
-  onClose: a,
-  onControllerReady: o,
-  title: s,
-  placeholder: i,
-  showBranding: r = !0,
-  customMessages: c = {},
-  avatarConfig: g,
-  coverRegistry: _,
-  icons: u,
-  heroHeaderLayout: m,
-  // Note: showTrigger is accepted but not implemented yet (reserved for future use)
-  ...l
-}) {
-  return /* @__PURE__ */ n(
-    ya,
-    {
-      appId: e,
-      customMessages: c,
-      avatarConfig: g,
-      ...l,
-      children: /* @__PURE__ */ n(
-        pi,
-        {
-          isOpen: t,
-          onClose: a,
-          onControllerReady: o,
-          title: s,
-          placeholder: i,
-          showBranding: r,
-          coverRegistry: _,
-          icons: u,
-          heroHeaderLayout: m
-        }
-      )
-    }
-  );
-}
-const Pi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  WebchatApp: fi
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  mo as A,
-  xa as B,
-  ko as C,
-  Ma as D,
-  _a as E,
-  yo as F,
-  $ as G,
-  xo as H,
-  Pa as I,
-  Fs as J,
-  ai as K,
-  Ca as L,
-  Tt as M,
-  Pi as N,
-  Co as O,
-  Dt as Q,
-  ba as R,
-  Xs as T,
-  wa as W,
-  Ua as a,
-  St as b,
-  qa as c,
-  Vo as d,
-  Ho as e,
-  Xo as f,
-  Ko as g,
-  se as h,
-  Je as i,
-  ti as j,
-  oo as k,
-  Pt as l,
-  Za as m,
-  ho as n,
-  ao as o,
-  fi as p,
-  No as q,
-  Oo as r,
-  js as s,
-  gi as t,
-  ya as u,
-  je as v,
-  Sa as w,
-  Nt as x,
-  vo as y,
-  Le as z
-};