@sendbird/ai-agent-messenger-react 1.3.2 → 1.4.1

package/dist/es/BkNaytIU.js

@@ -0,0 +1,4809 @@
+import * as r from "react";
+import { createContext as _e, useContext as se, useEffect as L, useState as T, useCallback as D, useMemo as ee, forwardRef as Se, useImperativeHandle as Or, useId as _t, useRef as F, useLayoutEffect as pe, Suspense as Oe, lazy as A, Fragment as wn, Component as Lr, useReducer as Rr, Children as Dr } from "react";
+import Nr, { SendbirdChatOptions as Fr, SendbirdProduct as Br, DeviceOsPlatform as qt, SendbirdPlatform as Pr, SessionHandler as Ur, ConnectionHandler as Qe, SendbirdError as Hr, LogLevel as An, ConnectionState as Vr } from "@sendbird/chat";
+import m, { css as _, ThemeProvider as zr, useTheme as St, createGlobalStyle as Wr, StyleSheetManager as Gr, keyframes as kn } from "styled-components";
+import { format as In, isSameMinute as Zt, isSameDay as jr } from "date-fns";
+import { enUS as Kr } from "date-fns/locale/en-US";
+import { AIAgentModule as qr, ConversationStatus as z, ConversationType as Zr } from "@sendbird/chat/aiAgent";
+import { useGroupChannelMessages as Yr, useGroupChannelHandler as et, useForceUpdate as Jr } from "@sendbird/uikit-tools";
+import { GroupChannelModule as Xr, GroupChannelListOrder as $n, GroupChannelHandler as Qr } from "@sendbird/chat/groupChannel";
+import { createPortal as eo } from "react-dom";
+import { renderer as to, parser as no, MessageProvider as ro } from "@sendbird/react-uikit-message-template-view";
+import { createMessageTemplate as oo } from "@sendbird/uikit-message-template";
+import Mn from "dompurify";
+import { SendingStatus as mt, MessageMetaArray as so } from "@sendbird/chat/message";
+import { isSameDay as io } from "date-fns/isSameDay";
+import ao from "@emotion/is-prop-valid";
+const W = (e, t) => {
+  const n = _e(null), o = ({ children: a, value: l }) => /* @__PURE__ */ r.createElement(n.Provider, { value: l }, typeof a == "function" ? a(l) : a), s = ({ children: a }) => /* @__PURE__ */ r.createElement(n.Consumer, null, (l) => l ? typeof a == "function" ? a(l) : a : null), i = () => {
+    const a = se(n);
+    if (!a)
+      throw new Error(`use${e}Context must be used within a ${e}Provider`);
+    return a;
+  };
+  return n.displayName = `${e}Context`, o.displayName = `${e}Provider`, s.displayName = `${e}Consumer`, i.displayName = `use${e}Context`, { Context: n, Provider: o, Consumer: s, useContext: i };
+};
+function Te(e) {
+  const t = _e({
+    Template: e.template,
+    updateTemplate: () => {
+    },
+    components: e.components,
+    updateComponent: () => {
+    }
+  });
+  function n({ children: i }) {
+    const [a, l] = T(() => e.template), [c, u] = T(e.components), h = {
+      Template: a,
+      updateTemplate: (g) => l(() => g),
+      components: c,
+      updateComponent: (g, x) => u((y) => ({ ...y, [g]: x }))
+    };
+    return /* @__PURE__ */ r.createElement(t.Provider, { value: h }, i);
+  }
+  function o({ template: i, children: a }) {
+    const { updateTemplate: l } = se(t);
+    return L(() => {
+      i && l(i);
+    }, [i]), /* @__PURE__ */ r.createElement(r.Fragment, null, a);
+  }
+  function s({ children: i }) {
+    return /* @__PURE__ */ r.createElement(n, null, i);
+  }
+  return s.defaults = e, s.useContext = () => se(t), s.Context = t, s.Template = o, Object.keys(e.components).forEach((i) => {
+    s[i] = function({
+      component: l
+    }) {
+      const { updateComponent: c } = se(t);
+      return L(() => {
+        l && c(i, l);
+      }, [l]), null;
+    };
+  }), s;
+}
+function lo(...e) {
+  return function({ children: n }) {
+    return e.reduce((o, s) => /* @__PURE__ */ r.createElement(s, null, o), n);
+  };
+}
+function ht() {
+}
+function co() {
+  const e = /iPad|iPhone|iPod/.test(navigator.userAgent), t = /Android/.test(navigator.userAgent);
+  return e || t;
+}
+function uo(e) {
+  let t = 0;
+  for (let n = 0; n < e.length; n++)
+    t = (t << 5) - t + e.charCodeAt(n), t |= 0;
+  return t.toString(16);
+}
+const gt = (e) => {
+  try {
+    return JSON.parse(e === "" ? "{}" : e);
+  } catch {
+    return {};
+  }
+}, we = {
+  isStreaming(e) {
+    const t = gt(e.data);
+    return typeof t == "object" && !!t.stream;
+  },
+  isWelcomeMessage(e, t) {
+    var n;
+    if (((n = e.extendedMessagePayload) == null ? void 0 : n.bot_message_type) === "welcome")
+      return !0;
+    if ((e.isUserMessage() || e.isFileMessage()) && e.sender.userId === t) {
+      const o = gt(e.data);
+      return !(o != null && o.respond_mesg_id) && !(o != null && o.stream);
+    }
+    return !1;
+  },
+  isGeneratedMessage(e) {
+    var t;
+    return ((t = e.extendedMessagePayload) == null ? void 0 : t.bot_message_type) === "generated";
+  },
+  checkExtendedFieldPresence(e) {
+    const t = e.extendedMessagePayload || {}, n = (a) => a.some((l) => typeof t[l] < "u"), o = n(it.ui), s = n(it.trail), i = n(it.marking);
+    return { ui: o, trail: s, marking: i };
+  },
+  shouldScrollToBottom(e, t, n = !1) {
+    if ((e.isUserMessage() || e.isFileMessage() || e.isMultipleFilesMessage()) && e.sender.userId === t) {
+      if (this.isGeneratedMessage(e) && this.isStreaming(e))
+        return !0;
+      const { ui: i, trail: a, marking: l } = this.checkExtendedFieldPresence(e);
+      return i ? !(!n && l) : !!(n && (a || l));
+    }
+    return !0;
+  }
+}, it = {
+  ui: ["suggested_replies", "cta_button", "message_template", "csat"],
+  trail: ["groundedness", "manual", "function_calls"],
+  marking: ["is_hallucination", "is_moderated", "flagged_types"]
+}, mo = "1.4.0", ve = "sb-agent", ho = mo, at = `@${ve}`, Yt = ({ appId: e, aiAgentId: t, storage: n }) => {
+  const o = {
+    templateBase: `${at}-template`,
+    template: (s) => `${o.templateBase}/templates/${s}`,
+    templateToken: () => `${o.templateBase}-template/message-template/tokens`,
+    messengerSession: (s) => {
+      const i = uo(`${e}/${t}/${s}`);
+      return `${at}-udata/${i}`;
+    },
+    anonUserSession: () => `${at}-session/${e}/${t}`
+  };
+  return {
+    template: {
+      set: (s, i) => n.set(o.template(s), i),
+      get: (s) => n.get(o.template(s)),
+      setCachedToken: (s) => n.set(o.templateToken(), s),
+      getCachedToken: () => n.get(o.templateToken()),
+      clear: () => {
+        n.getKeys(o.templateBase).forEach(n.delete);
+      }
+    },
+    messenger: {
+      getSettings: (s) => {
+        try {
+          const i = n.get(o.messengerSession(s));
+          return i ? JSON.parse(i) : null;
+        } catch {
+          return null;
+        }
+      },
+      setSettings: (s, i) => {
+        try {
+          const a = JSON.stringify(i);
+          n.set(o.messengerSession(s), a);
+        } catch {
+          return;
+        }
+      },
+      getAnonUser: () => {
+        try {
+          const s = n.get(o.anonUserSession());
+          return s ? JSON.parse(s) : null;
+        } catch {
+          return null;
+        }
+      },
+      setAnonUser: (s) => {
+        try {
+          const i = JSON.stringify(s);
+          n.set(o.anonUserSession(), i);
+        } catch {
+          return;
+        }
+      },
+      clear: (s) => {
+        try {
+          n.delete(o.messengerSession(s)), n.delete(o.anonUserSession());
+        } catch {
+          return;
+        }
+      }
+    }
+  };
+};
+class On {
+  constructor(t) {
+    this.logger = t, this.subscribers = {};
+  }
+  async send(t) {
+    const n = go(), o = this.subscribers[t.type];
+    if (o) {
+      this.logger.debug(`messenger.dispatcher: dispatching command: ${t.type}`, t.payload);
+      const s = o.map((i) => i(t.payload));
+      await Promise.all(s).catch((i) => {
+        this.logger.error(`messenger.dispatcher: error in callback for command: ${t.type}`, i);
+      });
+    }
+    return n.resolve(), n.promise;
+  }
+  subscribe(t, n) {
+    this.subscribers[t] || (this.subscribers[t] = []), this.subscribers[t].push(n);
+  }
+  unsubscribe(t, n) {
+    this.subscribers[t] && (this.subscribers[t] = this.subscribers[t].filter((o) => o !== n));
+  }
+}
+const go = () => {
+  let e = ht, t = ht;
+  return { promise: new Promise((o, s) => {
+    e = o, t = s;
+  }), resolve: e, reject: t };
+};
+var Ln = /* @__PURE__ */ ((e) => (e[e.VERBOSE = 0] = "VERBOSE", e[e.DEBUG = 1] = "DEBUG", e[e.INFO = 2] = "INFO", e[e.WARN = 3] = "WARN", e[e.ERROR = 4] = "ERROR", e[e.NONE = 5] = "NONE", e))(Ln || {});
+class Rn {
+  constructor(t) {
+    this.level = t;
+  }
+  verbose(...t) {
+    this.level <= 0 && console.log(`[${ve}/verbose]`, ...t);
+  }
+  debug(...t) {
+    this.level <= 1 && console.log(`[${ve}/debug]`, ...t);
+  }
+  info(...t) {
+    this.level <= 2 && console.log(`[${ve}/info]`, ...t);
+  }
+  warn(...t) {
+    this.level <= 3 && console.warn(`[${ve}/warn]`, ...t);
+  }
+  error(...t) {
+    this.level <= 4 && console.error(`[${ve}/error]`, ...t);
+  }
+}
+function Jt(e, t, n) {
+  const o = Nr.init({
+    appId: e,
+    modules: [new Xr(), new qr()],
+    localCacheEnabled: !0,
+    options: new Fr({ typingIndicatorInvalidateTime: 3e4 }),
+    ...n
+  });
+  return o.addSendbirdExtensions(
+    [{ version: ho, product: Br.AI_AGENT, platform: t.platform }],
+    { platform: t.deviceOSPlatform, version: t.deviceOSVersion },
+    t.customData
+  ) || console.warn("Invalid Sendbird Extensions", t), o;
+}
+function po(e) {
+  const t = (n) => {
+    throw new Error(`Please initialize chat sdk with ${n}`);
+  };
+  typeof e.groupChannel != "object" && t("GroupChannelModule"), typeof e.aiAgent != "object" && t("AIAgentModule");
+}
+const {
+  Provider: fo,
+  useContext: Y
+} = W("AIAgent");
+function bo({
+  appId: e,
+  aiAgentId: t,
+  keyValueStorage: n,
+  language: o,
+  countryCode: s,
+  context: i,
+  queryParams: a,
+  chatSDK: l,
+  chatParams: c,
+  children: u,
+  logger: h,
+  dispatcher: g,
+  extensions: x = {
+    platform: Pr.JS,
+    deviceOSPlatform: co() ? qt.MOBILE_WEB : qt.WEB
+  }
+}) {
+  const [y, E] = T(() => {
+    const b = h ?? new Rn(Ln.WARN), p = g ?? new On(b);
+    return {
+      appId: e,
+      aiAgentId: t,
+      language: o,
+      countryCode: s,
+      context: i,
+      queryParams: a,
+      keyValueStorage: n,
+      logger: b,
+      dispatcher: p,
+      chatSDK: l ?? Jt(e, x, c),
+      cache: Yt({ appId: e, aiAgentId: t, storage: n })
+    };
+  });
+  return L(() => {
+    E((b) => {
+      let p = b.logger, f = b.dispatcher, v = b.chatSDK;
+      return h && h !== b.logger && (p = h), g && g !== b.dispatcher && (f = g), l && l !== b.chatSDK ? v = l : !l && b.chatSDK.appId !== e && (v = Jt(e, x, { newInstance: !0, ...c })), {
+        ...b,
+        appId: e,
+        aiAgentId: t,
+        keyValueStorage: n,
+        language: o,
+        countryCode: s,
+        context: i,
+        queryParams: a,
+        logger: p,
+        dispatcher: f,
+        chatSDK: v,
+        cache: Yt({ appId: e, aiAgentId: t, storage: n })
+      };
+    });
+  }, [e, t, o, s, i, h, g, l]), L(() => () => {
+    y.chatSDK.disconnectWebSocket();
+  }, [y.chatSDK]), po(y.chatSDK), /* @__PURE__ */ r.createElement(fo, { value: y }, u);
+}
+const xo = (e, t, n) => Yr(e, t, { ...n, strictStreamingOrder: !0 });
+var pt = /* @__PURE__ */ ((e) => (e.ConversationClose = "conv.close", e))(pt || {});
+class Eo {
+  constructor(t = {}) {
+    this.payload = t;
+  }
+  toJSON() {
+    return JSON.stringify({ type: this.type, payload: this.payload });
+  }
+}
+const vo = {
+  CloseConversation: (e) => new yo(e)
+};
+class yo extends Eo {
+  constructor() {
+    super(...arguments), this.type = "conv.close";
+  }
+}
+const ft = {
+  DEFAULT_BOT_MSG_BG: "#eeeeee",
+  WHITE: "#ffffff",
+  BLACK: "#000000"
+};
+function Dn(e) {
+  return e.length === 4 ? `#${[...e.slice(1)].map((t) => t + t).join("")}` : e;
+}
+function Co(e) {
+  const t = Dn(e);
+  return [
+    parseInt(t.slice(1, 3), 16),
+    // r
+    parseInt(t.slice(3, 5), 16),
+    // g
+    parseInt(t.slice(5, 7), 16)
+    // b
+  ];
+}
+function _o(e) {
+  return `#${e.map((t) => t.toString(16).padStart(2, "0")).join("")}`;
+}
+function So(e, t, n) {
+  e /= 255, t /= 255, n /= 255;
+  const o = Math.max(e, t, n), s = Math.min(e, t, n), i = o - s;
+  let a = 0, l = 0;
+  const c = (o + s) / 2;
+  return o !== s && (l = c > 0.5 ? i / (2 - o - s) : i / (o + s)), o === e ? a = (t - n) / i + (t < n ? 6 : 0) : o === t ? a = (n - e) / i + 2 : o === n && (a = (e - t) / i + 4), a /= 6, [a, l, c];
+}
+function To(e, t, n) {
+  let o, s, i;
+  if (t === 0)
+    o = s = i = n;
+  else {
+    const a = function(h, g, x) {
+      return x < 0 && (x += 1), x > 1 && (x -= 1), x < 0.16666666666666666 ? h + (g - h) * 6 * x : x < 0.5 ? g : x < 0.6666666666666666 ? h + (g - h) * (0.6666666666666666 - x) * 6 : h;
+    }, l = n < 0.5 ? n * (1 + t) : n + t - n * t, c = 2 * n - l;
+    o = a(c, l, e + 1 / 3), s = a(c, l, e), i = a(c, l, e - 1 / 3);
+  }
+  return [Math.round(o * 255), Math.round(s * 255), Math.round(i * 255)];
+}
+function Ue(e, t, n) {
+  const [o, s, i] = Co(e), [a, l, c] = So(o, s, i), u = Math.max(0, Math.min(1, c * t)), h = Math.max(0, Math.min(1, l * n)), [g, x, y] = To(a, h, u);
+  return _o([Math.round(g), Math.round(x), Math.round(y)]);
+}
+function wo(e, t = "light") {
+  return {
+    extraDark: Ue(e, 0.6, 1.2),
+    dark: Ue(e, 0.85, 1.1),
+    main: e,
+    light: Ue(e, t === "dark" ? 1.1 : 1.5, t === "dark" ? 0.95 : 0.9),
+    extraLight: Ue(e, t === "dark" ? 1.2 : 1.75, t === "dark" ? 0.9 : 0.8)
+  };
+}
+function bt(e) {
+  const t = Dn(e), n = 149, o = +`0x${t[1]}${t[2]}`, s = +`0x${t[3]}${t[4]}`, i = +`0x${t[5]}${t[6]}`;
+  return o * 0.299 + s * 0.587 + i * 0.114 > n ? ft.BLACK : ft.WHITE;
+}
+function Ao(e, t, n, o, s) {
+  return {
+    base: {
+      primary: t,
+      primaryContrastContent: n,
+      background: e.background50,
+      headerBackground: e.background50,
+      modalContentBackground: e.background50
+    },
+    metadata: {
+      errorContent: e.ondark.textHighEmphasis,
+      placeholderText: e.onlight.textLowEmphasis
+    },
+    messageInput: {
+      background: e.background100
+    },
+    messageIncoming: {
+      text: s,
+      background: o
+    },
+    messageOutgoing: {
+      text: n,
+      background: t
+    },
+    csat: {
+      background: e.background100
+    }
+  };
+}
+const ko = (e, t, n, o, s) => ({
+  base: {
+    primary: t,
+    primaryContrastContent: n,
+    background: e.background600,
+    headerBackground: e.background500,
+    modalContentBackground: e.background500
+  },
+  metadata: {
+    errorContent: e.ondark.textHighEmphasis,
+    placeholderText: e.ondark.textLowEmphasis
+  },
+  messageInput: {
+    background: e.background400
+  },
+  messageIncoming: {
+    text: s,
+    background: o
+  },
+  messageOutgoing: {
+    text: n,
+    background: t
+  },
+  csat: {
+    background: e.background400
+  }
+}), He = {
+  primary: {
+    extraDark: "#491389",
+    dark: "#6211c8",
+    main: "#742ddd",
+    light: "#c2a9fa",
+    extraLight: "#dbd1ff"
+  },
+  secondary: {
+    extraDark: "#066858",
+    dark: "#027d69",
+    main: "#259c72",
+    light: "#69c085",
+    extraLight: "#a8e2ab"
+  },
+  error: {
+    extraDark: "#9d091e",
+    dark: "#bf0711",
+    main: "#de360b",
+    light: "#f66161",
+    extraLight: "#fdaaaa"
+  },
+  information: {
+    extraDark: "#241389",
+    dark: "#362ca9",
+    main: "#4a48cd",
+    light: "#a9bbfa",
+    extraLight: "#d1dbff"
+  },
+  background700: "#000000",
+  background600: "#161616",
+  background500: "#2c2c2c",
+  background400: "#393939",
+  background300: "#bdbdbd",
+  background200: "#e0e0e0",
+  background100: "#eeeeee",
+  background50: "#ffffff",
+  onlight: {
+    textHighEmphasis: "rgba(0, 0, 0, 0.88)",
+    textMidEmphasis: "rgba(0, 0, 0, 0.5)",
+    textLowEmphasis: "rgba(0, 0, 0, 0.38)",
+    textDisabled: "rgba(0, 0, 0, 0.12)"
+  },
+  ondark: {
+    textHighEmphasis: "rgba(255, 255, 255, 0.88)",
+    textMidEmphasis: "rgba(255, 255, 255, 0.5)",
+    textLowEmphasis: "rgba(255, 255, 255, 0.38)",
+    textDisabled: "rgba(255, 255, 255, 0.12)"
+  },
+  overlay: {
+    dark: "rgba(0, 0, 0, 0.55)",
+    light: "rgba(22, 22, 22, 0.32)"
+  }
+}, lt = {
+  h1: { fontSize: 18, fontWeight: 700 },
+  h2: { fontSize: 16, fontWeight: 700 },
+  subtitle1: { fontSize: 16, fontWeight: 500 },
+  subtitle2: { fontSize: 16, fontWeight: 400 },
+  body1: { fontSize: 16, fontWeight: 400 },
+  body2: { fontSize: 14, fontWeight: 500 },
+  body3: { fontSize: 14, fontWeight: 400 },
+  button: { fontSize: 14, fontWeight: 700 },
+  caption1: { fontSize: 12, fontWeight: 700 },
+  caption2: { fontSize: 12, fontWeight: 400 },
+  caption3: { fontSize: 11, fontWeight: 700 },
+  caption4: { fontSize: 11, fontWeight: 400 }
+};
+function Xt(e) {
+  const t = Io(e), { colors: n, aiAgentColorVariables: o } = $o(e, t), s = Oo(e);
+  return {
+    selectedTheme: e.selectedTheme,
+    palette: t,
+    colors: n,
+    aiAgentColorVariables: o,
+    typography: s
+  };
+}
+function Io({ selectedTheme: e, palette: t, primary: n }) {
+  const o = t != null && t.primary ? t.primary : n ? n === He.primary.main ? He.primary : wo(n, e) : He.primary;
+  return {
+    ...He,
+    primary: o,
+    ...t
+  };
+}
+function $o({ selectedTheme: e, primaryContrast: t, botMessageBackground: n, botMessageBackgroundContrast: o }, s) {
+  const i = s.primary.main, a = t ?? bt(i), l = n ?? ft.DEFAULT_BOT_MSG_BG, c = o ?? bt(l);
+  return {
+    colors: (e === "light" ? Ao : ko)(
+      s,
+      i,
+      a,
+      l,
+      c
+    ),
+    aiAgentColorVariables: {
+      primary_color: i,
+      bot_message_bg_color: l,
+      primary_contrast_color: a,
+      bot_message_bg_contrast_color: c
+    }
+  };
+}
+function Mo(e, t, n) {
+  const o = { ...e };
+  return n.forEach((s) => {
+    const i = t[s];
+    i != null && (o[s] = i);
+  }), o;
+}
+function Oo({ typography: e }) {
+  if (!e)
+    return lt;
+  const t = { ...lt };
+  return Object.keys(e).forEach((n) => {
+    const o = e[n];
+    if (o && typeof o == "object") {
+      const s = lt[n], i = ["fontSize", "fontWeight", "fontFamily", "lineHeight"];
+      t[n] = Mo(s, o, i);
+    }
+  }), t;
+}
+const {
+  Provider: Lo,
+  useContext: Tt
+} = W("AIAgentTheme");
+function Ro({ logger: e, palette: t, typography: n, appearance: o, children: s }) {
+  const [i, a] = T(
+    () => Xt({
+      selectedTheme: (o == null ? void 0 : o.theme) ?? "light",
+      palette: t,
+      typography: n,
+      primary: o == null ? void 0 : o.primaryColor,
+      botMessageBackground: o == null ? void 0 : o.botMessageBackgroundColor
+    })
+  ), l = D(
+    (c, u) => {
+      const h = (o == null ? void 0 : o.theme) ?? c, g = u == null ? void 0 : u(h), x = {
+        primary: o == null ? void 0 : o.primaryColor,
+        primaryContrast: void 0,
+        botMessageBackground: o == null ? void 0 : o.botMessageBackgroundColor,
+        botMessageBackgroundContrast: void 0
+      };
+      !x.primary && (g != null && g.primaryColor) && (x.primary = g.primaryColor, x.primaryContrast = g.primaryContrastColor), !x.botMessageBackground && (g != null && g.botMessageBackgroundColor) && (x.botMessageBackground = g.botMessageBackgroundColor, x.botMessageBackgroundContrast = g.botMessageBackgroundContrastColor);
+      const y = Xt({ selectedTheme: h, palette: t, typography: n, ...x });
+      a(y), e == null || e.info("theme.update:", h);
+    },
+    [o == null ? void 0 : o.theme, o == null ? void 0 : o.primaryColor, o == null ? void 0 : o.botMessageBackgroundColor, t, n, e]
+  );
+  return L(() => {
+    (o != null && o.theme || o != null && o.primaryColor || o != null && o.botMessageBackgroundColor) && l(i.selectedTheme);
+  }, [o == null ? void 0 : o.theme, o == null ? void 0 : o.primaryColor, o == null ? void 0 : o.botMessageBackgroundColor]), /* @__PURE__ */ r.createElement(Lo, { value: { theme: i, updateTheme: l } }, s);
+}
+function Nn() {
+  const { chatSDK: e, logger: t } = Y();
+  return D(
+    async (n) => {
+      if (n.userId === "") {
+        const o = new Error("userId cannot be empty string for messenger settings request");
+        throw t.error("requestMessengerSettings: invalid userId", o), o;
+      }
+      return await e.aiAgent.requestMessengerSettings(n);
+    },
+    [e, t]
+  );
+}
+function Do() {
+  const { chatSDK: e, logger: t } = Y(), n = D(
+    async (s, i, a) => {
+      if (t.debug("useChatConnection.connect: start, session", s.userId), i) {
+        const l = new Ur({
+          ...i,
+          onSessionTokenRequired: No(i.onSessionTokenRequired, a)
+        });
+        e.setSessionHandler(l);
+      }
+      await e.connect(s.userId, s.authToken), t.debug("useChatConnection.connect: end, currentUser", e.currentUser);
+    },
+    [e, t]
+  ), o = D(async () => {
+    t.debug("useChatConnection.disconnect: start"), await e.disconnect(), t.debug("useChatConnection.disconnect: end");
+  }, [e, t]);
+  return { connect: n, disconnect: o };
+}
+function No(e, t) {
+  if (e)
+    return async (n, o) => {
+      new Promise((s, i) => e == null ? void 0 : e(s, i)).then((s) => {
+        s && (t == null || t(s)), n(s);
+      }).catch((s) => {
+        o(s);
+      });
+    };
+}
+class Fo {
+  constructor({ userId: t, authToken: n, sessionHandler: o }) {
+    this.userId = t, this.authToken = n, this.sessionHandler = o;
+  }
+}
+class Qt {
+}
+const Bo = 24 * 60 * 60 * 1e3, Po = (e) => {
+  const { logger: t, cache: n } = Y(), o = () => {
+    const i = n.messenger.getAnonUser();
+    return i ? i.expireAt - Bo <= Date.now() ? (t.debug("useUserSessionCandidate.getAnonymousSessionInfo: auto session expired, clear cache"), n.messenger.clear(i.userId), null) : (t.debug("useUserSessionCandidate.getAnonymousSessionInfo: auto session info detected"), i) : null;
+  }, s = () => {
+    if (!e || e instanceof Qt)
+      throw new Error("userSessionInfo must be an instance of ManualSessionInfo");
+    if (typeof e.userId != "string")
+      throw new Error("userSessionInfo.userId must be a string");
+    const i = ["userId", "authToken", "sessionHandler"].filter((a) => !(a in e));
+    return i.length > 0 && t.error(
+      `useUserSessionCandidate.getManualSessionInfo: missing required keys in userSessionInfo: ${i.join(", ")}`
+    ), t.debug("useUserSessionCandidate.getManualSessionInfo: manual session info detected"), e;
+  };
+  return ee(() => e instanceof Fo ? { type: "manual", userSessionCandidate: s() } : e instanceof Qt ? { type: "anonymous", userSessionCandidate: o() } : e && typeof e == "object" ? (t.warn("Please use ManualSessionInfo instead of the old userSessionInfo format."), { type: "manual", userSessionCandidate: s() }) : e === void 0 ? (t.warn("Please use AnonymousSessionInfo instead of undefined userSessionInfo."), { type: "anonymous", userSessionCandidate: o() }) : { type: "anonymous", userSessionCandidate: null }, [
+    t,
+    e == null ? void 0 : e.userId,
+    e == null ? void 0 : e.authToken,
+    e == null ? void 0 : e.sessionHandler,
+    n.messenger.getAnonUser,
+    n.messenger.clear
+  ]);
+};
+function Uo({
+  userSessionInfo: e,
+  onPreAuth: t,
+  onPostAuth: n,
+  onErrorAuth: o,
+  onAuthTokenRefreshed: s,
+  onPostDeauth: i,
+  forceCreateChannel: a
+}) {
+  const { aiAgentId: l, language: c, context: u, countryCode: h, logger: g, cache: x } = Y(), { connect: y, disconnect: E } = Do(), { type: b, userSessionCandidate: p } = Po(e), f = Nn(), v = D(async () => {
+    var J;
+    g.debug("useAuthentication.authenticate: start");
+    const M = (p == null ? void 0 : p.userId) && ((J = x.messenger.getSettings(p.userId)) == null ? void 0 : J.knownActiveChannelUrl), P = await f({
+      aiAgentId: l,
+      userId: p == null ? void 0 : p.userId,
+      language: c,
+      country: h,
+      context: u,
+      forceCreateChannel: a,
+      knownActiveChannelUrl: M
+    });
+    g.debug("useAuthentication.authenticate: messenger settings response", P);
+    let $ = null;
+    if (P.auto_created_user)
+      if (b === "manual")
+        g.warn("Received auto created user info but current session is manual. Ignoring auto created user info."), $ = { userId: p.userId, authToken: p.authToken };
+      else {
+        const { user_id: G, session_token: C, expire_at: U } = P.auto_created_user;
+        x.messenger.setAnonUser({ userId: G, authToken: C, expireAt: U }), $ = { userId: G, authToken: C };
+      }
+    else
+      $ = {
+        userId: (p == null ? void 0 : p.userId) ?? "",
+        authToken: (p == null ? void 0 : p.authToken) ?? ""
+      };
+    x.messenger.setSettings($.userId, {
+      knownActiveChannelUrl: P.active_channel.channel_url
+    });
+    try {
+      await t(P, $), await y($, p == null ? void 0 : p.sessionHandler, s), await n(P, $);
+    } catch (G) {
+      G instanceof Error && (o(G), g.error("useAuthentication.authenticate: failed to connect", G));
+    }
+    return P;
+  }, [
+    f,
+    y,
+    b,
+    p == null ? void 0 : p.userId,
+    p == null ? void 0 : p.sessionHandler,
+    p == null ? void 0 : p.authToken,
+    x.messenger.setAnonUser,
+    x.messenger.getSettings,
+    x.messenger.setSettings,
+    t,
+    n,
+    o,
+    s
+  ]), S = D(async () => {
+    g.debug("useAuthentication.deauthenticate: start"), await E(), i(), g.debug("useAuthentication.deauthenticate: completed");
+  }, [E, g, i]);
+  return {
+    authenticate: v,
+    deauthenticate: S,
+    userSessionCandidate: p
+  };
+}
+const Fn = (e) => {
+  try {
+    const t = JSON.parse(e);
+    return typeof t == "string" ? JSON.stringify(t).slice(1, -1) : e.trim();
+  } catch {
+    return JSON.stringify(e).slice(1, -1);
+  }
+}, Re = (e) => JSON.parse(e), tt = (e) => JSON.parse(e);
+function Ho(e, t) {
+  const [n, o] = t.split(",").map((s) => s.trim());
+  return e === "dark" && o || n;
+}
+function Vo(e) {
+  const t = {};
+  function n(o, s = "") {
+    for (const [i, a] of Object.entries(o)) {
+      const l = s ? `${s}.${i}` : i;
+      a && typeof a == "object" && !Array.isArray(a) ? n(a, l) : t[l] = a;
+    }
+  }
+  return n(e), t;
+}
+function wt({
+  template: e,
+  variables: t,
+  variableKeyPattern: n,
+  variableValueTransformer: o
+}) {
+  return Object.entries(t).reduce((s, [i, a]) => {
+    if (!o && !["number", "boolean", "string"].includes(typeof a))
+      throw new Error(`If transformer is not provided, value(${i}:${a}) must be a {string, number, or boolean}`);
+    const l = o ? o(a) : String(a), c = n(i);
+    return s.replace(c, Fn(l));
+  }, e);
+}
+async function zo({
+  template: e,
+  variables: t,
+  variableKeyPattern: n,
+  variableValueTransformer: o
+}) {
+  return (await Promise.all(
+    Object.entries(t).map(async ([i, a]) => {
+      const l = await o(a);
+      return { regex: n(i), transformedValue: l };
+    })
+  )).reduce((i, { regex: a, transformedValue: l }) => i.replace(a, Fn(l)), e);
+}
+const Wo = () => {
+  const { chatSDK: e, logger: t, cache: n } = Y(), o = D(() => {
+    var l, c;
+    const i = (c = (l = e.appInfo) == null ? void 0 : l.aiAgentInfo) == null ? void 0 : c.templateListToken;
+    if (!i) return !1;
+    const a = n.template.getCachedToken();
+    return a ? i !== a : !0;
+  }, [e, n.template.getCachedToken]), s = D(async () => {
+    try {
+      const { templates: i, token: a } = await e.aiAgent.getMessageTemplates({ limit: 20 });
+      for (const { template: l } of i) {
+        const { key: c } = Re(l);
+        n.template.set(c, l);
+      }
+      n.template.setCachedToken(a);
+    } catch (i) {
+      t == null || t.error("messageTemplateContext.syncCachedTemplates: error:", i);
+    }
+  }, [e, t, n.template.set, n.template.setCachedToken]);
+  return {
+    shouldSyncCachedTemplate: o,
+    syncCachedTemplates: s
+  };
+};
+var qe = /* @__PURE__ */ ((e) => (e.OFF = "off", e.ALWAYS = "always", e.HANDED_OFF_ONLY = "handed_off_only", e))(qe || {});
+const Go = {
+  off: "off",
+  always: "always",
+  handed_off_only: "handed_off_only"
+  /* HANDED_OFF_ONLY */
+}, {
+  Provider: jo,
+  useContext: Ko
+} = W("AIAgentMessengerSession"), qo = Se(
+  function({ userSessionInfo: e, forceCreateChannel: t, children: n }, o) {
+    const { appId: s, aiAgentId: i, chatSDK: a, language: l, countryCode: c, context: u, cache: h, logger: g } = Y(), { updateTheme: x } = Tt(), [y, E] = T(void 0), [b, p] = T(
+      void 0
+    ), [f, v] = T(null), [S, M] = T(null), [P, $] = T(null), [J, G] = T(
+      "handed_off_only"
+      /* HANDED_OFF_ONLY */
+    ), { shouldSyncCachedTemplate: C, syncCachedTemplates: U } = Wo(), te = Nn(), { authenticate: X, deauthenticate: Ie } = Uo({
+      userSessionInfo: e,
+      forceCreateChannel: t,
+      onPreAuth: D((k, N) => {
+        const q = k.appearance.selected_theme;
+        x(q, (ne) => {
+          const Ee = k.appearance.themes[ne];
+          return {
+            primaryColor: Ee.primary_color,
+            botMessageBackgroundColor: Ee.bot_message_bg_color,
+            primaryContrastColor: Ee.primary_contrast_color,
+            botMessageBackgroundContrastColor: Ee.bot_message_bg_contrast_color
+          };
+        }), E(void 0), v(N), M({
+          userId: k.bot.bot_userid,
+          profileUrl: k.bot.bot_profile_url,
+          nickname: k.bot.bot_nickname,
+          replyToFile: k.bot.reply_to_file,
+          specialNotice: k.bot.special_notice,
+          specialNoticeEnabled: k.bot.is_special_notice_enabled,
+          showHandoffButton: k.bot.show_handoff_button ?? !0
+        }), $({
+          type: k.launcher.image_type || "default_icon",
+          imageUrl: k.launcher.image_url
+        }), G(
+          Go[k.active_channel.attachment_mode] ?? "handed_off_only"
+          /* HANDED_OFF_ONLY */
+        );
+      }, []),
+      onPostAuth: D(
+        async (k) => {
+          C() && await U(), p({ url: k.active_channel.channel_url, status: z.OPEN });
+        },
+        [C, U]
+      ),
+      onErrorAuth: D((k) => {
+        E(k);
+      }, []),
+      onAuthTokenRefreshed: D((k) => {
+        v((N) => N ? { ...N, authToken: k } : null);
+      }, []),
+      onPostDeauth: D(() => {
+        h.template.clear(), f != null && f.userId && h.messenger.clear(f.userId), p(void 0), v(null), M(null), $(null);
+      }, [h.template.clear, f])
+    }), ot = D(async () => {
+      var k;
+      if (f) {
+        g.debug("agentMessengerSession.refreshActiveChannel: try to refresh active channel"), p(void 0);
+        const N = await te({
+          aiAgentId: i,
+          userId: f.userId,
+          language: l,
+          country: c,
+          context: u,
+          forceCreateChannel: t,
+          knownActiveChannelUrl: (k = h.messenger.getSettings(f.userId)) == null ? void 0 : k.knownActiveChannelUrl
+        });
+        return h.messenger.setSettings(f.userId, {
+          knownActiveChannelUrl: N.active_channel.channel_url
+        }), p({ url: N.active_channel.channel_url, status: z.OPEN }), g.info(
+          "agentMessengerSession.refreshActiveChannel: refreshed active channel",
+          N.active_channel.channel_url
+        ), N.active_channel.channel_url;
+      } else
+        throw g.error("agentMessengerSession.refreshActiveChannel: userSession is not ready"), new Error("userSession is not ready");
+    }, [
+      te,
+      s,
+      i,
+      f == null ? void 0 : f.userId,
+      l,
+      c,
+      u,
+      t,
+      h.messenger.getSettings,
+      h.messenger.setSettings
+    ]), st = D(
+      async (k) => {
+        if (!(f != null && f.userId))
+          throw new Error("Current user is not authenticated. Please authenticate first.");
+        const q = (await te({
+          ...k,
+          userId: f.userId,
+          knownActiveChannelUrl: void 0
+        })).active_channel.channel_url;
+        return h.messenger.setSettings(f.userId, { knownActiveChannelUrl: q }), q;
+      },
+      [f == null ? void 0 : f.userId, te]
+    );
+    return et(a, {
+      onChannelChanged: (k) => {
+        var N;
+        k.isGroupChannel() && k.url === (b == null ? void 0 : b.url) && (g.info("agentMessengerSession.channelChanged: channel.conversation", k.conversation), p({ url: k.url, status: ((N = k.conversation) == null ? void 0 : N.status) ?? z.OPEN }));
+      }
+    }), Or(o, () => {
+      const k = async () => {
+        if (!b) throw new Error("No active conversation. Please start a conversation first.");
+        return await a.groupChannel.getChannel(b.url);
+      };
+      return {
+        activeChannel: b,
+        chatSDK: a,
+        authenticate: X,
+        deauthenticate: Ie,
+        updateContext: async (N) => {
+          const ne = await (await k()).updateContext(i, N);
+          return { ...ne, context: ne.context ?? {} };
+        },
+        patchContext: async (N) => {
+          const ne = await (await k()).patchContext(i, N);
+          return { ...ne, context: ne.context ?? {} };
+        },
+        getContextObject: async () => {
+          const q = await (await k()).getContextObject(i);
+          return { ...q, context: q.context ?? {} };
+        }
+      };
+    }, [X, Ie, b, a, i, g]), /* @__PURE__ */ r.createElement(
+      jo,
+      {
+        value: {
+          userSessionInfo: e,
+          userSession: f,
+          activeChannel: b,
+          setActiveChannel: p,
+          refreshActiveChannel: ot,
+          createConversation: st,
+          connectionError: y,
+          aiAgentInfo: S,
+          launcherInfo: P,
+          authenticate: X,
+          deauthenticate: Ie,
+          attachmentMode: J
+        }
+      },
+      n
+    );
+  }
+), {
+  Provider: Zo
+} = W("AIAgentConversation");
+function Yo({
+  children: e,
+  channelUrl: t,
+  onChannelDeleted: n,
+  onMessagesReceived: o,
+  onMessagesUpdated: s,
+  onConversationClosedViaDispatcher: i,
+  onBeforeSendMessage: a,
+  onAfterSendMessage: l = ht
+}) {
+  var p;
+  const { chatSDK: c, logger: u, dispatcher: h } = Y(), { channel: g, channelFetchError: x, fetchChannel: y } = Jo(t), E = xo(c, g, {
+    shouldCountNewMessages: () => !1,
+    onChannelDeleted: n,
+    onMessagesReceived: (f) => o == null ? void 0 : o(f),
+    onMessagesUpdated: (f) => s == null ? void 0 : s(f),
+    logger: u
+  });
+  L(() => {
+    const f = async (v) => {
+      const S = typeof (v == null ? void 0 : v.channelUrl) == "string";
+      g && S && v.channelUrl !== g.url || (u.debug("conversation.dispatcher: try to close conversation", g), g != null && g.conversation && g.conversation.status === z.OPEN && (await g.closeConversation(), i == null || i()));
+    };
+    return h.subscribe(pt.ConversationClose, f), () => {
+      h.unsubscribe(pt.ConversationClose, f);
+    };
+  }, [h, (p = g == null ? void 0 : g.conversation) == null ? void 0 : p.status, i]);
+  const b = {
+    conversation: (g == null ? void 0 : g.conversation) ?? void 0,
+    channelSource: {
+      channel: g,
+      error: x,
+      refetch: () => y()
+    },
+    messageSource: {
+      messages: E.messages,
+      initialized: E.initialized,
+      loadPrevious: () => E.loadPrevious(),
+      loadNext: () => E.loadNext(),
+      sendUserMessage: async (f) => {
+        var S;
+        if (((S = g == null ? void 0 : g.conversation) == null ? void 0 : S.status) === z.CLOSED)
+          throw new Error("Conversation is closed");
+        a && (f = await a(f));
+        const v = await E.sendUserMessage(f, l);
+        return l == null || l(v), v;
+      },
+      sendFileMessage: async (f) => {
+        var S;
+        if (((S = g == null ? void 0 : g.conversation) == null ? void 0 : S.status) === z.CLOSED)
+          throw new Error("Conversation is closed");
+        a && (f = await a(f));
+        const v = await E.sendFileMessage(f, l);
+        return l == null || l(v), v;
+      }
+    }
+  };
+  return /* @__PURE__ */ r.createElement(Zo, { value: b }, e);
+}
+function Jo(e) {
+  const { chatSDK: t, logger: n } = Y(), [o, s] = T(void 0), [i, a] = T(void 0);
+  async function l() {
+    if (n.debug("conversation.fetchChannel: start"), s(void 0), a(void 0), e)
+      try {
+        n.debug("conversation.fetchChannel: get channel", e);
+        const c = await t.groupChannel.getChannel(e);
+        s(c), n.debug("conversation.fetchChannel: fetched channel", c);
+      } catch (c) {
+        c instanceof Hr && a(c), n.error("conversation.fetchChannel: error", c);
+      }
+  }
+  return Xo(o), L(() => {
+    l();
+  }, [t, e]), {
+    channel: o,
+    channelFetchError: i,
+    fetchChannel: l
+  };
+}
+function Xo(e) {
+  const { chatSDK: t } = Y(), { activeChannel: n, setActiveChannel: o } = Ko(), s = _t();
+  L(() => {
+    if (!e || !n) return;
+    const i = new Qe({
+      onReconnectSucceeded: async () => {
+        var l;
+        const a = await e.refresh();
+        a.url === n.url && o({
+          url: a.url,
+          status: ((l = a.conversation) == null ? void 0 : l.status) ?? z.OPEN
+        });
+      }
+    });
+    return t.addConnectionHandler(s, i), () => {
+      t.removeConnectionHandler(s);
+    };
+  }, [t, e, n]);
+}
+class Qo {
+  /**
+   * Creates a new ConversationListCollection instance.
+   * @param sdk - The Sendbird Chat SDK instance
+   * @param params - Configuration parameters for the collection
+   */
+  constructor(t, { filter: n, limit: o = 20 }) {
+    var s, i, a, l, c;
+    this._isDisposed = !1, this._handlerId = `handler-id-${Date.now()}`, this._order = $n.LATEST_LAST_MESSAGE, this.filter = n, this._sdk = t, this._pinnedChannels = [], this._channels = [], this._limit = o, this._query = this._sdk.aiAgent.createMyGroupChannelListQuery({
+      aiAgentChannelFilter: (s = this.filter) == null ? void 0 : s.aiAgentChannelFilter,
+      aiAgentConversationStatusFilter: (i = this.filter) == null ? void 0 : i.aiAgentConversationStatusFilter,
+      aiAgentIds: (a = this.filter) == null ? void 0 : a.aiAgentIds,
+      deskChannelFilter: (l = this.filter) == null ? void 0 : l.deskChannelFilter,
+      pinnedChannelUrls: (c = this.filter) == null ? void 0 : c.pinnedChannelUrls,
+      limit: this._limit
+    }), this._token = "", this._timestamp = Number.MAX_SAFE_INTEGER, this._isSyncing = !1, this._channelHandler = new Qr({
+      onChannelChanged: (u) => {
+        u.isGroupChannel() && (this._query.belongsTo(u) ? this._addChannelsToView([u], !1) : this._removeChannelsFromView([u.url]));
+      },
+      onChannelDeleted: (u) => {
+        this._removeChannelsFromView([u]);
+      }
+    }), this._connectionHandler = new Qe({
+      onReconnectSucceeded: () => {
+        this._isDefaultChangelogSyncTimestampUpdated && this._syncChannelChangelogs();
+      }
+    }), this._sdk.addConnectionHandler(this._handlerId, this._connectionHandler), this._sdk.groupChannel.addGroupChannelHandler(this._handlerId, this._channelHandler);
+  }
+  /**
+   * Checks if the default changelog sync timestamp has been updated.
+   */
+  get _isDefaultChangelogSyncTimestampUpdated() {
+    return this._timestamp !== Number.MAX_SAFE_INTEGER;
+  }
+  /**
+   * Sets the default changelog sync timestamp based on the first non-pinned channel.
+   * @param channels - Array of channels to analyze
+   */
+  _setDefaultChangelogsSyncTimestamp(t) {
+    var i, a;
+    const n = new Set(((i = this.filter) == null ? void 0 : i.pinnedChannelUrls) ?? []), o = t.find((l) => !n.has(l.url));
+    let s;
+    o ? s = ((a = o.lastMessage) == null ? void 0 : a.createdAt) ?? o.createdAt : s = this._query.lastResponseAt, this._timestamp > s && (this._timestamp = s);
+  }
+  /**
+   * Synchronizes channel changelogs to keep the collection up-to-date.
+   * @returns Promise that resolves to an empty array
+   */
+  async _syncChannelChangelogs() {
+    if (this._isDisposed) return [];
+    if (this._isSyncing) return [];
+    try {
+      this._isSyncing = !0;
+      let t;
+      for (this._token ? t = await this._sdk.aiAgent.getMyGroupChannelChangeLogsByToken(this._token, this.filter) : t = await this._sdk.aiAgent.getMyGroupChannelChangeLogsByTimestamp(this._timestamp, this.filter), this._token = t.token, this._addChannelsToView(t.updatedChannels), this._removeChannelsFromView(t.deletedChannelUrls); t.hasMore && t.token; )
+        t = await this._sdk.aiAgent.getMyGroupChannelChangeLogsByToken(this._token, this.filter), this._token = t.token, this._addChannelsToView(t.updatedChannels), this._removeChannelsFromView(t.deletedChannelUrls);
+    } catch {
+    } finally {
+      this._isSyncing = !1;
+    }
+    return [];
+  }
+  /**
+   * Upserts pinned channels maintaining the order specified in pinnedChannelUrls.
+   * @param channels - Pinned channels to upsert
+   * @returns Object containing added, updated channels and unmatched URLs
+   */
+  _upsertPinnedChannelsToArray(t) {
+    var l;
+    const n = ((l = this.filter) == null ? void 0 : l.pinnedChannelUrls) ?? [], o = new Map(n.map((c, u) => [c, u])), s = [], i = [], a = [];
+    for (const c of t) {
+      if (!this._query.belongsTo(c)) {
+        a.push(c.url);
+        continue;
+      }
+      const u = o.get(c.url);
+      if (u === void 0) continue;
+      const h = xt(this._pinnedChannels, c);
+      h >= 0 ? (this._pinnedChannels.splice(h, 1), i.push(c)) : s.push(c);
+      const x = this._pinnedChannels.findIndex((E) => (o.get(E.url) ?? 1 / 0) > u), y = x === -1 ? this._pinnedChannels.length : x;
+      this._pinnedChannels.splice(y, 0, c);
+    }
+    return { addedChannels: s, updatedChannels: i, unmatchedChannelUrls: a };
+  }
+  /**
+   * Upserts regular (non-pinned) channels with time-based sorting.
+   * @param channels - Regular channels to upsert
+   * @param forceAppend - Whether to force append channels at the end regardless of hasMore status
+   * @returns Object containing added, updated channels and unmatched URLs
+   */
+  _upsertRegularChannelsToArray(t, n = !1) {
+    const o = [], s = [], i = [];
+    for (const a of t) {
+      if (!this._query.belongsTo(a)) {
+        o.push(a.url);
+        continue;
+      }
+      const l = xt(this._channels, a), c = l < 0;
+      !c && this._channels.splice(l, 1);
+      const h = es(this._channels, a, this._order).place, g = h === this._channels.length;
+      c ? g ? (n || !this.hasMore) && (this._channels.push(a), s.push(a)) : (this._channels.splice(h, 0, a), s.push(a)) : (this._channels.splice(h, 0, a), i.push(a));
+    }
+    return { addedChannels: s, updatedChannels: i, unmatchedChannelUrls: o };
+  }
+  /**
+   * Adds or updates channels in the collection, separating pinned and non-pinned channels.
+   * @param channels - Channels to add or update
+   * @param forceAppend - Whether to force append channels at the end
+   */
+  _addChannelsToView(t, n = !1) {
+    var g, x, y, E, b;
+    const o = new Set(((g = this.filter) == null ? void 0 : g.pinnedChannelUrls) ?? []), s = [], i = [];
+    for (const p of t)
+      o.has(p.url) ? s.push(p) : i.push(p);
+    const a = this._upsertPinnedChannelsToArray(s), l = this._upsertRegularChannelsToArray(i, n), c = a.addedChannels.concat(l.addedChannels), u = a.updatedChannels.concat(l.updatedChannels), h = a.unmatchedChannelUrls.concat(l.unmatchedChannelUrls);
+    c.length > 0 && ((y = (x = this._collectionEventHandler) == null ? void 0 : x.onChannelsAdded) == null || y.call(x, {}, c)), u.length > 0 && ((b = (E = this._collectionEventHandler) == null ? void 0 : E.onChannelsUpdated) == null || b.call(E, {}, u)), h.length > 0 && this._removeChannelsFromView(h);
+  }
+  /**
+   * Removes channels from the collection by their URLs.
+   * @param channelUrls - Array of channel URLs to remove
+   */
+  _removeChannelsFromView(t) {
+    var s, i, a;
+    const n = new Set(((s = this.filter) == null ? void 0 : s.pinnedChannelUrls) ?? []), o = [];
+    for (const l of t)
+      if (n.has(l)) {
+        const c = this._pinnedChannels.findIndex((u) => u.url === l);
+        c >= 0 && (o.push(l), this._pinnedChannels.splice(c, 1));
+      } else {
+        const c = this._channels.findIndex((u) => u.url === l);
+        c >= 0 && (o.push(l), this._channels.splice(c, 1));
+      }
+    o.length > 0 && ((a = (i = this._collectionEventHandler) == null ? void 0 : i.onChannelsDeleted) == null || a.call(i, {}, o));
+  }
+  /**
+   * Gets all channels in the collection.
+   * Pinned channels are always returned first, followed by non-pinned channels.
+   * @returns Array of GroupChannel objects
+   */
+  get channels() {
+    return this._isDisposed ? [] : [...this._pinnedChannels, ...this._channels];
+  }
+  /**
+   * Indicates whether the collection has more channels to load.
+   * @returns True if more channels can be loaded, false otherwise
+   */
+  get hasMore() {
+    return this._isDisposed ? !1 : this._query.hasNext;
+  }
+  /**
+   * Loads the next batch of channels from the server.
+   * @returns Promise that resolves to an array of newly loaded channels
+   */
+  async loadMore() {
+    if (this._isDisposed) return [];
+    if (this.hasMore) {
+      const t = await this._query.next();
+      return this._setDefaultChangelogsSyncTimestamp(t), this._addChannelsToView(t, !0), t;
+    }
+    return [];
+  }
+  /**
+   * Sets the event handler for collection updates.
+   * @param handler - Event handler for channel collection changes
+   */
+  setConversationListCollectionHandler(t) {
+    this._collectionEventHandler = t;
+  }
+  /**
+   * Disposes the collection and cleans up all resources.
+   * Stops all event handlers and clears all channels.
+   */
+  dispose() {
+    this._isDisposed || (this._isDisposed = !0, this._collectionEventHandler = void 0, this._sdk.removeConnectionHandler(this._handlerId), this._sdk.groupChannel.removeGroupChannelHandler(this._handlerId), this._pinnedChannels.length = 0, this._channels.length = 0);
+  }
+}
+const xt = (e, t) => e.findIndex((n) => n.isIdentical(t)), es = (e, t, n) => {
+  if (e.length > 0) {
+    const o = xt(e, t);
+    let s = 0, i = e.length - 1, a = Math.floor((s + i) / 2);
+    for (; s < i; ) {
+      const c = en(e[a], t, n);
+      if (c > 0)
+        i = a, a = Math.floor((s + i) / 2);
+      else if (c < 0)
+        s = a + 1, a = Math.floor((s + i) / 2);
+      else
+        return { place: a, oldPosition: o };
+    }
+    return { place: en(e[a], t, n) >= 0 ? a : a + 1, oldPosition: o };
+  }
+  return { place: e.length, oldPosition: -1 };
+}, en = (e, t, n) => {
+  switch (n) {
+    case $n.LATEST_LAST_MESSAGE:
+      if (e.lastMessage && t.lastMessage) {
+        const o = t.lastMessage.createdAt - e.lastMessage.createdAt;
+        return o === 0 ? t.createdAt - e.createdAt : o;
+      } else return e.lastMessage ? -1 : t.lastMessage ? 1 : t.createdAt - e.createdAt;
+    default:
+      return 0;
+  }
+};
+function ts(e, t) {
+  var E, b, p, f, v, S, M, P;
+  const n = _t(), [o, s] = T(!1), [i, a] = T(null), [l, c] = T([]), [u, h] = T(null), g = F(!1), x = D(async () => {
+    if (!g.current && e.currentUser) {
+      g.current = !0, s(!1), a(null), c([]);
+      try {
+        u == null || u.dispose();
+        const $ = new Qo(e, t);
+        $.setConversationListCollectionHandler({
+          onChannelsAdded: () => {
+            c($.channels);
+          },
+          onChannelsUpdated: () => {
+            c($.channels);
+          },
+          onChannelsDeleted: () => {
+            c($.channels);
+          }
+        }), await $.loadMore(), h($), a(null);
+      } catch ($) {
+        h(null), a($);
+      } finally {
+        s(!0), g.current = !1;
+      }
+    }
+  }, [
+    e,
+    (E = t.filter) == null ? void 0 : E.aiAgentChannelFilter,
+    (p = (b = t.filter) == null ? void 0 : b.aiAgentConversationStatusFilter) == null ? void 0 : p.join(),
+    (v = (f = t.filter) == null ? void 0 : f.aiAgentIds) == null ? void 0 : v.join(),
+    (S = t.filter) == null ? void 0 : S.deskChannelFilter,
+    (P = (M = t.filter) == null ? void 0 : M.pinnedChannelUrls) == null ? void 0 : P.join(),
+    t.limit
+  ]), y = D(async () => {
+    if (u)
+      try {
+        await u.loadMore();
+      } catch ($) {
+        a($);
+      }
+  }, [u]);
+  return L(() => (e.addConnectionHandler(n, new Qe({ onConnected: () => x() })), () => e.removeConnectionHandler(n)), [e, n, x]), L(() => {
+    x();
+  }, [x]), L(() => () => {
+    g.current = !1, u == null || u.dispose();
+  }, [u]), {
+    initialized: o,
+    error: i,
+    channels: l,
+    loadMore: y
+  };
+}
+const {
+  Provider: ns
+} = W("AIAgentConversationList");
+function rs({
+  conversationListLimit: e,
+  conversationListFilter: t,
+  children: n
+}) {
+  var g, x;
+  const { chatSDK: o, aiAgentId: s, queryParams: i } = Y(), a = { aiAgentIds: [s], aiAgentConversationStatusFilter: [z.CLOSED] }, l = e ?? ((g = i == null ? void 0 : i.conversationListParams) == null ? void 0 : g.limit), c = {
+    ...a,
+    ...(x = i == null ? void 0 : i.conversationListParams) == null ? void 0 : x.filter,
+    ...t
+  }, u = ts(o, { limit: l, filter: c }), h = {
+    listSource: {
+      initialized: u.initialized,
+      error: u.error ?? void 0,
+      channels: u.channels,
+      loadMore: () => u.loadMore()
+    }
+  };
+  return /* @__PURE__ */ r.createElement(ns, { value: h }, n);
+}
+function os(e) {
+  let t = "pending", n = e.then((o) => {
+    t = "resolved", n = o;
+  }).catch((o) => {
+    t = "rejected", n = o;
+  });
+  return {
+    get value() {
+      if (t === "resolved")
+        return n;
+      throw n;
+    }
+  };
+}
+const {
+  Provider: ss,
+  useContext: Bn
+} = W("MessageTemplateFetching");
+function is({ children: e, internalVariables: t }) {
+  const n = F({}), o = F({}), [s, i] = T({}), a = D((u, h) => {
+    i((g) => ({
+      ...g,
+      [u]: { fetching: !1, error: !1, ...g[u], ...h }
+    }));
+  }, []), l = D(
+    async ({
+      onRequestTemplate: u,
+      onGetCachedTemplate: h,
+      templateKey: g,
+      suspense: x = !1
+    }) => {
+      const y = h(g);
+      if (y) return y;
+      const E = o.current[g];
+      if (E) return E;
+      x || a(g, { fetching: !0 });
+      const b = u(g).catch((p) => {
+        throw x || a(g, { error: !0 }), p;
+      }).finally(() => {
+        x || a(g, { fetching: !1 }), delete o.current[g];
+      });
+      return o.current[g] = b, b;
+    },
+    [a]
+  ), c = {
+    internalVariables: t,
+    fetchTemplate: l,
+    suspend: (u, h) => {
+      if (n.current[u])
+        return n.current[u];
+      const g = os(h());
+      return n.current[u] = g, g;
+    },
+    getIsFetching: (u) => {
+      var h;
+      return ((h = s[u]) == null ? void 0 : h.fetching) ?? !1;
+    },
+    getHasError: (u) => {
+      var h;
+      return ((h = s[u]) == null ? void 0 : h.error) ?? !1;
+    }
+  };
+  return /* @__PURE__ */ r.createElement(ss, { value: c }, e);
+}
+const nt = {
+  VARIABLE: (e) => new RegExp(`\\{${e}\\}`, "g"),
+  VIEW_VARIABLE: (e) => new RegExp(`"{@${e}}"`, "g")
+};
+function de({ uiTemplateString: e, variables: t = {} }) {
+  const n = Vo(t);
+  return wt({
+    template: e,
+    variables: n,
+    variableKeyPattern: (o) => nt.VARIABLE(o)
+  });
+}
+function ue({
+  theme: e,
+  uiTemplateString: t,
+  colorVariables: n = {}
+}) {
+  return wt({
+    template: t,
+    variables: n,
+    variableKeyPattern: (o) => nt.VARIABLE(o),
+    variableValueTransformer: (o) => Ho(e, o)
+  });
+}
+function as({
+  theme: e,
+  uiTemplateString: t,
+  viewVariables: n = {},
+  aiAgentColorVariables: o,
+  internalVariables: s,
+  onRequestTemplate: i
+}) {
+  const l = Object.values(n).flat().map((u) => u.key);
+  return [...new Set(l)].some((u) => !i(u)) ? null : wt({
+    template: t,
+    variables: n,
+    variableKeyPattern: (u) => nt.VIEW_VARIABLE(u),
+    variableValueTransformer: (u) => {
+      const h = u.map(({ key: g, variables: x }) => {
+        const y = i(g), { ui_template: E, color_variables: b } = Re(y);
+        let p = JSON.stringify(E);
+        return p = de({
+          uiTemplateString: p,
+          variables: s
+        }), p = ue({
+          theme: e,
+          uiTemplateString: p,
+          colorVariables: b
+        }), p = ue({
+          theme: e,
+          uiTemplateString: p,
+          colorVariables: o
+        }), p = de({
+          uiTemplateString: p,
+          variables: x
+        }), tt(p);
+      });
+      return JSON.stringify(h);
+    }
+  });
+}
+async function ls({
+  theme: e,
+  uiTemplateString: t,
+  viewVariables: n = {},
+  aiAgentColorVariables: o,
+  internalVariables: s,
+  onRequestTemplate: i
+}) {
+  return zo({
+    template: t,
+    variables: n,
+    variableKeyPattern: (a) => nt.VIEW_VARIABLE(a),
+    variableValueTransformer: async (a) => {
+      const l = a.map(async ({ key: u, variables: h }) => {
+        const g = await i(u), { ui_template: x, color_variables: y } = Re(g);
+        let E = JSON.stringify(x);
+        return E = de({
+          uiTemplateString: E,
+          variables: s
+        }), E = ue({
+          theme: e,
+          uiTemplateString: E,
+          colorVariables: y
+        }), E = ue({
+          theme: e,
+          uiTemplateString: E,
+          colorVariables: o
+        }), E = de({
+          uiTemplateString: E,
+          variables: h
+        }), tt(E);
+      }), c = await Promise.all(l);
+      return JSON.stringify(c);
+    }
+  });
+}
+const cs = ({
+  rawTemplate: e,
+  aiAgentColorVariables: t,
+  internalVariables: n,
+  ...o
+}) => {
+  const { ui_template: s, color_variables: i } = Re(e);
+  let a = JSON.stringify(s);
+  if (Object.keys(o.viewVariables ?? {}).length > 0) {
+    const c = as({
+      ...o,
+      uiTemplateString: a,
+      aiAgentColorVariables: t,
+      internalVariables: n
+    });
+    if (c === null) return null;
+    a = c;
+  }
+  return a = de({ ...o, uiTemplateString: a, variables: n }), a = ue({ ...o, uiTemplateString: a, colorVariables: i }), a = ue({ ...o, uiTemplateString: a, colorVariables: t }), a = de({ ...o, uiTemplateString: a }), tt(a);
+}, ds = async ({
+  rawTemplate: e,
+  aiAgentColorVariables: t,
+  internalVariables: n,
+  ...o
+}) => {
+  const { ui_template: s, color_variables: i } = Re(e);
+  let a = JSON.stringify(s);
+  return Object.keys(o.viewVariables ?? {}).length > 0 && (a = await ls({
+    ...o,
+    uiTemplateString: a,
+    aiAgentColorVariables: t,
+    internalVariables: n
+  })), a = de({ ...o, uiTemplateString: a, variables: n }), a = ue({ ...o, uiTemplateString: a, colorVariables: i }), a = ue({ ...o, uiTemplateString: a, colorVariables: t }), a = de({ ...o, uiTemplateString: a }), tt(a);
+}, us = (e) => {
+  const { aiAgentColorVariables: t = {} } = e, { internalVariables: n } = Bn();
+  return T(() => {
+    const o = e.onGetCachedTemplate(e.templateKey);
+    return o ? cs({
+      ...e,
+      rawTemplate: o,
+      aiAgentColorVariables: t,
+      internalVariables: n,
+      onRequestTemplate: e.onGetCachedTemplate
+    }) : null;
+  });
+}, ms = (e) => {
+  const [t] = us(e);
+  if (t) return t;
+  const { aiAgentColorVariables: n = {} } = e, { internalVariables: o, fetchTemplate: s, suspend: i } = Bn();
+  return i(e.templateKey, async () => {
+    const l = await s({ ...e, suspense: !0 });
+    return await ds({
+      ...e,
+      rawTemplate: l,
+      aiAgentColorVariables: n,
+      internalVariables: o
+    });
+  }).value;
+}, hs = {
+  required: "This question is required",
+  minLength: (e) => `Minimum ${e} characters required`,
+  maxLength: (e) => `Maximum ${e} characters allowed`,
+  min: (e) => `Minimum value is ${e}`,
+  max: (e) => `Maximum value is ${e}`,
+  minSelect: (e) => `Select at least ${e} options`,
+  maxSelect: (e) => `Select at most ${e} options`,
+  regex: "Invalid format",
+  invalidSelection: "Invalid selection"
+}, gs = {
+  getValueOrDefault: (e) => e.value ?? e.default_value ?? null,
+  validate: (e, t, n) => {
+    const o = t;
+    if (e.required && (!o || o.trim() === ""))
+      return {
+        isValid: !1,
+        error: n.required
+      };
+    if (!o)
+      return { isValid: !0 };
+    const { rules: s } = e;
+    if (s) {
+      if (s.min_length !== void 0 && o.length < s.min_length)
+        return {
+          isValid: !1,
+          error: typeof n.minLength == "function" ? n.minLength(s.min_length) : n.minLength
+        };
+      if (s.max_length !== void 0 && o.length > s.max_length)
+        return {
+          isValid: !1,
+          error: typeof n.maxLength == "function" ? n.maxLength(s.max_length) : n.maxLength
+        };
+      if (s.regex && !new RegExp(s.regex).test(o))
+        return {
+          isValid: !1,
+          error: n.regex
+        };
+    }
+    return { isValid: !0 };
+  }
+}, ps = {
+  getValueOrDefault: (e) => e.value ?? e.default_value ?? null,
+  validate: (e, t, n) => {
+    const o = t;
+    if (e.required && o === null)
+      return {
+        isValid: !1,
+        error: n.required
+      };
+    if (o === null)
+      return { isValid: !0 };
+    const { rules: s } = e;
+    if (s) {
+      if (s.min !== void 0 && o < s.min)
+        return {
+          isValid: !1,
+          error: typeof n.min == "function" ? n.min(s.min) : n.min
+        };
+      if (s.max !== void 0 && o > s.max)
+        return {
+          isValid: !1,
+          error: typeof n.max == "function" ? n.max(s.max) : n.max
+        };
+    }
+    return { isValid: !0 };
+  }
+}, fs = {
+  getValueOrDefault: (e) => e.value ?? e.default_value ?? null,
+  validate: (e, t, n) => {
+    const o = t;
+    return e.required && !o ? {
+      isValid: !1,
+      error: n.required
+    } : o && !e.options.includes(o) ? {
+      isValid: !1,
+      error: n.invalidSelection
+    } : { isValid: !0 };
+  }
+}, bs = {
+  getValueOrDefault: (e) => e.values ?? e.default_values ?? null,
+  validate: (e, t, n) => {
+    const o = t;
+    if (e.required && (!o || o.length === 0))
+      return {
+        isValid: !1,
+        error: n.required
+      };
+    if (!o || o.length === 0)
+      return { isValid: !0 };
+    if (o.filter((a) => !e.options.includes(a)).length > 0)
+      return {
+        isValid: !1,
+        error: n.invalidSelection
+      };
+    const { rules: i } = e;
+    if (i) {
+      if (i.min_select !== void 0 && o.length < i.min_select)
+        return {
+          isValid: !1,
+          error: typeof n.minSelect == "function" ? n.minSelect(i.min_select) : n.minSelect
+        };
+      if (i.max_select !== void 0 && o.length > i.max_select)
+        return {
+          isValid: !1,
+          error: typeof n.maxSelect == "function" ? n.maxSelect(i.max_select) : n.maxSelect
+        };
+    }
+    return { isValid: !0 };
+  }
+}, xs = {
+  text: gs,
+  number: ps,
+  "single-select": fs,
+  "multi-select": bs
+}, Es = {
+  getValueOrDefault: () => null,
+  validate: () => ({ isValid: !1 })
+};
+function Pn(e) {
+  return xs[e.type] || Es;
+}
+function tn(e) {
+  return Pn(e).getValueOrDefault(e);
+}
+function vs(e, t, n = {}) {
+  const o = { ...hs, ...n };
+  return Pn(e).validate(e, t, o);
+}
+const ys = (e, t = {}) => {
+  const { labels: n = {}, onSubmit: o, onCancel: s } = t, [i, a] = T({}), [l, c] = T(() => {
+    const b = {};
+    return e.fields.forEach((p) => {
+      b[p.key] = tn(p);
+    }), b;
+  }), u = ee(() => e.submitted_at ? "submitted" : e.canceled_at ? "canceled" : "draft", [e.submitted_at, e.canceled_at]);
+  L(() => {
+    if (u === "submitted" || u === "canceled") {
+      const b = {};
+      let p = !1;
+      e.fields.forEach((f) => {
+        const v = tn(f);
+        JSON.stringify(l[f.key]) !== JSON.stringify(v) && (p = !0), b[f.key] = v;
+      }), p && c(b);
+    }
+  }, [u]);
+  const h = (b, p) => {
+    c((f) => ({ ...f, [b]: p })), a((f) => ({ ...f, [b]: void 0 }));
+  }, g = e.fields.map((b) => {
+    var v, S, M;
+    const p = l[b.key] ?? null, f = {
+      key: b.key,
+      label: b.label,
+      error: i[b.key],
+      required: b.required
+    };
+    return b.type === "text" ? {
+      ...f,
+      type: "text",
+      layout: b.layout,
+      value: p,
+      ...b.placeholder && { placeholder: b.placeholder },
+      ...((v = b.rules) == null ? void 0 : v.max_length) && { maxLength: b.rules.max_length }
+    } : b.type === "number" ? {
+      ...f,
+      type: "number",
+      layout: b.layout,
+      value: p,
+      ...b.placeholder && { placeholder: b.placeholder },
+      ...((S = b.rules) == null ? void 0 : S.max) && { max: b.rules.max }
+    } : b.type === "single-select" ? {
+      ...f,
+      type: "single-select",
+      layout: b.layout,
+      value: p,
+      options: b.options
+    } : b.type === "multi-select" ? {
+      ...f,
+      type: "multi-select",
+      layout: b.layout,
+      value: p,
+      options: b.options,
+      ...((M = b.rules) == null ? void 0 : M.max_select) && { maxSelect: b.rules.max_select }
+    } : { ...f, type: "unknown", layout: "default", value: null };
+  });
+  return {
+    state: u,
+    fields: g,
+    getField: (b) => g.find((p) => p.key === b),
+    updateFieldValue: h,
+    submit: async () => {
+      const b = {};
+      let p = !1;
+      for (const f of e.fields) {
+        const v = l[f.key] ?? null, S = vs(f, v, n);
+        S.isValid || (b[f.key] = S.error, p = !0);
+      }
+      if (a(b), !p && o) {
+        const f = {};
+        e.fields.forEach((v) => {
+          f[v.key] = l[v.key] ?? null;
+        }), await o(f);
+      }
+    },
+    cancel: async () => {
+      await (s == null ? void 0 : s());
+    }
+  };
+}, Cs = '@import"https://fonts.googleapis.com/css?family=Roboto:400,500,600,700&display=swap";.sb-message-template__border{position:relative}.sb-message-template__border:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);border-radius:var(--border-radius);pointer-events:none}.sb-message-template__action{cursor:pointer}.sb-message-template__parent{font-family:Roboto,serif}.sb-message-template__text{font-family:inherit;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:left}.sb-message-template__text-button{font-family:inherit;background-color:#e0e0e0;text-align:center;padding:10px;border-radius:6px;font-size:14px;font-weight:600;font-stretch:normal;font-style:normal;letter-spacing:normal}.sendbird-theme--light .sb-message-template__text-button{color:#742ddd}.sendbird-theme--dark .sb-message-template__text-button{color:#c2a9fa}.sb-message-template__text-button:hover{opacity:1;box-shadow:#0000001a 0 1px 3px,#0000000f 0 1px 2px}.sb-message-template__text-button,.sb-message-template__image-button{cursor:pointer;border-style:none}.sb-message-template__parent{border-radius:unset;background-color:transparent;overflow:hidden}.sb-message-template__parent *{box-sizing:border-box;line-height:1.3}.sb-message-template__carousel{display:flex;width:100%;box-sizing:border-box;touch-action:pan-y}', De = "en", _s = /* @__PURE__ */ new Set([
+  De,
+  "ko",
+  "es",
+  "pt",
+  "fr",
+  "hi",
+  "it",
+  "de",
+  "tr",
+  "ja"
+]), Ss = (e, t, n) => {
+  const o = e[t];
+  return o ? typeof o == "function" ? o() : Promise.resolve(o) : new Promise((s, i) => {
+    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
+      i.bind(
+        null,
+        new Error(
+          "Unknown variable dynamic import: " + t + (t.split("/").length !== n ? ". Note that variables only represent file names one level deep." : "")
+        )
+      )
+    );
+  });
+}, Ts = Kr, ws = {
+  // Channel - Common
+  CHANNEL_FROZEN: "Channel frozen",
+  PLACE_HOLDER__WRONG: "Something went wrong",
+  PLACE_HOLDER__NO_MESSAGES: "No messages",
+  UNKNOWN__UNKNOWN_MESSAGE_TYPE: "(Unknown message type)",
+  // Channel - Header
+  HEADER_BUTTON__AGENT_HANDOFF: "Connect with an agent",
+  // Message Input
+  MESSAGE_INPUT__PLACE_HOLDER: "Ask a question",
+  MESSAGE_INPUT__PLACE_HOLDER__WAIT_AI_AGENT_RESPONSE: "Waiting for the agent’s reply…",
+  MESSAGE_INPUT__PLACE_HOLDER__DISABLED: "Chat is unavailable in this channel",
+  // Common UI
+  BUTTON__CANCEL: "Cancel",
+  BUTTON__SAVE: "Save",
+  BUTTON__OK: "OK",
+  BUTTON__SUBMIT: "Submit",
+  NO_NAME: "(No name)",
+  RETRY: "Retry",
+  OPTIONAL: "optional",
+  SUBMITTED: "Submitted",
+  TRY_AGAIN: "Please try again.",
+  // Date format
+  DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR: "MMMM dd, yyyy",
+  DATE_FORMAT__MESSAGE_TIMESTAMP: "p",
+  // File Upload
+  FILE_UPLOAD_NOTIFICATION__COUNT_LIMIT: "You can't upload more than one image",
+  FILE_UPLOAD_NOTIFICATION__SIZE_LIMIT: "The maximum size per file is %d MB.",
+  // File Viewer
+  FILE_VIEWER__UNSUPPORT: "Unsupported message",
+  // CSAT
+  CSAT_TITLE_UNSUBMITTED: "Your feedback matters to us",
+  CSAT_TITLE_SUBMITTED: "Successfully submitted!",
+  CSAT_CRE_TITLE: "Was your issue resolved?",
+  CSAT_CRE_SOLVED: "Yes, thank you! 👍",
+  CSAT_CRE_NOT_SOLVED: "No, that didn’t help.",
+  CSAT_REASON_PLACEHOLDER: "Share your feedback",
+  CSAT_RATING_TITLE: "How would you rate your experience?",
+  CSAT5_RATING_SCORE_1: "Terrible",
+  CSAT5_RATING_SCORE_2: "Bad",
+  CSAT5_RATING_SCORE_3: "Okay",
+  CSAT5_RATING_SCORE_4: "Good",
+  CSAT5_RATING_SCORE_5: "Great",
+  CSAT_SUBMIT_LABEL: "Submit",
+  CSAT_SUBMISSION_EXPIRED: "We’re sorry, the survey period has ended.",
+  POWERED_BY: "Powered by",
+  // Conversation list
+  CONVERSATION_CLOSED_FOOTER_LABEL: "Your conversation has ended",
+  START_NEW_CONVERSATION: "💬 Start a new conversation",
+  RETURN_TO_CONVERSATION: "💬 Return to conversation",
+  CONVERSATION_LIST__HEADER_TITLE: "Conversation history",
+  CONVERSATION_LIST__TOPICS_FALLBACK: "No category",
+  CONVERSATION_LIST__NO_CONVERSATIONS: "No conversations yet",
+  DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE: "MM/dd/yyyy",
+  DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE_CAPTION: "h:mma",
+  // Citation
+  CITATION_SOURCE_TITLE: "Source",
+  // Form
+  FORM_PLACEHOLDER: "Please fill out the form to move forward.",
+  FORM_UNAVAILABLE: "Form is no longer available.",
+  FORM_NOT_SUPPORTED: "This form is not supported in the current version.",
+  FORM_VALIDATION_REQUIRED: "This question is required",
+  FORM_VALIDATION_MIN_LENGTH: (e) => `Minimum ${e} characters required`,
+  FORM_VALIDATION_MAX_LENGTH: (e) => `Maximum ${e} characters allowed`,
+  FORM_VALIDATION_MIN: (e) => `Minimum value is ${e}`,
+  FORM_VALIDATION_MAX: (e) => `Maximum value is ${e}`,
+  FORM_VALIDATION_MIN_SELECT: (e) => `Select at least ${e} options`,
+  FORM_VALIDATION_MAX_SELECT: (e) => `Select at most ${e} options`,
+  FORM_VALIDATION_REGEX_FAILED: "Invalid format"
+}, At = { language: "en", dateLocale: Ts, stringSet: ws }, As = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: At
+}, Symbol.toStringTag, { value: "Module" })), Ze = /* @__PURE__ */ new Map([[De, At]]);
+async function ks(e) {
+  if (Ze.has(e))
+    return Ze.get(e);
+  const t = _s.has(e) ? e : De;
+  try {
+    const { default: n } = await Ss(/* @__PURE__ */ Object.assign({ "./languages/de.ts": () => import("./qC-GIbc4.js"), "./languages/en.ts": () => Promise.resolve().then(() => As), "./languages/es.ts": () => import("./B7zUx3wi.js"), "./languages/fr.ts": () => import("./BOQBJafG.js"), "./languages/hi.ts": () => import("./BDu5g5oT.js"), "./languages/it.ts": () => import("./BgVN3jH0.js"), "./languages/ja.ts": () => import("./DGEcXOnE.js"), "./languages/ko.ts": () => import("./fgcpgo5V.js"), "./languages/pt.ts": () => import("./CGGa6Wi6.js"), "./languages/tr.ts": () => import("./B-Bit2rH.js") }), `./languages/${t}.ts`, 3);
+    return Ze.set(e, n), n;
+  } catch {
+    return At;
+  }
+}
+const {
+  Provider: Is,
+  useContext: R
+} = W("Localization");
+function $s(e) {
+  var t;
+  return ((t = e.split("-")) == null ? void 0 : t[0]) ?? De;
+}
+function Ms({
+  language: e = navigator.language,
+  logger: t,
+  stringSet: n,
+  children: o
+}) {
+  const [s, i] = T(Ze.get(De));
+  return L(() => {
+    const a = $s(e);
+    s.language !== a && (t == null || t.debug("localization.useEffect: update language", `${s.language} -> ${a}`), ks(a).then(i));
+  }, [e]), /* @__PURE__ */ r.createElement(
+    Is,
+    {
+      value: {
+        language: s.language,
+        stringSet: { ...s.stringSet, ...n },
+        dateLocale: s.dateLocale,
+        format: (a, l, c) => In(a, l, { locale: s.dateLocale, ...c })
+      }
+    },
+    o
+  );
+}
+const Ye = "data-sb-agent-theme", nn = (e) => (t, ...n) => {
+  let o = "";
+  return t.forEach((s, i) => {
+    o += s + (n[i] ?? "");
+  }), `[${Ye}='${e}'] & { ${o} }`;
+}, I = {
+  light: nn("light"),
+  dark: nn("dark")
+}, Os = _(({ theme: e }) => {
+  const { palette: t } = e;
+  return `
+    :root,
+    :host {
+      --sendbird-primary-extra-dark: ${t.primary.extraDark};
+      --sendbird-primary-dark: ${t.primary.dark};
+      --sendbird-primary-main: ${t.primary.main};
+      --sendbird-primary-light: ${t.primary.light};
+      --sendbird-primary-extra-light: ${t.primary.extraLight};
+
+      --sendbird-secondary-extra-dark: ${t.secondary.extraDark};
+      --sendbird-secondary-dark: ${t.secondary.dark};
+      --sendbird-secondary-main: ${t.secondary.main};
+      --sendbird-secondary-light: ${t.secondary.light};
+      --sendbird-secondary-extra-light: ${t.secondary.extraLight};
+
+      --sendbird-information-extra-dark: ${t.information.extraDark};
+      --sendbird-information-dark: ${t.information.dark};
+      --sendbird-information-main: ${t.information.main};
+      --sendbird-information-light: ${t.information.light};
+      --sendbird-information-extra-light: ${t.information.extraLight};
+
+      --sendbird-error-extra-dark: ${t.error.extraDark};
+      --sendbird-error-dark: ${t.error.dark};
+      --sendbird-error-main: ${t.error.main};
+      --sendbird-error-light: ${t.error.light};
+      --sendbird-error-extra-light: ${t.error.extraLight};
+
+      --sendbird-background-700: ${t.background700};
+      --sendbird-background-600: ${t.background600};
+      --sendbird-background-500: ${t.background500};
+      --sendbird-background-400: ${t.background400};
+      --sendbird-background-300: ${t.background300};
+      --sendbird-background-200: ${t.background200};
+      --sendbird-background-100: ${t.background100};
+      --sendbird-background-50: ${t.background50};
+
+      --sendbird-onlight-text-high-emphasis: ${t.onlight.textHighEmphasis};
+      --sendbird-onlight-text-mid-emphasis: ${t.onlight.textMidEmphasis};
+      --sendbird-onlight-text-low-emphasis: ${t.onlight.textLowEmphasis};
+      --sendbird-onlight-text-disabled: ${t.onlight.textDisabled};
+
+      --sendbird-ondark-text-high-emphasis: ${t.ondark.textHighEmphasis};
+      --sendbird-ondark-text-mid-emphasis: ${t.ondark.textMidEmphasis};
+      --sendbird-ondark-text-low-emphasis: ${t.ondark.textLowEmphasis};
+      --sendbird-ondark-text-disabled: ${t.ondark.textDisabled};
+
+      --sendbird-overlay-dark: ${t.overlay.dark};
+      --sendbird-overlay-light: ${t.overlay.light};
+    }
+  `;
+}), Ls = _`[${Ye}='light'] &{--sb-text-high-emphasis:var(--sendbird-onlight-text-high-emphasis);--sb-text-mid-emphasis:var(--sendbird-onlight-text-mid-emphasis);--sb-text-low-emphasis:var(--sendbird-onlight-text-low-emphasis);--sb-text-disabled:var(--sendbird-onlight-text-disabled);--sb-text-high-emphasis-inverse:var(--sendbird-ondark-text-high-emphasis);--sb-text-mid-emphasis-inverse:var(--sendbird-ondark-text-mid-emphasis);--sb-text-low-emphasis-inverse:var(--sendbird-ondark-text-low-emphasis);--sb-text-disabled-inverse:var(--sendbird-ondark-text-disabled);--sb-bg-50-600:var(--sendbird-background-50);--sb-bg-100-500:var(--sendbird-background-100);--sb-bg-200-400:var(--sendbird-background-200);--sb-primary:var(--sendbird-primary-main);--sb-secondary:var(--sendbird-secondary-main);--sb-error:var(--sendbird-error-main);--sb-information:var(--sendbird-information-light);}[${Ye}='dark'] &{--sb-text-high-emphasis:var(--sendbird-ondark-text-high-emphasis);--sb-text-mid-emphasis:var(--sendbird-ondark-text-mid-emphasis);--sb-text-low-emphasis:var(--sendbird-ondark-text-low-emphasis);--sb-text-disabled:var(--sendbird-ondark-text-disabled);--sb-text-high-emphasis-inverse:var(--sendbird-onlight-text-high-emphasis);--sb-text-mid-emphasis-inverse:var(--sendbird-onlight-text-mid-emphasis);--sb-text-low-emphasis-inverse:var(--sendbird-onlight-text-low-emphasis);--sb-text-disabled-inverse:var(--sendbird-onlight-text-disabled);--sb-bg-50-600:var(--sendbird-background-600);--sb-bg-100-500:var(--sendbird-background-500);--sb-bg-200-400:var(--sendbird-background-400);--sb-primary:var(--sendbird-primary-light);--sb-secondary:var(--sendbird-secondary-light);--sb-error:var(--sendbird-error-light);--sb-information:var(--sendbird-information-light);}`, d = {
+  color: {
+    primary: {
+      dark: "var(--sendbird-primary-dark)",
+      main: "var(--sendbird-primary-main)"
+    },
+    information: {
+      main: "var(--sendbird-information-main)",
+      light: "var(--sendbird-information-light)"
+    },
+    background700: "var(--sendbird-background-700)",
+    background500: "var(--sendbird-background-500)",
+    background400: "var(--sendbird-background-400)",
+    background200: "var(--sendbird-background-200)",
+    background100: "var(--sendbird-background-100)",
+    background50: "var(--sendbird-background-50)",
+    onlight: {
+      textLowEmphasis: "var(--sendbird-onlight-text-low-emphasis)"
+    },
+    ondark: {
+      textMidEmphasis: "var(--sendbird-ondark-text-mid-emphasis)",
+      textLowEmphasis: "var(--sendbird-ondark-text-low-emphasis)",
+      textDisabled: "var(--sendbird-ondark-text-disabled)"
+    },
+    overlay: {
+      dark: "var(--sendbird-overlay-dark)"
+    }
+  },
+  themedColor: {
+    textHighEmphasis: "var(--sb-text-high-emphasis)",
+    textMidEmphasis: "var(--sb-text-mid-emphasis)",
+    textLowEmphasis: "var(--sb-text-low-emphasis)",
+    textDisabled: "var(--sb-text-disabled)",
+    textHighEmphasisInverse: "var(--sb-text-high-emphasis-inverse)",
+    bg_50_600: "var(--sb-bg-50-600)",
+    bg_100_500: "var(--sb-bg-100-500)",
+    bg_200_400: "var(--sb-bg-200-400)",
+    primary: "var(--sb-primary)",
+    error: "var(--sb-error)"
+  }
+}, {
+  Provider: Rs,
+  useContext: Un
+} = W("MessengerTheme");
+function Ds(e) {
+  const { theme: t, appearance: n, logger: o } = e;
+  return /* @__PURE__ */ r.createElement(
+    Ro,
+    {
+      appearance: n,
+      palette: t == null ? void 0 : t.palette,
+      typography: t == null ? void 0 : t.typography,
+      logger: o
+    },
+    /* @__PURE__ */ r.createElement(Ns, { ...e })
+  );
+}
+function Ns({ rootElement: e = document.body, children: t }) {
+  const { theme: n, updateTheme: o } = Tt();
+  return pe(() => {
+    e.setAttribute(Ye, n.selectedTheme);
+  }, [e, n.selectedTheme]), /* @__PURE__ */ r.createElement(zr, { theme: n }, /* @__PURE__ */ r.createElement(Rs, { value: { theme: n, updateTheme: o, rootElement: e } }, t));
+}
+function fe(e, t) {
+  const n = e.getRootNode({ composed: t });
+  return n instanceof ShadowRoot || n instanceof Document ? n : document;
+}
+const Fs = (e, t) => {
+  L(() => {
+    const n = fe(t) instanceof ShadowRoot, o = fe(t, !0);
+    if (!(n ? t : o).querySelector(`link[href*='${e}']`)) {
+      const i = o.createElement("link");
+      i.rel = "stylesheet", i.href = e, (n ? t : o.head).appendChild(i);
+    }
+  }, [e, t]);
+}, Bs = (e, t = document.body) => {
+  L(() => {
+    const n = fe(t), s = n instanceof ShadowRoot ? t : n.head;
+    if (!s) return;
+    const i = `sba-${btoa(e).slice(0, 10)}`;
+    let a = s.querySelector(`style#${i}`);
+    a ? a.textContent !== e && (a.textContent = e) : (a = s.ownerDocument.createElement("style"), a.id = i, a.textContent = e, s.appendChild(a));
+  }, [e, t]);
+}, kt = /iPad|iPhone|iPod/.test(navigator.userAgent), Ps = /Android/.test(navigator.userAgent), Ne = (e) => kt || Ps, {
+  Provider: Us,
+  Consumer: Hn,
+  useContext: H
+} = W("Messenger");
+function Hs({
+  children: e,
+  state: t,
+  enableCloseConversationButton: n = !1,
+  enableExpandButton: o = !0,
+  enableAutoDisconnectInLauncher: s = !0,
+  ...i
+}) {
+  const [a, l] = T(!1), [c, u] = T(!1), h = {
+    opened: (t == null ? void 0 : t.opened) ?? a,
+    setOpened: (t == null ? void 0 : t.setOpened) ?? l,
+    expanded: (t == null ? void 0 : t.expanded) ?? c,
+    setExpanded: (t == null ? void 0 : t.setExpanded) ?? u
+  };
+  return /* @__PURE__ */ r.createElement(bo, { ...i }, (g) => /* @__PURE__ */ r.createElement(
+    Us,
+    {
+      value: {
+        ...i,
+        ...g,
+        state: h,
+        enableCloseConversationButton: n,
+        enableExpandButton: o,
+        enableAutoDisconnectInLauncher: s
+      }
+    },
+    e
+  ));
+}
+const {
+  Provider: Vs,
+  useContext: V
+} = W("MessengerSession"), zs = Se(function({ children: e, ...t }, n) {
+  return /* @__PURE__ */ r.createElement(qo, { ref: n, ...t }, (o) => /* @__PURE__ */ r.createElement(Ws, { ...o }, e));
+}), Ws = ({ children: e, ...t }) => {
+  const { chatSDK: n, logger: o, appId: s, aiAgentId: i, agentPreviewConfigs: a, state: l } = H(), { userSessionInfo: c, authenticate: u, setActiveChannel: h, userSession: g, aiAgentInfo: x, launcherInfo: y } = t;
+  return et(n, {
+    async onUserJoined(E, b) {
+      var f, v;
+      if (E.conversation && E.conversation.type === Zr.PROACTIVE && b.userId === ((f = n.currentUser) == null ? void 0 : f.userId)) {
+        o.info("messengerSession.onUserJoined: proactive channel joined", E.url);
+        const S = ((v = E.conversation) == null ? void 0 : v.status) ?? z.OPEN;
+        h({ url: E.url, status: S }), l.setOpened(!0), Gs({ sound: document.hidden || !l.opened });
+      }
+    }
+  }), L(() => {
+    u().then(({ launcher: E }) => {
+      E.auto_open && !Ne() && setTimeout(() => l.setOpened(!0), 500);
+    }).catch((E) => {
+      o.error("messengerSession: failed to initialize", E);
+    });
+  }, [n, s, i, c == null ? void 0 : c.userId, c == null ? void 0 : c.authToken]), !g || !x || !y ? null : /* @__PURE__ */ r.createElement(
+    Vs,
+    {
+      value: {
+        ...t,
+        userSession: g,
+        aiAgentInfo: { ...x, ...a == null ? void 0 : a.bot },
+        launcherInfo: { ...y, ...a == null ? void 0 : a.launcher }
+      }
+    },
+    e
+  );
+};
+function Gs({ sound: e }) {
+  const t = "🔔You have received a new message", n = document.title, o = setInterval(() => {
+    document.title = document.title === t ? n : t;
+  }, 750);
+  setTimeout(() => clearInterval(o), 5e3), e && import("./DP0MwObA.js").then((s) => {
+    new Audio(s.default).play();
+  });
+}
+const j = (e) => {
+  const t = e;
+  return typeof t == "number" ? `${t}px` : t;
+}, w = ({
+  as: e,
+  variant: t = "body1",
+  color: n,
+  className: o,
+  ...s
+}) => /* @__PURE__ */ r.createElement(Ks, { as: e, $variant: t, className: o, $color: n, ...s }), rn = /* @__PURE__ */ new WeakMap(), js = (e, t) => {
+  let n = rn.get(t);
+  n || (n = /* @__PURE__ */ new Map(), rn.set(t, n));
+  const o = n.get(e);
+  if (o) return o;
+  const s = t[e] ?? t.body1, i = _`font-size:${j(s.fontSize)};font-weight:${s.fontWeight};${s.fontFamily ? `font-family: ${s.fontFamily};` : ""}
+    ${s.lineHeight ? `line-height: ${s.lineHeight};` : "line-height: 100%;"}
+  `;
+  return n.set(e, i), i;
+}, Ks = m.span`font-stretch:normal;letter-spacing:normal;${({ $variant: e, theme: t }) => js(e, t.typography)}color:${({ $color: e }) => e};`, re = "sb-agent", ie = {
+  ENTRY: `${re}-entry`,
+  MODAL_ROOT: `${re}-modal-root`,
+  WINDOW: `${re}-window`,
+  LAUNCHER: `${re}-launcher`
+}, Ve = 2147483647, xe = {
+  MODAL: Ve - 1,
+  // FIXME: need to cover the case where the tooltip is on the top of the modal
+  TOOLTIP: Ve - 2,
+  WINDOW: Ve - 3,
+  LAUNCHER: Ve - 4
+}, Vn = {
+  DEFAULT_PRIMARY: "#742ddd",
+  WHITE: "#ffffff"
+}, zn = 36, qs = 100, Zs = 25 * 1024 * 1024, Wn = ["application/pdf", "image/jpeg", "image/jpg", "image/png"], It = "noopener noreferrer nofollow", be = 244, Gn = 640, Je = 26, jn = 4, ae = 12, Ae = 2, Ys = 16, le = `${re}-incoming-msg`, Js = `${re}-marked-text`;
+function $t(e) {
+  switch (e) {
+    case "top":
+    case "middle":
+      return Ae;
+    default:
+      return Ys;
+  }
+}
+function Mt(e, t) {
+  if (t) {
+    const [, n] = t.split("/");
+    if (n)
+      return n.toUpperCase();
+  }
+  if (e && !e.startsWith(".")) {
+    const n = e.split(".").pop();
+    if (n && n !== e)
+      return n.toUpperCase();
+  }
+  return "FILE";
+}
+function Kn(e) {
+  return e.messageType === "file" ? e.message.length > 0 && e.file.name !== e.message : e.message.length > 0;
+}
+const Xs = /* @__PURE__ */ new Set(["send", "chat", "message", "chevron-right"]), Qs = {
+  spinner: A(() => import("./BcUGcaq2.js")),
+  chat: A(() => import("./DcFCGVBm.js")),
+  message: A(() => import("./DsGXnanX.js")),
+  error: A(() => import("./B6fvrWGq.js")),
+  info: A(() => import("./CAIYsKDy.js")),
+  refresh: A(() => import("./B6xd54zt.js")),
+  "chevron-down": A(() => import("./BsimU71m.js")),
+  "chevron-right": A(() => import("./NmJl7zv3.js")),
+  done: A(() => import("./D_q6g3Dd.js")),
+  user: A(() => import("./CvqfQEhO.js")),
+  "file-document": A(() => import("./BAr50pfO.js")),
+  download: A(() => import("./B2CtcWp3.js")),
+  attach: A(() => import("./DY2ULcTX.js")),
+  delete: A(() => import("./DMruRpOm.js")),
+  close: A(() => import("./CuaBI7kd.js")),
+  "close-filled": A(() => import("./CxQFWLnW.js")),
+  send: A(() => import("./DZJyDpNp.js")),
+  menu: A(() => import("./BUYabNz7.js")),
+  expand: A(() => import("./wBtIAuNm.js")),
+  collapse: A(() => import("./C0RFfifL.js")),
+  agent: A(() => import("./Cc7XmLN1.js")),
+  question: A(() => import("./dqwvRBog.js")),
+  actionbook: A(() => import("./CrjNuryZ.js")),
+  function: A(() => import("./CvdSjw1c.js")),
+  "radio-on": A(() => import("./nmdo2Fbj.js")),
+  "radio-off": A(() => import("./BnZcRFmS.js")),
+  confluence: A(() => import("./BOnlh2zd.js")),
+  zendesk: A(() => import("./BAJ6LEKc.js")),
+  salesforce: A(() => import("./CT2kv4lr.js")),
+  sprinklr: A(() => import("./m2INcyV2.js")),
+  website: A(() => import("./BgGVGNdg.js")),
+  snippet: A(() => import("./BFcXPuf5.js")),
+  template: A(() => import("./awO7aBCv.js")),
+  source: A(() => import("./_EVMCh6Y.js")),
+  copy: A(() => import("./Y-x39_PW.js")),
+  show: A(() => import("./oD5rM94o.js")),
+  mute: A(() => import("./CBd3y0FA.js"))
+}, O = ({ type: e, size: t = 24, className: n, color: o }) => {
+  const s = Qs[e];
+  return /* @__PURE__ */ r.createElement(
+    ti,
+    {
+      className: n,
+      $rtlFlip: Xs.has(e),
+      $size: t,
+      $color: o ?? d.color.primary.main
+    },
+    /* @__PURE__ */ r.createElement(Oe, { fallback: null }, /* @__PURE__ */ r.createElement(s, null))
+  );
+}, ei = _`[dir='rtl'] &{transform:scaleX(-1);}`, ti = m.div`width:${({ $size: e }) => j(e)};height:${({ $size: e }) => j(e)};display:inline-block;&:focus{outline:none;}svg{display:block;}[class*='fill']{fill:${({ $color: e }) => e};}[class*='stroke']{stroke:${({ $color: e }) => e};stroke-width:2px;stroke-linejoin:round;}${({ $rtlFlip: e }) => e && ei};`;
+function Ot({
+  name: e,
+  type: t = "FILE",
+  iconColor: n,
+  iconBackgroundColor: o,
+  onClick: s
+}) {
+  const { colors: i } = St();
+  return /* @__PURE__ */ r.createElement(ni, { onClick: s, $clickable: !!s }, /* @__PURE__ */ r.createElement(oi, { $bgColor: o ?? i.base.primary }, /* @__PURE__ */ r.createElement(O, { type: "file-document", size: 24, color: n ?? i.base.primaryContrastContent })), /* @__PURE__ */ r.createElement(si, null, /* @__PURE__ */ r.createElement(ii, { variant: "button", color: d.themedColor.textHighEmphasis }, e), /* @__PURE__ */ r.createElement(w, { color: d.themedColor.textMidEmphasis, variant: "caption3" }, t)));
+}
+const ni = m.div`border-radius:12px;gap:8px;width:${be}px;height:64px;display:flex;align-items:center;padding:12px;box-sizing:border-box;border:1px solid ${d.themedColor.textDisabled};background-color:${d.themedColor.bg_50_600};${({ $clickable: e }) => e && ri}`, ri = _`cursor:pointer;&:hover{background-color:${d.themedColor.bg_100_500};}`, oi = m.div`border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:${({ $bgColor: e }) => e};`, si = m.div`display:flex;flex:1;flex-direction:column;gap:4px;min-width:0;`, ii = m(w)`text-overflow:ellipsis;white-space:nowrap;overflow:hidden;`;
+function ai({ file: e, children: t, onClickFile: n }) {
+  return /* @__PURE__ */ r.createElement(li, null, /* @__PURE__ */ r.createElement(
+    Ot,
+    {
+      name: e.name,
+      type: Mt(e.name, e.type),
+      onClick: n && (() => n == null ? void 0 : n(e))
+    }
+  ), t);
+}
+const li = m.div`display:flex;flex-direction:column;align-items:flex-start;gap:${Ae}px;`;
+function ci({ file: e, onClickMedia: t, children: n }) {
+  const o = () => e.type.startsWith("image") ? /* @__PURE__ */ r.createElement(mi, { src: e.url, alt: "image-message" }) : e.type.startsWith("video") ? /* @__PURE__ */ r.createElement(hi, { controls: !0 }, /* @__PURE__ */ r.createElement("source", { src: e.url }), /* @__PURE__ */ r.createElement("track", { kind: "captions" })) : null;
+  if (o) {
+    const s = {
+      id: `${le}-media-body`,
+      onClick: () => t == null ? void 0 : t(e)
+    };
+    return /* @__PURE__ */ r.createElement(di, null, /* @__PURE__ */ r.createElement(ui, { ...s }, o()), n);
+  }
+  return null;
+}
+const di = m.div`display:flex;flex-direction:column;align-items:flex-start;gap:${Ae}px;`, ui = m.div`width:${be}px;height:160px;border-radius:12px;overflow:hidden;cursor:pointer;${I.light`
+    background-color: ${d.color.background100};
+  `}
+  ${I.dark`
+    background-color: ${d.color.background400};
+  `}
+`, mi = m.img`width:100%;height:100%;object-fit:cover;`, hi = m.video`width:100%;height:100%;object-fit:cover;`, gi = "✱";
+function qn(e) {
+  const t = new RegExp(`${gi}+`, "g");
+  return e.replace(t, (n) => `<span id=${Js} aria-label="masked-text">${n}</span>`);
+}
+function pi(e) {
+  return e.replace(/\*\*(.*?)\*\*/g, "<b>$1</b>");
+}
+function fi(e) {
+  const t = /```(\w+)?\n([\s\S]*?)```/g, n = [];
+  let o = 0;
+  return e.replace(t, (s, ...i) => {
+    const [a, l, c] = i;
+    return o < c && n.push({
+      type: "text",
+      value: e.slice(o, c).trim()
+    }), n.push({
+      type: "code",
+      value: l.trim(),
+      language: a ? a.trim() : "plaintext"
+    }), o = c + s.length, s;
+  }), o < e.length && n.push({
+    type: "text",
+    value: e.slice(o).trim()
+  }), n.map((s) => s.type !== "text" ? s : { ...s, value: qn(s.value) });
+}
+const bi = A(async () => ({ default: (await import("./DK3lW85j.js")).MarkdownText })), xi = A(async () => ({ default: (await import("./Ch_6OPTz.js")).CodeBlock }));
+function on(e) {
+  var s, i;
+  const t = e.maxBodyWidth ?? be, n = ee(() => fi(e.message), [e.message]), o = {
+    id: `${le}-text-body`,
+    $maxWidth: t,
+    $color: (s = e.customStyle) == null ? void 0 : s.bubbleContentColor,
+    $bgColor: (i = e.customStyle) == null ? void 0 : i.bubbleBackgroundColor
+  };
+  return n.length === 0 ? e.children ? /* @__PURE__ */ r.createElement(sn, { ...o }, e.children) : null : /* @__PURE__ */ r.createElement(sn, { ...o }, n.map((a, l) => a.type === "text" ? /* @__PURE__ */ r.createElement(an, { key: l, variant: "body3" }, /* @__PURE__ */ r.createElement(Oe, { fallback: a.value }, /* @__PURE__ */ r.createElement(bi, { onClickImage: (c) => {
+    var u;
+    return (u = e.onClickMedia) == null ? void 0 : u.call(e, { url: c, type: "image/*" });
+  } }, a.value))) : a.type === "code" ? /* @__PURE__ */ r.createElement(Oe, { key: l, fallback: /* @__PURE__ */ r.createElement(an, { variant: "body3" }, a.value) }, /* @__PURE__ */ r.createElement(xi, { code: a.value, language: a.language })) : null), e.children);
+}
+const sn = m.div`display:flex;flex-direction:column;border-radius:12px;overflow:hidden;max-width:${({ $maxWidth: e }) => e}px;${({ theme: e, $color: t, $bgColor: n }) => _`
+    color: ${t || e.colors.messageIncoming.text};
+    background-color: ${n || e.colors.messageIncoming.background};
+  `}
+  padding: 12px 0;
+  transition: max-width 0.3s;
+  overflow-wrap: break-word;
+`, an = m(w)`align-items:flex-start;line-height:140%;white-space:pre-wrap;padding:0 12px;`;
+function Ei(e) {
+  const { stringSet: t } = R(), n = Kn(e) ? /* @__PURE__ */ r.createElement(on, { ...e }) : null;
+  if (e.messageType === "user")
+    return n;
+  if (e.messageType === "file") {
+    const o = e.file;
+    return o.type.startsWith("image") || o.type.startsWith("video") ? /* @__PURE__ */ r.createElement(ci, { ...e }, n) : /* @__PURE__ */ r.createElement(ai, { ...e }, n);
+  }
+  return /* @__PURE__ */ r.createElement(on, { ...e, message: t.UNKNOWN__UNKNOWN_MESSAGE_TYPE });
+}
+const Lt = (e) => /* @__PURE__ */ r.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ r.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.0008 0.973633C10.6172 0.973633 9.49558 2.09527 9.49558 3.47888C9.49558 4.50705 10.115 5.39055 11.0009 5.77664V7.47887H13.0009V5.77653C13.8868 5.3904 14.5061 4.50696 14.5061 3.47888C14.5061 2.09527 13.3844 0.973633 12.0008 0.973633ZM0.250977 16.5788L0.250977 10.5789H2.25098L2.25098 16.5788H0.250977ZM21.7511 10.5789V16.5788H23.7511V10.5789H21.7511ZM18.251 7.47888H3.25097V18.9789C3.25097 20.3596 4.37026 21.4789 5.75097 21.4789H18.251C19.6317 21.4789 20.751 20.3596 20.751 18.9789V9.97887C20.751 8.59816 19.6317 7.47888 18.251 7.47888ZM9.78434 11.9539V15.2038C9.78434 15.7561 9.33663 16.2038 8.78434 16.2038C8.23206 16.2038 7.78434 15.7561 7.78434 15.2038V11.9539C7.78434 11.4016 8.23206 10.9539 8.78434 10.9539C9.33663 10.9539 9.78434 11.4016 9.78434 11.9539ZM16.2677 11.9539V15.2038C16.2677 15.7561 15.82 16.2038 15.2677 16.2038C14.7154 16.2038 14.2677 15.7561 14.2677 15.2038V11.9539C14.2677 11.4016 14.7154 10.9539 15.2677 10.9539C15.82 10.9539 16.2677 11.4016 16.2677 11.9539Z", fill: "#0D0D0D" }));
+function Rt({ id: e, src: t, size: n = 56, onClick: o, style: s }) {
+  return /* @__PURE__ */ r.createElement(vi, { id: e, tabIndex: 0, onClick: o, $size: j(n), style: s }, t ? /* @__PURE__ */ r.createElement(yi, { src: t }) : /* @__PURE__ */ r.createElement(O, { type: "user", size: n }));
+}
+const vi = m.div`border-radius:50%;display:inline-block;overflow:hidden;position:relative;flex-shrink:0;height:${(e) => e.$size};width:${(e) => e.$size};background-color:${d.themedColor.bg_100_500};&:focus{outline:none;}`, yi = m.img`object-fit:cover;width:100%;height:100%;position:absolute;`;
+function Ci({ sender: e, isBotMessage: t }) {
+  const n = `${le}-sender-avatar`;
+  return !e.profileUrl && t ? /* @__PURE__ */ r.createElement(_i, { id: n }, /* @__PURE__ */ r.createElement(Lt, null)) : /* @__PURE__ */ r.createElement(Rt, { id: n, size: Je, src: e.profileUrl });
+}
+const _i = m.div`flex-shrink:0;width:${Je}px;height:${Je}px;box-sizing:border-box;padding:6px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:${({ theme: e }) => e.colors.base.primary};path{fill:${({ theme: e }) => e.colors.base.primaryContrastContent};}}`;
+function Si({ sender: e }) {
+  return /* @__PURE__ */ r.createElement(Ti, { id: `${le}-sender-name`, variant: "caption1", color: d.themedColor.textMidEmphasis }, e.nickname);
+}
+const Ti = m(w)`text-align:start;width:100%;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-block:5px;padding-inline:0 7px;`;
+function wi({ createdAt: e }) {
+  const { stringSet: t, format: n } = R();
+  return e ? /* @__PURE__ */ r.createElement(w, { id: `${le}-sent-time`, variant: "caption4", color: d.themedColor.textLowEmphasis }, n(e, t.DATE_FORMAT__MESSAGE_TIMESTAMP)) : null;
+}
+function Ai({ customStyle: e }) {
+  return /* @__PURE__ */ r.createElement(ki, { $bgColor: e == null ? void 0 : e.bubbleBackgroundColor }, [0, 1, 2].map((t) => /* @__PURE__ */ r.createElement(Ii, { key: t, $color: e == null ? void 0 : e.bubbleContentColor })));
+}
+const ki = m.div`align-items:center;border-radius:12px;display:flex;gap:6px;justify-content:center;padding:16px 12px;background-color:${({ theme: e, $bgColor: t }) => t || e.colors.messageIncoming.background};`, Ii = m.span`animation:blink 1.4s infinite;animation-fill-mode:both;border-radius:50%;height:8px;width:8px;background:${({ theme: e, $color: t }) => t || e.colors.messageIncoming.text};@keyframes blink{0%{opacity:0.12;transform:scale(1);}21.43%{opacity:0.38;transform:scale(1.2);}42.86%{opacity:0.12;transform:scale(1);}100%{opacity:0.12;transform:scale(1);}}&:nth-child(1){animation-delay:0.4s;}&:nth-child(2){animation-delay:0.6s;}&:nth-child(3){animation-delay:0.8s;}`;
+function Le() {
+}
+async function Dt(e) {
+  let t = e;
+  t && (!t.startsWith("http://") && !t.startsWith("https://") && (t = "https://" + t), window.open(t, "_blank", "noopener,noreferrer"));
+}
+function Nt(e) {
+  return !e || !e.conversation ? !1 : e.conversation.status === z.CLOSED;
+}
+function Zn(e) {
+  return !e || !e.conversation ? !1 : e.conversation.status === z.OPEN;
+}
+function Ft(e) {
+  var n;
+  const t = (n = e == null ? void 0 : e.conversation) == null ? void 0 : n.handoff;
+  return !!(t != null && t.timestamp);
+}
+function $i(e) {
+  return Zn(e) && !Ft(e);
+}
+function Mi({
+  extendedMessagePayload: e,
+  onClickCTA: t = ({ url: n }) => Dt(n)
+}) {
+  const n = e == null ? void 0 : e.cta_button;
+  return n ? /* @__PURE__ */ r.createElement(Oi, { id: `${le}-ext-cta-button`, role: "button", onClick: () => t(n) }, /* @__PURE__ */ r.createElement(Li, { variant: "button" }, n.label)) : null;
+}
+const Oi = m.div`display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px;padding:8px;color:${d.themedColor.textHighEmphasis};background-color:${d.color.background50};${I.dark`
+    background-color: ${d.color.ondark.textDisabled};
+  `}
+`, Li = m(w)`overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`;
+function Ri({
+  extendedMessagePayload: e,
+  onClickCitation: t = (n) => Dt(n.link)
+}) {
+  const { stringSet: n } = R(), { theme: o } = Tt(), s = e == null ? void 0 : e.citations;
+  return !s || s.length === 0 ? null : /* @__PURE__ */ r.createElement(Di, { id: `${le}-ext-citation` }, /* @__PURE__ */ r.createElement(Ni, { variant: "caption1", color: o.colors.messageIncoming.text }, n.CITATION_SOURCE_TITLE), /* @__PURE__ */ r.createElement(Fi, null, s.map((i, a) => /* @__PURE__ */ r.createElement(
+    Pi,
+    {
+      key: `${i.embedding_id}-${a}`,
+      role: "button",
+      onClick: () => t(i)
+    },
+    /* @__PURE__ */ r.createElement(O, { type: "source", size: 16, color: o.colors.messageIncoming.text }),
+    /* @__PURE__ */ r.createElement(Bi, { variant: "body3", color: o.colors.messageIncoming.text }, i.title)
+  ))));
+}
+const Di = m.div`display:flex;flex-direction:column;gap:8px;border-radius:8px;padding:8px 12px 6px;`, Ni = m(w)`opacity:0.5;`, Fi = m.div`display:flex;flex-direction:column;gap:8px;`, Bi = m(w)`text-decoration:underline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`, Pi = m.div`display:flex;align-items:center;gap:4px;cursor:pointer;&:hover{opacity:0.5;}`, Yn = ({ rootElementId: e, visible: t, onClose: n, children: o }) => {
+  if (!t) return null;
+  const { rootElement: s } = Un(), i = fe(s), a = fe(s, !0);
+  return eo(
+    /* @__PURE__ */ r.createElement(Ui, { onClick: n }, /* @__PURE__ */ r.createElement(Hi, { onClick: (l) => l.stopPropagation() }, o)),
+    i.getElementById(e) ?? i.getElementById(ie.MODAL_ROOT) ?? a.body
+  );
+}, Ui = m.div`position:fixed;top:0;left:0;width:100%;height:100%;background:${d.color.overlay.dark};display:flex;justify-content:center;align-items:center;z-index:${xe.MODAL};`, Hi = m.div`border-radius:4px;overflow:hidden;box-shadow:0 16px 24px 2px rgba(13,13,13,0.12),0 6px 30px 5px rgba(13,13,13,0.08),0 6px 10px -5px rgba(13,13,13,0.04);z-index:${xe.MODAL};`, Jn = ({ visible: e, title: t, description: n, confirmText: o = "OK", onConfirm: s, onClose: i }) => {
+  const a = () => {
+    s == null || s(), i();
+  };
+  return /* @__PURE__ */ r.createElement(Yn, { rootElementId: ie.WINDOW, visible: e, onClose: i }, /* @__PURE__ */ r.createElement(Vi, null, /* @__PURE__ */ r.createElement(zi, null, t && /* @__PURE__ */ r.createElement(w, { variant: "h1", color: d.themedColor.textHighEmphasis }, t), n && /* @__PURE__ */ r.createElement(Wi, null, /* @__PURE__ */ r.createElement(w, { variant: "subtitle2", color: d.themedColor.textHighEmphasis }, n))), /* @__PURE__ */ r.createElement(Gi, null, /* @__PURE__ */ r.createElement(ji, { onClick: a }, /* @__PURE__ */ r.createElement(w, { variant: "button", color: d.themedColor.primary }, o)))));
+}, Vi = m.div`width:100%;height:auto;padding-block:24px 12px;padding-inline:24px;margin:0 auto;border-radius:4px;box-sizing:border-box;background-color:${({ theme: e }) => e.colors.base.modalContentBackground};`, zi = m.div`margin-bottom:16px;`, Wi = m.div`margin-top:8px;`, Gi = m.div`display:flex;flex-direction:row;justify-content:flex-end;`, ji = m.button`all:unset;display:flex;justify-content:center;align-items:center;border-radius:4px;cursor:pointer;background-color:transparent;padding:10px 16px;`, Bt = _`width:100%;height:36px;border-radius:6px;cursor:pointer;transition:all 0.2s ease;padding:0 12px;border:none;outline:none;display:flex;align-items:center;justify-content:center;&:disabled{cursor:not-allowed;}`, ln = m.button`${Bt};background-color:${d.themedColor.primary};color:${d.themedColor.textHighEmphasis};&:hover:not(:disabled){opacity:0.9;}`, Ki = m.button`${Bt};color:${d.themedColor.primary};${I.light`
+    background-color: ${d.color.background50};
+  `};
+  ${I.dark`
+    background-color: ${d.color.background700};
+  `};
+
+  &:hover:not(:disabled) {
+    opacity: 0.9;
+  }
+`, qi = m.button`${Bt};background-color:transparent;color:${d.themedColor.textHighEmphasis};&:hover:not(:disabled){opacity:0.7;}`, Zi = (e) => {
+  switch (e) {
+    case "primary":
+      return ln;
+    case "secondary":
+      return Ki;
+    case "clear":
+      return qi;
+    default:
+      return ln;
+  }
+}, Yi = m.div`animation:1s infinite linear;animation-name:rotate;display:flex;align-items:center;justify-content:center;@keyframes rotate{from{transform:rotate(0);}to{transform:rotate(360deg);}}`, Ji = ({
+  children: e,
+  onClick: t,
+  variant: n = "primary",
+  disabled: o = !1,
+  loading: s = !1,
+  className: i
+}) => {
+  const a = () => {
+    switch (n) {
+      case "primary":
+        return d.themedColor.textHighEmphasisInverse;
+      case "secondary":
+        return d.themedColor.primary;
+      case "clear":
+        return d.themedColor.textHighEmphasis;
+      default:
+        return d.themedColor.textHighEmphasisInverse;
+    }
+  }, l = Zi(n);
+  return /* @__PURE__ */ r.createElement(l, { onClick: t, disabled: o || s, className: i }, s ? /* @__PURE__ */ r.createElement(Yi, null, /* @__PURE__ */ r.createElement(O, { type: "spinner", size: 22, color: a() })) : /* @__PURE__ */ r.createElement(w, { variant: "button", color: a() }, e));
+}, Xi = ({ children: e, className: t, style: n }) => /* @__PURE__ */ r.createElement(w, { variant: "caption4", color: d.themedColor.error, className: t, style: n }, e), Qi = ({ children: e, className: t, style: n, required: o }) => {
+  const { stringSet: s } = R();
+  return /* @__PURE__ */ r.createElement(w, { variant: "caption3", color: d.themedColor.textMidEmphasis, className: t, style: n }, e, !o && /* @__PURE__ */ r.createElement("span", { style: { color: d.themedColor.textLowEmphasis } }, ` (${s.OPTIONAL})`));
+}, ea = ({
+  value: e,
+  onChange: t,
+  placeholder: n,
+  error: o = !1,
+  submitted: s = !1,
+  className: i,
+  disabled: a = !1,
+  max: l
+}) => {
+  const c = (h) => {
+    const x = h.target.value.replace(/[^0-9.-]/g, ""), y = x.split("."), b = y.length > 1 ? y[0] + "." + y.slice(1).join("").replace(/\./g, "") : x;
+    if (h.target.value = b, b === "" || b === "-")
+      t == null || t(null);
+    else {
+      const p = Number(b);
+      if (!isNaN(p)) {
+        if (l !== void 0 && p > l)
+          return;
+        t == null || t(p);
+      }
+    }
+  }, u = e == null ? "" : String(e);
+  return /* @__PURE__ */ r.createElement(
+    sa,
+    {
+      type: "text",
+      value: u,
+      onChange: c,
+      placeholder: n,
+      className: i,
+      disabled: a || s,
+      inputMode: "decimal",
+      $error: o,
+      $submitted: s
+    }
+  );
+}, ta = _`width:100%;height:36px;padding:8px 12px;border-radius:6px;font-size:14px;font-weight:400;line-height:1.43;outline:none;transition:all 0.2s ease;&::placeholder{color:${d.themedColor.textLowEmphasis};}&::-webkit-inner-spin-button,&::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}`, na = _`color:${d.themedColor.textHighEmphasis};border:1px solid transparent;cursor:not-allowed;${I.light`
+    background-color: ${d.color.ondark.textMidEmphasis};
+  `}
+  ${I.dark`
+    background-color: ${d.color.onlight.textLowEmphasis};
+  `}
+
+  &::placeholder {
+    color: ${d.themedColor.textLowEmphasis};
+  }
+`, ra = _`border:1px solid ${d.themedColor.error};color:${d.themedColor.textHighEmphasis};${I.light`
+    background-color: ${d.color.background50};
+  `}
+  ${I.dark`
+    background-color: ${d.color.onlight.textLowEmphasis};
+  `}
+`, oa = _`border:1px solid ${d.themedColor.textDisabled};color:${d.themedColor.textHighEmphasis};${I.light`
+    background-color: ${d.color.background50};
+  `}
+  ${I.dark`
+    background-color: ${d.color.onlight.textLowEmphasis};
+  `}
+  
+  &:focus {
+    border-color: ${d.themedColor.primary};
+  }
+`, sa = m.input`${ta}${({ $error: e, $submitted: t }) => t ? na : e ? ra : oa}`, ia = (e) => {
+  if (e.multiple) {
+    const { value: t = [], onChange: n, maxSelect: o, submitted: s = !1 } = e;
+    return {
+      selectedValues: t,
+      handleOptionClick: (a) => {
+        if (s) return;
+        if (t.includes(a)) {
+          const c = t.filter((u) => u !== a);
+          n == null || n(c);
+        } else {
+          if (o && t.length >= o)
+            return;
+          const c = [...t, a];
+          n == null || n(c);
+        }
+      }
+    };
+  } else {
+    const { value: t, onChange: n, submitted: o = !1 } = e;
+    return {
+      selectedValues: t ? [t] : [],
+      handleOptionClick: (i) => {
+        if (o) return;
+        const a = t === i ? "" : i;
+        n == null || n(a);
+      }
+    };
+  }
+}, Xn = (e) => {
+  const { options: t, submitted: n = !1, error: o = !1, className: s } = e, { selectedValues: i, handleOptionClick: a } = ia(e);
+  return /* @__PURE__ */ r.createElement(la, { className: s }, t.map((l) => {
+    const c = i.includes(l.value);
+    return /* @__PURE__ */ r.createElement(
+      pa,
+      {
+        key: l.value,
+        $active: c,
+        $submitted: n,
+        $error: o,
+        onClick: () => a(l.value)
+      },
+      /* @__PURE__ */ r.createElement(w, { variant: "caption1", color: aa(c, n) }, l.label)
+    );
+  }));
+}, aa = (e, t) => t ? e ? d.themedColor.textHighEmphasis : d.themedColor.textDisabled : e ? d.themedColor.primary : d.themedColor.textMidEmphasis, la = m.div`display:flex;flex-wrap:wrap;gap:4px 2px;`, ca = _`display:inline-flex;align-items:center;padding:8px 12px;border-radius:15px;transition:all 0.2s ease;`, da = _`cursor:default;background-color:${d.color.ondark.textMidEmphasis};color:${d.themedColor.textHighEmphasis};${I.dark`
+    background-color: transparent;
+    border: 1px solid white;
+    color: white;
+  `}
+`, ua = _`cursor:default;${I.light`
+    background-color: ${d.color.ondark.textMidEmphasis};
+    color: ${d.themedColor.textDisabled};
+  `}
+  ${I.dark`
+    background-color: ${d.color.onlight.textLowEmphasis};
+    border: 1px solid ${d.color.onlight.textLowEmphasis};
+    color: ${d.themedColor.textDisabled};
+  `}
+`, ma = _`cursor:pointer;border:1px solid ${d.themedColor.primary};${I.light`
+    background-color: ${d.color.background50};
+    color: ${d.themedColor.primary};
+  `}
+  ${I.dark`
+    background-color: ${d.color.onlight.textLowEmphasis};
+    color: ${d.themedColor.primary};
+  `}
+`, ha = _`cursor:pointer;border:1px solid ${d.themedColor.textDisabled};${I.light`
+    background-color: ${d.color.background50};
+    color: ${d.themedColor.textMidEmphasis};
+  `}
+  ${I.dark`
+    background-color: ${d.color.onlight.textLowEmphasis};
+    color: ${d.themedColor.textMidEmphasis};
+  `}
+`, ga = _`border-color:${d.themedColor.error}!important;`, pa = m.div`${ca}${({ $active: e, $submitted: t, $error: n }) => {
+  if (t)
+    return e ? da : ua;
+  const o = e ? ma : ha;
+  return n ? _`
+          ${o} ${ga}
+        ` : o;
+}}
+`, fa = (e) => /* @__PURE__ */ r.createElement(Xn, { ...e, multiple: !1 }), ba = (e) => /* @__PURE__ */ r.createElement(Xn, { ...e, multiple: !0 }), xa = m.div`width:100%;height:1px;background-color:${d.themedColor.textDisabled};`, Ea = ({ className: e }) => /* @__PURE__ */ r.createElement(xa, { className: e }), va = ({
+  value: e = "",
+  onChange: t,
+  placeholder: n,
+  variant: o = "single-line",
+  error: s = !1,
+  submitted: i = !1,
+  className: a,
+  disabled: l = !1,
+  maxLength: c
+}) => {
+  const h = {
+    value: e,
+    onChange: (g) => {
+      const x = g.target.value;
+      c && x.length > c || t == null || t(x);
+    },
+    placeholder: n,
+    className: a,
+    disabled: l || i,
+    maxLength: c,
+    $error: s,
+    $submitted: i
+  };
+  return o === "multi-line" ? /* @__PURE__ */ r.createElement(Ca, { ...h, as: "textarea" }) : /* @__PURE__ */ r.createElement(ya, { ...h });
+}, Qn = _`width:100%;padding:8px 12px;border-radius:6px;font-size:14px;font-weight:400;line-height:1.43;outline:none;transition:all 0.2s ease;&::placeholder{color:${d.themedColor.textLowEmphasis};}`, er = _`color:${d.themedColor.textHighEmphasis};border:1px solid transparent;cursor:not-allowed;${I.light`
+    background-color: ${d.color.ondark.textMidEmphasis};
+  `}
+  ${I.dark`
+    background-color: ${d.color.onlight.textLowEmphasis};
+  `}
+
+  &::placeholder {
+    color: ${d.themedColor.textLowEmphasis};
+  }
+`, tr = _`border:1px solid ${d.themedColor.error};color:${d.themedColor.textHighEmphasis};${I.light`
+    background-color: ${d.color.background50};
+  `}
+  ${I.dark`
+    background-color: ${d.color.onlight.textLowEmphasis};
+  `}
+`, nr = _`border:1px solid ${d.themedColor.textDisabled};color:${d.themedColor.textHighEmphasis};${I.light`
+    background-color: ${d.color.background50};
+  `}
+  ${I.dark`
+    background-color: ${d.color.onlight.textLowEmphasis};
+  `}
+  
+  &:focus {
+    border-color: ${d.themedColor.primary};
+  }
+`, ya = m.input`${Qn}height:36px;${({ $error: e, $submitted: t }) => t ? er : e ? tr : nr}`, Ca = m.textarea`${Qn}height:96px;resize:vertical;font-family:inherit;${({ $error: e, $submitted: t }) => t ? er : e ? tr : nr}`, _a = ({ children: e, className: t, style: n }) => /* @__PURE__ */ r.createElement(w, { variant: "button", color: d.themedColor.textHighEmphasis, className: t, style: n }, e), Z = {
+  Title: _a,
+  Label: Qi,
+  ErrorLabel: Xi,
+  Separator: Ea,
+  Button: Ji,
+  TextInput: va,
+  NumberInput: ea,
+  SingleSelect: fa,
+  MultiSelect: ba
+}, Sa = 1, Ta = /* @__PURE__ */ new Set(["text", "number", "single-select", "multi-select"]), wa = (e) => {
+  var p;
+  const t = (p = e.extendedMessagePayload) == null ? void 0 : p.form;
+  if (!t) throw new Error("Form is not provided");
+  const { stringSet: n } = R(), [o, s] = T({ submitting: !1, canceling: !1 }), [i, a] = T({
+    visible: !1
+  }), { state: l, fields: c, submit: u, cancel: h, updateFieldValue: g } = ys(t, {
+    labels: {
+      required: n.FORM_VALIDATION_REQUIRED,
+      regex: n.FORM_VALIDATION_REGEX_FAILED,
+      minLength: n.FORM_VALIDATION_MIN_LENGTH,
+      maxLength: n.FORM_VALIDATION_MAX_LENGTH,
+      min: n.FORM_VALIDATION_MIN,
+      max: n.FORM_VALIDATION_MAX,
+      minSelect: n.FORM_VALIDATION_MIN_SELECT,
+      maxSelect: n.FORM_VALIDATION_MAX_SELECT
+    },
+    onSubmit: (f) => {
+      var v;
+      return (v = e.onSubmitForm) == null ? void 0 : v.call(e, { key: t.key, data: f });
+    },
+    onCancel: () => {
+      var f;
+      return (f = e.onCancelForm) == null ? void 0 : f.call(e, { key: t.key });
+    }
+  }), x = l === "submitted", y = async () => {
+    s((f) => ({ ...f, submitting: !0 }));
+    try {
+      await u();
+    } catch (f) {
+      a({
+        visible: !0,
+        description: f instanceof Error ? f.message : n.TRY_AGAIN
+      });
+    } finally {
+      s((f) => ({ ...f, submitting: !1 }));
+    }
+  }, E = async () => {
+    s((f) => ({ ...f, canceling: !0 }));
+    try {
+      await h();
+    } catch (f) {
+      a({
+        visible: !0,
+        description: f instanceof Error ? f.message : n.TRY_AGAIN
+      });
+    } finally {
+      s((f) => ({ ...f, canceling: !1 }));
+    }
+  }, b = ee(() => {
+    const f = () => t.version > Sa, v = () => t.fields.some((S) => !Ta.has(S.type));
+    return f() || v() ? { visible: !1, cancelable: !0, reason: n.FORM_NOT_SUPPORTED } : l === "draft" && (e.isHandedOff || e.isConversationClosed) ? { visible: !1, cancelable: !1, reason: n.FORM_UNAVAILABLE } : { visible: !0, cancelable: !0, reason: "" };
+  }, [t.version, t.fields, l, e.isHandedOff, e.isConversationClosed]);
+  return l === "canceled" ? null : b.visible ? /* @__PURE__ */ r.createElement(wn, null, /* @__PURE__ */ r.createElement(cn, { $maxWidth: e.maxBodyWidth ?? be }, /* @__PURE__ */ r.createElement(Z.Title, null, t.title), /* @__PURE__ */ r.createElement(Aa, null, c.map((f) => /* @__PURE__ */ r.createElement(ka, { key: f.key }, /* @__PURE__ */ r.createElement(Z.Label, { style: { marginBottom: "6px" }, required: f.required }, f.label), f.type === "text" && /* @__PURE__ */ r.createElement(
+    Z.TextInput,
+    {
+      value: f.value || "",
+      placeholder: f.placeholder,
+      onChange: (v) => g(f.key, v),
+      disabled: x,
+      error: !!f.error,
+      submitted: x,
+      variant: f.layout === "multiline" ? "multi-line" : "single-line",
+      maxLength: f.maxLength
+    }
+  ), f.type === "number" && /* @__PURE__ */ r.createElement(
+    Z.NumberInput,
+    {
+      value: f.value || null,
+      placeholder: f.placeholder,
+      onChange: (v) => g(f.key, v),
+      disabled: x,
+      error: !!f.error,
+      submitted: x,
+      max: f.max
+    }
+  ), f.type === "single-select" && /* @__PURE__ */ r.createElement(
+    Z.SingleSelect,
+    {
+      options: f.options.map((v) => ({ label: v, value: v })),
+      value: f.value || "",
+      onChange: (v) => g(f.key, v),
+      submitted: x
+    }
+  ), f.type === "multi-select" && /* @__PURE__ */ r.createElement(
+    Z.MultiSelect,
+    {
+      options: f.options.map((v) => ({ label: v, value: v })),
+      value: f.value || [],
+      onChange: (v) => g(f.key, v),
+      submitted: x,
+      maxSelect: f.maxSelect
+    }
+  ), f.error && /* @__PURE__ */ r.createElement(Z.ErrorLabel, { style: { marginTop: "4px" } }, f.error)))), /* @__PURE__ */ r.createElement(Z.Separator, null), /* @__PURE__ */ r.createElement(Ia, null, /* @__PURE__ */ r.createElement(
+    Z.Button,
+    {
+      variant: x ? "clear" : "primary",
+      onClick: y,
+      disabled: x || o.canceling,
+      loading: o.submitting
+    },
+    x ? n.SUBMITTED : n.BUTTON__SUBMIT
+  ), l !== "submitted" && /* @__PURE__ */ r.createElement(
+    Z.Button,
+    {
+      variant: "secondary",
+      onClick: E,
+      disabled: o.submitting,
+      loading: o.canceling
+    },
+    n.BUTTON__CANCEL
+  ))), /* @__PURE__ */ r.createElement(Jn, { ...i, onClose: () => a({ visible: !1, title: "" }) })) : /* @__PURE__ */ r.createElement(cn, { $maxWidth: e.maxBodyWidth ?? be }, /* @__PURE__ */ r.createElement(w, { variant: "body3" }, b.reason), b.cancelable && /* @__PURE__ */ r.createElement(Z.Button, { variant: "primary", onClick: E, loading: o.canceling }, n.BUTTON__CANCEL));
+}, cn = m.div`display:flex;flex-direction:column;gap:12px;border-radius:12px;overflow:hidden;max-width:${({ $maxWidth: e }) => e}px;${({ theme: e }) => _`
+    color: ${e.colors.messageIncoming.text};
+    background-color: ${e.colors.messageIncoming.background};
+  `}
+  padding: 16px 12px;
+  transition: max-width 0.3s;
+  overflow-wrap: break-word;
+`, Aa = m.div`display:flex;flex-direction:column;gap:12px;`, ka = m.div`display:flex;flex-direction:column;`, Ia = m.div`display:flex;flex-direction:column;gap:8px;`;
+function $a(e) {
+  return /* @__PURE__ */ r.createElement(r.Fragment, null);
+}
+class Ma extends Lr {
+  constructor(t) {
+    super(t), this.state = {
+      hasError: !1
+    };
+  }
+  static getDerivedStateFromError() {
+    return { hasError: !0 };
+  }
+  render() {
+    return this.state.hasError ? this.props.errorFallback : /* @__PURE__ */ r.createElement(Oe, { fallback: this.props.loadingFallback }, this.props.children);
+  }
+}
+const Oa = /* @__PURE__ */ new Set(["default"]), { MessageTemplate: La } = oo({
+  parser: no,
+  renderer: to,
+  Container: (e) => /* @__PURE__ */ r.createElement("div", { ...e })
+});
+function Ra(e) {
+  return /* @__PURE__ */ r.createElement(
+    Ma,
+    {
+      errorFallback: e.messageTemplateErrorFallback,
+      loadingFallback: e.messageTemplateLoadingFallback
+    },
+    /* @__PURE__ */ r.createElement(Da, { ...e })
+  );
+}
+const Da = ({
+  extendedMessagePayload: e,
+  onGetCachedMessageTemplate: t = () => null,
+  onRequestMessageTemplate: n,
+  onHandleTemplateInternalAction: o = Le
+}) => {
+  const s = e == null ? void 0 : e.message_template;
+  if (!Oa.has((s == null ? void 0 : s.type) ?? "default")) throw new Error("Unsupported template type");
+  if (!n) throw new Error("onRequestMessageTemplate is required");
+  const { theme: a } = Un(), l = ms({
+    onRequestTemplate: n,
+    onGetCachedTemplate: t,
+    theme: a.selectedTheme,
+    templateKey: (s == null ? void 0 : s.key) ?? "invalid",
+    variables: s == null ? void 0 : s.variables,
+    viewVariables: s == null ? void 0 : s.view_variables,
+    aiAgentColorVariables: a.aiAgentColorVariables
+  });
+  return /* @__PURE__ */ r.createElement(Na, { id: `${le}-ext-message-template` }, /* @__PURE__ */ r.createElement(
+    ro,
+    {
+      handleInternalAction: (c, u) => {
+        c.stopPropagation(), o == null || o(u);
+      }
+    },
+    /* @__PURE__ */ r.createElement(La, { templateItems: l.body.items, templateVersion: l.version })
+  ));
+}, Na = m.div`box-sizing:border-box;overflow:hidden;width:100%;`;
+function Fa({
+  extendedMessagePayload: e,
+  onClickSuggestedReply: t,
+  suggestedRepliesDirection: n = "vertical"
+}) {
+  const [o, s] = T(!1), i = (e == null ? void 0 : e.suggested_replies) ?? [];
+  return i.length === 0 || o ? null : /* @__PURE__ */ r.createElement(Ba, { id: `${le}-ext-suggested-replies`, $type: n }, i.map((a, l) => /* @__PURE__ */ r.createElement(
+    Pa,
+    {
+      key: l,
+      $type: n,
+      variant: "body3",
+      onClick: () => {
+        t && (t == null || t({ reply: a }), s(!0));
+      }
+    },
+    a
+  )));
+}
+const Ba = m.div`margin:16px 0;padding:0 ${ae}px;position:relative;display:flex;align-self:stretch;gap:8px;${({ $type: e }) => e === "vertical" ? Ua : Ha};`, Pa = m(w)`box-sizing:border-box;padding:8px 12px;display:flex;align-items:center;border-radius:20px / clamp(20px,5%,100px);cursor:pointer;word-break:break-word;color:${d.color.primary.main};border:1px solid ${d.color.primary.main};background-color:${d.themedColor.bg_50_600};&:hover{background-color:${d.themedColor.bg_100_500};}${({ $type: e, theme: t }) => _`
+    ${e === "vertical" ? Va : za};
+    &:active {
+      background-color: ${t.colors.base.primary};
+      color: ${t.colors.base.primaryContrastContent};
+    }
+  `}
+`, Ua = _`flex-direction:column;align-items:flex-end;`, Ha = _`flex-direction:row;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;}`, Va = _`max-width:calc(100% - 70px);white-space:pre-wrap;`, za = _`white-space:nowrap;`, ye = Te({
+  template: Wa,
+  components: {
+    SenderName: Si,
+    SenderAvatar: Ci,
+    SentTime: wi,
+    MessageBody: Ei,
+    TypingIndicator: Ai,
+    SuggestedReplies: Fa,
+    MessageTemplate: Ra,
+    CTAButton: Mi,
+    Citation: Ri,
+    Form: wa,
+    MessageLogs: $a
+  }
+});
+function Wa(e) {
+  return /* @__PURE__ */ r.createElement(rr, { ...e, testerMode: !1 });
+}
+function rr(e) {
+  var x, y, E, b, p, f, v;
+  const { components: t } = ye.useContext(), n = !!e.isTyping, o = e.testerMode, s = !!((x = e.extendedMessagePayload) != null && x.form) && !((y = e.extendedMessagePayload) != null && y.form.canceled_at), i = !!((E = e.extendedMessagePayload) != null && E.message_template), a = !!((b = e.extendedMessagePayload) != null && b.cta_button), l = !!((p = e.extendedMessagePayload) != null && p.citations) && e.extendedMessagePayload.citations.length > 0, c = !!e.createdAt, u = e.groupType === "top" || e.groupType === "single", h = e.groupType === "bottom" || e.groupType === "single", g = o ? 0 : Je;
+  return /* @__PURE__ */ r.createElement(Ga, { $marginBottom: n ? 0 : $t(e.groupType) }, u && /* @__PURE__ */ r.createElement(ja, null, !o && /* @__PURE__ */ r.createElement(t.SenderAvatar, { ...e }), /* @__PURE__ */ r.createElement(t.SenderName, { ...e })), /* @__PURE__ */ r.createElement(qa, null, /* @__PURE__ */ r.createElement(ct, { $extraStartPadding: g }, n ? /* @__PURE__ */ r.createElement(t.TypingIndicator, { ...e }) : /* @__PURE__ */ r.createElement(t.MessageBody, { ...e }, a && /* @__PURE__ */ r.createElement("div", { style: { marginTop: 12, marginInline: 12 } }, /* @__PURE__ */ r.createElement(t.CTAButton, { ...e })), l && /* @__PURE__ */ r.createElement(t.Citation, { ...e }))), i && /* @__PURE__ */ r.createElement(dn, { $startPadding: 0, $endPadding: 0 }, /* @__PURE__ */ r.createElement(
+    t.MessageTemplate,
+    {
+      ...e,
+      messageTemplateErrorFallback: e.messageTemplateErrorFallback ?? /* @__PURE__ */ r.createElement(ct, { $extraStartPadding: g }, /* @__PURE__ */ r.createElement(
+        t.MessageBody,
+        {
+          ...e,
+          messageType: "user",
+          message: ((v = (f = e.extendedMessagePayload) == null ? void 0 : f.message_template) == null ? void 0 : v.fallback_message) ?? "Cannot read this template."
+        }
+      )),
+      messageTemplateLoadingFallback: e.messageTemplateLoadingFallback ?? /* @__PURE__ */ r.createElement(ct, { $extraStartPadding: g }, /* @__PURE__ */ r.createElement(t.TypingIndicator, { ...e }))
+    }
+  )), s && /* @__PURE__ */ r.createElement(dn, { $extraStartPadding: g }, /* @__PURE__ */ r.createElement(t.Form, { ...e }))), h && c && /* @__PURE__ */ r.createElement(Ka, { $extraStartPadding: g + 8 }, /* @__PURE__ */ r.createElement(t.SentTime, { ...e })), /* @__PURE__ */ r.createElement(wn, null, e.suggestedRepliesVisible && /* @__PURE__ */ r.createElement(t.SuggestedReplies, { ...e }), /* @__PURE__ */ r.createElement(t.MessageLogs, { ...e })));
+}
+const Ga = m.div`display:flex;flex-direction:column;align-items:flex-start;margin-bottom:${({ $marginBottom: e }) => `${e}px`};
+`, rt = m.div`display:flex;align-self:stretch;justify-content:flex-start;${({ $startPadding: e = ae, $endPadding: t = ae, $extraStartPadding: n = 0 }) => `
+    padding-inline: ${e + n}px ${t}px;
+  `}
+`, ja = m(rt)`display:flex;flex-direction:row;align-items:center;gap:8px;`, ct = m(rt)`display:flex;`, Ka = m(rt)`margin-top:${jn}px;display:flex;align-items:flex-start;justify-content:flex-start;`, dn = m(rt)`display:flex;${({ $startPadding: e = ae, $endPadding: t = ae, $extraStartPadding: n = 0 }) => `
+    padding-inline: ${e + n}px ${t}px;
+  `}
+`, qa = m.div`display:flex;flex-direction:column;gap:${Ae}px;`;
+function Za({ file: e, children: t, onClickFile: n }) {
+  return /* @__PURE__ */ r.createElement(Ya, null, /* @__PURE__ */ r.createElement(
+    Ot,
+    {
+      name: e.name,
+      type: Mt(e.name, e.type),
+      onClick: n && (() => n == null ? void 0 : n(e))
+    }
+  ), t);
+}
+const Ya = m.div`display:flex;flex-direction:column;align-items:flex-end;gap:${Ae}px;`, or = ({ className: e, children: t, size: n = 26 }) => /* @__PURE__ */ r.createElement(Ja, { className: e, $size: n }, t ?? /* @__PURE__ */ r.createElement(O, { type: "spinner", size: n })), Ja = m.div`display:flex;align-items:center;justify-content:center;width:${({ $size: e }) => j(e)};height:${({ $size: e }) => j(e)};animation:1s infinite linear;animation-name:rotate;@keyframes rotate{from{transform:rotate(0);}to{transform:rotate(360deg);}}`;
+function Xa({ file: e, metadata: t, onClickMedia: n, children: o }) {
+  const { aspectRatio: s, localFile: i } = t, [a] = T(() => i instanceof File ? URL.createObjectURL(i) : e.url), [l, c] = T(!1), u = {
+    onClick: () => n == null ? void 0 : n(e),
+    $ratio: s
+  };
+  return /* @__PURE__ */ r.createElement(Qa, null, /* @__PURE__ */ r.createElement(el, { ...u }, !l && /* @__PURE__ */ r.createElement(or, { size: 26 }, /* @__PURE__ */ r.createElement(O, { type: "spinner", color: "textLowEmphasis", size: 26 })), /* @__PURE__ */ r.createElement(tl, { $loaded: l, src: a, alt: "image-message", onLoad: () => c(!0) })), o);
+}
+const Qa = m.div`display:flex;flex-direction:column;align-items:flex-end;gap:${Ae}px;`, el = m.div`width:${be}px;border-radius:12px;overflow:hidden;cursor:pointer;height:auto;aspect-ratio:${(e) => e.$ratio};position:relative;display:flex;align-items:center;justify-content:center;${I.light`
+    background-color: ${d.color.background100};
+  `}
+  ${I.dark`
+    background-color: ${d.color.background400};
+  `}
+`, tl = m.img`position:absolute;width:100%;height:100%;inset-block-start:0;inset-inline-start:0;object-fit:cover;opacity:${(e) => e.$loaded ? 1 : 0};transition:opacity 0.5s ease;`;
+function un(e) {
+  var n, o;
+  const t = ee(() => {
+    const s = pi(qn(e.message));
+    return Mn.sanitize(s);
+  }, [e.message]);
+  return /* @__PURE__ */ r.createElement(
+    nl,
+    {
+      $maxWidth: e.maxBodyWidth ?? be,
+      $color: (n = e.customStyle) == null ? void 0 : n.bubbleContentColor,
+      $bgColor: (o = e.customStyle) == null ? void 0 : o.bubbleBackgroundColor
+    },
+    /* @__PURE__ */ r.createElement(rl, { variant: "body3", dangerouslySetInnerHTML: { __html: t } })
+  );
+}
+const nl = m.div`display:flex;flex-direction:column;border-radius:12px;overflow:hidden;max-width:${({ $maxWidth: e }) => e}px;${({ theme: e, $color: t, $bgColor: n }) => _`
+    color: ${t || e.colors.messageOutgoing.text};
+    background-color: ${n || e.colors.messageOutgoing.background};
+  `}
+  padding: 12px 0;
+  transition: max-width 0.3s;
+  overflow-wrap: break-word;
+`, rl = m(w)`align-items:flex-start;line-height:140%;white-space:pre-wrap;padding:0 12px;`;
+function ol(e) {
+  const { stringSet: t } = R(), n = Kn(e) ? /* @__PURE__ */ r.createElement(un, { ...e }) : null;
+  return e.messageType === "user" ? n : e.messageType === "file" ? e.file.type.startsWith("image") ? /* @__PURE__ */ r.createElement(Xa, { ...e }, n) : /* @__PURE__ */ r.createElement(Za, { ...e }, n) : /* @__PURE__ */ r.createElement(un, { ...e, message: t.UNKNOWN__UNKNOWN_MESSAGE_TYPE });
+}
+function sl({ sendingStatus: e }) {
+  const t = St();
+  switch (e) {
+    case "pending":
+      return /* @__PURE__ */ r.createElement(il, { size: 16 }, /* @__PURE__ */ r.createElement(O, { type: "spinner", color: t.colors.messageOutgoing.background, size: 16 }));
+    case "failed":
+      return /* @__PURE__ */ r.createElement("div", { style: { marginBottom: 2 } }, /* @__PURE__ */ r.createElement(O, { type: "error", color: d.themedColor.error, size: 16 }));
+    case "scheduled":
+    case "canceled":
+      return null;
+    default:
+      return /* @__PURE__ */ r.createElement("div", null, /* @__PURE__ */ r.createElement(O, { type: "chevron-down" }));
+  }
+}
+const il = m(or)`margin-bottom:2px;width:16px;height:16px;`;
+function al({ createdAt: e }) {
+  const { stringSet: t, format: n } = R();
+  return e ? /* @__PURE__ */ r.createElement(w, { variant: "caption4", color: d.themedColor.textLowEmphasis }, n(e, t.DATE_FORMAT__MESSAGE_TIMESTAMP)) : null;
+}
+const Pt = Te({
+  template: ll,
+  components: {
+    SendingStatus: sl,
+    SentTime: al,
+    MessageBody: ol
+  }
+});
+function ll(e) {
+  const { components: t } = Pt.useContext(), n = e.sendingStatus === "succeeded", o = e.groupType === "bottom" || e.groupType === "single";
+  return /* @__PURE__ */ r.createElement(cl, { $marginBottom: $t(e.groupType) }, /* @__PURE__ */ r.createElement(dl, null, /* @__PURE__ */ r.createElement(t.MessageBody, { ...e })), o && /* @__PURE__ */ r.createElement(ul, { $extraEndPadding: 8 }, n ? /* @__PURE__ */ r.createElement(t.SentTime, { ...e }) : /* @__PURE__ */ r.createElement(t.SendingStatus, { ...e })));
+}
+const cl = m.div`display:flex;flex:1;flex-direction:column;align-items:flex-end;margin-bottom:${({ $marginBottom: e }) => `${e}px`};
+`, sr = m.div`display:flex;align-self:stretch;justify-content:flex-end;${({ $startPadding: e = ae, $endPadding: t = ae, $extraEndPadding: n = 0 }) => `padding-inline: ${e}px ${t + n}px;`};
+`, dl = m(sr)``, ul = m(sr)`margin-top:${jn}px;`;
+function ml(e) {
+  return e.messageType !== "admin" ? null : /* @__PURE__ */ r.createElement(hl, null, /* @__PURE__ */ r.createElement(w, { variant: "caption2", color: d.themedColor.textMidEmphasis }, gl(Mn.sanitize(e.message))));
+}
+const hl = m.div`text-align:center;text-wrap:pretty;a{text-decoration:none;color:inherit;}`, gl = (e) => {
+  const t = /\[([^\]]+)\]\((https?:\/\/[^\s]+)\)/g, n = [];
+  let o = 0;
+  return e.replace(t, (s, i, a, l) => (n.push(e.slice(o, l)), n.push(
+    /* @__PURE__ */ r.createElement("a", { key: a, href: a, target: "_blank", rel: It }, i)
+  ), o = l + s.length, s)), n.push(e.slice(o)), n;
+}, pl = ({ submitted: e, defaultValue: t, value: n, onChange: o }) => {
+  const { stringSet: s } = R();
+  return L(() => {
+    typeof n > "u" && typeof t == "boolean" && (o == null || o(t));
+  }, [n, t]), /* @__PURE__ */ r.createElement(fl, null, /* @__PURE__ */ r.createElement(w, { variant: "caption2", color: d.themedColor.textMidEmphasis }, s.CSAT_CRE_TITLE), /* @__PURE__ */ r.createElement("div", null, /* @__PURE__ */ r.createElement(
+    mn,
+    {
+      checked: n === !0,
+      label: s.CSAT_CRE_SOLVED,
+      disabled: e,
+      onClick: () => o == null ? void 0 : o(!0)
+    }
+  ), /* @__PURE__ */ r.createElement(
+    mn,
+    {
+      checked: n === !1,
+      label: s.CSAT_CRE_NOT_SOLVED,
+      disabled: e,
+      onClick: () => o == null ? void 0 : o(!1)
+    }
+  )));
+}, mn = ({ onClick: e, checked: t, label: n, disabled: o }) => {
+  const s = t ? d.color.primary.main : o ? d.themedColor.textDisabled : d.themedColor.textLowEmphasis, i = t ? d.themedColor.textHighEmphasis : o ? d.themedColor.textLowEmphasis : d.themedColor.textHighEmphasis;
+  return /* @__PURE__ */ r.createElement(bl, { onClick: e, disabled: o }, /* @__PURE__ */ r.createElement(O, { size: 24, type: t ? "radio-on" : "radio-off", color: s }), /* @__PURE__ */ r.createElement(w, { variant: "caption2", color: i }, n));
+}, fl = m.div`display:flex;flex-direction:column;gap:8px;`, bl = m.button`all:unset;display:flex;align-items:center;justify-content:flex-start;gap:2px;span{line-height:initial;}&:enabled{cursor:pointer;}`, xl = (e) => /* @__PURE__ */ r.createElement("svg", { width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", id: "csat1", ...e }, /* @__PURE__ */ r.createElement("path", { d: "M2.08301 20C2.08301 10.1049 10.1046 2.08334 19.9997 2.08334C29.8948 2.08334 37.9163 10.1049 37.9163 20C37.9163 29.8952 29.8948 37.9167 19.9997 37.9167C10.1046 37.9167 2.08301 29.8952 2.08301 20Z", fill: "#E0E0E0" }), /* @__PURE__ */ r.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.5824 29.3328C13.1344 29.7473 13.918 29.636 14.3326 29.084C15.6269 27.3607 17.6835 26.25 19.9997 26.25C22.316 26.25 24.3727 27.3607 25.6668 29.084C26.0815 29.636 26.865 29.7473 27.4172 29.3328C27.9692 28.9182 28.0805 28.1347 27.6658 27.5825C25.9198 25.2577 23.1357 23.75 19.9997 23.75C16.8638 23.75 14.0797 25.2577 12.3336 27.5825C11.919 28.1347 12.0304 28.9182 12.5824 29.3328Z", fill: "black", fillOpacity: 0.12 }), /* @__PURE__ */ r.createElement("path", { d: "M28.4449 13.7707C29.1324 13.8328 29.64 14.4406 29.578 15.1281C29.516 15.8153 28.909 16.3221 28.2219 16.2608C28.2219 16.2608 28.0282 16.2502 27.9267 16.2487C27.7224 16.2457 27.4382 16.2509 27.1224 16.2833C26.7864 16.3177 26.4644 16.3782 26.1799 16.4662L26.304 16.86C26.7792 18.3675 25.5094 19.5813 24.2057 19.5813C23.504 19.5813 22.8319 19.2617 22.4295 18.6857C22.0025 18.0745 21.9417 17.241 22.4075 16.5344C22.7505 16.0143 23.2444 15.3831 23.8959 14.8657C24.8355 14.1195 26.0435 13.8809 26.867 13.7963C27.3024 13.7517 28.0149 13.7319 28.4449 13.7707Z", fill: "black", fillOpacity: 0.12 }), /* @__PURE__ */ r.createElement("path", { d: "M11.5553 13.7707C10.8677 13.8328 10.3601 14.4406 10.4221 15.1281C10.4842 15.8153 11.0912 16.3221 11.7782 16.2608C11.7782 16.2608 11.972 16.2502 12.0734 16.2487C12.2778 16.2457 12.562 16.2509 12.8778 16.2833C13.2137 16.3177 13.5357 16.3782 13.8203 16.4662L13.6962 16.86C13.2209 18.3675 14.4907 19.5813 15.7944 19.5813C16.4962 19.5813 17.1683 19.2617 17.5707 18.6857C17.9975 18.0745 18.0585 17.241 17.5925 16.5344C17.2497 16.0143 16.7557 15.3831 16.1043 14.8657C15.1646 14.1195 13.9566 13.8809 13.1331 13.7963C12.6978 13.7517 11.9853 13.7319 11.5553 13.7707Z", fill: "black", fillOpacity: 0.12 })), El = (e) => /* @__PURE__ */ r.createElement("svg", { width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ r.createElement("path", { d: "M2.08337 19.9999C2.08337 10.1048 10.1049 2.08325 20 2.08325C29.8952 2.08325 37.9167 10.1048 37.9167 19.9999C37.9167 29.8951 29.8952 37.9166 20 37.9166C10.1049 37.9166 2.08337 29.8951 2.08337 19.9999Z", fill: "url(#paint0_linear_159_173206)" }), /* @__PURE__ */ r.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.5828 29.3328C13.1348 29.7473 13.9184 29.636 14.3329 29.084C15.6272 27.3607 17.6839 26.25 20 26.25C22.3164 26.25 24.373 27.3607 25.6672 29.084C26.0819 29.636 26.8654 29.7473 27.4175 29.3328C27.9695 28.9182 28.0809 28.1347 27.6662 27.5825C25.9202 25.2577 23.136 23.75 20 23.75C16.8642 23.75 14.0801 25.2577 12.334 27.5825C11.9194 28.1347 12.0308 28.9182 12.5828 29.3328Z", fill: "#141B34" }), /* @__PURE__ */ r.createElement("path", { d: "M28.4454 13.7707C29.1329 13.8328 29.6405 14.4406 29.5785 15.1281C29.5165 15.8153 28.9095 16.3221 28.2224 16.2608C28.2224 16.2608 28.0287 16.2502 27.9272 16.2487C27.7229 16.2457 27.4387 16.2509 27.1229 16.2833C26.7869 16.3177 26.4649 16.3782 26.1804 16.4662L26.3045 16.86C26.7797 18.3675 25.5099 19.5813 24.2062 19.5813C23.5045 19.5813 22.8324 19.2617 22.43 18.6857C22.003 18.0745 21.9422 17.241 22.408 16.5344C22.751 16.0143 23.2449 15.3831 23.8964 14.8657C24.836 14.1195 26.044 13.8809 26.8675 13.7963C27.3029 13.7517 28.0154 13.7319 28.4454 13.7707Z", fill: "#141B34" }), /* @__PURE__ */ r.createElement("path", { d: "M11.5549 13.7707C10.8674 13.8328 10.3597 14.4406 10.4218 15.1281C10.4838 15.8153 11.0908 16.3221 11.7779 16.2608C11.7779 16.2608 11.9716 16.2502 12.073 16.2487C12.2774 16.2457 12.5616 16.2509 12.8774 16.2833C13.2134 16.3177 13.5353 16.3782 13.8199 16.4662L13.6958 16.86C13.2205 18.3675 14.4904 19.5813 15.794 19.5813C16.4958 19.5813 17.168 19.2617 17.5703 18.6857C17.9971 18.0745 18.0581 17.241 17.5921 16.5344C17.2493 16.0143 16.7553 15.3831 16.1039 14.8657C15.1643 14.1195 13.9562 13.8809 13.1327 13.7963C12.6974 13.7517 11.9849 13.7319 11.5549 13.7707Z", fill: "#141B34" }), /* @__PURE__ */ r.createElement("defs", null, /* @__PURE__ */ r.createElement("linearGradient", { id: "paint0_linear_159_173206", x1: 20, y1: 2.08325, x2: 20, y2: 37.9166, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ r.createElement("stop", { stopColor: "#FF2D1D" }), /* @__PURE__ */ r.createElement("stop", { offset: 1, stopColor: "#FFA540" })))), vl = (e) => /* @__PURE__ */ r.createElement("svg", { width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ r.createElement("path", { d: "M19.9997 36.6667C29.2044 36.6667 36.6663 29.2048 36.6663 20C36.6663 10.7953 29.2044 3.33334 19.9997 3.33334C10.7949 3.33334 3.33301 10.7953 3.33301 20C3.33301 29.2048 10.7949 36.6667 19.9997 36.6667Z", fill: "#E0E0E0" }), /* @__PURE__ */ r.createElement("path", { d: "M15 28.333C16.3927 27.2867 18.124 26.6667 20 26.6667C21.876 26.6667 23.6073 27.2867 25 28.333", stroke: "black", strokeOpacity: 0.12, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("path", { d: "M11.667 13.3511C11.667 13.3511 14.0161 13.139 15.3268 14.18M15.3268 14.18L14.8882 15.5711C14.7153 16.1199 15.1675 16.6667 15.7943 16.6667C16.4531 16.6667 16.8882 16.0723 16.549 15.5579C16.2483 15.102 15.8388 14.5866 15.3268 14.18ZM23.3337 13.3511C23.3337 13.3511 25.6827 13.139 26.9935 14.18M26.9935 14.18L26.555 15.5711C26.382 16.1199 26.8342 16.6667 27.461 16.6667C28.1198 16.6667 28.5548 16.0723 28.2157 15.5579C27.915 15.102 27.5055 14.5866 26.9935 14.18Z", stroke: "black", strokeOpacity: 0.12, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })), yl = (e) => /* @__PURE__ */ r.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", ...e }, /* @__PURE__ */ r.createElement("path", { d: "M2.083 20C2.083 10.105 10.105 2.083 20 2.083c9.895 0 17.917 8.021 17.917 17.917 0 9.895-8.022 17.917-17.917 17.917C10.105 37.917 2.083 29.895 2.083 20Z", fill: "#FFD46E" }), /* @__PURE__ */ r.createElement("path", { d: "M14.249 27.334C15.851 26.13 17.844 25.417 20 25.417c2.156 0 4.149.714 5.751 1.917.553.415.664 1.199.25 1.751-.415.552-1.199.664-1.751.25-1.183-.889-2.652-1.416-4.25-1.416s-3.067.527-4.25 1.416c-.553.414-1.336.302-1.751-.25-.415-.552-.303-1.336.249-1.751Z", fill: "#141B34" }), /* @__PURE__ */ r.createElement("path", { d: "M23.445 14.596c-.687.062-1.294-.445-1.356-1.132-.062-.687.445-1.295 1.132-1.357.082-.005.342-.02.482-.022.277-.004.662.002 1.097.047.823.085 2.031.323 2.97 1.07.652.518 1.146 1.15 1.489 1.67.466.706.405 1.54-.022 2.15-.402.576-1.074.896-1.775.896-1.304 0-2.573-1.214-2.098-2.722l.125-.394c-.285-.088-.607-.148-.942-.182-.316-.033-.6-.038-.804-.035-.101.002-.242.01-.294.013Z", fill: "#141B34" }), /* @__PURE__ */ r.createElement("path", { d: "M11.779 14.596c-.687.062-1.294-.445-1.356-1.132-.062-.687.445-1.295 1.132-1.357.082-.005.342-.02.482-.022.277-.004.662.002 1.097.047.823.085 2.031.323 2.97 1.07.652.518 1.146 1.15 1.489 1.67.466.706.405 1.54-.022 2.15-.402.576-1.074.896-1.775.896-1.304 0-2.573-1.214-2.098-2.722l.124-.394c-.284-.088-.606-.148-.941-.182-.316-.033-.6-.038-.804-.035-.101.002-.243.01-.294.013Z", fill: "#141B34" })), Cl = (e) => /* @__PURE__ */ r.createElement("svg", { width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ r.createElement("path", { d: "M19.9997 36.6667C29.2044 36.6667 36.6663 29.2048 36.6663 20C36.6663 10.7953 29.2044 3.33334 19.9997 3.33334C10.7949 3.33334 3.33301 10.7953 3.33301 20C3.33301 29.2048 10.7949 36.6667 19.9997 36.6667Z", fill: "#E0E0E0" }), /* @__PURE__ */ r.createElement("path", { d: "M13.348 15H13.333M26.6663 15H26.6513", stroke: "black", strokeOpacity: 0.12, strokeWidth: 3.33333, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("path", { d: "M15 26.6667H25", stroke: "black", strokeOpacity: 0.12, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })), _l = (e) => /* @__PURE__ */ r.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", ...e }, /* @__PURE__ */ r.createElement("path", { d: "M2.083 20C2.083 10.105 10.105 2.083 20 2.083c9.895 0 17.917 8.021 17.917 17.917 0 9.895-8.022 17.917-17.917 17.917C10.105 37.917 2.083 29.895 2.083 20Z", fill: "#FFD46E" }), /* @__PURE__ */ r.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.25 15c0-1.151.933-2.083 2.083-2.083h.015c1.151 0 2.084.933 2.084 2.083 0 1.151-.933 2.083-2.084 2.083h-.015c-1.15 0-2.083-.933-2.083-2.083ZM24.568 15c0-1.151.933-2.083 2.084-2.083h.015c1.151 0 2.083.933 2.083 2.083 0 1.151-.932 2.083-2.083 2.083h-.015c-1.151 0-2.084-.933-2.084-2.083Z", fill: "#141B34" }), /* @__PURE__ */ r.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.75 26.667c0-.691.56-1.25 1.25-1.25h10c.69 0 1.25.559 1.25 1.25 0 .691-.56 1.25-1.25 1.25h-10c-.69 0-1.25-.559-1.25-1.25Z", fill: "#141B34" })), Sl = (e) => /* @__PURE__ */ r.createElement("svg", { width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ r.createElement("path", { d: "M19.9997 36.6667C29.2044 36.6667 36.6663 29.2048 36.6663 20C36.6663 10.7953 29.2044 3.33334 19.9997 3.33334C10.7949 3.33334 3.33301 10.7953 3.33301 20C3.33301 29.2048 10.7949 36.6667 19.9997 36.6667Z", fill: "#E0E0E0" }), /* @__PURE__ */ r.createElement("path", { d: "M13.333 25C14.8532 27.024 17.2735 28.3333 19.9997 28.3333C22.7258 28.3333 25.1462 27.024 26.6663 25", stroke: "black", strokeOpacity: 0.12, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("path", { d: "M13.348 15H13.333M26.6663 15H26.6513", stroke: "black", strokeOpacity: 0.12, strokeWidth: 3.33333, strokeLinecap: "round", strokeLinejoin: "round" })), Tl = (e) => /* @__PURE__ */ r.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", ...e }, /* @__PURE__ */ r.createElement("path", { d: "M2.083 20C2.083 10.105 10.105 2.083 20 2.083c9.895 0 17.917 8.021 17.917 17.917 0 9.895-8.022 17.917-17.917 17.917C10.105 37.917 2.083 29.895 2.083 20Z", fill: "#FFD46E" }), /* @__PURE__ */ r.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.583 24.001c.552-.414 1.335-.302 1.75.25 1.294 1.723 3.35 2.834 5.667 2.834s4.373-1.11 5.667-2.834c.415-.552 1.199-.664 1.751-.25.552.415.664 1.199.25 1.751C25.92 28.076 23.136 29.584 20 29.584s-5.92-1.508-7.666-3.832c-.415-.552-.303-1.336.249-1.751Z", fill: "#141B34" }), /* @__PURE__ */ r.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.25 15c0-1.151.933-2.083 2.083-2.083h.015c1.151 0 2.084.933 2.084 2.083 0 1.151-.933 2.083-2.084 2.083h-.015c-1.15 0-2.083-.933-2.083-2.083ZM24.568 15c0-1.151.933-2.083 2.084-2.083h.015c1.151 0 2.083.933 2.083 2.083 0 1.151-.932 2.083-2.083 2.083h-.015c-1.151 0-2.084-.933-2.084-2.083Z", fill: "#141B34" })), wl = (e) => /* @__PURE__ */ r.createElement("svg", { width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ r.createElement("path", { d: "M19.9997 36.6663C29.2044 36.6663 36.6663 29.2044 36.6663 19.9997C36.6663 10.7949 29.2044 3.33301 19.9997 3.33301C10.7949 3.33301 3.33301 10.7949 3.33301 19.9997C3.33301 29.2044 10.7949 36.6663 19.9997 36.6663Z", fill: "#E0E0E0" }), /* @__PURE__ */ r.createElement("path", { d: "M19.9997 30C23.16 30 25.8145 27.867 26.56 24.9832C26.9068 23.6413 26.4033 23.3333 25.0765 23.3333H14.9228C13.5959 23.3333 13.0925 23.6413 13.4393 24.9832C14.1848 27.867 16.8393 30 19.9997 30Z", stroke: "black", strokeOpacity: 0.12, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("path", { d: "M11.667 15.8333C11.667 14.4526 12.7863 13.3333 14.167 13.3333C15.5477 13.3333 16.667 14.4526 16.667 15.8333M23.3337 15.8333C23.3337 14.4526 24.453 13.3333 25.8337 13.3333C27.2143 13.3333 28.3337 14.4526 28.3337 15.8333", stroke: "black", strokeOpacity: 0.12, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })), Al = (e) => /* @__PURE__ */ r.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", ...e }, /* @__PURE__ */ r.createElement("path", { d: "M2.083 20C2.083 10.105 10.105 2.083 20 2.083c9.895 0 17.917 8.021 17.917 17.917 0 9.895-8.022 17.917-17.917 17.917C10.105 37.917 2.083 29.895 2.083 20Z", fill: "#FFD46E" }), /* @__PURE__ */ r.createElement("g", { clipPath: "url(#clip0_159_173224)" }, /* @__PURE__ */ r.createElement("g", { clipPath: "url(#clip1_159_173224)" }, /* @__PURE__ */ r.createElement("path", { d: "M20 30.624c3.752 0 6.904-2.532 7.789-5.956.412-1.593-.185-1.959-1.76-1.959H13.973c-1.575 0-2.173.366-1.761 1.959.885 3.424 4.037 5.956 7.788 5.956Z", fill: "#141B34" })), /* @__PURE__ */ r.createElement("mask", { id: "mask0_159_173224", style: {
+  maskType: "alpha"
+}, maskUnits: "userSpaceOnUse", x: 12, y: 22, width: 16, height: 9 }, /* @__PURE__ */ r.createElement("path", { d: "M20 30.624c3.752 0 6.904-2.532 7.789-5.956.412-1.593-.185-1.959-1.76-1.959H13.973c-1.575 0-2.173.366-1.761 1.959.885 3.424 4.037 5.956 7.788 5.956Z", fill: "#141B34" })), /* @__PURE__ */ r.createElement("g", { mask: "url(#mask0_159_173224)" }, /* @__PURE__ */ r.createElement("path", { d: "M20 32.998c3.278 0 5.936-1.594 5.936-3.561 0-1.968-2.658-3.562-5.936-3.562-3.278 0-5.936 1.594-5.936 3.562 0 1.967 2.658 3.561 5.936 3.561Z", fill: "#FF493B" }))), /* @__PURE__ */ r.createElement("path", { d: "M11.667 15.833c0-1.381 1.12-2.5 2.5-2.5s2.5 1.12 2.5 2.5M23.333 15.833c0-1.381 1.12-2.5 2.5-2.5s2.5 1.12 2.5 2.5", stroke: "#141B34", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("defs", null, /* @__PURE__ */ r.createElement("clipPath", { id: "clip0_159_173224" }, /* @__PURE__ */ r.createElement("rect", { width: 15.83, height: 7.915, fill: "white", transform: "translate(12.085 22.709)" })), /* @__PURE__ */ r.createElement("clipPath", { id: "clip1_159_173224" }, /* @__PURE__ */ r.createElement("rect", { width: 15.83, height: 7.915, fill: "white", transform: "translate(12.085 22.709)" })))), kl = [
+  {
+    value: 1,
+    Icon: {
+      Active: El,
+      Inactive: xl
+    },
+    isActive: (e) => e <= 1,
+    getTooltip: (e) => e.CSAT5_RATING_SCORE_1
+  },
+  {
+    value: 2,
+    Icon: {
+      Active: yl,
+      Inactive: vl
+    },
+    isActive: (e) => e === 2,
+    getTooltip: (e) => e.CSAT5_RATING_SCORE_2
+  },
+  {
+    value: 3,
+    Icon: {
+      Active: _l,
+      Inactive: Cl
+    },
+    isActive: (e) => e === 3,
+    getTooltip: (e) => e.CSAT5_RATING_SCORE_3
+  },
+  {
+    value: 4,
+    Icon: {
+      Active: Tl,
+      Inactive: Sl
+    },
+    isActive: (e) => e === 4,
+    getTooltip: (e) => e.CSAT5_RATING_SCORE_4
+  },
+  {
+    value: 5,
+    Icon: {
+      Active: Al,
+      Inactive: wl
+    },
+    isActive: (e) => 5 <= e,
+    getTooltip: (e) => e.CSAT5_RATING_SCORE_5
+  }
+], Il = () => kl, ir = ({ label: e, children: t, position: n = "top", disabled: o }) => o ? t : /* @__PURE__ */ r.createElement(Et, null, t, /* @__PURE__ */ r.createElement(Ol, { $position: n }, /* @__PURE__ */ r.createElement(Ll, { variant: "caption1" }, e), /* @__PURE__ */ r.createElement($l, { $position: n }))), $l = ({ $position: e }) => /* @__PURE__ */ r.createElement(
+  "svg",
+  {
+    style: { transform: e === "top" ? "rotate(0)" : "rotate(180deg)" },
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "12",
+    height: "6",
+    viewBox: "0 0 12 6",
+    fill: "none"
+  },
+  /* @__PURE__ */ r.createElement("path", { d: "M6 6L0 0h12L6 6Z", fill: d.themedColor.textHighEmphasis })
+), Ml = {
+  top: _`flex-direction:column;top:0;transform:translate(-50%,-100%);`,
+  bottom: _`flex-direction:column-reverse;bottom:0;transform:translate(-50%,100%);`
+}, Et = m.div`position:relative;`, Ol = m.div`display:flex;align-items:center;position:absolute;left:50%;z-index:${xe.TOOLTIP};${({ $position: e }) => Ml[e]}opacity:0;transition:opacity 0.2s ease-in-out;pointer-events:none;${Et}:hover &,${Et}:focus-within &{opacity:1;}`, Ll = m(w)`padding:6px 8px;background:${d.themedColor.textHighEmphasis};color:${d.themedColor.textHighEmphasisInverse};border-radius:4px;font-size:12px;white-space:nowrap;`, Rl = ({ submitted: e, value: t, onChange: n }) => {
+  const { stringSet: o } = R(), s = Il(), i = typeof t == "number";
+  return /* @__PURE__ */ r.createElement(Dl, null, /* @__PURE__ */ r.createElement(w, { variant: "caption2", color: d.themedColor.textMidEmphasis }, o.CSAT_RATING_TITLE), /* @__PURE__ */ r.createElement(Nl, null, s.map((a) => /* @__PURE__ */ r.createElement(ir, { disabled: e, key: a.value, label: a.getTooltip(o) }, /* @__PURE__ */ r.createElement(
+    Fl,
+    {
+      disabled: e,
+      onClick: () => n(a.value),
+      $inactive: i && !a.isActive(t)
+    },
+    i ? a.isActive(t) ? /* @__PURE__ */ r.createElement(a.Icon.Active, null) : /* @__PURE__ */ r.createElement(a.Icon.Inactive, null) : /* @__PURE__ */ r.createElement(a.Icon.Active, null)
+  )))));
+}, Dl = m.div`display:flex;flex-direction:column;gap:8px;`, Nl = m.div`display:flex;justify-content:space-between;width:100%;max-width:320px;`, Fl = m.button`background-color:transparent;border:none;border-radius:4px;padding:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;&:enabled:hover{cursor:pointer;background-color:${d.color.background200};${I.dark`
+      background-color: ${d.color.background500};
+    `}
+  }
+
+  ${({ $inactive: e, theme: t }) => e && t.selectedTheme === "dark" && Bl};
+`, Bl = _`[fill]{fill:white;fill-opacity:0.12;}[stroke]{stroke:white;stroke-opacity:0.12;}`, Pl = ({ submitted: e, value: t = "", onChange: n }) => {
+  const { stringSet: o } = R();
+  return e && !t ? null : /* @__PURE__ */ r.createElement(
+    Ul,
+    {
+      disabled: e,
+      maxLength: 255,
+      value: t,
+      onChange: (s) => n(s.target.value),
+      placeholder: o.CSAT_REASON_PLACEHOLDER
+    }
+  );
+}, Ul = m.input`box-sizing:border-box;width:100%;border-radius:4px;padding:10px 16px;font-size:14px;font-weight:400;font-style:normal;border:unset;&:focus{outline:none;}color:${d.themedColor.textHighEmphasis};&::placeholder{color:${d.themedColor.textLowEmphasis};}background-color:${d.color.background50};${I.dark`
+    background-color: ${d.themedColor.textDisabled};
+  `}
+
+  &:disabled {
+    cursor: not-allowed;
+    color: ${d.themedColor.textLowEmphasis};
+    background-color: ${d.color.background200};
+    ${I.dark`
+      color: ${d.color.ondark.textDisabled};
+      background-color: ${d.themedColor.textDisabled};
+    `}
+  }
+`, Hl = ({ submitted: e }) => {
+  const { stringSet: t } = R();
+  return e ? /* @__PURE__ */ r.createElement(w, { variant: "h2", color: d.themedColor.textHighEmphasis }, t.CSAT_TITLE_SUBMITTED) : /* @__PURE__ */ r.createElement(w, { variant: "h2", color: d.themedColor.textHighEmphasis }, t.CSAT_TITLE_UNSUBMITTED);
+};
+var oe = /* @__PURE__ */ ((e) => (e.AI_AGENT_CSAT_5 = "AI_AGENT_CSAT_5", e.AI_AGENT_CSAT_5_WITH_CRE = "AI_AGENT_CSAT_5_WITH_CRE", e.HELPDESK_CSAT_5 = "HELPDESK_CSAT_5", e))(oe || {});
+const Vl = (e) => Rr((t, n) => ({ ...t, ...n }), e), dt = ({
+  type: e,
+  renderSubmitButton: t,
+  initialCsat: n,
+  initialCsatReason: o,
+  initialIsResolved: s
+}) => {
+  const [i, a] = Vl({
+    csatType: e,
+    csat: n,
+    csatReason: o,
+    isResolved: s
+  }), l = typeof n == "number" ? "submitted" : (e === oe.AI_AGENT_CSAT_5 || e === oe.HELPDESK_CSAT_5) && typeof i.csat == "number" || e === oe.AI_AGENT_CSAT_5_WITH_CRE && typeof i.csat == "number" && typeof i.isResolved == "boolean" ? "submittable" : "unsubmittable", c = { state: l, submitted: l === "submitted" };
+  return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(zl, null, /* @__PURE__ */ r.createElement(Hl, { ...c }), e === oe.AI_AGENT_CSAT_5_WITH_CRE && /* @__PURE__ */ r.createElement(
+    pl,
+    {
+      ...c,
+      defaultValue: s,
+      value: i.isResolved,
+      onChange: (u) => a({ isResolved: u })
+    }
+  ), /* @__PURE__ */ r.createElement(Rl, { ...c, value: i.csat, onChange: (u) => a({ csat: u }) }), i.csat && /* @__PURE__ */ r.createElement(
+    Pl,
+    {
+      ...c,
+      value: i.csatReason,
+      onChange: (u) => a({ csatReason: u })
+    }
+  )), l !== "submitted" && t({ state: l, params: i }));
+}, zl = m.div`display:flex;flex-direction:column;gap:12px;`, Wl = () => {
+  const { stringSet: e } = R();
+  return /* @__PURE__ */ r.createElement(w, { variant: "body2", color: d.themedColor.textMidEmphasis, style: { textAlign: "center" } }, e.CSAT_SUBMISSION_EXPIRED);
+}, Gl = (e) => {
+  if (e.messageType !== "admin.csat")
+    throw new Error("Invalid message type");
+  const t = Jr(), { stringSet: n } = R(), { extendedMessagePayload: o, csat: s, csatReason: i, csatExpireAt: a, isResolvedWhenDeterminedByUser: l, onSubmitCSAT: c } = e, { visibility: u, type: h } = (o == null ? void 0 : o.csat) ?? {};
+  if (!u || !h || !oe[h]) return null;
+  const g = h === oe.AI_AGENT_CSAT_5 || h === oe.AI_AGENT_CSAT_5_WITH_CRE || h === oe.HELPDESK_CSAT_5 ? dt : () => null, x = (y) => {
+    y.csat && !hn(a) ? c({
+      csatType: y.csatType,
+      csat: y.csat,
+      csatReason: y.csatReason,
+      isResolved: y.isResolved
+    }) : t();
+  };
+  return /* @__PURE__ */ r.createElement(jl, null, !s && hn(a) ? /* @__PURE__ */ r.createElement(Wl, null) : /* @__PURE__ */ r.createElement(
+    g,
+    {
+      type: h,
+      initialCsat: s,
+      initialCsatReason: i,
+      initialIsResolved: l,
+      renderSubmitButton: ({ state: y, params: E }) => /* @__PURE__ */ r.createElement(Kl, { disabled: y !== "submittable", onClick: () => x(E) }, /* @__PURE__ */ r.createElement(w, { variant: "button" }, n.CSAT_SUBMIT_LABEL))
+    }
+  ));
+}, jl = m.div`display:flex;flex-direction:column;background-color:${({ theme: e }) => e.colors.csat.background};border-radius:16px;gap:16px;padding:24px;`, Kl = m.button`all:unset;background-color:${({ theme: e }) => e.colors.base.primary};color:${({ theme: e }) => e.colors.base.primaryContrastContent};border-radius:6px;padding:10px 20px;display:flex;align-items:center;justify-content:center;cursor:pointer;&:hover{background-color:${d.color.primary.dark};}&:disabled{color:${d.color.ondark.textLowEmphasis};background-color:${d.themedColor.textDisabled};cursor:not-allowed;}`;
+function hn(e) {
+  return !!e && e < Date.now();
+}
+function ar(e) {
+  return e();
+}
+const Ut = Te({
+  template: ql,
+  components: {
+    AdminMessage: ml,
+    CSATMessage: Gl
+  }
+});
+function ql(e) {
+  const { components: t } = Ut.useContext(), n = ar(() => e.messageType === "admin" ? /* @__PURE__ */ r.createElement(t.AdminMessage, { ...e }) : e.messageType === "admin.csat" ? /* @__PURE__ */ r.createElement(t.CSATMessage, { ...e }) : null);
+  return /* @__PURE__ */ r.createElement(Zl, { $marginBottom: $t(e.groupType) }, n);
+}
+const Zl = m.div`padding-inline:${ae}px;margin-bottom:${({ $marginBottom: e }) => e}px;`, gn = {
+  file: "attach",
+  snippet: "snippet",
+  site: "website",
+  sb_sprinklr: "sprinklr",
+  sb_salesforce: "salesforce",
+  sb_confluence: "confluence",
+  sb_zendesk: "zendesk",
+  sb_desk: "snippet"
+  // TODO: request icon
+}, Yl = ({
+  actionbook: e,
+  functionCalls: t,
+  groundedness: n,
+  agentMessageTemplates: o,
+  onClickActionbook: s,
+  onClickFunctionCall: i,
+  onClickFunctionCallDetail: a,
+  onClickGroundedness: l,
+  onClickAgentMessageTemplate: c,
+  bottomContent: u,
+  renderCustomGroundednessIcon: h = (x) => x.default,
+  style: g = {}
+}) => {
+  const {
+    // Note: This component is used with the dashboard, so cssVars should not be used.
+    iconColor: x = "#000000",
+    textColor: y = "#000000",
+    highlightColor: E = Vn.DEFAULT_PRIMARY
+  } = g;
+  return /* @__PURE__ */ r.createElement(pn, null, e && /* @__PURE__ */ r.createElement(pn, null, /* @__PURE__ */ r.createElement(Xe, null, /* @__PURE__ */ r.createElement(We, null, /* @__PURE__ */ r.createElement(O, { size: 16, type: "actionbook", color: x })), /* @__PURE__ */ r.createElement(
+    ze,
+    {
+      $clickable: !!s,
+      $highlightColor: E,
+      variant: "body2",
+      color: y,
+      onClick: () => s == null ? void 0 : s(e)
+    },
+    e.name
+  ))), t == null ? void 0 : t.map((b) => /* @__PURE__ */ r.createElement(ut, { key: b.key }, /* @__PURE__ */ r.createElement(We, null, /* @__PURE__ */ r.createElement(O, { size: 16, type: "function", color: x })), /* @__PURE__ */ r.createElement(Xe, null, /* @__PURE__ */ r.createElement(
+    ze,
+    {
+      $clickable: !!i,
+      $highlightColor: E,
+      variant: "body2",
+      color: y,
+      onClick: () => i == null ? void 0 : i(b)
+    },
+    b.name
+  ), a && /* @__PURE__ */ r.createElement(Xl, { role: "button", onClick: () => a == null ? void 0 : a(b) }, /* @__PURE__ */ r.createElement(w, { variant: "body2", color: E }, "View details"), /* @__PURE__ */ r.createElement(O, { type: "chevron-right", size: 16, color: E }))))), n == null ? void 0 : n.map((b) => /* @__PURE__ */ r.createElement(ut, { key: b.id }, /* @__PURE__ */ r.createElement(We, null, h({
+    default: /* @__PURE__ */ r.createElement(O, { size: 16, type: gn[b.source_type] ?? gn.snippet, color: x }),
+    sourceType: b.source_type
+  })), /* @__PURE__ */ r.createElement(
+    ze,
+    {
+      $clickable: !!l,
+      $highlightColor: E,
+      variant: "body2",
+      color: y,
+      onClick: () => l == null ? void 0 : l(b)
+    },
+    b.preview_title
+  ))), o == null ? void 0 : o.map((b) => /* @__PURE__ */ r.createElement(ut, { key: b.key }, /* @__PURE__ */ r.createElement(We, null, /* @__PURE__ */ r.createElement(O, { size: 16, type: "template", color: x })), /* @__PURE__ */ r.createElement(
+    ze,
+    {
+      $clickable: !!c,
+      $highlightColor: E,
+      variant: "body2",
+      color: y,
+      onClick: () => c == null ? void 0 : c(b)
+    },
+    b.name
+  ))), u);
+}, Jl = m(w)`font-weight:400;`, ze = m(Jl)`${({ $clickable: e, $highlightColor: t }) => e && _`
+      cursor: pointer;
+      text-decoration: underline;
+      &:hover {
+        color: ${t};
+      }
+    `}
+`, We = m.div`display:flex;align-items:center;justify-content:center;flex-shrink:0;`, Xe = m.div`display:flex;gap:8px;align-items:center;`, Xl = m(Xe)`cursor:pointer;gap:4px;`, ut = m(Xe)`flex-direction:row;align-items:center;`, pn = m.div`display:flex;gap:4px;flex-direction:column;align-items:flex-start;`, lr = _e(null);
+function Ql({ testerType: e, children: t }) {
+  return /* @__PURE__ */ r.createElement(
+    lr.Provider,
+    {
+      value: { testerType: e, isActionbookTester: e === "actionbook" }
+    },
+    e && /* @__PURE__ */ r.createElement(ec, null),
+    t
+  );
+}
+const ke = () => {
+  const e = se(lr);
+  if (!e) throw new Error("_UNSAFE_INTERNAL_DashboardTesterProvider not found");
+  return e;
+}, ec = () => {
+  const { isActionbookTester: e } = ke();
+  return /* @__PURE__ */ r.createElement(ye.Template, { template: e ? tc : void 0 }, /* @__PURE__ */ r.createElement(ye.MessageLogs, { component: nc }));
+}, tc = (e) => /* @__PURE__ */ r.createElement(rr, { ...e, testerMode: !0, maxBodyWidth: Gn }), nc = ({ extendedMessagePayload: e = {} }) => {
+  const { handlers: t } = H(), { manual: n, groundedness: o, function_calls: s, agent_message_templates: i, is_thinking: a } = e;
+  return a || !n && !(o != null && o.length) && !(s != null && s.length) && !(i != null && i.length) ? /* @__PURE__ */ r.createElement(r.Fragment, null) : /* @__PURE__ */ r.createElement(rc, null, /* @__PURE__ */ r.createElement(oc, { width: 4 }), /* @__PURE__ */ r.createElement(
+    Yl,
+    {
+      actionbook: n,
+      functionCalls: s,
+      groundedness: o,
+      agentMessageTemplates: i,
+      onClickFunctionCallDetail: t == null ? void 0 : t.onFunctionCallDetailClick,
+      style: {
+        iconColor: d.themedColor.textHighEmphasis,
+        textColor: d.themedColor.textHighEmphasis,
+        barColor: d.themedColor.textDisabled
+      },
+      bottomContent: /* @__PURE__ */ r.createElement(sc, { variant: "caption2", color: d.themedColor.textLowEmphasis }, "Only visible in the tester")
+    }
+  ));
+}, rc = m.div`display:flex;gap:16px;margin:16px ${ae}px 0;align-self:stretch;`, oc = m.div`width:${({ width: e }) => e}px;background-color:${d.themedColor.textDisabled};border-radius:100px;flex-shrink:0;`, sc = m(w)`margin-top:5px;`, ic = ({ publishSynchronous: e = !1 }) => {
+  const t = /* @__PURE__ */ new Set();
+  return {
+    publish: (n) => {
+      t.forEach((o) => {
+        e ? o(n) : setTimeout(() => o(n), 0);
+      });
+    },
+    subscribe: (n) => (t.add(n), () => t.delete(n))
+  };
+};
+function ac(e, t = []) {
+  const n = F(null), o = F(0), s = F(0), [i] = T(() => ic({ publishSynchronous: !0 })), [a, l] = T(!0);
+  return pe(() => {
+    o.current = 0, s.current = 0, l(!0), n.current && (n.current.scrollTop = n.current.scrollHeight);
+  }, t), pe(() => i.subscribe(({ type: c, data: u }) => {
+    const { resolve: h, animated: g } = u ?? {};
+    if (!n.current) return h == null ? void 0 : h();
+    if (c === "scrollToBottom" && (n.current.scroll ? n.current.scroll({
+      top: n.current.scrollHeight,
+      behavior: fn(e, g)
+    }) : n.current.scrollTop = n.current.scrollHeight, s.current = 0, l(!0), h == null || h()), c === "scroll") {
+      const x = u == null ? void 0 : u.top, { scrollTop: y, scrollHeight: E, clientHeight: b } = n.current;
+      n.current.scroll ? n.current.scroll({ top: x, behavior: fn(e, g) }) : typeof x == "number" && (n.current.scrollTop = x), s.current = Math.max(0, E - y - b), l(s.current === 0), h == null || h();
+    }
+  }), [e]), {
+    scrollRef: n,
+    scrollPubSub: i,
+    isScrollBottomReached: a,
+    setIsScrollBottomReached: l,
+    scrollDistanceFromBottomRef: s,
+    scrollPositionRef: o
+  };
+}
+function fn(e, t) {
+  return typeof t == "boolean" ? t ? "smooth" : "auto" : e;
+}
+function lc(e) {
+  return "sendingStatus" in e ? e.sendingStatus === "succeeded" ? String(e.messageId) : e.reqId : String(e.messageId);
+}
+const cc = (e, t, n, o = !0) => {
+  if (!o || !e.isUserMessage() && !e.isFileMessage())
+    return "single";
+  const s = () => {
+    if (!t || !t.isUserMessage() && !t.isFileMessage()) return !1;
+    const c = t.sender.userId === e.sender.userId, u = Zt(t.createdAt, e.createdAt);
+    return c && u;
+  }, i = () => {
+    if (!n || !n.isUserMessage() && !n.isFileMessage()) return !1;
+    const c = n.sender.userId === e.sender.userId, u = Zt(n.createdAt, e.createdAt);
+    return c && u;
+  }, a = s(), l = i();
+  return a && l ? "middle" : a ? "bottom" : l ? "top" : "single";
+};
+function dc(e, t) {
+  return e.filter((n) => we.isWelcomeMessage(n, t));
+}
+function Ht(e, t) {
+  return uc(e) === t;
+}
+function uc(e) {
+  var t;
+  if (e)
+    return e.isUserMessage() || e.isFileMessage() || e.isMultipleFilesMessage() ? e.sender.userId : ((t = e == null ? void 0 : e.sender) == null ? void 0 : t.userId) ?? void 0;
+}
+function mc(e) {
+  return e.isAdminMessage() ? e.message === "The channel's custom_type was updated." : !1;
+}
+const vt = (e) => !!e && "sender" in e, cr = (e) => e.startsWith("image/"), dr = (e) => e.startsWith("video/"), bn = (e) => cr(e) || dr(e), Ge = {
+  isAdmin: (e) => e.isAdminMessage(),
+  isCSAT: (e) => {
+    var t;
+    return e.isAdminMessage() && !!((t = e.extendedMessagePayload) != null && t.csat);
+  },
+  isIncoming: (e, t) => vt(e) && e.sender.userId !== t,
+  isOutgoing: (e, t) => vt(e) && (e.sender.userId === t || e.sendingStatus === mt.PENDING)
+}, hc = (e) => {
+  const { chatSDK: t, handlers: n, logger: o } = H(), { aiAgentInfo: s } = V(), i = F(/* @__PURE__ */ new Set()), a = (h) => {
+    if (!(n != null && n.onCustomEvent)) return;
+    vt(h) && h.sender.userId === s.userId && !we.isStreaming(h) && !i.current.has(h.messageId) && (o.debug("useCustomEventForMessageReceive: bot-message-received", h), n.onCustomEvent({ type: "bot-message-received", data: { message: h } }), i.current.add(h.messageId));
+  }, l = (h) => {
+    if (n != null && n.onCustomEvent && h.isAdminMessage() && h.customType === "user_action_required" && !i.current.has(h.messageId)) {
+      const g = gt(h.data);
+      Array.isArray(g.history) && g.history.length === 0 && (o.debug("useCustomEventForMessageReceive: user_action_required", g), n.onCustomEvent({
+        type: "user-action-requested",
+        data: g
+      }), i.current.add(h.messageId));
+    }
+  }, c = (h, g) => {
+    h.url === e && (a(g), l(g));
+  }, u = (h) => {
+    l(h);
+  };
+  return et(t, {
+    onMessageUpdated: c,
+    onMessageReceived: c
+  }), {
+    checkForUserActionRequired: u
+  };
+};
+function gc(e) {
+  return new Promise((t) => {
+    const n = new Image();
+    n.onload = function() {
+      const o = String(n.width), s = String(n.height);
+      URL.revokeObjectURL(n.src), t({ width: o, height: s });
+    }, n.src = URL.createObjectURL(e);
+  });
+}
+async function pc(e) {
+  if ("file" in e && e.file instanceof File && e.file.type.startsWith("image/")) {
+    const { width: t, height: n } = await gc(e.file);
+    return new so({
+      key: ur,
+      value: [t, n]
+    });
+  }
+}
+const ur = "KEY_IMG_ASPECT_RATIO", fc = ({ onScrollAfterSendMessage: e }) => {
+  const { agentPreviewConfigs: t, handlers: n } = H(), o = F(t == null ? void 0 : t.agentAttributes);
+  return o.current = t == null ? void 0 : t.agentAttributes, {
+    onBeforeSendMessage: async (s) => {
+      const i = await pc(s), a = {
+        ...s,
+        metaArrays: i ? [i] : void 0
+      }, l = bc(o.current);
+      return l ? { ...a, data: JSON.stringify(l) } : a;
+    },
+    onAfterSendMessage: (s) => {
+      var i, a, l;
+      e(), (i = n == null ? void 0 : n.onMessageSend) == null || i.call(n, s.message), s.sendingStatus === mt.SUCCEEDED ? (a = n == null ? void 0 : n.onCustomEvent) == null || a.call(n, { type: "message-sent-succeeded", data: { message: s } }) : s.sendingStatus === mt.PENDING && ((l = n == null ? void 0 : n.onCustomEvent) == null || l.call(n, { type: "message-sent-pending", data: { message: s } }));
+    }
+  };
+}, bc = (e) => {
+  if (!e) return null;
+  const t = {};
+  return e.ai && Object.keys(e.ai).length > 0 && (t.ai_attrs = e.ai), e.safeguard && Object.keys(e.safeguard).length > 0 && (t.safeguard_attrs = e.safeguard), typeof e.use_prompt_cache == "boolean" && (t.use_prompt_cache = e.use_prompt_cache), Object.keys(t).length > 0 ? t : null;
+}, {
+  Provider: xc,
+  Context: xm,
+  useContext: K
+} = W("Conversation"), Ec = ({ children: e }) => {
+  var s;
+  const { channelSource: t } = K(), n = (s = t.channel) == null ? void 0 : s.url, { checkForUserActionRequired: o } = hc(n);
+  return L(() => {
+    var a;
+    const i = (a = t.channel) == null ? void 0 : a.lastMessage;
+    i && o(i);
+  }, [t.channel, o]), /* @__PURE__ */ r.createElement(r.Fragment, null, e);
+}, vc = ({
+  closedChannelUrl: e,
+  onClearClosedChannelUrl: t,
+  onNavigateToConversationList: n,
+  children: o
+}) => {
+  const { aiAgentInfo: s, activeChannel: i, refreshActiveChannel: a } = V(), { testerType: l } = ke(), c = ac("smooth"), { onBeforeSendMessage: u, onAfterSendMessage: h } = fc({
+    onScrollAfterSendMessage: () => {
+      c.scrollPubSub.publish({ type: "scrollToBottom", data: { animated: !1 } });
+    }
+  }), g = e || (i == null ? void 0 : i.url), x = (E) => {
+    const b = E[E.length - 1];
+    b && we.shouldScrollToBottom(b, s.userId, !!l) && setTimeout(() => c.scrollPubSub.publish({ type: "scrollToBottom", data: { animated: !0 } }), 100);
+  }, y = D(async () => {
+    await a(), e && (t == null || t());
+  }, [a, e, t]);
+  return /* @__PURE__ */ r.createElement(
+    Yo,
+    {
+      channelUrl: g,
+      onBeforeSendMessage: u,
+      onAfterSendMessage: h,
+      onMessagesUpdated: x,
+      onMessagesReceived: x,
+      onChannelDeleted: y
+    },
+    (E) => /* @__PURE__ */ r.createElement(
+      xc,
+      {
+        value: { ...E, scrollSource: c, goToActiveConversation: y, onNavigateToConversationList: n }
+      },
+      /* @__PURE__ */ r.createElement(Ec, null, o)
+    )
+  );
+}, Vt = _e({
+  onDrop: Le,
+  subscribe: () => Le
+}), yt = ({ children: e }) => {
+  const t = F(/* @__PURE__ */ new Set());
+  return /* @__PURE__ */ r.createElement(
+    Vt.Provider,
+    {
+      value: {
+        onDrop: (n) => {
+          var o;
+          if (n.preventDefault(), (o = n.dataTransfer) != null && o.files) {
+            const s = Array.from(n.dataTransfer.files);
+            s.length > 0 && t.current.forEach((i) => i(s));
+          }
+        },
+        subscribe: (n) => (t.current.add(n), () => t.current.delete(n))
+      }
+    },
+    e
+  );
+}, yc = ({ onDropFiles: e }) => {
+  const { subscribe: t } = se(Vt);
+  L(() => t(e), [e]);
+};
+yt.Consumer = ({ children: e }) => {
+  const { onDrop: t } = se(Vt);
+  return e({ onDrop: t, onDragOver: (s) => s.preventDefault() });
+};
+const Em = ({ iconSize: e = 64, icon: t, className: n, label: o, children: s }) => /* @__PURE__ */ r.createElement(_c, { className: n }, /* @__PURE__ */ r.createElement(O, { type: t, size: e, color: d.themedColor.textLowEmphasis }), /* @__PURE__ */ r.createElement(w, { variant: "body1", color: d.themedColor.textMidEmphasis }, o), s), Cc = m.div`position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;`, _c = m.div`display:flex;flex-direction:column;min-height:104px;align-items:center;gap:20px;text-align:center;`, Sc = {
+  loading: A(() => import("./C_zdaLEd.js")),
+  error: A(() => import("./L8ixNvKX.js")),
+  noChannels: A(() => import("./B9RZQBFg.js")),
+  noMessages: A(() => import("./DJ2cswO9.js"))
+}, Ce = ({ className: e, type: t = "loading", ...n }) => {
+  const o = Sc[t];
+  return /* @__PURE__ */ r.createElement(Cc, { className: e }, /* @__PURE__ */ r.createElement(Oe, { fallback: null }, /* @__PURE__ */ r.createElement(o, { ...n })));
+}, Tc = m.div`flex-shrink:0;width:${({ $size: e }) => j(e)};height:${({ $size: e }) => j(e)};background-color:${({ theme: e }) => e.colors.base.primary};box-sizing:border-box;padding:6px;border-radius:50%;display:flex;justify-content:center;align-items:center;}`, wc = m(Lt)`path{fill:${({ theme: e }) => e.colors.base.primaryContrastContent};}`;
+function mr({ size: e }) {
+  const { aiAgentInfo: t } = V();
+  return t.profileUrl ? /* @__PURE__ */ r.createElement(Rt, { size: e, src: t.profileUrl }) : /* @__PURE__ */ r.createElement(Tc, { $size: e }, /* @__PURE__ */ r.createElement(wc, null));
+}
+const Ac = m.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none;`, kc = m.div`height:64px;min-height:64px;box-sizing:border-box;display:flex;justify-content:space-between;border-bottom:1px solid ${d.themedColor.textDisabled};background-color:${d.themedColor.bg_50_600};@media screen and (max-width:768px){position:relative;}`, Ic = m.div`box-sizing:border-box;display:flex;flex-direction:row;align-items:center;height:64px;padding:16px 20px;width:calc(100% - 128px);`, $c = m.div`margin-inline-end:8px;`, Mc = m.div`max-width:500px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;@media screen and (max-width:768px){position:absolute;inset-inline-start:64px;top:10px;display:block;max-width:calc(100vw - 240px);}`, Oc = m.div`display:inline-block;margin-inline-start:8px;padding-top:5px;@media screen and (max-width:768px){position:absolute;inset-inline-start:56px;top:24px;}`, Lc = m.div`display:flex;width:160px;justify-content:flex-end;`, Rc = m.div`inset-inline-end:0;display:flex;flex-direction:row;`, hr = m.div`width:64px;padding:21px;box-sizing:border-box;cursor:${(e) => e.disabled ? "not-allowed" : "pointer"};`, Dc = m(hr)`border-inline-start:1px solid ${d.themedColor.textDisabled};`, Nc = m.div`width:100%;height:100%;display:flex;align-items:center;justify-content:center;`, Fc = m.video`max-width:100%;max-height:100%;user-select:none;-webkit-user-drag:none;`, Bc = m.img`max-width:calc(90% - 60px);max-height:calc(90% - 60px);user-select:none;-webkit-user-drag:none;`, Pc = m.div`max-width:100%;max-height:100%;display:flex;justify-content:center;align-items:center;`, Uc = ({ file: e, sender: t = {}, onClose: n, onDownloadClick: o }) => {
+  const { type: s, url: i, name: a = "" } = e, { profileUrl: l, nickname: c, userId: u } = t, { aiAgentInfo: h } = V();
+  return /* @__PURE__ */ r.createElement(
+    Vc,
+    {
+      profileUrl: l ?? "",
+      nickname: c ?? "",
+      type: s,
+      url: i,
+      name: a,
+      onClose: n,
+      isBotMessage: u === h.userId,
+      onDownloadClick: o
+    }
+  );
+}, Hc = ({ profileUrl: e, isBotMessage: t }) => !e && t ? /* @__PURE__ */ r.createElement(mr, { size: 32 }) : /* @__PURE__ */ r.createElement(Rt, { size: 32, src: e }), Vc = ({
+  profileUrl: e,
+  isBotMessage: t,
+  nickname: n,
+  name: o,
+  type: s,
+  url: i,
+  onClose: a,
+  onDownloadClick: l
+}) => {
+  const { stringSet: c } = R();
+  return /* @__PURE__ */ r.createElement(Yn, { onClose: a, visible: !0, rootElementId: ie.MODAL_ROOT }, /* @__PURE__ */ r.createElement(Ac, null, /* @__PURE__ */ r.createElement(kc, null, /* @__PURE__ */ r.createElement(Ic, null, /* @__PURE__ */ r.createElement($c, null, /* @__PURE__ */ r.createElement(Hc, { profileUrl: e, isBotMessage: t })), /* @__PURE__ */ r.createElement(Mc, null, /* @__PURE__ */ r.createElement(w, { variant: "h2", color: d.themedColor.textHighEmphasis }, o)), /* @__PURE__ */ r.createElement(Oc, null, /* @__PURE__ */ r.createElement(w, { variant: "body1", color: d.color.ondark.textMidEmphasis }, n))), /* @__PURE__ */ r.createElement(Lc, null, bn(s) && /* @__PURE__ */ r.createElement(Rc, null, /* @__PURE__ */ r.createElement(hr, { as: "a", href: i, target: "_blank", rel: It, onClick: l }, /* @__PURE__ */ r.createElement(O, { type: "download", color: d.themedColor.textHighEmphasis, size: 24 }))), /* @__PURE__ */ r.createElement(Dc, { onClick: a }, /* @__PURE__ */ r.createElement(O, { type: "close", color: d.themedColor.textHighEmphasis, size: 24 })))), /* @__PURE__ */ r.createElement(Nc, { onClick: (u) => u.currentTarget === u.target && a() }, dr(s) && /* @__PURE__ */ r.createElement(Fc, { controls: !0 }, /* @__PURE__ */ r.createElement("source", { src: i, type: s })), cr(s) && /* @__PURE__ */ r.createElement(Bc, { src: i, alt: o }), !bn(s) && /* @__PURE__ */ r.createElement(Pc, null, /* @__PURE__ */ r.createElement(w, { variant: "h1", color: d.themedColor.textHighEmphasis }, c.FILE_VIEWER__UNSUPPORT)))));
+}, gr = ({
+  className: e,
+  locale: t,
+  date: n = Date.now(),
+  formatString: o = "MMMM dd, yyyy",
+  style: s
+}) => /* @__PURE__ */ r.createElement(zc, { id: `${re}-date-separator`, style: s, className: e }, /* @__PURE__ */ r.createElement(w, { variant: "caption4", color: d.themedColor.textMidEmphasis }, In(n, o, { locale: t }))), zc = m.div`display:flex;justify-content:center;align-items:center;`, Wc = Se(function(t, n) {
+  const {
+    messages: o,
+    renderMessage: s,
+    messageTopArea: i,
+    messageBottomArea: a,
+    overlayArea: l,
+    onLoadPrev: c,
+    onLoadNext: u,
+    loadThreshold: h = 0.05,
+    onScrollPosition: g = Le,
+    depsForResetScrollPositionToBottom: x,
+    scrollPositionRef: y,
+    scrollDistanceFromBottomRef: E,
+    stackDirection: b = "top"
+  } = t, p = n && "current" in n ? n : { current: null }, f = F(!1), v = F(void 0), S = F(0), M = F(0), P = F(0), $ = y ?? M, J = E ?? P;
+  pe(() => {
+    p.current && (p.current.scrollTop = p.current.scrollHeight);
+  }, x), pe(() => {
+    p.current && (v.current === "top" && (p.current.scrollTop = p.current.scrollHeight - $.current), v.current === "bottom" && (p.current.scrollTop = S.current), v.current = void 0);
+  }, [p.current, o.length]);
+  const G = async () => {
+    if (!p.current) return;
+    const C = p.current;
+    if (g(Gc(C)), $.current = C.scrollHeight - C.scrollTop, J.current = $.current - C.clientHeight, S.current = C.scrollTop, f.current) return;
+    const U = C.clientHeight * Math.min(Math.max(0, h), 1);
+    C.scrollTop <= U ? (f.current = !0, v.current = "top", await c(), f.current = !1) : C.scrollHeight - C.scrollTop - C.clientHeight <= U ? (f.current = !0, v.current = "bottom", await u(), f.current = !1) : v.current = void 0;
+  };
+  return /* @__PURE__ */ r.createElement(jc, { id: "infinite-list-container" }, /* @__PURE__ */ r.createElement(Kc, { id: "infinite-list-inner", ref: p, onScroll: G }, b === "bottom" && /* @__PURE__ */ r.createElement("div", { style: { flexGrow: 1 } }), i, o.map((C, U) => s({ message: C, index: U })), a), /* @__PURE__ */ r.createElement(qc, { id: "infinite-list-overlay-container" }, /* @__PURE__ */ r.createElement(Zc, { id: "infinite-list-overlay" }, l)));
+}), xn = 50;
+function Gc(e) {
+  return e.scrollTop <= xn ? "top" : e.scrollHeight - (e.scrollTop + e.clientHeight) <= xn ? "bottom" : "middle";
+}
+const jc = m.div`display:flex;position:relative;flex:1;overflow:hidden;`, Kc = m.div`display:flex;flex:1;flex-direction:column;overflow-y:auto;scrollbar-color:${d.themedColor.textLowEmphasis}transparent;&::-webkit-scrollbar-thumb:hover{background-color:transparent;}`, qc = m.div`position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;`, Zc = m.div`pointer-events:auto;`, Yc = ({ className: e, onClick: t }) => /* @__PURE__ */ r.createElement(Jc, { className: e, onClick: t, tabIndex: 0 }, /* @__PURE__ */ r.createElement(O, { size: 24, type: "chevron-down", color: d.color.primary.main })), Jc = m.button`all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:24px;box-shadow:0 2px 8px 0 rgba(0,0,0,0.08),0 4px 6px 0 rgba(0,0,0,0.12);${I.light`
+    background-color: ${d.color.background50};
+    &:hover {
+      background-color: ${d.color.background100};
+    }
+    &:active {
+      background-color: ${d.color.background200};
+    }
+  `}
+  ${I.dark`
+    background-color: ${d.color.background400};
+    &:hover {
+      background-color: ${d.color.background500};
+    }
+    &:active {
+      background-color: ${d.color.background700};
+    }
+  `}
+
+  &:focus {
+    outline: none;
+  }
+`, pr = () => {
+  const { chatSDK: e } = H(), { channelSource: t } = K(), [n, o] = T([]);
+  return et(e, {
+    onTypingStatusUpdated(s) {
+      var i;
+      if (s.url === ((i = t.channel) == null ? void 0 : i.url)) {
+        const a = s.getTypingUsers();
+        o(a);
+      }
+    }
+  }), n;
+}, Xc = () => {
+  const { agentPreviewConfigs: e = {}, aiAgentId: t } = H(), { aiAgentInfo: n } = V(), { stringSet: o, dateLocale: s } = R(), { messageSource: i } = K(), { Template: a } = ye.useContext(), l = e.welcomeMessages ?? [], c = i.messages, u = dc(c, t), h = c[u.length + 1], g = u[0] ?? h;
+  return {
+    /**
+     * Returns a list of messages filtered according to business requirements.
+     */
+    filteredMessages: c.filter((x) => mc(x) ? !1 : l.length > 0 ? !we.isWelcomeMessage(x, t) : !0),
+    /**
+     * Determines whether to display the DateSeparator in the data list by comparing it with the welcome messages from Bot Studio.
+     */
+    shouldShowOriginalDate: (x) => x > 0 || l.length === 0 ? !0 : h && !jr(h.createdAt, (g == null ? void 0 : g.createdAt) ?? 0),
+    /**
+     * Renders the list of welcome messages from Bot Studio.
+     */
+    renderAgentPreviewWelcomeMessages: () => l.length === 0 ? null : /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(
+      gr,
+      {
+        style: { margin: "16px 0" },
+        date: g == null ? void 0 : g.createdAt,
+        locale: s,
+        formatString: o.DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR
+      }
+    ), l.map((x, y) => {
+      const E = y === l.length - 1, b = u.length !== c.length, p = l.length === 1 ? "single" : y === 0 ? "top" : E || b ? "bottom" : "middle";
+      return /* @__PURE__ */ r.createElement(
+        a,
+        {
+          messageType: "user",
+          message: x.message,
+          sender: n,
+          groupType: p,
+          createdAt: (g == null ? void 0 : g.createdAt) ?? Date.now(),
+          extendedMessagePayload: { suggested_replies: x.suggestedReplies },
+          suggestedRepliesDirection: e.suggestedRepliesDirection,
+          suggestedRepliesVisible: E && !b,
+          isBotMessage: !0,
+          onClickSuggestedReply: async ({ reply: f }) => {
+            i.sendUserMessage({ message: f });
+          }
+        }
+      );
+    }))
+  };
+}, Qc = (e) => m(e).withConfig({ shouldForwardProp: ao });
+function ed(e) {
+  var o;
+  const t = "remove_powered_by", n = (o = e == null ? void 0 : e.appInfo) == null ? void 0 : o.applicationAttributes;
+  return Array.isArray(n) && n.includes(t);
+}
+const td = ({ style: e }) => {
+  const { stringSet: t } = R(), { chatSDK: n } = H(), { isActionbookTester: o } = ke();
+  return ed(n) || o ? null : /* @__PURE__ */ r.createElement(nd, { variant: "caption2", style: e }, t.POWERED_BY + " ", /* @__PURE__ */ r.createElement(
+    rd,
+    {
+      variant: "caption2",
+      as: "a",
+      href: "https://sendbird.com?utm_medium=product&utm_source=aiagent&utm_campaign=fy26-glbl-ai-agent-poweredby",
+      "aria-label": "Learn more about Sendbird",
+      rel: It,
+      target: "_blank"
+    },
+    "Sendbird"
+  ));
+}, nd = m(w)`color:${d.themedColor.textLowEmphasis};text-align:center;`, rd = Qc(w)`
+  color: ${d.themedColor.textLowEmphasis};
+  cursor: pointer;
+  text-decoration: none;
+`, od = () => {
+  var c;
+  const { stringSet: e } = R(), { activeChannel: t } = V(), { channelSource: n, goToActiveConversation: o, scrollSource: s } = K(), i = t && ((c = n.channel) == null ? void 0 : c.url) === (t == null ? void 0 : t.url), a = Nt(n.channel), l = F(a);
+  return L(() => {
+    !l.current && a && s.scrollPubSub.publish({ type: "scrollToBottom", data: { animated: !0 } }), l.current = a;
+  }, [a, s]), a ? /* @__PURE__ */ r.createElement(sd, null, /* @__PURE__ */ r.createElement(
+    id,
+    {
+      variant: "button",
+      role: "button",
+      color: d.themedColor.textHighEmphasis,
+      onClick: () => o()
+    },
+    i ? e.START_NEW_CONVERSATION : e.RETURN_TO_CONVERSATION
+  )) : null;
+}, sd = m.div`display:flex;justify-content:center;margin:16px 0;`, id = m(w)`border-radius:6px;box-sizing:border-box;padding:10px 20px;border:1px solid ${d.themedColor.textDisabled};cursor:pointer;user-select:none;`, ad = !0, ld = () => {
+  const { Template: e } = Pt.useContext(), { Template: t } = ye.useContext(), { Template: n } = Ut.useContext(), [o, s] = T(null), { userSession: i, aiAgentInfo: a } = V(), { cache: l, agentPreviewConfigs: c, chatSDK: u, state: h } = H(), { stringSet: g, dateLocale: x } = R(), { conversation: y, channelSource: E, messageSource: b, scrollSource: p } = K(), { isActionbookTester: f } = ke(), { filteredMessages: v, shouldShowOriginalDate: S, renderAgentPreviewWelcomeMessages: M } = Xc(), P = pr(), $ = ar(() => {
+    const C = P[0];
+    if (!C) return null;
+    const U = C.userId === a.userId;
+    return { user: U ? a : C, isBot: U };
+  });
+  L(() => {
+    $ && p.scrollPubSub.publish({ type: "scrollToBottom", data: { animated: !0 } });
+  }, [!!$, p.scrollPubSub.publish]);
+  const J = (C, U = !1) => {
+    var te;
+    return U ? a : ((te = E.channel) == null ? void 0 : te.members.find((X) => X.userId === C.sender.userId)) ?? C.sender;
+  }, G = () => {
+    if (!b.initialized)
+      return /* @__PURE__ */ r.createElement(Ce, { type: "loading" });
+    if (b.messages.length === 0) {
+      const C = M();
+      return C ? /* @__PURE__ */ r.createElement("div", { style: { width: "100%" } }, C) : /* @__PURE__ */ r.createElement(Ce, { type: "noMessages", label: g.PLACE_HOLDER__NO_MESSAGES });
+    }
+    return /* @__PURE__ */ r.createElement(
+      Wc,
+      {
+        ref: p.scrollRef,
+        scrollPositionRef: p.scrollPositionRef,
+        scrollDistanceFromBottomRef: p.scrollDistanceFromBottomRef,
+        onScrollPosition: (C) => p.setIsScrollBottomReached(C === "bottom"),
+        stackDirection: c == null ? void 0 : c.messageStackDirection,
+        messages: v,
+        onLoadPrev: b.loadPrevious,
+        onLoadNext: b.loadNext,
+        depsForResetScrollPositionToBottom: [b.initialized, b.messages.length !== 0],
+        messageTopArea: /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(td, { style: { marginTop: 16 } }), M()),
+        messageBottomArea: /* @__PURE__ */ r.createElement(r.Fragment, null, $ && /* @__PURE__ */ r.createElement(
+          t,
+          {
+            isTyping: !0,
+            isBotMessage: $.isBot,
+            sender: $.user,
+            messageType: "user",
+            groupType: "single",
+            message: ""
+          }
+        ), /* @__PURE__ */ r.createElement(od, null)),
+        overlayArea: /* @__PURE__ */ r.createElement(r.Fragment, null, !p.isScrollBottomReached && /* @__PURE__ */ r.createElement(dd, { onClick: () => p.scrollPubSub.publish({ type: "scrollToBottom" }) })),
+        renderMessage: ({ message: C, index: U }) => {
+          const te = lc(C), X = v[U - 1], Ie = v[U + 1], ot = v[v.length - 1], st = C === ot, k = cc(C, X, Ie, ad), N = !io((X == null ? void 0 : X.createdAt) ?? 0, C.createdAt) && S(U) && !f, q = (Pe) => {
+            (C.isFileMessage() || C.isUserMessage()) && s({ file: Pe, sender: J(C, C.sender.userId === a.userId) });
+          }, ne = () => {
+            C.isFileMessage() && Dt(C.url);
+          }, Ee = N ? /* @__PURE__ */ r.createElement(
+            gr,
+            {
+              style: { margin: "16px 0" },
+              date: C.createdAt,
+              locale: x,
+              formatString: g.DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR
+            }
+          ) : null, Be = {
+            maxBodyWidth: h.expanded ? Gn : void 0,
+            extendedMessagePayload: C.extendedMessagePayload,
+            createdAt: C.createdAt,
+            groupType: k,
+            onClickMedia: q,
+            onClickFile: ne
+          }, Mr = (() => {
+            var Pe, Kt;
+            if (Ge.isAdmin(C))
+              return Ge.isCSAT(C) ? y ? /* @__PURE__ */ r.createElement(
+                n,
+                {
+                  ...Be,
+                  ...y,
+                  isResolvedWhenDeterminedByUser: ud(y),
+                  messageType: "admin.csat",
+                  onSubmitCSAT: ({ csat: ce, csatType: me, csatReason: B, isResolved: Q }) => {
+                    var he;
+                    ce && ((he = E.channel) == null || he.submitCSAT({ csat: ce, csatType: me, csatReason: B, isResolved: Q }));
+                  }
+                }
+              ) : null : /* @__PURE__ */ r.createElement(n, { ...Be, messageType: "admin", message: C.message });
+            if (Ge.isOutgoing(C, i.userId)) {
+              const ce = {
+                ...Be,
+                message: C.message,
+                sender: J(C),
+                sendingStatus: C.sendingStatus
+              };
+              if (C.isUserMessage())
+                return /* @__PURE__ */ r.createElement(e, { messageType: "user", ...ce });
+              if (C.isFileMessage()) {
+                const [me, B] = ((Pe = C.metaArrays.find((Q) => Q.key === ur)) == null ? void 0 : Pe.value) ?? [];
+                return /* @__PURE__ */ r.createElement(
+                  e,
+                  {
+                    messageType: "file",
+                    file: C,
+                    metadata: {
+                      aspectRatio: me && B ? `${me}/${B}` : "1/1",
+                      localFile: (Kt = C.messageParams) == null ? void 0 : Kt.file
+                    },
+                    ...ce
+                  }
+                );
+              }
+            }
+            if (Ge.isIncoming(C, i.userId)) {
+              const ce = C.sender.userId === a.userId, me = {
+                ...Be,
+                sender: J(C, ce),
+                message: C.message,
+                suggestedRepliesVisible: st,
+                suggestedRepliesDirection: c == null ? void 0 : c.suggestedRepliesDirection,
+                isBotMessage: ce,
+                isStreaming: we.isStreaming(C),
+                isHandedOff: Ft(E.channel),
+                isConversationClosed: Nt(E.channel),
+                onClickSuggestedReply: async ({ reply: B }) => {
+                  b.sendUserMessage({ message: B });
+                },
+                onRequestMessageTemplate: async (B) => {
+                  const { template: Q } = await u.aiAgent.getMessageTemplate(B);
+                  return l.template.set(B, Q), Q;
+                },
+                onGetCachedMessageTemplate: (B) => l.template.get(B),
+                onHandleTemplateInternalAction: (B) => {
+                  if (B.type === "internal" && B.internalData) {
+                    const { method: Q, payload: he } = B.internalData;
+                    Q === "message.send" && (he != null && he.message) && b.sendUserMessage({ message: he.message });
+                  }
+                },
+                onSubmitForm: ({ key: B, data: Q }) => u.aiAgent.submitForm({
+                  messageId: C.messageId,
+                  channelUrl: C.channelUrl,
+                  formKey: B,
+                  formData: Q
+                }),
+                onCancelForm: ({ key: B }) => u.aiAgent.cancelForm({
+                  messageId: C.messageId,
+                  channelUrl: C.channelUrl,
+                  formKey: B
+                })
+              };
+              if (C.isUserMessage())
+                return /* @__PURE__ */ r.createElement(t, { messageType: "user", ...me });
+              if (C.isFileMessage())
+                return /* @__PURE__ */ r.createElement(t, { messageType: "file", file: C, ...me });
+            }
+          })();
+          return /* @__PURE__ */ r.createElement("div", { key: te, id: `${re}-message-item` }, Ee, Mr);
+        }
+      }
+    );
+  };
+  return /* @__PURE__ */ r.createElement(cd, { id: `${re}-message-list` }, G(), o && /* @__PURE__ */ r.createElement(Uc, { onClose: () => s(null), sender: o.sender, file: o.file }));
+}, cd = m.div`overflow-y:hidden;display:flex;flex:1;position:relative;`, dd = m(Yc)`position:absolute;bottom:20px;inset-inline-end:20px;`;
+function ud(e) {
+  var t;
+  if (((t = e == null ? void 0 : e.resolution) == null ? void 0 : t.determinedBy) === "user")
+    return e.resolution.isResolved;
+}
+const md = () => {
+  const { stringSet: e } = R(), { connectionError: t } = V(), { channelSource: n } = K(), o = t || n.error;
+  if (o) {
+    const s = t ? void 0 : { label: e.RETRY, onClick: () => n.refetch() };
+    return /* @__PURE__ */ r.createElement(Ce, { type: "error", label: o.message, action: s });
+  }
+  return n.channel ? /* @__PURE__ */ r.createElement(ld, null) : /* @__PURE__ */ r.createElement(Ce, { type: "loading" });
+}, hd = () => {
+  var o;
+  const { appId: e, aiAgentId: t } = Y(), { channelSource: n } = K();
+  return (o = n.channel) != null && o.conversation ? /* @__PURE__ */ r.createElement(gd, null, /* @__PURE__ */ r.createElement(Ct, { style: { gap: 4 } }, /* @__PURE__ */ r.createElement(O, { color: d.themedColor.textLowEmphasis, size: 12, type: "show" }), /* @__PURE__ */ r.createElement(w, { as: "i", color: d.themedColor.textLowEmphasis, variant: "caption2" }, "Only visible in the tester")), /* @__PURE__ */ r.createElement(
+    Ct,
+    {
+      role: "button",
+      style: { gap: 4 },
+      onClick: () => {
+        var a, l;
+        const s = (l = (a = n.channel) == null ? void 0 : a.conversation) == null ? void 0 : l.id, i = `${window.location.origin}/ai-agent/${e}/${t}/evaluate/conversations/${s}`;
+        navigator.clipboard.writeText(i);
+      }
+    },
+    /* @__PURE__ */ r.createElement(w, { variant: "body3", color: d.themedColor.textHighEmphasis }, "Copy ", /* @__PURE__ */ r.createElement("span", { style: { color: d.themedColor.primary } }, "conversation link")),
+    /* @__PURE__ */ r.createElement(O, { color: d.themedColor.primary, size: 14, type: "copy" })
+  )) : null;
+}, Ct = m.div`display:flex;justify-content:center;align-items:center;`, gd = m(Ct)`flex-direction:column;padding-block:16px;background-color:${d.themedColor.bg_100_500};gap:8px;`, fr = _e(void 0), pd = ({ children: e }) => {
+  const { stringSet: t } = R(), { attachmentMode: n } = V(), { channelSource: o } = K(), [s, i] = T([]), [a, l] = T({
+    visible: !1,
+    title: ""
+  }), c = Ft(o.channel), u = ee(() => {
+    switch (n) {
+      case qe.OFF:
+        return !1;
+      case qe.ALWAYS:
+        return !0;
+      case qe.HANDED_OFF_ONLY:
+        return c;
+      default:
+        return c;
+    }
+  }, [n, c]), h = (y) => {
+    if (!u) return;
+    const E = y.filter((b) => Wn.includes(b.type));
+    if (E.length !== 0) {
+      if (E.some((b) => b.size > Zs)) {
+        l({
+          visible: !0,
+          title: t.FILE_UPLOAD_NOTIFICATION__SIZE_LIMIT.replace("%d", "25")
+        });
+        return;
+      }
+      if (E.length > 1 || E.length > 0 && s.length > 0) {
+        l({
+          visible: !0,
+          title: t.FILE_UPLOAD_NOTIFICATION__COUNT_LIMIT
+        });
+        return;
+      }
+      i((b) => [
+        ...b,
+        ...E.map((p) => ({
+          file: p,
+          preview: { url: URL.createObjectURL(p), type: p.type, name: p.name }
+        }))
+      ]);
+    }
+  }, g = (y) => {
+    i((E) => {
+      var p;
+      const b = (p = E[y]) == null ? void 0 : p.preview;
+      return b && URL.revokeObjectURL(b.url), E.filter((f, v) => v !== y);
+    });
+  }, x = () => {
+    i((y) => (y.forEach((E) => URL.revokeObjectURL(E.preview.url)), []));
+  };
+  return /* @__PURE__ */ r.createElement(
+    fr.Provider,
+    {
+      value: {
+        files: s,
+        addFiles: h,
+        removeFile: g,
+        clearFiles: x,
+        isFileUploadEnabled: u
+      }
+    },
+    e,
+    /* @__PURE__ */ r.createElement(Jn, { ...a, onClose: () => l({ visible: !1, title: "" }) })
+  );
+}, zt = () => {
+  const e = se(fr);
+  if (!e)
+    throw new Error("useFileUpload must be used within FileUploadProvider");
+  return e;
+};
+function fd({ blurred: e, elementRef: t, document: n = window.document }) {
+  const o = F(!1);
+  e && t.current && n.activeElement === t.current && (o.current = !0), pe(() => {
+    var s;
+    !e && o.current && ((s = t.current) == null || s.focus(), o.current = !1);
+  }, [e]);
+}
+const bd = (e, t) => {
+  L(() => {
+    t ? e == null || e.startTyping() : e == null || e.endTyping();
+  }, [e, t]);
+}, xd = m.div`&::-webkit-scrollbar{display:none;}overflow-x:auto;display:flex;flex-direction:row;gap:10px;padding:8px 16px;background-color:transparent;`, Ed = m.div`display:flex;flex-shrink:0;position:relative;margin-block-start:8px;border-radius:12px;height:64px;img{border-radius:12px;object-fit:cover;width:64px;-webkit-user-drag:none;}`, vd = m.div`display:flex;align-items:center;justify-content:center;position:absolute;inset-inline-end:-8px;inset-block-start:-8px;cursor:pointer;border-radius:50%;${I.light`
+    background-color: ${d.color.background50};
+  `}
+  ${I.dark`
+    background-color: ${d.color.background500};
+  `}
+  path {
+    fill: ${d.themedColor.textMidEmphasis};
+  }
+
+  &:hover {
+    path {
+      fill: ${d.themedColor.textHighEmphasis};
+    }
+  }
+
+  circle {
+    stroke: ${d.themedColor.bg_50_600};
+  }
+`, yd = () => {
+  const e = Ne(), [t, n] = T(), { files: o, removeFile: s, isFileUploadEnabled: i } = zt();
+  return !i || o.length === 0 ? null : /* @__PURE__ */ r.createElement(xd, null, o.map(({ preview: { type: a, name: l, url: c } }, u) => /* @__PURE__ */ r.createElement(Ed, { key: c, onMouseOver: () => n(u), onMouseLeave: () => n(void 0) }, (e || t === u) && /* @__PURE__ */ r.createElement(vd, { title: "Remove file", onClick: () => s(u) }, /* @__PURE__ */ r.createElement(O, { type: "close-filled", color: d.themedColor.textMidEmphasis })), a.startsWith("image/") ? /* @__PURE__ */ r.createElement("img", { alt: "file-image", src: c }) : /* @__PURE__ */ r.createElement(Ot, { name: l, type: Mt(l, a) }))));
+}, Cd = ({ channel: e, messages: t }) => {
+  const { stringSet: n } = R(), { aiAgentInfo: o, userSession: s } = V(), i = _d(), a = Sd({
+    lastMessage: t[t.length - 1],
+    aiAgentUserId: o.userId
+  }), l = Ad({
+    isDisabledWhileAIResponding: a,
+    lastMessage: t[t.length - 1],
+    currentUserId: s.userId
+  });
+  return !e || !i || Nt(e) ? [!0, n.MESSAGE_INPUT__PLACE_HOLDER__DISABLED] : Td(e) ? [!0, n.FORM_PLACEHOLDER] : a || l ? [!0, n.MESSAGE_INPUT__PLACE_HOLDER__WAIT_AI_AGENT_RESPONSE] : [!1, n.MESSAGE_INPUT__PLACE_HOLDER];
+}, _d = () => {
+  const e = _t(), { chatSDK: t } = H(), [n, o] = T(!0);
+  return L(() => {
+    const s = new Qe({
+      onDisconnected: () => o(!1),
+      onConnected: () => o(!0),
+      onReconnectSucceeded: () => o(!0)
+    });
+    return t.addConnectionHandler(e, s), () => {
+      t.removeConnectionHandler(e);
+    };
+  }, [t]), n;
+}, Sd = ({
+  lastMessage: e,
+  aiAgentUserId: t
+}) => {
+  const [n, o] = T(!1), s = pr();
+  return L(() => {
+    if (!e) return;
+    const i = s.some((l) => l.userId === t), a = Ht(e, t) && we.isStreaming(e);
+    o(!!(a || i));
+  }, [s, e, t]), n;
+}, Td = (e) => {
+  var a;
+  const t = e == null ? void 0 : e.lastMessage;
+  if (!t || !e) return !1;
+  const n = t.extendedMessagePayload, o = n == null ? void 0 : n.form, s = o && !o.submitted_at && !o.canceled_at, i = e.isAIAgent && !!((a = e.conversation) != null && a.handedOverAt);
+  return s && !i;
+}, wd = 3e4, Ad = ({
+  lastMessage: e,
+  isDisabledWhileAIResponding: t,
+  currentUserId: n
+}) => {
+  const [o, s] = T(!1), i = F(null), a = e && Ht(e, n) ? e.createdAt : 0;
+  return L(() => {
+    const l = () => {
+      i.current && (clearTimeout(i.current), i.current = null), s(!1);
+    }, c = (g) => {
+      i.current && clearTimeout(i.current), s(!0), i.current = setTimeout(() => {
+        s(!1), i.current = null;
+      }, g);
+    }, u = Date.now() - a, h = wd - u;
+    return t || h <= 0 ? l() : c(h), () => {
+      i.current && clearTimeout(i.current);
+    };
+  }, [t, a]), o;
+}, br = {
+  textArea: _`min-height:40px;height:40px;font-size:16px;line-height:24px;`,
+  attachIcon: _`margin-bottom:4px;`
+}, xr = m.button`all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;`, kd = m(xr)`flex-shrink:0;margin-inline-end:12px;margin-bottom:2px;&:disabled{cursor:not-allowed;}&:not(:disabled){&:hover{path{fill:${d.themedColor.textHighEmphasis};}}&:active{border-radius:4px;background-color:${d.themedColor.bg_200_400};}}${kt && br.attachIcon};`, Id = m.input`display:none;`, En = m.div`width:100%;position:relative;background-color:${d.themedColor.bg_100_500};border-radius:20px;`, vn = m.div`display:flex;flex-direction:row;align-items:flex-end;position:relative;`, yn = m.textarea`all:unset;display:block;flex:1;min-width:0;padding-top:8px;padding-bottom:8px;padding-inline-start:16px;padding-inline-end:12px;box-sizing:border-box;font-size:14px;line-height:20px;color:${d.themedColor.textHighEmphasis};resize:none;width:100%;height:${zn}px;overflow-wrap:break-word;white-space:pre-wrap;overflow-x:hidden;${kt && br.textArea};&::placeholder{color:${d.themedColor.textLowEmphasis};}&:disabled{cursor:not-allowed;&::placeholder{color:${d.themedColor.textDisabled};}}`, Cn = m.div`padding:12px 16px;position:relative;display:flex;align-items:center;`, _n = ({ disabled: e }) => {
+  const t = F(null), { addFiles: n, clearFiles: o, files: s, isFileUploadEnabled: i } = zt();
+  return !i || s.length > 0 ? null : /* @__PURE__ */ r.createElement(
+    kd,
+    {
+      disabled: e,
+      onClick: () => {
+        var a;
+        o(), (a = t.current) == null || a.click();
+      }
+    },
+    /* @__PURE__ */ r.createElement(
+      O,
+      {
+        type: "attach",
+        color: e ? d.themedColor.textDisabled : d.themedColor.textMidEmphasis,
+        size: 16
+      }
+    ),
+    /* @__PURE__ */ r.createElement(
+      Id,
+      {
+        type: "file",
+        ref: t,
+        onChange: (a) => {
+          const l = a.currentTarget.files;
+          l && n(Array.from(l)), a.target.value = "";
+        },
+        accept: Wn.join(",")
+      }
+    )
+  );
+}, $d = () => {
+  const e = F(null), [t, n] = T(""), { rootElement: o } = H(), { channelSource: s, messageSource: i } = K(), [a, l] = Cd({
+    channel: s.channel,
+    messages: i.messages
+  }), { files: c, addFiles: u, clearFiles: h } = zt();
+  yc({ onDropFiles: u }), fd({ blurred: a, elementRef: e, document: fe(o) }), bd(s.channel, t);
+  const g = t.trim().length > 0, x = c.length > 0, y = !a && (g || x), E = () => {
+    e.current && (e.current.value = "", e.current.style.height = ""), h(), n("");
+  }, b = async () => {
+    const S = t.trim(), M = { message: S };
+    if (!(!S && !c.length)) {
+      if (c.length > 0) {
+        const P = c[0].file, $ = { ...M, file: P };
+        i.sendFileMessage($), E();
+        return;
+      }
+      i.sendUserMessage(M), E();
+    }
+  }, p = (S) => {
+    const M = Array.from(S.clipboardData.files);
+    M.length > 0 && (S.preventDefault(), u(M));
+  }, f = (S) => {
+    S.key !== "Enter" || S.nativeEvent.isComposing || S.shiftKey || (S.preventDefault(), b());
+  }, v = (S) => {
+    if (e.current) {
+      e.current.style.height = "";
+      const M = Math.min(qs, e.current.scrollHeight);
+      zn < M && (e.current.style.height = `${M}px`);
+    }
+    n(S.target.value);
+  };
+  return a ? /* @__PURE__ */ r.createElement(Cn, null, /* @__PURE__ */ r.createElement(En, null, /* @__PURE__ */ r.createElement(vn, null, /* @__PURE__ */ r.createElement(yn, { disabled: !0, placeholder: l }), /* @__PURE__ */ r.createElement(_n, { disabled: !0 })))) : /* @__PURE__ */ r.createElement(Cn, null, /* @__PURE__ */ r.createElement(En, null, /* @__PURE__ */ r.createElement(yd, null), /* @__PURE__ */ r.createElement(vn, null, /* @__PURE__ */ r.createElement(
+    yn,
+    {
+      ref: e,
+      role: "textbox",
+      "aria-label": "Text Input",
+      placeholder: l,
+      maxLength: 5e3,
+      onKeyDown: f,
+      onChange: v,
+      onPaste: p
+    }
+  ), /* @__PURE__ */ r.createElement(_n, null))), y && /* @__PURE__ */ r.createElement(xr, { onClick: () => b() }, /* @__PURE__ */ r.createElement(O, { type: "send", color: d.color.primary.main, size: 20 })));
+}, Md = m.div`padding:8px 16px;text-align:center;word-break:break-word;white-space:pre-wrap;line-height:1.43;letter-spacing:-0.2px;font-size:14px;font-weight:400;color:${d.themedColor.textLowEmphasis};&& a{font-weight:700;text-decoration:none;${I.light`
+      color: ${d.color.information.light};
+    `};
+    ${I.dark`
+      color: ${d.color.information.main};
+    `};
+  }
+`, Od = A(() => import("./DK3lW85j.js").then((e) => ({ default: e.MarkdownText }))), Ld = () => {
+  const { aiAgentInfo: e } = V(), { messageSource: t } = K(), { userSession: n } = V();
+  return !e.specialNoticeEnabled || !e.specialNotice || !(t.initialized && !t.messages.some((s) => Ht(s, n.userId))) ? null : /* @__PURE__ */ r.createElement(Md, null, /* @__PURE__ */ r.createElement(Od, null, e.specialNotice));
+}, Rd = () => /* @__PURE__ */ r.createElement(Dd, null, /* @__PURE__ */ r.createElement(Ld, null), /* @__PURE__ */ r.createElement(pd, null, /* @__PURE__ */ r.createElement($d, null))), Dd = m.div`z-index:0;border:none;width:100%;`, Nd = () => {
+  var s, i;
+  const { testerType: e } = ke(), { channelSource: t } = K(), n = ((i = (s = t.channel) == null ? void 0 : s.conversation) == null ? void 0 : i.status) === z.CLOSED, o = !!e;
+  return n ? o ? /* @__PURE__ */ r.createElement(hd, null) : null : /* @__PURE__ */ r.createElement(Rd, null);
+}, Fd = () => {
+  var v;
+  const { state: e, logger: t, enableCloseConversationButton: n, enableExpandButton: o, dispatcher: s } = H(), { stringSet: i } = R(), { aiAgentInfo: a, activeChannel: l } = V(), { channelSource: c, onNavigateToConversationList: u } = K(), h = c.channel, x = Ne() ? 24 : 16, y = () => {
+    e.setOpened(!1);
+  }, E = async () => {
+    try {
+      const S = await (h == null ? void 0 : h.markConversationAsHandoff());
+      t.info("conversation.handleAgentHandoff: success", S);
+    } catch (S) {
+      t.error("conversation.handleAgentHandoff: error", S);
+    }
+  }, b = async () => {
+    h && await s.send(vo.CloseConversation({ channelUrl: h.url }));
+  }, p = l && (h == null ? void 0 : h.url) === l.url, f = a.showHandoffButton && !!((v = h == null ? void 0 : h.conversation) != null && v.handoff) && p;
+  return /* @__PURE__ */ r.createElement(Vd, null, /* @__PURE__ */ r.createElement(zd, null, u && /* @__PURE__ */ r.createElement(Fe, { onClick: () => u() }, /* @__PURE__ */ r.createElement(O, { type: "menu", size: 24, color: d.themedColor.textHighEmphasis })), p && /* @__PURE__ */ r.createElement(mr, { size: 34 }), /* @__PURE__ */ r.createElement(Gd, { variant: "h2", color: d.themedColor.textHighEmphasis }, a.nickname || (h == null ? void 0 : h.name))), /* @__PURE__ */ r.createElement(Wd, null, f && /* @__PURE__ */ r.createElement(
+    Hd,
+    {
+      tooltipLabel: i.HEADER_BUTTON__AGENT_HANDOFF,
+      disabled: !$i(h),
+      size: x,
+      onClick: E
+    }
+  ), n && /* @__PURE__ */ r.createElement(
+    Ud,
+    {
+      disabled: !Zn(h),
+      size: x,
+      onClick: b
+    }
+  ), o && /* @__PURE__ */ r.createElement(Bd, { size: x }), /* @__PURE__ */ r.createElement(Pd, { size: x, onClick: y })));
+}, Bd = ({ size: e, disabled: t }) => {
+  const { state: n } = H();
+  return /* @__PURE__ */ r.createElement(Fe, { "aria-label": "expand", onClick: () => n.setExpanded(!n.expanded), disabled: t }, /* @__PURE__ */ r.createElement(O, { type: n.expanded ? "collapse" : "expand", size: e, color: d.themedColor.textHighEmphasis }));
+}, Pd = ({ size: e, disabled: t, onClick: n }) => /* @__PURE__ */ r.createElement(Fe, { "aria-label": "close messenger", onClick: n, disabled: t }, /* @__PURE__ */ r.createElement(O, { type: "close", size: e, color: d.themedColor.textHighEmphasis })), Ud = ({ size: e, disabled: t, onClick: n }) => /* @__PURE__ */ r.createElement(Fe, { "aria-label": "close conversation", onClick: n, disabled: t }, /* @__PURE__ */ r.createElement(
+  O,
+  {
+    type: "mute",
+    size: e,
+    color: t ? d.themedColor.textDisabled : d.themedColor.textHighEmphasis
+  }
+)), Hd = ({ size: e, onClick: t, disabled: n, tooltipLabel: o }) => /* @__PURE__ */ r.createElement(ir, { label: o, position: "bottom", disabled: n }, /* @__PURE__ */ r.createElement(Fe, { "aria-label": "agent", onClick: t, disabled: n }, /* @__PURE__ */ r.createElement(
+  O,
+  {
+    type: "agent",
+    size: e,
+    color: n ? d.themedColor.textDisabled : d.themedColor.textHighEmphasis
+  }
+))), Vd = m.div`height:56px;box-sizing:border-box;display:flex;align-items:center;padding:11px 12px;border-bottom:1px solid ${d.themedColor.textDisabled};background-color:${({ theme: e }) => e.colors.base.headerBackground};`, zd = m.div`display:flex;flex:1;flex-direction:row;align-items:center;gap:6px;overflow:hidden;`, Wd = m.div`display:flex;gap:10px;align-items:center;justify-content:center;`, Gd = m(w)`text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:2px 0;`, Fe = m.button`all:unset;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;&:disabled{cursor:not-allowed;}`, jd = () => {
+  const { isActionbookTester: e } = ke();
+  return e ? null : /* @__PURE__ */ r.createElement(Fd, null);
+}, Sn = ({
+  children: e,
+  onNavigateToConversationList: t,
+  closedChannelUrl: n,
+  onClearClosedChannelUrl: o
+}) => {
+  const { Template: s } = Wt.useContext();
+  return /* @__PURE__ */ r.createElement(
+    vc,
+    {
+      onNavigateToConversationList: t,
+      closedChannelUrl: n,
+      onClearClosedChannelUrl: o
+    },
+    /* @__PURE__ */ r.createElement(yt, null, /* @__PURE__ */ r.createElement(yt.Consumer, null, (i) => /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(qd, { ...i }, /* @__PURE__ */ r.createElement(s, null)), e)))
+  );
+}, Wt = Te({
+  template: Kd,
+  components: {
+    Header: jd,
+    Body: md,
+    Footer: Nd
+  }
+});
+function Kd() {
+  const { components: e } = Wt.useContext();
+  return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(e.Header, null), /* @__PURE__ */ r.createElement(e.Body, null), /* @__PURE__ */ r.createElement(e.Footer, null));
+}
+const qd = m.div`height:100%;width:100%;display:flex;flex-direction:column;flex:1;background-color:${({ theme: e }) => e.colors.base.background};`, {
+  Provider: Zd,
+  Context: vm,
+  useContext: Er
+} = W("ConversationList");
+function Yd({
+  conversationListLimit: e,
+  conversationListFilter: t,
+  onOpenConversationView: n = Le,
+  children: o
+}) {
+  return /* @__PURE__ */ r.createElement(
+    rs,
+    {
+      conversationListLimit: e,
+      conversationListFilter: t
+    },
+    (s) => /* @__PURE__ */ r.createElement(Zd, { value: { ...s, onOpenConversationView: n } }, o)
+  );
+}
+const vr = Te({
+  template: Jd,
+  // Note: 리스트 변경되면 디자인 변경 가능성이 있어서 일단 컴포넌트는 비워둠
+  components: {}
+});
+function Jd({
+  title: e = "",
+  lastMessageTimestamp: t = Date.now(),
+  onClick: n
+}) {
+  const { stringSet: o, format: s } = R();
+  return /* @__PURE__ */ r.createElement(Xd, { role: "button", onClick: () => n == null ? void 0 : n() }, /* @__PURE__ */ r.createElement(eu, null, /* @__PURE__ */ r.createElement(tu, null, /* @__PURE__ */ r.createElement(w, { variant: "subtitle1", color: d.themedColor.textHighEmphasis }, s(t, o.DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE)), /* @__PURE__ */ r.createElement(w, { variant: "caption2", color: d.themedColor.textLowEmphasis }, s(t, o.DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE_CAPTION))), /* @__PURE__ */ r.createElement(w, { variant: "body3", color: d.themedColor.textMidEmphasis }, e || o.CONVERSATION_LIST__TOPICS_FALLBACK)), /* @__PURE__ */ r.createElement(O, { type: "chevron-right", size: 16, color: d.themedColor.textHighEmphasis }), /* @__PURE__ */ r.createElement(Qd, null));
+}
+const Xd = m.div`display:flex;flex-direction:row;align-items:center;position:relative;width:100%;padding:14px 16px;box-sizing:border-box;gap:4px;cursor:pointer;`, Qd = m.div`position:absolute;bottom:0;height:1px;width:calc(100% - 32px);background-color:${d.themedColor.textDisabled};`, eu = m.div`gap:4px;display:flex;flex-direction:column;flex:1;`, tu = m.div`display:flex;justify-content:flex-start;align-items:center;gap:6px;`, nu = ({ items: e, renderItem: t, onEndReached: n }) => {
+  const o = (s) => {
+    const i = s.target;
+    i.scrollHeight - i.scrollTop === i.clientHeight && (n == null || n());
+  };
+  return /* @__PURE__ */ r.createElement(ru, { onScroll: (s) => o(s) }, e.map((s, i) => t(s, i)));
+}, ru = m.div`width:100%;height:100%;display:flex;flex-direction:column;flex:1;overflow:auto;`, ou = () => {
+  const { stringSet: e } = R(), { listSource: t, onOpenConversationView: n } = Er(), { Template: o } = vr.useContext();
+  return t.initialized ? t.channels.length === 0 ? /* @__PURE__ */ r.createElement(Ce, { type: "noChannels", label: e.CONVERSATION_LIST__NO_CONVERSATIONS }) : /* @__PURE__ */ r.createElement(
+    nu,
+    {
+      items: t.channels,
+      renderItem: (s) => {
+        var i, a, l;
+        return /* @__PURE__ */ r.createElement(
+          o,
+          {
+            key: s.url,
+            channelUrl: s.url,
+            title: (a = (i = s.conversation) == null ? void 0 : i.topics) == null ? void 0 : a.join(", "),
+            lastMessageTimestamp: (l = s.lastMessage) == null ? void 0 : l.createdAt,
+            onClick: () => n(s.url, z.CLOSED),
+            channel: s
+          }
+        );
+      },
+      onEndReached: () => {
+        t.loadMore();
+      }
+    }
+  ) : /* @__PURE__ */ r.createElement(Ce, { type: "loading" });
+}, su = () => {
+  const { stringSet: e } = R(), { activeChannel: t } = V(), [n] = T(() => (t == null ? void 0 : t.status) === z.OPEN);
+  return n ? e.RETURN_TO_CONVERSATION : e.START_NEW_CONVERSATION;
+}, iu = () => {
+  const { refreshActiveChannel: e } = V(), { onOpenConversationView: t } = Er(), n = su();
+  return /* @__PURE__ */ r.createElement(
+    au,
+    {
+      role: "button",
+      onClick: async () => {
+        const o = await e();
+        t(o, z.OPEN);
+      }
+    },
+    /* @__PURE__ */ r.createElement(lu, { variant: "h1" }, n)
+  );
+}, au = m.div`background-color:${({ theme: e }) => e.colors.base.primary};display:flex;align-items:center;justify-content:center;padding:16px;cursor:pointer;`, lu = m(w)`color:${({ theme: e }) => e.colors.base.primaryContrastContent};overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`, cu = () => {
+  const { stringSet: e } = R();
+  return /* @__PURE__ */ r.createElement(du, null, /* @__PURE__ */ r.createElement(uu, { variant: "h2", color: d.themedColor.textHighEmphasis }, e.CONVERSATION_LIST__HEADER_TITLE), /* @__PURE__ */ r.createElement(mu, null));
+}, du = m.div`display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;flex-shrink:0;height:56px;position:relative;background-color:${({ theme: e }) => e.colors.base.headerBackground};`, uu = m(w)`padding:0 12px;width:100%;box-sizing:border-box;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;`, mu = m.div`position:absolute;bottom:0;width:100%;height:1px;background-color:${d.themedColor.textDisabled};`, hu = ({
+  conversationListLimit: e,
+  conversationListFilter: t,
+  children: n,
+  onOpenConversationView: o
+}) => {
+  const { Template: s } = Gt.useContext();
+  return /* @__PURE__ */ r.createElement(
+    Yd,
+    {
+      conversationListLimit: e,
+      conversationListFilter: t,
+      onOpenConversationView: o
+    },
+    /* @__PURE__ */ r.createElement(pu, null, /* @__PURE__ */ r.createElement(s, null)),
+    n
+  );
+}, Gt = Te({
+  template: gu,
+  components: {
+    Header: cu,
+    Body: ou,
+    Footer: iu
+  }
+});
+function gu() {
+  const { components: e } = Gt.useContext();
+  return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(e.Header, null), /* @__PURE__ */ r.createElement(e.Body, null), /* @__PURE__ */ r.createElement(e.Footer, null));
+}
+const pu = m.div`height:100%;width:100%;display:flex;flex-direction:column;flex:1;background-color:${({ theme: e }) => e.colors.base.background};`, fu = _`:where(#${ie.ENTRY}) :not(code *){font-family:'Roboto',sans-serif;box-sizing:border-box;}`, bu = [fu, Os, Ls], xu = (e, ...t) => Wr(e, ...bu, ...t), Eu = xu``, vu = lo(
+  Wt,
+  ye,
+  Pt,
+  Ut,
+  Gt,
+  vr
+);
+function yu({
+  appearance: e,
+  rootElement: t,
+  logger: n,
+  language: o,
+  stringSet: s,
+  children: i,
+  messageTemplate: a,
+  theme: l
+}) {
+  return Bs(Cs, t), /* @__PURE__ */ r.createElement(Gr, { target: t }, /* @__PURE__ */ r.createElement(Ds, { rootElement: t, logger: n, appearance: e, theme: l }, /* @__PURE__ */ r.createElement(is, { internalVariables: a == null ? void 0 : a.__internalVariables }, /* @__PURE__ */ r.createElement(Ms, { stringSet: s, logger: n, language: o }, /* @__PURE__ */ r.createElement(vu, null, i, /* @__PURE__ */ r.createElement(Eu, null))))));
+}
+const je = {}, Ke = {
+  getItem: (e) => {
+    try {
+      return localStorage.getItem(e);
+    } catch {
+      return je[e] ?? null;
+    }
+  },
+  setItem: (e, t) => {
+    try {
+      localStorage.setItem(e, t);
+    } catch {
+      je[e] = t;
+    }
+  },
+  deleteItem: (e) => {
+    try {
+      localStorage.removeItem(e);
+    } catch {
+      delete je[e];
+    }
+  },
+  getKeys: (e) => {
+    try {
+      const t = [];
+      for (let n = 0; n < localStorage.length; n++) {
+        const o = localStorage.key(n);
+        o && o.startsWith(e) && t.push(o);
+      }
+      return t;
+    } catch {
+      return Object.keys(je).filter((t) => t.startsWith(e));
+    }
+  }
+}, yr = Se(function({
+  rootElement: t = document.body,
+  logLevel: n = An.WARN,
+  language: o = navigator.language,
+  userSessionInfo: s,
+  children: i,
+  ...a
+}, l) {
+  var c, u;
+  return $e.level !== n && ($e.level = n), Fs("https://fonts.googleapis.com/css2?family=Roboto&display=swap", t), /* @__PURE__ */ r.createElement("div", { id: ie.ENTRY, style: { width: "fit-content", height: "fit-content", ...a.entryStyle } }, /* @__PURE__ */ r.createElement(
+    yu,
+    {
+      logger: $e,
+      rootElement: t,
+      appearance: (c = a.agentPreviewConfigs) == null ? void 0 : c.appearance,
+      stringSet: a.stringSet,
+      language: o,
+      messageTemplate: a.messageTemplate,
+      theme: a.theme
+    },
+    /* @__PURE__ */ r.createElement(
+      Hs,
+      {
+        rootElement: t,
+        keyValueStorage: {
+          get: Ke.getItem,
+          set: Ke.setItem,
+          delete: Ke.deleteItem,
+          getKeys: Ke.getKeys
+        },
+        language: o,
+        logger: $e,
+        dispatcher: Cu,
+        chatParams: {
+          ...a.chatParams,
+          customApiHost: a.customApiHost,
+          customWebSocketHost: a.customWebSocketHost
+        },
+        chatSDK: a.customChatSDK,
+        ...a
+      },
+      /* @__PURE__ */ r.createElement(
+        zs,
+        {
+          ref: l,
+          userSessionInfo: s,
+          forceCreateChannel: (u = a.agentPreviewConfigs) == null ? void 0 : u.forceCreateChannel
+        },
+        /* @__PURE__ */ r.createElement(Ql, { ...a._UNSAFE_INTERNAL_dashboardTester }, i, /* @__PURE__ */ r.createElement("div", { id: ie.MODAL_ROOT }))
+      )
+    )
+  ));
+}), $e = new Rn(An.WARN), Cu = new On($e), Cr = ({ children: e, isOpened: t }) => {
+  const { dir: n, rootElement: o } = H(), s = fe(o, !0);
+  return L(() => {
+    const i = "sb-agent-block-scroll";
+    return t ? s.body.classList.add(i) : s.body.classList.remove(i), () => {
+      s.body.classList.remove(i);
+    };
+  }, [s, t]), /* @__PURE__ */ r.createElement(_u, { dir: n, $visible: t }, e);
+}, _u = m.div`width:100%;height:100%;position:fixed;top:0;left:0;z-index:${xe.WINDOW};visibility:${({ $visible: e }) => e ? "visible" : "hidden"};`, Su = 48, Tu = 2 / 3;
+function wu({
+  className: e,
+  isOpened: t,
+  onClick: n,
+  type: o,
+  imageUrl: s,
+  dir: i,
+  animated: a = !0,
+  backgroundColor: l,
+  size: c = Su
+}) {
+  const u = bt(l), h = Math.round(c * Tu);
+  return /* @__PURE__ */ r.createElement(
+    Iu,
+    {
+      dir: i,
+      id: ie.LAUNCHER,
+      className: e,
+      "aria-label": "Sendbird AIAgent Launcher",
+      onClick: n,
+      $animated: a,
+      $backgroundColor: l,
+      $size: c
+    },
+    /* @__PURE__ */ r.createElement($u, { $isOpened: t, $animated: a, $fillColor: u, $iconSize: h }, /* @__PURE__ */ r.createElement(Tn.Open, { url: s, isDefaultIcon: o === "default_icon" })),
+    /* @__PURE__ */ r.createElement(Mu, { $isOpened: t, $animated: a, $fillColor: u, $iconSize: h }, /* @__PURE__ */ r.createElement(Tn.Close, { size: h }))
+  );
+}
+const Au = _`&:hover{transition:transform 250ms cubic-bezier(0.33,0,0,1);transform:scale(1.1);}&:active{transform:scale(0.8);}`, ku = _`img{width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none;&[data-default-icon='true']{width:${({ $iconSize: e }) => e}px;height:${({ $iconSize: e }) => e}px;filter:${({ $fillColor: e }) => e === Vn.WHITE ? "grayscale(100%) brightness(2000%)" : "grayscale(100%) invert(100%) saturate(0%) brightness(0%) contrast(1000%)"};}}`, _r = _`svg{width:${({ $iconSize: e }) => e}px;height:${({ $iconSize: e }) => e}px;${({ $fillColor: e }) => _`
+        path {
+          fill: ${e};
+        }
+        [class*='fill'] {
+          fill: ${e};
+        }
+      `}
+  }
+`, Iu = m.button`position:relative;padding:0;width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;background:${({ $backgroundColor: e }) => e};border-radius:50%;transition:all 0.3s cubic-bezier(0.31,-0.105,0.43,1.4);border:none;display:flex;justify-content:center;align-items:center;box-shadow:0 16px 24px 2px rgba(33,33,33,0.12),0 6px 30px 5px rgba(33,33,33,0.08),0 6px 10px -5px rgba(33,33,33,0.04);${({ $animated: e }) => e && Au}`, Sr = m.span`position:absolute;width:100%;height:100%;border-radius:50%;overflow:hidden;transition:transform 0.16s linear,opacity 0.08s linear,scale 0.16s linear;user-select:none;display:flex;justify-content:center;align-items:center;`, $u = m(Sr)`opacity:${({ $isOpened: e }) => e ? 0 : 1};transform:${({ $animated: e, $isOpened: t }) => e && (t ? "rotate(-90deg) scale(0)" : "rotate(0deg)")};${ku}${_r}`, Mu = m(Sr)`scale:${({ $isOpened: e }) => e ? 1 : 0};transform:${({ $animated: e, $isOpened: t }) => e && (t ? "rotate(0deg)" : "rotate(-90deg)")};${_r}`, Tn = {
+  Open: (e) => e.url ? /* @__PURE__ */ r.createElement("img", { src: e.url, alt: "launcher-img", "data-default-icon": e.isDefaultIcon }) : /* @__PURE__ */ r.createElement(Lt, null),
+  Close: ({ size: e }) => /* @__PURE__ */ r.createElement(O, { size: e, type: "chevron-down" })
+};
+function Tr({ className: e, size: t }) {
+  const { colors: n } = St(), { dir: o, state: s } = H(), { launcherInfo: i } = V();
+  return Lu(), /* @__PURE__ */ r.createElement(
+    wu,
+    {
+      dir: o,
+      className: e,
+      isOpened: s.opened,
+      onClick: () => s.setOpened(!s.opened),
+      type: i.type,
+      imageUrl: i.imageUrl,
+      backgroundColor: n.base.primary,
+      size: t
+    }
+  );
+}
+const Ou = 1e3 * 60;
+function Lu() {
+  const { chatSDK: e, state: t, logger: n, enableAutoDisconnectInLauncher: o } = H(), s = F(null);
+  L(() => {
+    if (!o) return;
+    function i() {
+      s.current && (clearTimeout(s.current), s.current = null);
+    }
+    function a() {
+      e.connectionState === Vr.CLOSED && (e.reconnect(), n.debug("useSDKInactivityTimeout: reconnected")), i(), n.debug("useSDKInactivityTimeout: clear disconnect schedule");
+    }
+    function l() {
+      i(), s.current = setTimeout(async () => {
+        await e.disconnectWebSocket(), n.debug("useSDKInactivityTimeout: disconnected");
+      }, Ou);
+    }
+    t.opened ? a() : (l(), n.debug("useSDKInactivityTimeout: schedule disconnect"));
+  }, [o, e, t.opened]);
+}
+const wr = _e(null);
+function Ru() {
+  const e = se(wr);
+  if (!e)
+    throw new Error("useNavigator() must be used within <Navigator />");
+  return e;
+}
+function Ar({ children: e }) {
+  const t = Ru();
+  return typeof e == "function" ? e(t) : /* @__PURE__ */ r.createElement(r.Fragment, null, e);
+}
+const Du = kn`0%{transform:translateY(40px);opacity:0;}100%{transform:translateY(0px);opacity:1;}`, Nu = kn`0%{transform:translateY(0px);opacity:1;}100%{transform:translateY(40px);opacity:0;}`, Fu = _`animation-name:${Du};animation-duration:0.3s;animation-fill-mode:forwards;`, Bu = _``, Pu = _`animation-name:${Nu};animation-duration:0.3s;animation-fill-mode:forwards;`, Uu = _`visibility:hidden;`, Hu = m.div`position:absolute;top:0;left:0;width:100%;height:100%;${({ $transitionState: e }) => {
+  switch (e) {
+    case "entering":
+      return Fu;
+    case "entered":
+      return Bu;
+    case "exiting":
+      return Pu;
+    case "exited":
+      return Uu;
+    default:
+      return "";
+  }
+}}${({ $active: e }) => e ? _`
+          z-index: 999;
+        ` : _`z-index:1;pointer-events:none;`}
+`;
+function Me({ initialId: e, children: t }) {
+  const n = D((p, f) => {
+    c((v) => [...v, p]), h((v) => ({ ...v, [p]: !0 })), f != null && f.reset && E((v) => ({
+      ...v,
+      [p]: (v[p] || 0) + 1
+    })), x((v) => ({
+      ...v,
+      [p]: "entering"
+    })), setTimeout(() => {
+      x((v) => ({
+        ...v,
+        [p]: "entered"
+      }));
+    }, 300);
+  }, []), o = D(() => {
+    c((p) => {
+      if (p.length <= 1) return p;
+      const f = p[p.length - 1];
+      return x((v) => ({
+        ...v,
+        [f]: "exiting"
+      })), setTimeout(() => {
+        x((v) => ({
+          ...v,
+          [f]: "exited"
+        })), c((v) => v.slice(0, -1));
+      }, 300), p;
+    });
+  }, []), s = ee(() => ({
+    navigation: {
+      navigate: n,
+      pop: o
+    }
+  }), [n, o]), i = ee(() => Dr.toArray(t).filter(
+    (p) => p.type === Ar
+  ), [t]), a = ee(() => {
+    const p = {};
+    return i.forEach((f) => {
+      const { id: v, lazy: S, children: M } = f.props;
+      p[v] = { lazy: S, element: typeof M == "function" ? M(s) : M };
+    }), p;
+  }, [i]), [l, c] = T([e]), [u, h] = T(() => {
+    const p = {};
+    return Object.entries(a).forEach(([f, { lazy: v }]) => {
+      v === !1 && (p[f] = !0);
+    }), p[e] = !0, p;
+  }), [g, x] = T(() => {
+    const p = {};
+    return Object.keys(a).forEach((f) => {
+      f === e ? p[f] = "entered" : p[f] = "exited";
+    }), p;
+  }), [y, E] = T({}), b = l[l.length - 1];
+  return /* @__PURE__ */ r.createElement(wr.Provider, { value: s }, /* @__PURE__ */ r.createElement(Vu, null, Object.keys(a).map((p) => {
+    var M;
+    if (!u[p]) return null;
+    const f = g[p] || "exited", v = p === b, S = `${p}-${y[p] || 0}`;
+    return /* @__PURE__ */ r.createElement(Hu, { key: S, $transitionState: f, $active: v }, (M = a[p]) == null ? void 0 : M.element);
+  })));
+}
+const Vu = m.div`position:relative;width:100%;height:100%;`;
+Me.Screen = Ar;
+const ge = {
+  activeConv: "active-conv",
+  closedConv: "closed-conv",
+  convList: "conv-list"
+}, kr = ({ setClosedChannelUrl: e, closedChannelUrl: t }) => /* @__PURE__ */ r.createElement(Me, { initialId: ge.activeConv }, /* @__PURE__ */ r.createElement(Me.Screen, { id: ge.activeConv }, ({ navigation: n }) => /* @__PURE__ */ r.createElement(Sn, { onNavigateToConversationList: () => n.navigate(ge.convList, { reset: !0 }) })), /* @__PURE__ */ r.createElement(Me.Screen, { id: ge.closedConv }, ({ navigation: n }) => /* @__PURE__ */ r.createElement(
+  Sn,
+  {
+    onNavigateToConversationList: () => n.pop(),
+    closedChannelUrl: t,
+    onClearClosedChannelUrl: () => e(void 0)
+  }
+)), /* @__PURE__ */ r.createElement(Me.Screen, { id: ge.convList, lazy: !0 }, ({ navigation: n }) => /* @__PURE__ */ r.createElement(
+  hu,
+  {
+    onOpenConversationView: (o, s) => {
+      s === "closed" ? (e(o), n.navigate(ge.closedConv, { reset: !0 })) : n.navigate(ge.activeConv);
+    }
+  }
+)));
+function zu({ isExpanded: e, isOpened: t, children: n, launcher: o }) {
+  const { dir: s } = H();
+  return /* @__PURE__ */ r.createElement(Wu, null, /* @__PURE__ */ r.createElement(Gu, { dir: s, id: ie.WINDOW, $isExpanded: e, $isOpened: t }, n), o);
+}
+const Wu = m.div`display:flex;flex-direction:column;gap:8px;align-items:flex-end;`, Gu = m.div`background:${({ theme: e }) => e.colors.base.background};display:flex;overscroll-behavior:none;-webkit-overflow-scrolling:auto;height:640px;min-height:80px;width:400px;max-width:80vw;max-height:80vh;box-shadow:0px 16px 24px 2px rgba(33,33,33,0.12),0px 6px 30px 5px rgba(33,33,33,0.08),0px 6px 10px -5px rgba(33,33,33,0.04);border-radius:16px;overflow:hidden;transition:width 200ms ease 0s,height 200ms ease 0s,max-height 200ms ease 0s,transform 150ms cubic-bezier(0,1.2,1,1) 0s,opacity 83ms ease-out 0s;transform:scale(0.15);opacity:0;transform-origin:right bottom;[dir='rtl'] &:not([dir='ltr']),&[dir='rtl']{transform-origin:left bottom;}${({ $isOpened: e }) => e && Ku};${({ $isExpanded: e }) => e && ju};`, ju = _`width:743px;height:723px;`, Ku = _`z-index:${xe.WINDOW};pointer-events:all;transform:scale(1);opacity:1;transition:width 200ms ease 0s,height 200ms ease 0s,max-height 200ms ease 0s,transform 300ms cubic-bezier(0,1.2,1,1) 0s,opacity 83ms ease-out 0s;`, ym = Se(function({ children: e, ...t }, n) {
+  const o = Ne(), [s, i] = T(), a = o ? Cr : zu;
+  return /* @__PURE__ */ r.createElement(yr, { enableExpandButton: !o, ref: n, ...t }, /* @__PURE__ */ r.createElement(Hn, null, ({ state: l }) => /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(a, { isExpanded: l.expanded, isOpened: l.opened, launcher: /* @__PURE__ */ r.createElement(Tr, null) }, /* @__PURE__ */ r.createElement(
+    kr,
+    {
+      closedChannelUrl: s,
+      setClosedChannelUrl: i
+    }
+  )), e)));
+}), {
+  Provider: qu,
+  useContext: jt
+} = W("FixedMessengerStyle");
+function Ir(e, t, n, o = 0) {
+  const { top: s, bottom: i, start: a, end: l } = n;
+  let c = "", u = "";
+  switch (e) {
+    case "start":
+      u = `inset-inline-start: ${j(a)}`;
+      break;
+    case "end":
+      u = `inset-inline-end: ${j(l)}`;
+      break;
+  }
+  switch (t) {
+    case "top":
+      c = `top: calc(${j(s)} + ${o}px)`;
+      break;
+    case "bottom":
+      c = `bottom: calc(${j(i)} + ${o}px)`;
+      break;
+  }
+  return _`${c};${u};`;
+}
+function Zu(e) {
+  const { horizontal: t, vertical: n, margin: o, launcherSize: s } = jt();
+  return /* @__PURE__ */ r.createElement(Yu, { ...e, size: s, $horizontal: t, $vertical: n, $margin: o });
+}
+const Yu = m(Tr)`position:fixed;z-index:${xe.LAUNCHER};${({ $horizontal: e, $vertical: t, $margin: n }) => Ir(e, t, n)};`;
+function Ju({ isExpanded: e, isOpened: t, children: n }) {
+  const { dir: o } = H(), { horizontal: s, vertical: i, margin: a, launcherSize: l } = jt();
+  return /* @__PURE__ */ r.createElement(
+    Xu,
+    {
+      dir: o,
+      id: ie.WINDOW,
+      $isExpanded: e,
+      $isOpened: t,
+      $horizontal: s,
+      $vertical: i,
+      $margin: a,
+      $launcherSize: l
+    },
+    n
+  );
+}
+const Xu = m.div`background:${({ theme: e }) => e.colors.base.background};display:flex;overscroll-behavior:none;-webkit-overflow-scrolling:auto;position:fixed;${({ $horizontal: e, $vertical: t, $margin: n, $launcherSize: o }) => Ir(e, t, n, o + 12)};height:640px;min-height:80px;width:400px;max-width:80vw;max-height:80vh;box-shadow:0px 16px 24px 2px rgba(33,33,33,0.12),0px 6px 30px 5px rgba(33,33,33,0.08),0px 6px 10px -5px rgba(33,33,33,0.04);border-radius:16px;overflow:hidden;transition:width 200ms ease 0s,height 200ms ease 0s,max-height 200ms ease 0s,transform 150ms cubic-bezier(0,1.2,1,1) 0s,opacity 83ms ease-out 0s;transform:scale(0.15);opacity:0;transform-origin:${({ $horizontal: e, $vertical: t }) => `${e === "start" ? "left" : "right"} ${t}`};
+  [dir='rtl'] &:not([dir='ltr']),
+  &[dir='rtl'] {
+    transform-origin: ${({ $horizontal: e, $vertical: t }) => `${e === "start" ? "right" : "left"} ${t}`};
+  }
+
+  ${({ $isOpened: e }) => e && em};
+  ${({ $isExpanded: e }) => e && Qu};
+`, Qu = _`width:743px;height:723px;`, em = _`z-index:${xe.WINDOW};pointer-events:all;transform:scale(1);opacity:1;transition:width 200ms ease 0s,height 200ms ease 0s,max-height 200ms ease 0s,transform 300ms cubic-bezier(0,1.2,1,1) 0s,opacity 83ms ease-out 0s;`, $r = { top: 24, bottom: 24, start: 24, end: 24 }, tm = Se(function({ children: e, ...t }, n) {
+  const [o, s] = T(), [i, a] = T("end-bottom"), [l, c] = T($r), [u, h] = T(48), g = Ne(), x = g ? Cr : Ju, { horizontal: y, vertical: E } = ee(() => {
+    const [b, p] = i.split("-");
+    return { horizontal: b === "start" ? "start" : "end", vertical: p === "top" ? "top" : "bottom" };
+  }, [i]);
+  return /* @__PURE__ */ r.createElement(yr, { enableExpandButton: !g, ref: n, ...t }, /* @__PURE__ */ r.createElement(Hn, null, ({ state: b }) => /* @__PURE__ */ r.createElement(
+    qu,
+    {
+      value: { horizontal: y, vertical: E, margin: l, launcherSize: u, setPosition: a, setMargin: c, setLauncherSize: h }
+    },
+    /* @__PURE__ */ r.createElement(x, { isExpanded: b.expanded, isOpened: b.opened }, /* @__PURE__ */ r.createElement(
+      kr,
+      {
+        closedChannelUrl: o,
+        setClosedChannelUrl: s
+      }
+    )),
+    /* @__PURE__ */ r.createElement(Zu, null),
+    e
+  )));
+}), nm = (e) => {
+  var s, i, a, l;
+  const { setPosition: t, setMargin: n, setLauncherSize: o } = jt();
+  return pe(() => {
+    e.position && t(e.position), e.margin && n({ ...$r, ...e.margin }), e.launcherSize && o(e.launcherSize);
+  }, [
+    e.position,
+    (s = e.margin) == null ? void 0 : s.top,
+    (i = e.margin) == null ? void 0 : i.bottom,
+    (a = e.margin) == null ? void 0 : a.start,
+    (l = e.margin) == null ? void 0 : l.end,
+    e.launcherSize
+  ]), null;
+}, Cm = Object.assign(tm, {
+  Style: nm
+});
+export {
+  It as A,
+  vo as C,
+  ym as D,
+  Cm as F,
+  O as I,
+  or as L,
+  Yl as M,
+  Pt as O,
+  Em as P,
+  Ut as S,
+  w as a,
+  yr as b,
+  d as c,
+  yu as d,
+  V as e,
+  R as f,
+  wu as g,
+  ye as h,
+  oe as i,
+  vr as j,
+  Sn as k,
+  Wt as l,
+  Cu as m,
+  xm as n,
+  vc as o,
+  K as p,
+  hu as q,
+  Gt as r,
+  vm as s,
+  Yd as t,
+  H as u,
+  Er as v,
+  Ln as w,
+  Fo as x,
+  Qt as y
+};