@sendbird/ai-agent-messenger-react 1.2.1 → 1.2.2

package/dist/es/{BXYgriG3.js → DLjpH35l.js}

@@ -1,5 +1,5 @@
 import * as r from "react";
-import { createContext as Te, useContext as ne, useEffect as D, useState as _, useId as xn, useRef as F, useCallback as U, useLayoutEffect as le, forwardRef as Le, useImperativeHandle as vr, lazy as w, Suspense as Me, useMemo as ve, Component as _r, Fragment as Ft, useReducer as Sr, Children as Tr } from "react";
+import { createContext as Te, useContext as ne, useEffect as D, useState as _, useId as xn, useRef as F, useCallback as U, useLayoutEffect as le, forwardRef as Le, useImperativeHandle as vr, Suspense as Me, lazy as w, useMemo as ve, Component as _r, Fragment as Ft, useReducer as Sr, Children as Tr } from "react";
 import wr, { SendbirdProduct as kr, DeviceOsPlatform as Ut, SendbirdPlatform as Ar, ConnectionHandler as Xe, SendbirdError as Ir, SessionHandler as $r, LogLevel as En, ConnectionState as Mr } from "@sendbird/chat";
 import u, { css as $, ThemeProvider as Or, useTheme as Ct, createGlobalStyle as Lr, StyleSheetManager as Rr, keyframes as Cn } from "styled-components";
 import { format as yn, isSameMinute as Ht, isSameDay as Dr } from "date-fns";
@@ -142,7 +142,7 @@ const eo = () => {
   return { promise: new Promise((o, i) => {
     e = o, t = i;
   }), resolve: e, reject: t };
-}, to = "1.2.1", Ie = "sb-agent", no = to;
+}, to = "1.2.2", Ie = "sb-agent", no = to;
 var wn = /* @__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))(wn || {});
 class kn {
   constructor(t) {
@@ -1935,6 +1935,9 @@ function zn(e) {
   return e.replace(t, (n) => `<span id=${Ti} aria-label="masked-text">${n}</span>`);
 }
 function Vi(e) {
+  return e.replace(/\*\*(.*?)\*\*/g, "<b>$1</b>");
+}
+function Wi(e) {
   const t = /```(\w+)?\n([\s\S]*?)```/g, n = [];
   let o = 0;
   return e.replace(t, (i, ...a) => {
@@ -1952,16 +1955,16 @@ function Vi(e) {
     value: e.slice(o).trim()
   }), n.map((i) => i.type !== "text" ? i : { ...i, value: zn(i.value) });
 }
-const Wi = w(async () => ({ default: (await import("./CSmSKViW.js")).MarkdownText })), Gi = w(async () => ({ default: (await import("./DH2PekOm.js")).CodeBlock }));
+const Gi = w(async () => ({ default: (await import("./x6g8obrl.js")).MarkdownText })), ji = w(async () => ({ default: (await import("./Ch_6OPTz.js")).CodeBlock }));
 function Zt(e) {
   var i, a;
-  const t = e.maxBodyWidth ?? Pe, n = ve(() => Vi(e.message), [e.message]), o = {
+  const t = e.maxBodyWidth ?? Pe, n = ve(() => Wi(e.message), [e.message]), o = {
     id: `${ue}-text-body`,
     $maxWidth: t,
     $color: (i = e.customStyle) == null ? void 0 : i.bubbleContentColor,
     $bgColor: (a = e.customStyle) == null ? void 0 : a.bubbleBackgroundColor
   };
-  return n.length === 0 ? e.children ? /* @__PURE__ */ r.createElement(Yt, { ...o }, e.children) : null : /* @__PURE__ */ r.createElement(Yt, { ...o }, n.map((s, l) => s.type === "text" ? /* @__PURE__ */ r.createElement(qt, { key: l, variant: "body3" }, /* @__PURE__ */ r.createElement(Me, { fallback: s.value }, /* @__PURE__ */ r.createElement(Wi, null, s.value))) : s.type === "code" ? /* @__PURE__ */ r.createElement(Me, { key: l, fallback: /* @__PURE__ */ r.createElement(qt, { variant: "body3" }, s.value) }, /* @__PURE__ */ r.createElement(Gi, { code: s.value, language: s.language })) : null), e.children);
+  return n.length === 0 ? e.children ? /* @__PURE__ */ r.createElement(Yt, { ...o }, e.children) : null : /* @__PURE__ */ r.createElement(Yt, { ...o }, n.map((s, l) => s.type === "text" ? /* @__PURE__ */ r.createElement(qt, { key: l, variant: "body3" }, /* @__PURE__ */ r.createElement(Me, { fallback: s.value }, /* @__PURE__ */ r.createElement(Gi, null, s.value))) : s.type === "code" ? /* @__PURE__ */ r.createElement(Me, { key: l, fallback: /* @__PURE__ */ r.createElement(qt, { variant: "body3" }, s.value) }, /* @__PURE__ */ r.createElement(ji, { code: s.value, language: s.language })) : null), e.children);
 }
 const Yt = u.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};
@@ -1971,7 +1974,7 @@ const Yt = u.div`display:flex;flex-direction:column;border-radius:12px;overflow:
   transition: max-width 0.3s;
   overflow-wrap: break-word;
 `, qt = u(k)`align-items:flex-start;line-height:140%;white-space:pre-wrap;padding:0 12px;`;
-function ji(e) {
+function Ki(e) {
   const { stringSet: t } = R(), n = Hn(e) ? /* @__PURE__ */ r.createElement(Zt, { ...e }) : null;
   if (e.messageType === "user")
     return n;
@@ -1983,26 +1986,26 @@ function ji(e) {
 }
 const At = (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 It({ id: e, src: t, size: n = 56, onClick: o, style: i }) {
-  return /* @__PURE__ */ r.createElement(Ki, { id: e, tabIndex: 0, onClick: o, $size: Z(n), style: i }, t ? /* @__PURE__ */ r.createElement(Zi, { src: t }) : /* @__PURE__ */ r.createElement(O, { type: "user", size: n }));
+  return /* @__PURE__ */ r.createElement(Zi, { id: e, tabIndex: 0, onClick: o, $size: Z(n), style: i }, t ? /* @__PURE__ */ r.createElement(Yi, { src: t }) : /* @__PURE__ */ r.createElement(O, { type: "user", size: n }));
 }
-const Ki = u.div`border-radius:50%;display:inline-block;overflow:hidden;position:relative;flex-shrink:0;height:${(e) => e.$size};width:${(e) => e.$size};background-color:${h.themedColor.bg_100_500};&:focus{outline:none;}`, Zi = u.img`object-fit:cover;width:100%;height:100%;position:absolute;`;
-function Yi({ sender: e, isBotMessage: t }) {
+const Zi = u.div`border-radius:50%;display:inline-block;overflow:hidden;position:relative;flex-shrink:0;height:${(e) => e.$size};width:${(e) => e.$size};background-color:${h.themedColor.bg_100_500};&:focus{outline:none;}`, Yi = u.img`object-fit:cover;width:100%;height:100%;position:absolute;`;
+function qi({ sender: e, isBotMessage: t }) {
   const n = `${ue}-sender-avatar`;
-  return !e.profileUrl && t ? /* @__PURE__ */ r.createElement(qi, { id: n }, /* @__PURE__ */ r.createElement(At, null)) : /* @__PURE__ */ r.createElement(It, { id: n, size: qe, src: e.profileUrl });
+  return !e.profileUrl && t ? /* @__PURE__ */ r.createElement(Ji, { id: n }, /* @__PURE__ */ r.createElement(At, null)) : /* @__PURE__ */ r.createElement(It, { id: n, size: qe, src: e.profileUrl });
 }
-const qi = u.div`flex-shrink:0;width:${qe}px;height:${qe}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 Ji({ sender: e }) {
-  return /* @__PURE__ */ r.createElement(Xi, { id: `${ue}-sender-name`, variant: "caption1", color: h.themedColor.textMidEmphasis }, e.nickname);
+const Ji = u.div`flex-shrink:0;width:${qe}px;height:${qe}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 Xi({ sender: e }) {
+  return /* @__PURE__ */ r.createElement(Qi, { id: `${ue}-sender-name`, variant: "caption1", color: h.themedColor.textMidEmphasis }, e.nickname);
 }
-const Xi = u(k)`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 Qi({ createdAt: e }) {
+const Qi = u(k)`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 es({ createdAt: e }) {
   const { stringSet: t, format: n } = R();
   return e ? /* @__PURE__ */ r.createElement(k, { id: `${ue}-sent-time`, variant: "caption4", color: h.themedColor.textLowEmphasis }, n(e, t.DATE_FORMAT__MESSAGE_TIMESTAMP)) : null;
 }
-function es({ customStyle: e }) {
-  return /* @__PURE__ */ r.createElement(ts, { $bgColor: e == null ? void 0 : e.bubbleBackgroundColor }, [0, 1, 2].map((t) => /* @__PURE__ */ r.createElement(ns, { key: t, $color: e == null ? void 0 : e.bubbleContentColor })));
+function ts({ customStyle: e }) {
+  return /* @__PURE__ */ r.createElement(ns, { $bgColor: e == null ? void 0 : e.bubbleBackgroundColor }, [0, 1, 2].map((t) => /* @__PURE__ */ r.createElement(rs, { key: t, $color: e == null ? void 0 : e.bubbleContentColor })));
 }
-const ts = u.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};`, ns = u.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;}`;
+const ns = u.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};`, rs = u.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 Oe() {
 }
 async function Vn(e) {
@@ -2020,24 +2023,24 @@ function jn(e) {
   const t = (n = e == null ? void 0 : e.conversation) == null ? void 0 : n.handoff;
   return !!(t != null && t.timestamp);
 }
-function rs(e) {
+function os(e) {
   return Gn(e) && !jn(e);
 }
-function os({
+function is({
   extendedMessagePayload: e,
   onClickCTA: t = ({ url: n }) => Vn(n)
 }) {
   const n = e == null ? void 0 : e.cta_button;
-  return n ? /* @__PURE__ */ r.createElement(is, { id: `${ue}-ext-cta-button`, role: "button", onClick: () => t(n) }, /* @__PURE__ */ r.createElement(ss, { variant: "button" }, n.label)) : null;
+  return n ? /* @__PURE__ */ r.createElement(ss, { id: `${ue}-ext-cta-button`, role: "button", onClick: () => t(n) }, /* @__PURE__ */ r.createElement(as, { variant: "button" }, n.label)) : null;
 }
-const is = u.div`display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px;padding:8px;color:${h.themedColor.textHighEmphasis};background-color:${h.color.background50};${N.dark`
+const ss = u.div`display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px;padding:8px;color:${h.themedColor.textHighEmphasis};background-color:${h.color.background50};${N.dark`
     background-color: ${h.color.ondark.textDisabled};
   `}
-`, ss = u(k)`overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`;
-function as(e) {
+`, as = u(k)`overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`;
+function ls(e) {
   return /* @__PURE__ */ r.createElement(r.Fragment, null);
 }
-class ls extends _r {
+class cs extends _r {
   constructor(t) {
     super(t), this.state = {
       hasError: !1
@@ -2050,29 +2053,29 @@ class ls extends _r {
     return this.state.hasError ? this.props.errorFallback : /* @__PURE__ */ r.createElement(Me, { fallback: this.props.loadingFallback }, this.props.children);
   }
 }
-const cs = /* @__PURE__ */ new Set(["default"]), { MessageTemplate: ds } = jr({
+const ds = /* @__PURE__ */ new Set(["default"]), { MessageTemplate: us } = jr({
   parser: Wr,
   renderer: Vr,
   Container: (e) => /* @__PURE__ */ r.createElement("div", { ...e })
 });
-function us(e) {
+function ms(e) {
   return /* @__PURE__ */ r.createElement(
-    ls,
+    cs,
     {
       errorFallback: e.messageTemplateErrorFallback,
       loadingFallback: e.messageTemplateLoadingFallback
     },
-    /* @__PURE__ */ r.createElement(ms, { ...e })
+    /* @__PURE__ */ r.createElement(hs, { ...e })
   );
 }
-const ms = ({
+const hs = ({
   extendedMessagePayload: e,
   onGetCachedMessageTemplate: t = () => null,
   onRequestMessageTemplate: n,
   onHandleTemplateInternalAction: o = Oe
 }) => {
   const i = e == null ? void 0 : e.message_template;
-  if (!cs.has((i == null ? void 0 : i.type) ?? "default")) throw new Error("Unsupported template type");
+  if (!ds.has((i == null ? void 0 : i.type) ?? "default")) throw new Error("Unsupported template type");
   if (!n) throw new Error("onRequestMessageTemplate is required");
   const { theme: s } = ii(), l = Go({
     onRequestTemplate: n,
@@ -2083,24 +2086,24 @@ const ms = ({
     viewVariables: i == null ? void 0 : i.view_variables,
     aiAgentColorVariables: s.aiAgentColorVariables
   });
-  return /* @__PURE__ */ r.createElement(hs, { id: `${ue}-ext-message-template` }, /* @__PURE__ */ r.createElement(
+  return /* @__PURE__ */ r.createElement(gs, { id: `${ue}-ext-message-template` }, /* @__PURE__ */ r.createElement(
     Gr,
     {
       handleInternalAction: (c, d) => {
         c.stopPropagation(), o == null || o(d);
       }
     },
-    /* @__PURE__ */ r.createElement(ds, { templateItems: l.body.items, templateVersion: l.version })
+    /* @__PURE__ */ r.createElement(us, { templateItems: l.body.items, templateVersion: l.version })
   ));
-}, hs = u.div`box-sizing:border-box;overflow:hidden;width:100%;`;
-function gs({
+}, gs = u.div`box-sizing:border-box;overflow:hidden;width:100%;`;
+function ps({
   extendedMessagePayload: e,
   onClickSuggestedReply: t,
   suggestedRepliesDirection: n = "vertical"
 }) {
   const [o, i] = _(!1), a = (e == null ? void 0 : e.suggested_replies) ?? [];
-  return a.length === 0 || o ? null : /* @__PURE__ */ r.createElement(ps, { id: `${ue}-ext-suggested-replies`, $type: n }, a.map((s, l) => /* @__PURE__ */ r.createElement(
-    fs,
+  return a.length === 0 || o ? null : /* @__PURE__ */ r.createElement(fs, { id: `${ue}-ext-suggested-replies`, $type: n }, a.map((s, l) => /* @__PURE__ */ r.createElement(
+    bs,
     {
       key: l,
       $type: n,
@@ -2112,38 +2115,38 @@ function gs({
     s
   )));
 }
-const ps = u.div`margin:16px 0;padding:0 ${oe}px;position:relative;display:flex;gap:8px;${({ $type: e }) => e === "vertical" ? bs : xs};`, fs = u(k)`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:${h.color.primary.main};border:1px solid ${h.color.primary.main};background-color:${h.themedColor.bg_50_600};&:hover{background-color:${h.themedColor.bg_100_500};}${({ $type: e, theme: t }) => $`
-    ${e === "vertical" ? Es : Cs};
+const fs = u.div`margin:16px 0;padding:0 ${oe}px;position:relative;display:flex;gap:8px;${({ $type: e }) => e === "vertical" ? xs : Es};`, bs = u(k)`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:${h.color.primary.main};border:1px solid ${h.color.primary.main};background-color:${h.themedColor.bg_50_600};&:hover{background-color:${h.themedColor.bg_100_500};}${({ $type: e, theme: t }) => $`
+    ${e === "vertical" ? Cs : ys};
     &:active {
       background-color: ${t.colors.base.primary};
       color: ${t.colors.base.primaryContrastContent};
     }
   `}
-`, bs = $`flex-direction:column;align-items:flex-end;`, xs = $`flex-direction:row;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;}`, Es = $`max-width:calc(100% - 70px);white-space:pre-wrap;`, Cs = $`white-space:nowrap;`;
+`, xs = $`flex-direction:column;align-items:flex-end;`, Es = $`flex-direction:row;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;}`, Cs = $`max-width:calc(100% - 70px);white-space:pre-wrap;`, ys = $`white-space:nowrap;`;
 function $t(e) {
   return e();
 }
 const _e = we({
-  template: ys,
+  template: vs,
   components: {
-    SenderName: Ji,
-    SenderAvatar: Yi,
-    SentTime: Qi,
-    MessageBody: ji,
-    TypingIndicator: es,
-    SuggestedReplies: gs,
-    MessageTemplate: us,
-    CTAButton: os,
-    MessageLogs: as
+    SenderName: Xi,
+    SenderAvatar: qi,
+    SentTime: es,
+    MessageBody: Ki,
+    TypingIndicator: ts,
+    SuggestedReplies: ps,
+    MessageTemplate: ms,
+    CTAButton: is,
+    MessageLogs: ls
   }
 });
-function ys(e) {
+function vs(e) {
   return /* @__PURE__ */ r.createElement(Kn, { ...e, testerMode: !1 });
 }
 function Kn(e) {
   var g, p, x, f;
   const { components: t } = _e.useContext(), n = !!e.isTyping, o = e.testerMode, i = !!((g = e.extendedMessagePayload) != null && g.message_template), a = !!((p = e.extendedMessagePayload) != null && p.cta_button), s = !!e.createdAt, l = $t(() => e.messageType === "user" ? e.message.length > 0 : !0), c = e.groupType === "top" || e.groupType === "single", d = e.groupType === "bottom" || e.groupType === "single", m = o ? 0 : qe;
-  return /* @__PURE__ */ r.createElement(vs, { $marginBottom: n ? 0 : Tt(e.groupType) }, c && /* @__PURE__ */ r.createElement(_s, null, !o && /* @__PURE__ */ r.createElement(t.SenderAvatar, { ...e }), /* @__PURE__ */ r.createElement(t.SenderName, { ...e })), /* @__PURE__ */ r.createElement(Ft, null, /* @__PURE__ */ r.createElement(ct, { $extraStartPadding: m }, 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 })))), i && /* @__PURE__ */ r.createElement(Jt, { $startPadding: 0, $endPadding: 0, style: { marginTop: l ? ke : 0 } }, /* @__PURE__ */ r.createElement(
+  return /* @__PURE__ */ r.createElement(_s, { $marginBottom: n ? 0 : Tt(e.groupType) }, c && /* @__PURE__ */ r.createElement(Ss, null, !o && /* @__PURE__ */ r.createElement(t.SenderAvatar, { ...e }), /* @__PURE__ */ r.createElement(t.SenderName, { ...e })), /* @__PURE__ */ r.createElement(Ft, null, /* @__PURE__ */ r.createElement(ct, { $extraStartPadding: m }, 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 })))), i && /* @__PURE__ */ r.createElement(Jt, { $startPadding: 0, $endPadding: 0, style: { marginTop: l ? ke : 0 } }, /* @__PURE__ */ r.createElement(
     t.MessageTemplate,
     {
       ...e,
@@ -2157,18 +2160,18 @@ function Kn(e) {
       )),
       messageTemplateLoadingFallback: e.messageTemplateLoadingFallback ?? /* @__PURE__ */ r.createElement(ct, { $extraStartPadding: m }, /* @__PURE__ */ r.createElement(t.TypingIndicator, { ...e }))
     }
-  ))), d && s && /* @__PURE__ */ r.createElement(Ss, { $extraStartPadding: m + 8 }, /* @__PURE__ */ r.createElement(t.SentTime, { ...e })), /* @__PURE__ */ r.createElement(Ft, null, e.suggestedRepliesVisible && /* @__PURE__ */ r.createElement(Jt, null, /* @__PURE__ */ r.createElement(t.SuggestedReplies, { ...e })), /* @__PURE__ */ r.createElement(t.MessageLogs, { ...e })));
+  ))), d && s && /* @__PURE__ */ r.createElement(Ts, { $extraStartPadding: m + 8 }, /* @__PURE__ */ r.createElement(t.SentTime, { ...e })), /* @__PURE__ */ r.createElement(Ft, null, e.suggestedRepliesVisible && /* @__PURE__ */ r.createElement(Jt, null, /* @__PURE__ */ r.createElement(t.SuggestedReplies, { ...e })), /* @__PURE__ */ r.createElement(t.MessageLogs, { ...e })));
 }
-const vs = u.div`display:flex;flex-direction:column;align-items:flex-start;margin-bottom:${({ $marginBottom: e }) => `${e}px`};
+const _s = u.div`display:flex;flex-direction:column;align-items:flex-start;margin-bottom:${({ $marginBottom: e }) => `${e}px`};
 `, rt = u.div`display:flex;align-self:stretch;justify-content:flex-start;${({ $startPadding: e = oe, $endPadding: t = oe, $extraStartPadding: n = 0 }) => `
     padding-inline: ${e + n}px ${t}px;
   `}
-`, _s = u(rt)`display:flex;flex-direction:row;align-items:center;gap:8px;`, ct = u(rt)`display:flex;`, Ss = u(rt)`margin-top:${Un}px;display:flex;align-items:flex-start;justify-content:flex-start;`, Jt = u(rt)`display:flex;flex-direction:column;${({ $startPadding: e = oe, $endPadding: t = oe, $extraStartPadding: n = 0 }) => `
+`, Ss = u(rt)`display:flex;flex-direction:row;align-items:center;gap:8px;`, ct = u(rt)`display:flex;`, Ts = u(rt)`margin-top:${Un}px;display:flex;align-items:flex-start;justify-content:flex-start;`, Jt = u(rt)`display:flex;flex-direction:column;${({ $startPadding: e = oe, $endPadding: t = oe, $extraStartPadding: n = 0 }) => `
     padding-inline: ${e + n}px ${t}px;
   `}
 `;
-function Ts({ file: e, children: t, onClickFile: n }) {
-  return /* @__PURE__ */ r.createElement(ws, null, /* @__PURE__ */ r.createElement(
+function ws({ file: e, children: t, onClickFile: n }) {
+  return /* @__PURE__ */ r.createElement(ks, null, /* @__PURE__ */ r.createElement(
     kt,
     {
       name: e.name,
@@ -2177,51 +2180,54 @@ function Ts({ file: e, children: t, onClickFile: n }) {
     }
   ), t);
 }
-const ws = u.div`display:flex;flex-direction:column;align-items:flex-end;gap:${ke}px;`, Zn = ({ className: e, children: t, size: n = 26 }) => /* @__PURE__ */ r.createElement(ks, { className: e, $size: n }, t ?? /* @__PURE__ */ r.createElement(O, { type: "spinner", size: n })), ks = u.div`display:flex;align-items:center;justify-content:center;width:${({ $size: e }) => Z(e)};height:${({ $size: e }) => Z(e)};animation:1s infinite linear;animation-name:rotate;@keyframes rotate{from{transform:rotate(0);}to{transform:rotate(360deg);}}`;
-function As({ file: e, metadata: t, onClickMedia: n, children: o }) {
+const ks = u.div`display:flex;flex-direction:column;align-items:flex-end;gap:${ke}px;`, Zn = ({ className: e, children: t, size: n = 26 }) => /* @__PURE__ */ r.createElement(As, { className: e, $size: n }, t ?? /* @__PURE__ */ r.createElement(O, { type: "spinner", size: n })), As = u.div`display:flex;align-items:center;justify-content:center;width:${({ $size: e }) => Z(e)};height:${({ $size: e }) => Z(e)};animation:1s infinite linear;animation-name:rotate;@keyframes rotate{from{transform:rotate(0);}to{transform:rotate(360deg);}}`;
+function Is({ file: e, metadata: t, onClickMedia: n, children: o }) {
   const { aspectRatio: i, localFile: a } = t, [s] = _(() => a instanceof File ? URL.createObjectURL(a) : e.url), [l, c] = _(!1), d = {
     onClick: () => n == null ? void 0 : n(e),
     $ratio: i
   };
-  return /* @__PURE__ */ r.createElement(Is, null, /* @__PURE__ */ r.createElement($s, { ...d }, !l && /* @__PURE__ */ r.createElement(Zn, { size: 26 }, /* @__PURE__ */ r.createElement(O, { type: "spinner", color: "textLowEmphasis", size: 26 })), /* @__PURE__ */ r.createElement(Ms, { $loaded: l, src: s, alt: "image-message", onLoad: () => c(!0) })), o);
+  return /* @__PURE__ */ r.createElement($s, null, /* @__PURE__ */ r.createElement(Ms, { ...d }, !l && /* @__PURE__ */ r.createElement(Zn, { size: 26 }, /* @__PURE__ */ r.createElement(O, { type: "spinner", color: "textLowEmphasis", size: 26 })), /* @__PURE__ */ r.createElement(Os, { $loaded: l, src: s, alt: "image-message", onLoad: () => c(!0) })), o);
 }
-const Is = u.div`display:flex;flex-direction:column;align-items:flex-end;gap:${ke}px;`, $s = u.div`width:${Pe}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;${N.light`
+const $s = u.div`display:flex;flex-direction:column;align-items:flex-end;gap:${ke}px;`, Ms = u.div`width:${Pe}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;${N.light`
     background-color: ${h.color.background100};
   `}
   ${N.dark`
     background-color: ${h.color.background400};
   `}
-`, Ms = u.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;`;
+`, Os = u.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 Xt(e) {
   var n, o;
-  const t = ve(() => Sn.sanitize(zn(e.message)), [e.message]);
+  const t = ve(() => {
+    const i = Vi(zn(e.message));
+    return Sn.sanitize(i);
+  }, [e.message]);
   return /* @__PURE__ */ r.createElement(
-    Os,
+    Ls,
     {
       $maxWidth: e.maxBodyWidth ?? Pe,
       $color: (n = e.customStyle) == null ? void 0 : n.bubbleContentColor,
       $bgColor: (o = e.customStyle) == null ? void 0 : o.bubbleBackgroundColor
     },
-    /* @__PURE__ */ r.createElement(Ls, { variant: "body3", dangerouslySetInnerHTML: { __html: t } })
+    /* @__PURE__ */ r.createElement(Rs, { variant: "body3", dangerouslySetInnerHTML: { __html: t } })
   );
 }
-const Os = u.div`display:flex;flex-direction:column;border-radius:12px;overflow:hidden;max-width:${({ $maxWidth: e }) => e}px;${({ theme: e, $color: t, $bgColor: n }) => $`
+const Ls = u.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;
-`, Ls = u(k)`align-items:flex-start;line-height:140%;white-space:pre-wrap;padding:0 12px;`;
-function Rs(e) {
+`, Rs = u(k)`align-items:flex-start;line-height:140%;white-space:pre-wrap;padding:0 12px;`;
+function Ds(e) {
   const { stringSet: t } = R(), n = Hn(e) ? /* @__PURE__ */ r.createElement(Xt, { ...e }) : null;
-  return e.messageType === "user" ? n : e.messageType === "file" ? e.file.type.startsWith("image") ? /* @__PURE__ */ r.createElement(As, { ...e }, n) : /* @__PURE__ */ r.createElement(Ts, { ...e }, n) : /* @__PURE__ */ r.createElement(Xt, { ...e, message: t.UNKNOWN__UNKNOWN_MESSAGE_TYPE });
+  return e.messageType === "user" ? n : e.messageType === "file" ? e.file.type.startsWith("image") ? /* @__PURE__ */ r.createElement(Is, { ...e }, n) : /* @__PURE__ */ r.createElement(ws, { ...e }, n) : /* @__PURE__ */ r.createElement(Xt, { ...e, message: t.UNKNOWN__UNKNOWN_MESSAGE_TYPE });
 }
-function Ds({ sendingStatus: e }) {
+function Ns({ sendingStatus: e }) {
   const t = Ct();
   switch (e) {
     case "pending":
-      return /* @__PURE__ */ r.createElement(Ns, { size: 16 }, /* @__PURE__ */ r.createElement(O, { type: "spinner", color: t.colors.messageOutgoing.background, size: 16 }));
+      return /* @__PURE__ */ r.createElement(Ps, { 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: h.themedColor.error, size: 16 }));
     case "scheduled":
@@ -2231,40 +2237,40 @@ function Ds({ sendingStatus: e }) {
       return /* @__PURE__ */ r.createElement("div", null, /* @__PURE__ */ r.createElement(O, { type: "chevron-down" }));
   }
 }
-const Ns = u(Zn)`margin-bottom:2px;width:16px;height:16px;`;
-function Ps({ createdAt: e }) {
+const Ps = u(Zn)`margin-bottom:2px;width:16px;height:16px;`;
+function Bs({ createdAt: e }) {
   const { stringSet: t, format: n } = R();
   return e ? /* @__PURE__ */ r.createElement(k, { variant: "caption4", color: h.themedColor.textLowEmphasis }, n(e, t.DATE_FORMAT__MESSAGE_TIMESTAMP)) : null;
 }
 const Mt = we({
-  template: Bs,
+  template: Fs,
   components: {
-    SendingStatus: Ds,
-    SentTime: Ps,
-    MessageBody: Rs
+    SendingStatus: Ns,
+    SentTime: Bs,
+    MessageBody: Ds
   }
 });
-function Bs(e) {
+function Fs(e) {
   const { components: t } = Mt.useContext(), n = e.sendingStatus === "succeeded", o = e.groupType === "bottom" || e.groupType === "single";
-  return /* @__PURE__ */ r.createElement(Fs, { $marginBottom: Tt(e.groupType) }, /* @__PURE__ */ r.createElement(Us, null, /* @__PURE__ */ r.createElement(t.MessageBody, { ...e })), o && /* @__PURE__ */ r.createElement(Hs, { $extraEndPadding: 8 }, n ? /* @__PURE__ */ r.createElement(t.SentTime, { ...e }) : /* @__PURE__ */ r.createElement(t.SendingStatus, { ...e })));
+  return /* @__PURE__ */ r.createElement(Us, { $marginBottom: Tt(e.groupType) }, /* @__PURE__ */ r.createElement(Hs, null, /* @__PURE__ */ r.createElement(t.MessageBody, { ...e })), o && /* @__PURE__ */ r.createElement(zs, { $extraEndPadding: 8 }, n ? /* @__PURE__ */ r.createElement(t.SentTime, { ...e }) : /* @__PURE__ */ r.createElement(t.SendingStatus, { ...e })));
 }
-const Fs = u.div`display:flex;flex:1;flex-direction:column;align-items:flex-end;margin-bottom:${({ $marginBottom: e }) => `${e}px`};
+const Us = u.div`display:flex;flex:1;flex-direction:column;align-items:flex-end;margin-bottom:${({ $marginBottom: e }) => `${e}px`};
 `, Yn = u.div`display:flex;align-self:stretch;justify-content:flex-end;${({ $startPadding: e = oe, $endPadding: t = oe, $extraEndPadding: n = 0 }) => `padding-inline: ${e}px ${t + n}px;`};
-`, Us = u(Yn)``, Hs = u(Yn)`margin-top:${Un}px;`;
-function zs(e) {
-  return e.messageType !== "admin" ? null : /* @__PURE__ */ r.createElement(Vs, null, /* @__PURE__ */ r.createElement(k, { variant: "caption2", color: h.themedColor.textMidEmphasis }, Ws(Sn.sanitize(e.message))));
+`, Hs = u(Yn)``, zs = u(Yn)`margin-top:${Un}px;`;
+function Vs(e) {
+  return e.messageType !== "admin" ? null : /* @__PURE__ */ r.createElement(Ws, null, /* @__PURE__ */ r.createElement(k, { variant: "caption2", color: h.themedColor.textMidEmphasis }, Gs(Sn.sanitize(e.message))));
 }
-const Vs = u.div`text-align:center;text-wrap:pretty;a{text-decoration:none;color:inherit;}`, Ws = (e) => {
+const Ws = u.div`text-align:center;text-wrap:pretty;a{text-decoration:none;color:inherit;}`, Gs = (e) => {
   const t = /\[([^\]]+)\]\((https?:\/\/[^\s]+)\)/g, n = [];
   let o = 0;
   return e.replace(t, (i, a, s, l) => (n.push(e.slice(o, l)), n.push(
     /* @__PURE__ */ r.createElement("a", { key: s, href: s, target: "_blank", rel: St }, a)
   ), o = l + i.length, i)), n.push(e.slice(o)), n;
-}, Gs = ({ submitted: e, defaultValue: t, value: n, onChange: o }) => {
+}, js = ({ submitted: e, defaultValue: t, value: n, onChange: o }) => {
   const { stringSet: i } = R();
   return D(() => {
     typeof n > "u" && typeof t == "boolean" && (o == null || o(t));
-  }, [n, t]), /* @__PURE__ */ r.createElement(js, null, /* @__PURE__ */ r.createElement(k, { variant: "caption2", color: h.themedColor.textMidEmphasis }, i.CSAT_CRE_TITLE), /* @__PURE__ */ r.createElement("div", null, /* @__PURE__ */ r.createElement(
+  }, [n, t]), /* @__PURE__ */ r.createElement(Ks, null, /* @__PURE__ */ r.createElement(k, { variant: "caption2", color: h.themedColor.textMidEmphasis }, i.CSAT_CRE_TITLE), /* @__PURE__ */ r.createElement("div", null, /* @__PURE__ */ r.createElement(
     Qt,
     {
       checked: n === !0,
@@ -2283,15 +2289,15 @@ const Vs = u.div`text-align:center;text-wrap:pretty;a{text-decoration:none;color
   )));
 }, Qt = ({ onClick: e, checked: t, label: n, disabled: o }) => {
   const i = t ? h.color.primary.main : o ? h.themedColor.textDisabled : h.themedColor.textLowEmphasis, a = t ? h.themedColor.textHighEmphasis : o ? h.themedColor.textLowEmphasis : h.themedColor.textHighEmphasis;
-  return /* @__PURE__ */ r.createElement(Ks, { onClick: e, disabled: o }, /* @__PURE__ */ r.createElement(O, { size: 24, type: t ? "radio-on" : "radio-off", color: i }), /* @__PURE__ */ r.createElement(k, { variant: "caption2", color: a }, n));
-}, js = u.div`display:flex;flex-direction:column;gap:8px;`, Ks = u.button`all:unset;display:flex;align-items:center;justify-content:flex-start;gap:2px;span{line-height:initial;}&:enabled{cursor:pointer;}`, Zs = (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 })), Ys = (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" })))), qs = (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" })), Js = (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" })), Xs = (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" })), Qs = (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" })), ea = (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" })), ta = (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" })), na = (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" })), ra = (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: {
+  return /* @__PURE__ */ r.createElement(Zs, { onClick: e, disabled: o }, /* @__PURE__ */ r.createElement(O, { size: 24, type: t ? "radio-on" : "radio-off", color: i }), /* @__PURE__ */ r.createElement(k, { variant: "caption2", color: a }, n));
+}, Ks = u.div`display:flex;flex-direction:column;gap:8px;`, Zs = u.button`all:unset;display:flex;align-items:center;justify-content:flex-start;gap:2px;span{line-height:initial;}&:enabled{cursor:pointer;}`, Ys = (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 })), qs = (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" })))), Js = (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" })), Xs = (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" })), Qs = (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" })), ea = (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" })), ta = (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" })), na = (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" })), ra = (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" })), oa = (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)" })))), oa = [
+}, 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)" })))), ia = [
   {
     value: 1,
     Icon: {
-      Active: Ys,
-      Inactive: Zs
+      Active: qs,
+      Inactive: Ys
     },
     isActive: (e) => e <= 1,
     getTooltip: (e) => e.CSAT5_RATING_SCORE_1
@@ -2299,8 +2305,8 @@ const Vs = u.div`text-align:center;text-wrap:pretty;a{text-decoration:none;color
   {
     value: 2,
     Icon: {
-      Active: Js,
-      Inactive: qs
+      Active: Xs,
+      Inactive: Js
     },
     isActive: (e) => e === 2,
     getTooltip: (e) => e.CSAT5_RATING_SCORE_2
@@ -2308,8 +2314,8 @@ const Vs = u.div`text-align:center;text-wrap:pretty;a{text-decoration:none;color
   {
     value: 3,
     Icon: {
-      Active: Qs,
-      Inactive: Xs
+      Active: ea,
+      Inactive: Qs
     },
     isActive: (e) => e === 3,
     getTooltip: (e) => e.CSAT5_RATING_SCORE_3
@@ -2317,8 +2323,8 @@ const Vs = u.div`text-align:center;text-wrap:pretty;a{text-decoration:none;color
   {
     value: 4,
     Icon: {
-      Active: ta,
-      Inactive: ea
+      Active: na,
+      Inactive: ta
     },
     isActive: (e) => e === 4,
     getTooltip: (e) => e.CSAT5_RATING_SCORE_4
@@ -2326,13 +2332,13 @@ const Vs = u.div`text-align:center;text-wrap:pretty;a{text-decoration:none;color
   {
     value: 5,
     Icon: {
-      Active: ra,
-      Inactive: na
+      Active: oa,
+      Inactive: ra
     },
     isActive: (e) => 5 <= e,
     getTooltip: (e) => e.CSAT5_RATING_SCORE_5
   }
-], ia = () => oa, qn = ({ label: e, children: t, position: n = "top", disabled: o }) => o ? t : /* @__PURE__ */ r.createElement(bt, null, t, /* @__PURE__ */ r.createElement(la, { $position: n }, /* @__PURE__ */ r.createElement(ca, { variant: "caption1" }, e), /* @__PURE__ */ r.createElement(sa, { $position: n }))), sa = ({ $position: e }) => /* @__PURE__ */ r.createElement(
+], sa = () => ia, qn = ({ label: e, children: t, position: n = "top", disabled: o }) => o ? t : /* @__PURE__ */ r.createElement(bt, null, t, /* @__PURE__ */ r.createElement(ca, { $position: n }, /* @__PURE__ */ r.createElement(da, { variant: "caption1" }, e), /* @__PURE__ */ r.createElement(aa, { $position: n }))), aa = ({ $position: e }) => /* @__PURE__ */ r.createElement(
   "svg",
   {
     style: { transform: e === "top" ? "rotate(0)" : "rotate(180deg)" },
@@ -2343,13 +2349,13 @@ const Vs = u.div`text-align:center;text-wrap:pretty;a{text-decoration:none;color
     fill: "none"
   },
   /* @__PURE__ */ r.createElement("path", { d: "M6 6L0 0h12L6 6Z", fill: h.themedColor.textHighEmphasis })
-), aa = {
+), la = {
   top: $`flex-direction:column;top:0;transform:translate(-50%,-100%);`,
   bottom: $`flex-direction:column-reverse;bottom:0;transform:translate(-50%,100%);`
-}, bt = u.div`position:relative;`, la = u.div`display:flex;align-items:center;position:absolute;left:50%;z-index:${fe.TOOLTIP};${({ $position: e }) => aa[e]}opacity:0;transition:opacity 0.2s ease-in-out;pointer-events:none;${bt}:hover &,${bt}:focus-within &{opacity:1;}`, ca = u(k)`padding:6px 8px;background:${h.themedColor.textHighEmphasis};color:${h.themedColor.textHighEmphasisInverse};border-radius:4px;font-size:12px;white-space:nowrap;`, da = ({ submitted: e, value: t, onChange: n }) => {
-  const { stringSet: o } = R(), i = ia(), a = typeof t == "number";
-  return /* @__PURE__ */ r.createElement(ua, null, /* @__PURE__ */ r.createElement(k, { variant: "caption2", color: h.themedColor.textMidEmphasis }, o.CSAT_RATING_TITLE), /* @__PURE__ */ r.createElement(ma, null, i.map((s) => /* @__PURE__ */ r.createElement(qn, { disabled: e, key: s.value, label: s.getTooltip(o) }, /* @__PURE__ */ r.createElement(
-    ha,
+}, bt = u.div`position:relative;`, ca = u.div`display:flex;align-items:center;position:absolute;left:50%;z-index:${fe.TOOLTIP};${({ $position: e }) => la[e]}opacity:0;transition:opacity 0.2s ease-in-out;pointer-events:none;${bt}:hover &,${bt}:focus-within &{opacity:1;}`, da = u(k)`padding:6px 8px;background:${h.themedColor.textHighEmphasis};color:${h.themedColor.textHighEmphasisInverse};border-radius:4px;font-size:12px;white-space:nowrap;`, ua = ({ submitted: e, value: t, onChange: n }) => {
+  const { stringSet: o } = R(), i = sa(), a = typeof t == "number";
+  return /* @__PURE__ */ r.createElement(ma, null, /* @__PURE__ */ r.createElement(k, { variant: "caption2", color: h.themedColor.textMidEmphasis }, o.CSAT_RATING_TITLE), /* @__PURE__ */ r.createElement(ha, null, i.map((s) => /* @__PURE__ */ r.createElement(qn, { disabled: e, key: s.value, label: s.getTooltip(o) }, /* @__PURE__ */ r.createElement(
+    ga,
     {
       disabled: e,
       onClick: () => n(s.value),
@@ -2357,16 +2363,16 @@ const Vs = u.div`text-align:center;text-wrap:pretty;a{text-decoration:none;color
     },
     a ? s.isActive(t) ? /* @__PURE__ */ r.createElement(s.Icon.Active, null) : /* @__PURE__ */ r.createElement(s.Icon.Inactive, null) : /* @__PURE__ */ r.createElement(s.Icon.Active, null)
   )))));
-}, ua = u.div`display:flex;flex-direction:column;gap:8px;`, ma = u.div`display:flex;justify-content:space-between;width:100%;max-width:320px;`, ha = u.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:${h.color.background200};${N.dark`
+}, ma = u.div`display:flex;flex-direction:column;gap:8px;`, ha = u.div`display:flex;justify-content:space-between;width:100%;max-width:320px;`, ga = u.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:${h.color.background200};${N.dark`
       background-color: ${h.color.background500};
     `}
   }
 
-  ${({ $inactive: e, theme: t }) => e && t.selectedTheme === "dark" && ga};
-`, ga = $`[fill]{fill:white;fill-opacity:0.12;}[stroke]{stroke:white;stroke-opacity:0.12;}`, pa = ({ submitted: e, value: t = "", onChange: n }) => {
+  ${({ $inactive: e, theme: t }) => e && t.selectedTheme === "dark" && pa};
+`, pa = $`[fill]{fill:white;fill-opacity:0.12;}[stroke]{stroke:white;stroke-opacity:0.12;}`, fa = ({ submitted: e, value: t = "", onChange: n }) => {
   const { stringSet: o } = R();
   return e && !t ? null : /* @__PURE__ */ r.createElement(
-    fa,
+    ba,
     {
       disabled: e,
       maxLength: 255,
@@ -2375,7 +2381,7 @@ const Vs = u.div`text-align:center;text-wrap:pretty;a{text-decoration:none;color
       placeholder: o.CSAT_REASON_PLACEHOLDER
     }
   );
-}, fa = u.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:${h.themedColor.textHighEmphasis};&::placeholder{color:${h.themedColor.textLowEmphasis};}background-color:${h.color.background50};${N.dark`
+}, ba = u.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:${h.themedColor.textHighEmphasis};&::placeholder{color:${h.themedColor.textLowEmphasis};}background-color:${h.color.background50};${N.dark`
     background-color: ${h.themedColor.textDisabled};
   `}
 
@@ -2388,44 +2394,44 @@ const Vs = u.div`text-align:center;text-wrap:pretty;a{text-decoration:none;color
       background-color: ${h.themedColor.textDisabled};
     `}
   }
-`, ba = ({ submitted: e }) => {
+`, xa = ({ submitted: e }) => {
   const { stringSet: t } = R();
   return e ? /* @__PURE__ */ r.createElement(k, { variant: "h2", color: h.themedColor.textHighEmphasis }, t.CSAT_TITLE_SUBMITTED) : /* @__PURE__ */ r.createElement(k, { variant: "h2", color: h.themedColor.textHighEmphasis }, t.CSAT_TITLE_UNSUBMITTED);
 };
 var te = /* @__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))(te || {});
-const xa = (e) => Sr((t, n) => ({ ...t, ...n }), e), dt = ({
+const Ea = (e) => Sr((t, n) => ({ ...t, ...n }), e), dt = ({
   type: e,
   renderSubmitButton: t,
   initialCsat: n,
   initialCsatReason: o,
   initialIsResolved: i
 }) => {
-  const [a, s] = xa({
+  const [a, s] = Ea({
     csatType: e,
     csat: n,
     csatReason: o,
     isResolved: i
   }), l = typeof n == "number" ? "submitted" : (e === te.AI_AGENT_CSAT_5 || e === te.HELPDESK_CSAT_5) && typeof a.csat == "number" || e === te.AI_AGENT_CSAT_5_WITH_CRE && typeof a.csat == "number" && typeof a.isResolved == "boolean" ? "submittable" : "unsubmittable", c = { state: l, submitted: l === "submitted" };
-  return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(Ea, null, /* @__PURE__ */ r.createElement(ba, { ...c }), e === te.AI_AGENT_CSAT_5_WITH_CRE && /* @__PURE__ */ r.createElement(
-    Gs,
+  return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(Ca, null, /* @__PURE__ */ r.createElement(xa, { ...c }), e === te.AI_AGENT_CSAT_5_WITH_CRE && /* @__PURE__ */ r.createElement(
+    js,
     {
       ...c,
       defaultValue: i,
       value: a.isResolved,
       onChange: (d) => s({ isResolved: d })
     }
-  ), /* @__PURE__ */ r.createElement(da, { ...c, value: a.csat, onChange: (d) => s({ csat: d }) }), a.csat && /* @__PURE__ */ r.createElement(
-    pa,
+  ), /* @__PURE__ */ r.createElement(ua, { ...c, value: a.csat, onChange: (d) => s({ csat: d }) }), a.csat && /* @__PURE__ */ r.createElement(
+    fa,
     {
       ...c,
       value: a.csatReason,
       onChange: (d) => s({ csatReason: d })
     }
   )), l !== "submitted" && t({ state: l, params: a }));
-}, Ea = u.div`display:flex;flex-direction:column;gap:12px;`, Ca = () => {
+}, Ca = u.div`display:flex;flex-direction:column;gap:12px;`, ya = () => {
   const { stringSet: e } = R();
   return /* @__PURE__ */ r.createElement(k, { variant: "body2", color: h.themedColor.textMidEmphasis, style: { textAlign: "center" } }, e.CSAT_SUBMISSION_EXPIRED);
-}, ya = (e) => {
+}, va = (e) => {
   if (e.messageType !== "admin.csat")
     throw new Error("Invalid message type");
   const t = Ur(), { stringSet: n } = R(), { extendedMessagePayload: o, csat: i, csatReason: a, csatExpireAt: s, isResolvedWhenDeterminedByUser: l, onSubmitCSAT: c } = e, { visibility: d, type: m } = (o == null ? void 0 : o.csat) ?? {};
@@ -2438,32 +2444,32 @@ const xa = (e) => Sr((t, n) => ({ ...t, ...n }), e), dt = ({
       isResolved: x.isResolved
     }) : t();
   };
-  return /* @__PURE__ */ r.createElement(va, null, !i && en(s) ? /* @__PURE__ */ r.createElement(Ca, null) : /* @__PURE__ */ r.createElement(
+  return /* @__PURE__ */ r.createElement(_a, null, !i && en(s) ? /* @__PURE__ */ r.createElement(ya, null) : /* @__PURE__ */ r.createElement(
     g,
     {
       type: m,
       initialCsat: i,
       initialCsatReason: a,
       initialIsResolved: l,
-      renderSubmitButton: ({ state: x, params: f }) => /* @__PURE__ */ r.createElement(_a, { disabled: x !== "submittable", onClick: () => p(f) }, /* @__PURE__ */ r.createElement(k, { variant: "button" }, n.CSAT_SUBMIT_LABEL))
+      renderSubmitButton: ({ state: x, params: f }) => /* @__PURE__ */ r.createElement(Sa, { disabled: x !== "submittable", onClick: () => p(f) }, /* @__PURE__ */ r.createElement(k, { variant: "button" }, n.CSAT_SUBMIT_LABEL))
     }
   ));
-}, va = u.div`display:flex;flex-direction:column;background-color:${({ theme: e }) => e.colors.csat.background};border-radius:16px;gap:16px;padding:24px;`, _a = u.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:${h.color.primary.dark};}&:disabled{color:${h.color.ondark.textLowEmphasis};background-color:${h.themedColor.textDisabled};cursor:not-allowed;}`;
+}, _a = u.div`display:flex;flex-direction:column;background-color:${({ theme: e }) => e.colors.csat.background};border-radius:16px;gap:16px;padding:24px;`, Sa = u.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:${h.color.primary.dark};}&:disabled{color:${h.color.ondark.textLowEmphasis};background-color:${h.themedColor.textDisabled};cursor:not-allowed;}`;
 function en(e) {
   return !!e && e < Date.now();
 }
 const Ot = we({
-  template: Sa,
+  template: Ta,
   components: {
-    AdminMessage: zs,
-    CSATMessage: ya
+    AdminMessage: Vs,
+    CSATMessage: va
   }
 });
-function Sa(e) {
+function Ta(e) {
   const { components: t } = Ot.useContext(), n = $t(() => e.messageType === "admin" ? /* @__PURE__ */ r.createElement(t.AdminMessage, { ...e }) : e.messageType === "admin.csat" ? /* @__PURE__ */ r.createElement(t.CSATMessage, { ...e }) : null);
-  return /* @__PURE__ */ r.createElement(Ta, { $marginBottom: Tt(e.groupType) }, n);
+  return /* @__PURE__ */ r.createElement(wa, { $marginBottom: Tt(e.groupType) }, n);
 }
-const Ta = u.div`padding-inline:${oe}px;margin-bottom:${({ $marginBottom: e }) => e}px;`, tn = {
+const wa = u.div`padding-inline:${oe}px;margin-bottom:${({ $marginBottom: e }) => e}px;`, tn = {
   file: "attach",
   snippet: "snippet",
   site: "website",
@@ -2473,7 +2479,7 @@ const Ta = u.div`padding-inline:${oe}px;margin-bottom:${({ $marginBottom: e }) =
   sb_zendesk: "zendesk",
   sb_desk: "snippet"
   // TODO: request icon
-}, wa = ({
+}, ka = ({
   actionbook: e,
   functionCalls: t,
   groundedness: n,
@@ -2513,7 +2519,7 @@ const Ta = u.div`padding-inline:${oe}px;margin-bottom:${({ $marginBottom: e }) =
       onClick: () => a == null ? void 0 : a(E)
     },
     E.name
-  ), /* @__PURE__ */ r.createElement(Aa, { role: "button", onClick: () => s == null ? void 0 : s(E) }, /* @__PURE__ */ r.createElement(k, { variant: "body2", color: f }, "View details"), /* @__PURE__ */ r.createElement(O, { type: "chevron-right", size: 16, color: f }))))), n == null ? void 0 : n.map((E) => /* @__PURE__ */ r.createElement(ut, { key: E.id }, /* @__PURE__ */ r.createElement(je, null, m({
+  ), /* @__PURE__ */ r.createElement(Ia, { role: "button", onClick: () => s == null ? void 0 : s(E) }, /* @__PURE__ */ r.createElement(k, { variant: "body2", color: f }, "View details"), /* @__PURE__ */ r.createElement(O, { type: "chevron-right", size: 16, color: f }))))), n == null ? void 0 : n.map((E) => /* @__PURE__ */ r.createElement(ut, { key: E.id }, /* @__PURE__ */ r.createElement(je, null, m({
     default: /* @__PURE__ */ r.createElement(O, { size: 16, type: tn[E.source_type] ?? tn.snippet, color: p }),
     sourceType: E.source_type
   })), /* @__PURE__ */ r.createElement(
@@ -2537,21 +2543,21 @@ const Ta = u.div`padding-inline:${oe}px;margin-bottom:${({ $marginBottom: e }) =
     },
     E.name
   ))), d);
-}, ka = u(k)`font-weight:400;`, Ge = u(ka)`${({ $clickable: e, $highlightColor: t }) => e && $`
+}, Aa = u(k)`font-weight:400;`, Ge = u(Aa)`${({ $clickable: e, $highlightColor: t }) => e && $`
       cursor: pointer;
       text-decoration: underline;
       &:hover {
         color: ${t};
       }
     `}
-`, je = u.div`display:flex;align-items:center;justify-content:center;flex-shrink:0;`, Je = u.div`display:flex;gap:8px;align-items:center;`, Aa = u(Je)`cursor:pointer;gap:4px;`, ut = u(Je)`flex-direction:row;align-items:center;`, nn = u.div`display:flex;gap:4px;flex-direction:column;align-items:flex-start;`, Jn = Te(null);
-function Ia({ testerType: e, children: t }) {
+`, je = u.div`display:flex;align-items:center;justify-content:center;flex-shrink:0;`, Je = u.div`display:flex;gap:8px;align-items:center;`, Ia = u(Je)`cursor:pointer;gap:4px;`, ut = u(Je)`flex-direction:row;align-items:center;`, nn = u.div`display:flex;gap:4px;flex-direction:column;align-items:flex-start;`, Jn = Te(null);
+function $a({ testerType: e, children: t }) {
   return /* @__PURE__ */ r.createElement(
     Jn.Provider,
     {
       value: { testerType: e, isActionbookTester: e === "actionbook" }
     },
-    e && /* @__PURE__ */ r.createElement($a, null),
+    e && /* @__PURE__ */ r.createElement(Ma, null),
     t
   );
 }
@@ -2559,13 +2565,13 @@ const Be = () => {
   const e = ne(Jn);
   if (!e) throw new Error("_UNSAFE_INTERNAL_DashboardTesterProvider not found");
   return e;
-}, $a = () => {
+}, Ma = () => {
   const { isActionbookTester: e } = Be();
-  return /* @__PURE__ */ r.createElement(_e.Template, { template: e ? Ma : void 0 }, /* @__PURE__ */ r.createElement(_e.MessageLogs, { component: Oa }));
-}, Ma = (e) => /* @__PURE__ */ r.createElement(Kn, { ...e, testerMode: !0, maxBodyWidth: Fn }), Oa = ({ extendedMessagePayload: e = {} }) => {
+  return /* @__PURE__ */ r.createElement(_e.Template, { template: e ? Oa : void 0 }, /* @__PURE__ */ r.createElement(_e.MessageLogs, { component: La }));
+}, Oa = (e) => /* @__PURE__ */ r.createElement(Kn, { ...e, testerMode: !0, maxBodyWidth: Fn }), La = ({ extendedMessagePayload: e = {} }) => {
   const { handlers: t } = P(), { manual: n, groundedness: o, function_calls: i, agent_message_templates: a, is_thinking: s } = e;
-  return s || !n && !(o != null && o.length) && !(i != null && i.length) && !(a != null && a.length) ? /* @__PURE__ */ r.createElement(r.Fragment, null) : /* @__PURE__ */ r.createElement(La, null, /* @__PURE__ */ r.createElement(Ra, { width: 4 }), /* @__PURE__ */ r.createElement(
-    wa,
+  return s || !n && !(o != null && o.length) && !(i != null && i.length) && !(a != null && a.length) ? /* @__PURE__ */ r.createElement(r.Fragment, null) : /* @__PURE__ */ r.createElement(Ra, null, /* @__PURE__ */ r.createElement(Da, { width: 4 }), /* @__PURE__ */ r.createElement(
+    ka,
     {
       actionbook: n,
       functionCalls: i,
@@ -2577,10 +2583,10 @@ const Be = () => {
         textColor: h.themedColor.textHighEmphasis,
         barColor: h.themedColor.textDisabled
       },
-      bottomContent: /* @__PURE__ */ r.createElement(Da, { variant: "caption2", color: h.themedColor.textLowEmphasis }, "Only visible in the tester")
+      bottomContent: /* @__PURE__ */ r.createElement(Na, { variant: "caption2", color: h.themedColor.textLowEmphasis }, "Only visible in the tester")
     }
   ));
-}, La = u.div`display:flex;gap:16px;margin:16px ${oe}px 0;align-self:stretch;`, Ra = u.div`width:${({ width: e }) => e}px;background-color:${h.themedColor.textDisabled};border-radius:100px;flex-shrink:0;`, Da = u(k)`margin-top:5px;`, Na = ({ publishSynchronous: e = !1 }) => {
+}, Ra = u.div`display:flex;gap:16px;margin:16px ${oe}px 0;align-self:stretch;`, Da = u.div`width:${({ width: e }) => e}px;background-color:${h.themedColor.textDisabled};border-radius:100px;flex-shrink:0;`, Na = u(k)`margin-top:5px;`, Pa = ({ publishSynchronous: e = !1 }) => {
   const t = /* @__PURE__ */ new Set();
   return {
     publish: (n) => {
@@ -2591,8 +2597,8 @@ const Be = () => {
     subscribe: (n) => (t.add(n), () => t.delete(n))
   };
 };
-function Pa(e, t = []) {
-  const n = F(null), o = F(0), i = F(0), [a] = _(() => Na({ publishSynchronous: !0 })), [s, l] = _(!0);
+function Ba(e, t = []) {
+  const n = F(null), o = F(0), i = F(0), [a] = _(() => Pa({ publishSynchronous: !0 })), [s, l] = _(!0);
   return le(() => {
     o.current = 0, i.current = 0, l(!0), n.current && (n.current.scrollTop = n.current.scrollHeight);
   }, t), le(() => a.subscribe(({ type: c, data: d }) => {
@@ -2617,7 +2623,7 @@ function Pa(e, t = []) {
 function rn(e, t) {
   return typeof t == "boolean" ? t ? "smooth" : "auto" : e;
 }
-function Ba(e) {
+function Fa(e) {
   return new Promise((t) => {
     const n = new Image();
     n.onload = function() {
@@ -2626,23 +2632,23 @@ function Ba(e) {
     }, n.src = URL.createObjectURL(e);
   });
 }
-async function Fa(e) {
+async function Ua(e) {
   if ("file" in e && e.file instanceof File && e.file.type.startsWith("image/")) {
-    const { width: t, height: n } = await Ba(e.file);
+    const { width: t, height: n } = await Fa(e.file);
     return new Kr({
       key: Xn,
       value: [t, n]
     });
   }
 }
-const Xn = "KEY_IMG_ASPECT_RATIO", Ua = ({ onScrollAfterSendMessage: e }) => {
+const Xn = "KEY_IMG_ASPECT_RATIO", Ha = ({ onScrollAfterSendMessage: e }) => {
   const { agentPreviewConfigs: t, handlers: n } = P(), o = F(t == null ? void 0 : t.agentAttributes);
   return o.current = t == null ? void 0 : t.agentAttributes, {
     onBeforeSendMessage: async (i) => {
-      const a = await Fa(i), s = {
+      const a = await Ua(i), s = {
         ...i,
         metaArrays: a ? [a] : void 0
-      }, l = Ha(o.current);
+      }, l = za(o.current);
       return l ? { ...s, data: JSON.stringify(l) } : s;
     },
     onAfterSendMessage: (i) => {
@@ -2650,26 +2656,26 @@ const Xn = "KEY_IMG_ASPECT_RATIO", Ua = ({ onScrollAfterSendMessage: e }) => {
       e(), (a = n == null ? void 0 : n.onMessageSend) == null || a.call(n, i.message);
     }
   };
-}, Ha = (e) => {
+}, za = (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: za,
+  Provider: Va,
   useContext: q
-} = j("Conversation"), Va = ({
+} = j("Conversation"), Wa = ({
   closedChannelUrl: e,
   onClearClosedChannelUrl: t,
   onNavigateToConversationList: n,
   children: o
 }) => {
-  const { aiAgentInfo: i, activeChannel: a, refreshActiveChannel: s } = z(), { testerType: l } = Be(), c = Pa("smooth"), { onBeforeSendMessage: d, onAfterSendMessage: m } = Ua({
+  const { aiAgentInfo: i, activeChannel: a, refreshActiveChannel: s } = z(), { testerType: l } = Be(), c = Ba("smooth"), { onBeforeSendMessage: d, onAfterSendMessage: m } = Ha({
     onScrollAfterSendMessage: () => {
       c.scrollPubSub.publish({ type: "scrollToBottom", data: { animated: !1 } });
     }
   }), g = (x) => {
     const f = x[x.length - 1];
-    f && Qe.shouldScrollToBottom(f, i.userId, !!l) && c.scrollPubSub.publish({ type: "scrollToBottom" });
+    f && Qe.shouldScrollToBottom(f, i.userId, !!l) && setTimeout(() => c.scrollPubSub.publish({ type: "scrollToBottom" }), 25);
   }, p = U(async () => {
     await s(), e && (t == null || t());
   }, [s, e, t]);
@@ -2685,7 +2691,7 @@ const Xn = "KEY_IMG_ASPECT_RATIO", Ua = ({ onScrollAfterSendMessage: e }) => {
       onConversationClosedViaDispatcher: p
     },
     (x) => /* @__PURE__ */ r.createElement(
-      za,
+      Va,
       {
         value: { ...x, scrollSource: c, goToActiveConversation: p, onNavigateToConversationList: n }
       },
@@ -2713,7 +2719,7 @@ const Xn = "KEY_IMG_ASPECT_RATIO", Ua = ({ onScrollAfterSendMessage: e }) => {
     },
     e
   );
-}, Wa = ({ onDropFiles: e }) => {
+}, Ga = ({ onDropFiles: e }) => {
   const { subscribe: t } = ne(Lt);
   D(() => t(e), [e]);
 };
@@ -2721,19 +2727,19 @@ xt.Consumer = ({ children: e }) => {
   const { onDrop: t } = ne(Lt);
   return e({ onDrop: t, onDragOver: (i) => i.preventDefault() });
 };
-const qd = ({ iconSize: e = 64, icon: t, className: n, label: o, children: i }) => /* @__PURE__ */ r.createElement(ja, { className: n }, /* @__PURE__ */ r.createElement(O, { type: t, size: e, color: h.themedColor.textLowEmphasis }), /* @__PURE__ */ r.createElement(k, { variant: "body1", color: h.themedColor.textMidEmphasis }, o), i), Ga = u.div`position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;`, ja = u.div`display:flex;flex-direction:column;min-height:104px;align-items:center;gap:20px;text-align:center;`, Ka = {
-  loading: w(() => import("./C58hkclZ.js")),
-  error: w(() => import("./Do6SFGnr.js")),
-  noChannels: w(() => import("./BLb52EXE.js")),
-  noMessages: w(() => import("./BLgWjiCI.js"))
+const Jd = ({ iconSize: e = 64, icon: t, className: n, label: o, children: i }) => /* @__PURE__ */ r.createElement(Ka, { className: n }, /* @__PURE__ */ r.createElement(O, { type: t, size: e, color: h.themedColor.textLowEmphasis }), /* @__PURE__ */ r.createElement(k, { variant: "body1", color: h.themedColor.textMidEmphasis }, o), i), ja = u.div`position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;`, Ka = u.div`display:flex;flex-direction:column;min-height:104px;align-items:center;gap:20px;text-align:center;`, Za = {
+  loading: w(() => import("./PXojwkiO.js")),
+  error: w(() => import("./DRPdjwTV.js")),
+  noChannels: w(() => import("./BMNdyD6n.js")),
+  noMessages: w(() => import("./BX7cHbkb.js"))
 }, Se = ({ className: e, type: t = "loading", ...n }) => {
-  const o = Ka[t];
-  return /* @__PURE__ */ r.createElement(Ga, { className: e }, /* @__PURE__ */ r.createElement(Me, { fallback: null }, /* @__PURE__ */ r.createElement(o, { ...n })));
+  const o = Za[t];
+  return /* @__PURE__ */ r.createElement(ja, { className: e }, /* @__PURE__ */ r.createElement(Me, { fallback: null }, /* @__PURE__ */ r.createElement(o, { ...n })));
 };
-function Za(e) {
+function Ya(e) {
   return "sendingStatus" in e ? e.sendingStatus === "succeeded" ? String(e.messageId) : e.reqId : String(e.messageId);
 }
-const Ya = (e, t, n, o = !0) => {
+const qa = (e, t, n, o = !0) => {
   if (!o || !e.isUserMessage() && !e.isFileMessage())
     return "single";
   const i = () => {
@@ -2747,18 +2753,18 @@ const Ya = (e, t, n, o = !0) => {
   }, s = i(), l = a();
   return s && l ? "middle" : s ? "bottom" : l ? "top" : "single";
 };
-function qa(e, t) {
+function Ja(e, t) {
   return e.filter((n) => Qe.isWelcomeMessage(n, t));
 }
 function Qn(e, t) {
-  return Ja(e) === t;
+  return Xa(e) === t;
 }
-function Ja(e) {
+function Xa(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 Xa(e) {
+function Qa(e) {
   return e.isAdminMessage() ? e.message === "The channel's custom_type was updated." : !1;
 }
 const on = (e) => !!e && "sender" in e, er = (e) => e.startsWith("image/"), tr = (e) => e.startsWith("video/"), sn = (e) => er(e) || tr(e), Ke = {
@@ -2773,18 +2779,18 @@ const on = (e) => !!e && "sender" in e, er = (e) => e.startsWith("image/"), tr =
   if (!t) return null;
   const { rootElement: i } = P(), a = pe(i), s = pe(i, !0);
   return qr(
-    /* @__PURE__ */ r.createElement(Qa, { onClick: n }, /* @__PURE__ */ r.createElement(el, { onClick: (l) => l.stopPropagation() }, o)),
+    /* @__PURE__ */ r.createElement(el, { onClick: n }, /* @__PURE__ */ r.createElement(tl, { onClick: (l) => l.stopPropagation() }, o)),
     a.getElementById(e) ?? a.getElementById(re.MODAL_ROOT) ?? s.body
   );
-}, Qa = u.div`position:fixed;top:0;left:0;width:100%;height:100%;background:${h.color.overlay.dark};display:flex;justify-content:center;align-items:center;z-index:${fe.MODAL};`, el = u.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:${fe.MODAL};`, tl = u.div`flex-shrink:0;width:${({ $size: e }) => Z(e)};height:${({ $size: e }) => Z(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;}`, nl = u(At)`path{fill:${({ theme: e }) => e.colors.base.primaryContrastContent};}`;
+}, el = u.div`position:fixed;top:0;left:0;width:100%;height:100%;background:${h.color.overlay.dark};display:flex;justify-content:center;align-items:center;z-index:${fe.MODAL};`, tl = u.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:${fe.MODAL};`, nl = u.div`flex-shrink:0;width:${({ $size: e }) => Z(e)};height:${({ $size: e }) => Z(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;}`, rl = u(At)`path{fill:${({ theme: e }) => e.colors.base.primaryContrastContent};}`;
 function rr({ size: e }) {
   const { aiAgentInfo: t } = z();
-  return t.profileUrl ? /* @__PURE__ */ r.createElement(It, { size: e, src: t.profileUrl }) : /* @__PURE__ */ r.createElement(tl, { $size: e }, /* @__PURE__ */ r.createElement(nl, null));
+  return t.profileUrl ? /* @__PURE__ */ r.createElement(It, { size: e, src: t.profileUrl }) : /* @__PURE__ */ r.createElement(nl, { $size: e }, /* @__PURE__ */ r.createElement(rl, null));
 }
-const rl = u.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none;`, ol = u.div`height:64px;min-height:64px;box-sizing:border-box;display:flex;justify-content:space-between;border-bottom:1px solid ${h.themedColor.textDisabled};background-color:${h.themedColor.bg_50_600};@media screen and (max-width:768px){position:relative;}`, il = u.div`box-sizing:border-box;display:flex;flex-direction:row;align-items:center;height:64px;padding:16px 20px;width:calc(100% - 128px);`, sl = u.div`margin-inline-end:8px;`, al = u.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);}`, ll = u.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;}`, cl = u.div`display:flex;width:160px;justify-content:flex-end;`, dl = u.div`inset-inline-end:0;display:flex;flex-direction:row;`, Et = u.div`width:64px;padding:21px;box-sizing:border-box;cursor:${(e) => e.disabled ? "not-allowed" : "pointer"};`, ul = u(Et)`border-inline-start:1px solid ${h.themedColor.textDisabled};`, ml = u.div`width:100%;height:100%;display:flex;align-items:center;justify-content:center;`, hl = u.video`max-width:100%;max-height:100%;user-select:none;-webkit-user-drag:none;`, gl = u.img`max-width:90%;max-height:90%;user-select:none;-webkit-user-drag:none;`, pl = u.div`max-width:100%;max-height:100%;display:flex;justify-content:center;align-items:center;`, fl = ({ message: e, onClose: t, onDownloadClick: n }) => {
+const ol = u.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none;`, il = u.div`height:64px;min-height:64px;box-sizing:border-box;display:flex;justify-content:space-between;border-bottom:1px solid ${h.themedColor.textDisabled};background-color:${h.themedColor.bg_50_600};@media screen and (max-width:768px){position:relative;}`, sl = u.div`box-sizing:border-box;display:flex;flex-direction:row;align-items:center;height:64px;padding:16px 20px;width:calc(100% - 128px);`, al = u.div`margin-inline-end:8px;`, ll = u.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);}`, cl = u.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;}`, dl = u.div`display:flex;width:160px;justify-content:flex-end;`, ul = u.div`inset-inline-end:0;display:flex;flex-direction:row;`, Et = u.div`width:64px;padding:21px;box-sizing:border-box;cursor:${(e) => e.disabled ? "not-allowed" : "pointer"};`, ml = u(Et)`border-inline-start:1px solid ${h.themedColor.textDisabled};`, hl = u.div`width:100%;height:100%;display:flex;align-items:center;justify-content:center;`, gl = u.video`max-width:100%;max-height:100%;user-select:none;-webkit-user-drag:none;`, pl = u.img`max-width:90%;max-height:90%;user-select:none;-webkit-user-drag:none;`, fl = u.div`max-width:100%;max-height:100%;display:flex;justify-content:center;align-items:center;`, bl = ({ message: e, onClose: t, onDownloadClick: n }) => {
   const { sender: o, type: i, url: a, name: s = "", threadInfo: l } = e, { profileUrl: c, nickname: d, userId: m } = o, { userSession: g, aiAgentInfo: p } = z();
   return /* @__PURE__ */ r.createElement(
-    xl,
+    El,
     {
       profileUrl: c,
       nickname: d,
@@ -2798,7 +2804,7 @@ const rl = u.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
       onDownloadClick: n
     }
   );
-}, bl = ({ profileUrl: e, isBotMessage: t }) => !e && t ? /* @__PURE__ */ r.createElement(rr, { size: 32 }) : /* @__PURE__ */ r.createElement(It, { size: 32, src: e }), xl = ({
+}, xl = ({ profileUrl: e, isBotMessage: t }) => !e && t ? /* @__PURE__ */ r.createElement(rr, { size: 32 }) : /* @__PURE__ */ r.createElement(It, { size: 32, src: e }), El = ({
   profileUrl: e,
   isBotMessage: t,
   nickname: n,
@@ -2812,7 +2818,7 @@ const rl = u.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
   onDownloadClick: m
 }) => {
   const { stringSet: g } = R();
-  return /* @__PURE__ */ r.createElement(nr, { onClose: l, visible: !0, rootElementId: re.MODAL_ROOT }, /* @__PURE__ */ r.createElement(rl, null, /* @__PURE__ */ r.createElement(ol, null, /* @__PURE__ */ r.createElement(il, null, /* @__PURE__ */ r.createElement(sl, null, /* @__PURE__ */ r.createElement(bl, { profileUrl: e, isBotMessage: t })), /* @__PURE__ */ r.createElement(al, null, /* @__PURE__ */ r.createElement(k, { variant: "h2", color: h.themedColor.textHighEmphasis }, o)), /* @__PURE__ */ r.createElement(ll, null, /* @__PURE__ */ r.createElement(k, { variant: "body1", color: h.color.ondark.textMidEmphasis }, n))), /* @__PURE__ */ r.createElement(cl, null, sn(i) && /* @__PURE__ */ r.createElement(dl, null, /* @__PURE__ */ r.createElement(Et, { as: "a", href: a, target: "_blank", rel: St, onClick: m }, /* @__PURE__ */ r.createElement(O, { type: "download", color: h.themedColor.textHighEmphasis, size: 24 })), c && s && /* @__PURE__ */ r.createElement(
+  return /* @__PURE__ */ r.createElement(nr, { onClose: l, visible: !0, rootElementId: re.MODAL_ROOT }, /* @__PURE__ */ r.createElement(ol, null, /* @__PURE__ */ r.createElement(il, null, /* @__PURE__ */ r.createElement(sl, null, /* @__PURE__ */ r.createElement(al, null, /* @__PURE__ */ r.createElement(xl, { profileUrl: e, isBotMessage: t })), /* @__PURE__ */ r.createElement(ll, null, /* @__PURE__ */ r.createElement(k, { variant: "h2", color: h.themedColor.textHighEmphasis }, o)), /* @__PURE__ */ r.createElement(cl, null, /* @__PURE__ */ r.createElement(k, { variant: "body1", color: h.color.ondark.textMidEmphasis }, n))), /* @__PURE__ */ r.createElement(dl, null, sn(i) && /* @__PURE__ */ r.createElement(ul, null, /* @__PURE__ */ r.createElement(Et, { as: "a", href: a, target: "_blank", rel: St, onClick: m }, /* @__PURE__ */ r.createElement(O, { type: "download", color: h.themedColor.textHighEmphasis, size: 24 })), c && s && /* @__PURE__ */ r.createElement(
     Et,
     {
       disabled: d,
@@ -2828,14 +2834,14 @@ const rl = u.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
         size: 24
       }
     )
-  )), /* @__PURE__ */ r.createElement(ul, { onClick: l }, /* @__PURE__ */ r.createElement(O, { type: "close", color: h.themedColor.textHighEmphasis, size: 24 })))), /* @__PURE__ */ r.createElement(ml, { onClick: (p) => p.currentTarget === p.target && l() }, tr(i) && /* @__PURE__ */ r.createElement(hl, { controls: !0 }, /* @__PURE__ */ r.createElement("source", { src: a, type: i })), er(i) && /* @__PURE__ */ r.createElement(gl, { src: a, alt: o }), !sn(i) && /* @__PURE__ */ r.createElement(pl, null, /* @__PURE__ */ r.createElement(k, { variant: "h1", color: h.themedColor.textHighEmphasis }, g.FILE_VIEWER__UNSUPPORT)))));
+  )), /* @__PURE__ */ r.createElement(ml, { onClick: l }, /* @__PURE__ */ r.createElement(O, { type: "close", color: h.themedColor.textHighEmphasis, size: 24 })))), /* @__PURE__ */ r.createElement(hl, { onClick: (p) => p.currentTarget === p.target && l() }, tr(i) && /* @__PURE__ */ r.createElement(gl, { controls: !0 }, /* @__PURE__ */ r.createElement("source", { src: a, type: i })), er(i) && /* @__PURE__ */ r.createElement(pl, { src: a, alt: o }), !sn(i) && /* @__PURE__ */ r.createElement(fl, null, /* @__PURE__ */ r.createElement(k, { variant: "h1", color: h.themedColor.textHighEmphasis }, g.FILE_VIEWER__UNSUPPORT)))));
 }, or = ({
   className: e,
   locale: t,
   date: n = Date.now(),
   formatString: o = "MMMM dd, yyyy",
   style: i
-}) => /* @__PURE__ */ r.createElement(El, { style: i, className: e }, /* @__PURE__ */ r.createElement(k, { variant: "caption4", color: h.themedColor.textMidEmphasis }, yn(n, o, { locale: t }))), El = u.div`display:flex;justify-content:center;align-items:center;`, Cl = Le(function(t, n) {
+}) => /* @__PURE__ */ r.createElement(Cl, { style: i, className: e }, /* @__PURE__ */ r.createElement(k, { variant: "caption4", color: h.themedColor.textMidEmphasis }, yn(n, o, { locale: t }))), Cl = u.div`display:flex;justify-content:center;align-items:center;`, yl = Le(function(t, n) {
   const {
     messages: o,
     renderMessage: i,
@@ -2859,16 +2865,16 @@ const rl = u.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
   const xe = async () => {
     if (!b.current) return;
     const y = b.current;
-    if (g(yl(y)), L.current = y.scrollHeight - y.scrollTop, be.current = L.current - y.clientHeight, T.current = y.scrollTop, C.current) return;
+    if (g(vl(y)), L.current = y.scrollHeight - y.scrollTop, be.current = L.current - y.clientHeight, T.current = y.scrollTop, C.current) return;
     const B = y.clientHeight * Math.min(Math.max(0, m), 1);
     y.scrollTop <= B ? (C.current = !0, v.current = "top", await c(), C.current = !1) : y.scrollHeight - y.scrollTop - y.clientHeight <= B ? (C.current = !0, v.current = "bottom", await d(), C.current = !1) : v.current = void 0;
   };
-  return /* @__PURE__ */ r.createElement(vl, { id: "infinite-list-container" }, /* @__PURE__ */ r.createElement(_l, { id: "infinite-list-inner", ref: b, onScroll: xe }, E === "bottom" && /* @__PURE__ */ r.createElement("div", { style: { flexGrow: 1 } }), a, o.map((y, B) => i({ message: y, index: B })), s), /* @__PURE__ */ r.createElement(Sl, { id: "infinite-list-overlay-container" }, /* @__PURE__ */ r.createElement(Tl, { id: "infinite-list-overlay" }, l)));
+  return /* @__PURE__ */ r.createElement(_l, { id: "infinite-list-container" }, /* @__PURE__ */ r.createElement(Sl, { id: "infinite-list-inner", ref: b, onScroll: xe }, E === "bottom" && /* @__PURE__ */ r.createElement("div", { style: { flexGrow: 1 } }), a, o.map((y, B) => i({ message: y, index: B })), s), /* @__PURE__ */ r.createElement(Tl, { id: "infinite-list-overlay-container" }, /* @__PURE__ */ r.createElement(wl, { id: "infinite-list-overlay" }, l)));
 }), an = 50;
-function yl(e) {
+function vl(e) {
   return e.scrollTop <= an ? "top" : e.scrollHeight - (e.scrollTop + e.clientHeight) <= an ? "bottom" : "middle";
 }
-const vl = u.div`display:flex;position:relative;flex:1;overflow:hidden;`, _l = u.div`display:flex;flex:1;flex-direction:column;overflow-y:auto;scrollbar-color:${h.themedColor.textLowEmphasis}transparent;&::-webkit-scrollbar-thumb:hover{background-color:transparent;}`, Sl = u.div`position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;`, Tl = u.div`pointer-events:auto;`, wl = ({ className: e, onClick: t }) => /* @__PURE__ */ r.createElement(kl, { className: e, onClick: t, tabIndex: 0 }, /* @__PURE__ */ r.createElement(O, { size: 24, type: "chevron-down", color: h.color.primary.main })), kl = u.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);${N.light`
+const _l = u.div`display:flex;position:relative;flex:1;overflow:hidden;`, Sl = u.div`display:flex;flex:1;flex-direction:column;overflow-y:auto;scrollbar-color:${h.themedColor.textLowEmphasis}transparent;&::-webkit-scrollbar-thumb:hover{background-color:transparent;}`, Tl = u.div`position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;`, wl = u.div`pointer-events:auto;`, kl = ({ className: e, onClick: t }) => /* @__PURE__ */ r.createElement(Al, { className: e, onClick: t, tabIndex: 0 }, /* @__PURE__ */ r.createElement(O, { size: 24, type: "chevron-down", color: h.color.primary.main })), Al = u.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);${N.light`
     background-color: ${h.color.background50};
     &:hover {
       background-color: ${h.color.background100};
@@ -2901,13 +2907,13 @@ const vl = u.div`display:flex;position:relative;flex:1;overflow:hidden;`, _l = u
       }
     }
   }), n;
-}, Al = () => {
-  const { agentPreviewConfigs: e = {}, aiAgentId: t } = P(), { aiAgentInfo: n } = z(), { stringSet: o, dateLocale: i } = R(), { messageSource: a } = q(), { Template: s } = _e.useContext(), l = e.welcomeMessages ?? [], c = a.messages, d = qa(c, t), m = c[d.length + 1], g = d[0] ?? m;
+}, Il = () => {
+  const { agentPreviewConfigs: e = {}, aiAgentId: t } = P(), { aiAgentInfo: n } = z(), { stringSet: o, dateLocale: i } = R(), { messageSource: a } = q(), { Template: s } = _e.useContext(), l = e.welcomeMessages ?? [], c = a.messages, d = Ja(c, t), m = c[d.length + 1], g = d[0] ?? m;
   return {
     /**
      * Returns a list of messages filtered according to business requirements.
      */
-    filteredMessages: c.filter((p) => Xa(p) ? !1 : l.length > 0 ? !Qe.isWelcomeMessage(p, t) : !0),
+    filteredMessages: c.filter((p) => Qa(p) ? !1 : l.length > 0 ? !Qe.isWelcomeMessage(p, t) : !0),
     /**
      * Determines whether to display the DateSeparator in the data list by comparing it with the welcome messages from Bot Studio.
      */
@@ -2944,16 +2950,16 @@ const vl = u.div`display:flex;position:relative;flex:1;overflow:hidden;`, _l = u
       );
     }))
   };
-}, Il = (e) => u(e).withConfig({ shouldForwardProp: Jr });
-function $l(e) {
+}, $l = (e) => u(e).withConfig({ shouldForwardProp: Jr });
+function Ml(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 Ml = ({ style: e }) => {
+const Ol = ({ style: e }) => {
   const { stringSet: t } = R(), { chatSDK: n } = P(), { isActionbookTester: o } = Be();
-  return $l(n) || o ? null : /* @__PURE__ */ r.createElement(Ol, { variant: "caption2", style: e }, t.POWERED_BY + " ", /* @__PURE__ */ r.createElement(
-    Ll,
+  return Ml(n) || o ? null : /* @__PURE__ */ r.createElement(Ll, { variant: "caption2", style: e }, t.POWERED_BY + " ", /* @__PURE__ */ r.createElement(
+    Rl,
     {
       variant: "caption2",
       as: "a",
@@ -2964,17 +2970,17 @@ const Ml = ({ style: e }) => {
     },
     "Sendbird"
   ));
-}, Ol = u(k)`color:${h.themedColor.textLowEmphasis};text-align:center;`, Ll = Il(k)`
+}, Ll = u(k)`color:${h.themedColor.textLowEmphasis};text-align:center;`, Rl = $l(k)`
   color: ${h.themedColor.textLowEmphasis};
   cursor: pointer;
   text-decoration: none;
-`, Rl = () => {
+`, Dl = () => {
   var c;
   const { stringSet: e } = R(), { activeChannel: t } = z(), { channelSource: n, goToActiveConversation: o, scrollSource: i } = q(), a = Wn(n.channel), l = t && ((c = n.channel) == null ? void 0 : c.url) === (t == null ? void 0 : t.url) && a;
   return le(() => {
     l && i.scrollPubSub.publish({ type: "scrollToBottom", data: { animated: !0 } });
-  }, [l]), l ? /* @__PURE__ */ r.createElement(Dl, null, /* @__PURE__ */ r.createElement(
-    Nl,
+  }, [l]), l ? /* @__PURE__ */ r.createElement(Nl, null, /* @__PURE__ */ r.createElement(
+    Pl,
     {
       variant: "button",
       role: "button",
@@ -2983,16 +2989,16 @@ const Ml = ({ style: e }) => {
     },
     e.START_NEW_CONVERSATION
   )) : null;
-}, Dl = u.div`display:flex;justify-content:center;margin:16px 0;`, Nl = u(k)`border-radius:6px;box-sizing:border-box;padding:10px 20px;border:1px solid ${h.themedColor.textDisabled};cursor:pointer;user-select:none;`, Pl = !0, Bl = () => {
-  const { Template: e } = Mt.useContext(), { Template: t } = _e.useContext(), { Template: n } = Ot.useContext(), [o, i] = _(null), { userSession: a, aiAgentInfo: s } = z(), { agentPreviewConfigs: l, chatSDK: c, state: d } = P(), { stringSet: m, dateLocale: g } = R(), { conversation: p, channelSource: x, messageSource: f, scrollSource: E } = q(), { isActionbookTester: b } = Be(), { filteredMessages: C, shouldShowOriginalDate: v, renderAgentPreviewWelcomeMessages: T } = Al(), { storage: S } = Mn(), Y = ir(), L = $t(() => {
+}, Nl = u.div`display:flex;justify-content:center;margin:16px 0;`, Pl = u(k)`border-radius:6px;box-sizing:border-box;padding:10px 20px;border:1px solid ${h.themedColor.textDisabled};cursor:pointer;user-select:none;`, Bl = !0, Fl = () => {
+  const { Template: e } = Mt.useContext(), { Template: t } = _e.useContext(), { Template: n } = Ot.useContext(), [o, i] = _(null), { userSession: a, aiAgentInfo: s } = z(), { agentPreviewConfigs: l, chatSDK: c, state: d } = P(), { stringSet: m, dateLocale: g } = R(), { conversation: p, channelSource: x, messageSource: f, scrollSource: E } = q(), { isActionbookTester: b } = Be(), { filteredMessages: C, shouldShowOriginalDate: v, renderAgentPreviewWelcomeMessages: T } = Il(), { storage: S } = Mn(), Y = ir(), L = $t(() => {
     const y = Y[0];
     if (!y) return null;
     const B = y.userId === s.userId;
     return { user: B ? s : y, isBot: B };
   });
   D(() => {
-    E.isScrollBottomReached && L && E.scrollPubSub.publish({ type: "scrollToBottom", data: { animated: !0 } });
-  }, [!!L, E]);
+    L && E.scrollPubSub.publish({ type: "scrollToBottom", data: { animated: !0 } });
+  }, [!!L, E.scrollPubSub.publish]);
   const be = (y, B = !1) => {
     var Ee;
     return B ? s : ((Ee = x.channel) == null ? void 0 : Ee.members.find((J) => J.userId === y.sender.userId)) ?? y.sender;
@@ -3004,7 +3010,7 @@ const Ml = ({ style: e }) => {
       return y ? /* @__PURE__ */ r.createElement("div", { style: { width: "100%" } }, y) : /* @__PURE__ */ r.createElement(Se, { type: "noMessages", label: m.PLACE_HOLDER__NO_MESSAGES });
     }
     return /* @__PURE__ */ r.createElement(
-      Cl,
+      yl,
       {
         ref: E.scrollRef,
         scrollPositionRef: E.scrollPositionRef,
@@ -3015,7 +3021,7 @@ const Ml = ({ style: e }) => {
         onLoadPrev: f.loadPrevious,
         onLoadNext: f.loadNext,
         depsForResetScrollPositionToBottom: [f.initialized, f.messages.length !== 0],
-        messageTopArea: /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(Ml, { style: { marginTop: 16 } }), T()),
+        messageTopArea: /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(Ol, { style: { marginTop: 16 } }), T()),
         messageBottomArea: /* @__PURE__ */ r.createElement(r.Fragment, null, L && /* @__PURE__ */ r.createElement(
           t,
           {
@@ -3026,10 +3032,10 @@ const Ml = ({ style: e }) => {
             groupType: "single",
             message: ""
           }
-        ), /* @__PURE__ */ r.createElement(Rl, null)),
-        overlayArea: /* @__PURE__ */ r.createElement(r.Fragment, null, !E.isScrollBottomReached && /* @__PURE__ */ r.createElement(Ul, { onClick: () => E.scrollPubSub.publish({ type: "scrollToBottom" }) })),
+        ), /* @__PURE__ */ r.createElement(Dl, null)),
+        overlayArea: /* @__PURE__ */ r.createElement(r.Fragment, null, !E.isScrollBottomReached && /* @__PURE__ */ r.createElement(Hl, { onClick: () => E.scrollPubSub.publish({ type: "scrollToBottom" }) })),
         renderMessage: ({ message: y, index: B }) => {
-          const Ee = Za(y), J = C[B - 1], Ae = C[B + 1], ot = C[C.length - 1], it = y === ot, A = Ya(y, J, Ae, Pl), I = !Yr((J == null ? void 0 : J.createdAt) ?? 0, y.createdAt) && v(B) && !b, M = () => {
+          const Ee = Ya(y), J = C[B - 1], Ae = C[B + 1], ot = C[C.length - 1], it = y === ot, A = qa(y, J, Ae, Bl), I = !Yr((J == null ? void 0 : J.createdAt) ?? 0, y.createdAt) && v(B) && !b, M = () => {
             y.isFileMessage() && i(y);
           }, H = () => {
             y.isFileMessage() && Vn(y.url);
@@ -3056,7 +3062,7 @@ const Ml = ({ style: e }) => {
                 {
                   ...ie,
                   ...p,
-                  isResolvedWhenDeterminedByUser: Hl(p),
+                  isResolvedWhenDeterminedByUser: zl(p),
                   messageType: "admin.csat",
                   onSubmitCSAT: ({ csat: G, csatType: me, csatReason: V, isResolved: ae }) => {
                     var he;
@@ -3123,39 +3129,39 @@ const Ml = ({ style: e }) => {
       }
     );
   };
-  return /* @__PURE__ */ r.createElement(Fl, { id: `${X}-message-list` }, xe(), o && /* @__PURE__ */ r.createElement(fl, { onClose: () => i(null), message: o }));
-}, Fl = u.div`overflow-y:hidden;display:flex;flex:1;position:relative;`, Ul = u(wl)`position:absolute;bottom:20px;inset-inline-end:20px;`;
-function Hl(e) {
+  return /* @__PURE__ */ r.createElement(Ul, { id: `${X}-message-list` }, xe(), o && /* @__PURE__ */ r.createElement(bl, { onClose: () => i(null), message: o }));
+}, Ul = u.div`overflow-y:hidden;display:flex;flex:1;position:relative;`, Hl = u(kl)`position:absolute;bottom:20px;inset-inline-end:20px;`;
+function zl(e) {
   var t;
   if (((t = e == null ? void 0 : e.resolution) == null ? void 0 : t.determinedBy) === "user")
     return e.resolution.isResolved;
 }
-const zl = () => {
+const Vl = () => {
   const { stringSet: e } = R(), { connectionError: t } = z(), { channelSource: n } = q(), o = t || n.error;
   if (o) {
     const i = t ? void 0 : { label: e.RETRY, onClick: () => n.refetch() };
     return /* @__PURE__ */ r.createElement(Se, { type: "error", label: o.message, action: i });
   }
-  return n.channel ? /* @__PURE__ */ r.createElement(Bl, null) : /* @__PURE__ */ r.createElement(Se, { type: "loading" });
+  return n.channel ? /* @__PURE__ */ r.createElement(Fl, null) : /* @__PURE__ */ r.createElement(Se, { type: "loading" });
 }, sr = () => {
   const { stringSet: e } = R(), { activeChannel: t } = z(), [n] = _(() => (t == null ? void 0 : t.status) === W.OPEN);
   return n ? e.RETURN_TO_CONVERSATION : e.START_NEW_CONVERSATION;
-}, Vl = () => {
+}, Wl = () => {
   const { stringSet: e } = R(), { goToActiveConversation: t } = q(), n = sr();
-  return /* @__PURE__ */ r.createElement(Wl, null, /* @__PURE__ */ r.createElement(k, { variant: "body1", color: h.themedColor.textMidEmphasis }, e.CONVERSATION_CLOSED_FOOTER_LABEL), /* @__PURE__ */ r.createElement(Gl, { onClick: t }, /* @__PURE__ */ r.createElement(k, { variant: "button", color: h.themedColor.textHighEmphasis }, n)));
-}, Wl = u.div`display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 0;gap:14px;${N.light`
+  return /* @__PURE__ */ r.createElement(Gl, null, /* @__PURE__ */ r.createElement(k, { variant: "body1", color: h.themedColor.textMidEmphasis }, e.CONVERSATION_CLOSED_FOOTER_LABEL), /* @__PURE__ */ r.createElement(jl, { onClick: t }, /* @__PURE__ */ r.createElement(k, { variant: "button", color: h.themedColor.textHighEmphasis }, n)));
+}, Gl = u.div`display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 0;gap:14px;${N.light`
     background-color: ${h.color.background100};
   `}
   ${N.dark`
     background-color: ${h.color.background500};
   `}
-`, Gl = u.button`all:unset;padding:10px 20px;border-radius:6px;border:1px solid ${h.themedColor.textDisabled};cursor:pointer;${N.light`
+`, jl = u.button`all:unset;padding:10px 20px;border-radius:6px;border:1px solid ${h.themedColor.textDisabled};cursor:pointer;${N.light`
     background-color: ${h.color.background50};
   `}
   ${N.dark`
     background-color: ${h.color.background700};
   `}
-`, ar = Te(void 0), jl = ({ children: e }) => {
+`, ar = Te(void 0), Kl = ({ children: e }) => {
   const { stringSet: t } = R(), { aiAgentInfo: n } = z(), { channelSource: o } = q(), [i, a] = _([]), [s, l] = _({
     visible: !1,
     title: "",
@@ -3209,27 +3215,27 @@ const zl = () => {
       }
     },
     e,
-    /* @__PURE__ */ r.createElement(Kl, { ...s, onClose: () => l((p) => ({ ...p, visible: !1, title: "" })) })
+    /* @__PURE__ */ r.createElement(Zl, { ...s, onClose: () => l((p) => ({ ...p, visible: !1, title: "" })) })
   );
 }, Rt = () => {
   const e = ne(ar);
   if (!e)
     throw new Error("useFileUpload must be used within FileUploadProvider");
   return e;
-}, Kl = ({
+}, Zl = ({
   title: e,
   buttonText: t,
   visible: n,
   onClose: o
-}) => /* @__PURE__ */ r.createElement(nr, { rootElementId: re.WINDOW, visible: n, onClose: o }, /* @__PURE__ */ r.createElement(Zl, null, /* @__PURE__ */ r.createElement(ql, null, /* @__PURE__ */ r.createElement(k, { variant: "h1", color: h.themedColor.textHighEmphasis }, e)), /* @__PURE__ */ r.createElement(Yl, null, /* @__PURE__ */ r.createElement(Jl, { onClick: o }, /* @__PURE__ */ r.createElement(k, { variant: "button", color: h.themedColor.textHighEmphasisInverse }, t))))), Zl = u.div`width:100%;height:auto;padding-block:18px 24px;padding-inline:24px;margin:0 auto;border-radius:4px;box-sizing:border-box;background-color:${({ theme: e }) => e.colors.base.modalContentBackground};`, Yl = u.div`display:flex;flex-direction:row;justify-content:flex-end;`, ql = u.div`margin-bottom:16px;`, Jl = u.button`display:flex;justify-content:center;align-items:center;border-radius:4px;cursor:pointer;background-color:${h.themedColor.error};border:1px solid ${h.themedColor.error};padding:10px 16px;&:hover{background-color:${h.color.error.dark};border-color:${h.color.error.dark};}&:active{background-color:${h.color.error.extraDark};}`;
-function Xl({ blurred: e, elementRef: t, document: n = window.document }) {
+}) => /* @__PURE__ */ r.createElement(nr, { rootElementId: re.WINDOW, visible: n, onClose: o }, /* @__PURE__ */ r.createElement(Yl, null, /* @__PURE__ */ r.createElement(Jl, null, /* @__PURE__ */ r.createElement(k, { variant: "h1", color: h.themedColor.textHighEmphasis }, e)), /* @__PURE__ */ r.createElement(ql, null, /* @__PURE__ */ r.createElement(Xl, { onClick: o }, /* @__PURE__ */ r.createElement(k, { variant: "button", color: h.themedColor.textHighEmphasisInverse }, t))))), Yl = u.div`width:100%;height:auto;padding-block:18px 24px;padding-inline:24px;margin:0 auto;border-radius:4px;box-sizing:border-box;background-color:${({ theme: e }) => e.colors.base.modalContentBackground};`, ql = u.div`display:flex;flex-direction:row;justify-content:flex-end;`, Jl = u.div`margin-bottom:16px;`, Xl = u.button`display:flex;justify-content:center;align-items:center;border-radius:4px;cursor:pointer;background-color:${h.themedColor.error};border:1px solid ${h.themedColor.error};padding:10px 16px;&:hover{background-color:${h.color.error.dark};border-color:${h.color.error.dark};}&:active{background-color:${h.color.error.extraDark};}`;
+function Ql({ blurred: e, elementRef: t, document: n = window.document }) {
   const o = F(!1);
   e && t.current && n.activeElement === t.current && (o.current = !0), le(() => {
     var i;
     !e && o.current && ((i = t.current) == null || i.focus(), o.current = !1);
   }, [e]);
 }
-const Ql = u.div`&::-webkit-scrollbar{display:none;}overflow-x:auto;display:flex;flex-direction:row;gap:10px;padding:8px 16px;background-color:transparent;`, ec = u.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;}`, tc = u.div`display:flex;align-items:center;justify-content:center;position:absolute;inset-inline-end:-8px;inset-block-start:-8px;cursor:pointer;border-radius:50%;${N.light`
+const ec = u.div`&::-webkit-scrollbar{display:none;}overflow-x:auto;display:flex;flex-direction:row;gap:10px;padding:8px 16px;background-color:transparent;`, tc = u.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;}`, nc = u.div`display:flex;align-items:center;justify-content:center;position:absolute;inset-inline-end:-8px;inset-block-start:-8px;cursor:pointer;border-radius:50%;${N.light`
     background-color: ${h.color.background50};
   `}
   ${N.dark`
@@ -3248,16 +3254,16 @@ const Ql = u.div`&::-webkit-scrollbar{display:none;}overflow-x:auto;display:flex
   circle {
     stroke: ${h.themedColor.bg_50_600};
   }
-`, nc = () => {
+`, rc = () => {
   const e = Ne(), [t, n] = _(), { files: o, removeFile: i, isFileUploadEnabled: a } = Rt();
-  return !a || o.length === 0 ? null : /* @__PURE__ */ r.createElement(Ql, null, o.map(({ preview: { type: s, name: l, url: c } }, d) => /* @__PURE__ */ r.createElement(ec, { key: c, onMouseOver: () => n(d), onMouseLeave: () => n(void 0) }, (e || t === d) && /* @__PURE__ */ r.createElement(tc, { title: "Remove file", onClick: () => i(d) }, /* @__PURE__ */ r.createElement(O, { type: "close-filled", color: h.themedColor.textMidEmphasis })), s.startsWith("image/") ? /* @__PURE__ */ r.createElement("img", { alt: "file-image", src: c }) : /* @__PURE__ */ r.createElement(kt, { name: l, type: wt(l, s) }))));
-}, rc = ({ channel: e, messages: t }) => {
-  const { stringSet: n } = R(), { aiAgentInfo: o } = z(), i = oc(), a = ic({
+  return !a || o.length === 0 ? null : /* @__PURE__ */ r.createElement(ec, null, o.map(({ preview: { type: s, name: l, url: c } }, d) => /* @__PURE__ */ r.createElement(tc, { key: c, onMouseOver: () => n(d), onMouseLeave: () => n(void 0) }, (e || t === d) && /* @__PURE__ */ r.createElement(nc, { title: "Remove file", onClick: () => i(d) }, /* @__PURE__ */ r.createElement(O, { type: "close-filled", color: h.themedColor.textMidEmphasis })), s.startsWith("image/") ? /* @__PURE__ */ r.createElement("img", { alt: "file-image", src: c }) : /* @__PURE__ */ r.createElement(kt, { name: l, type: wt(l, s) }))));
+}, oc = ({ channel: e, messages: t }) => {
+  const { stringSet: n } = R(), { aiAgentInfo: o } = z(), i = ic(), a = sc({
     lastMessage: t[t.length - 1],
     aiAgentUserId: o.userId
   });
   return !e || !i || Wn(e) ? [!0, n.MESSAGE_INPUT__PLACE_HOLDER__DISABLED] : a ? [!0, n.MESSAGE_INPUT__PLACE_HOLDER__WAIT_AI_AGENT_RESPONSE] : [!1, n.MESSAGE_INPUT__PLACE_HOLDER];
-}, oc = () => {
+}, ic = () => {
   const e = xn(), { chatSDK: t } = P(), [n, o] = _(!0);
   return D(() => {
     const i = new Xe({
@@ -3269,7 +3275,7 @@ const Ql = u.div`&::-webkit-scrollbar{display:none;}overflow-x:auto;display:flex
       t.removeConnectionHandler(e);
     };
   }, [t]), n;
-}, ic = ({
+}, sc = ({
   lastMessage: e,
   aiAgentUserId: t
 }) => {
@@ -3282,10 +3288,10 @@ const Ql = u.div`&::-webkit-scrollbar{display:none;}overflow-x:auto;display:flex
 }, lr = {
   textArea: $`min-height:40px;height:40px;font-size:16px;line-height:24px;`,
   attachIcon: $`margin-bottom:4px;`
-}, cr = u.button`all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;`, sc = u(cr)`flex-shrink:0;margin-inline-end:12px;margin-bottom:2px;&:disabled{cursor:not-allowed;}&:not(:disabled){&:hover{path{fill:${h.themedColor.textHighEmphasis};}}&:active{border-radius:4px;background-color:${h.themedColor.bg_200_400};}}${_t && lr.attachIcon};`, ac = u.input`display:none;`, ln = u.div`width:100%;position:relative;background-color:${h.themedColor.bg_100_500};border-radius:20px;`, cn = u.div`display:flex;flex-direction:row;align-items:flex-end;position:relative;`, dn = u.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:${h.themedColor.textHighEmphasis};resize:none;width:100%;height:${Dn}px;overflow-wrap:break-word;white-space:pre-wrap;overflow-x:hidden;${_t && lr.textArea};&::placeholder{color:${h.themedColor.textLowEmphasis};}&:disabled{cursor:not-allowed;&::placeholder{color:${h.themedColor.textDisabled};}}`, un = u.div`padding:12px 16px;position:relative;display:flex;align-items:center;`, mn = ({ disabled: e }) => {
+}, cr = u.button`all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;`, ac = u(cr)`flex-shrink:0;margin-inline-end:12px;margin-bottom:2px;&:disabled{cursor:not-allowed;}&:not(:disabled){&:hover{path{fill:${h.themedColor.textHighEmphasis};}}&:active{border-radius:4px;background-color:${h.themedColor.bg_200_400};}}${_t && lr.attachIcon};`, lc = u.input`display:none;`, ln = u.div`width:100%;position:relative;background-color:${h.themedColor.bg_100_500};border-radius:20px;`, cn = u.div`display:flex;flex-direction:row;align-items:flex-end;position:relative;`, dn = u.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:${h.themedColor.textHighEmphasis};resize:none;width:100%;height:${Dn}px;overflow-wrap:break-word;white-space:pre-wrap;overflow-x:hidden;${_t && lr.textArea};&::placeholder{color:${h.themedColor.textLowEmphasis};}&:disabled{cursor:not-allowed;&::placeholder{color:${h.themedColor.textDisabled};}}`, un = u.div`padding:12px 16px;position:relative;display:flex;align-items:center;`, mn = ({ disabled: e }) => {
   const t = F(null), { addFiles: n, clearFiles: o, files: i, isFileUploadEnabled: a } = Rt();
   return !a || i.length > 0 ? null : /* @__PURE__ */ r.createElement(
-    sc,
+    ac,
     {
       disabled: e,
       onClick: () => {
@@ -3302,7 +3308,7 @@ const Ql = u.div`&::-webkit-scrollbar{display:none;}overflow-x:auto;display:flex
       }
     ),
     /* @__PURE__ */ r.createElement(
-      ac,
+      lc,
       {
         type: "file",
         ref: t,
@@ -3314,12 +3320,12 @@ const Ql = u.div`&::-webkit-scrollbar{display:none;}overflow-x:auto;display:flex
       }
     )
   );
-}, lc = () => {
-  const e = F(null), [t, n] = _(""), { rootElement: o } = P(), { channelSource: i, messageSource: a } = q(), [s, l] = rc({
+}, cc = () => {
+  const e = F(null), [t, n] = _(""), { rootElement: o } = P(), { channelSource: i, messageSource: a } = q(), [s, l] = oc({
     channel: i.channel,
     messages: a.messages
   }), { files: c, addFiles: d, clearFiles: m } = Rt();
-  Wa({ onDropFiles: d }), Xl({ blurred: s, elementRef: e, document: pe(o) });
+  Ga({ onDropFiles: d }), Ql({ blurred: s, elementRef: e, document: pe(o) });
   const g = t.trim().length > 0, p = c.length > 0, x = !s && (g || p), f = () => {
     e.current && (e.current.value = "", e.current.style.height = ""), m(), n("");
   }, E = async () => {
@@ -3345,7 +3351,7 @@ const Ql = u.div`&::-webkit-scrollbar{display:none;}overflow-x:auto;display:flex
     }
     n(T.target.value);
   };
-  return s ? /* @__PURE__ */ r.createElement(un, null, /* @__PURE__ */ r.createElement(ln, null, /* @__PURE__ */ r.createElement(cn, null, /* @__PURE__ */ r.createElement(dn, { disabled: !0, placeholder: l }), /* @__PURE__ */ r.createElement(mn, { disabled: !0 })))) : /* @__PURE__ */ r.createElement(un, null, /* @__PURE__ */ r.createElement(ln, null, /* @__PURE__ */ r.createElement(nc, null), /* @__PURE__ */ r.createElement(cn, null, /* @__PURE__ */ r.createElement(
+  return s ? /* @__PURE__ */ r.createElement(un, null, /* @__PURE__ */ r.createElement(ln, null, /* @__PURE__ */ r.createElement(cn, null, /* @__PURE__ */ r.createElement(dn, { disabled: !0, placeholder: l }), /* @__PURE__ */ r.createElement(mn, { disabled: !0 })))) : /* @__PURE__ */ r.createElement(un, null, /* @__PURE__ */ r.createElement(ln, null, /* @__PURE__ */ r.createElement(rc, null), /* @__PURE__ */ r.createElement(cn, null, /* @__PURE__ */ r.createElement(
     dn,
     {
       ref: e,
@@ -3358,21 +3364,21 @@ const Ql = u.div`&::-webkit-scrollbar{display:none;}overflow-x:auto;display:flex
       onPaste: b
     }
   ), /* @__PURE__ */ r.createElement(mn, null))), x && /* @__PURE__ */ r.createElement(cr, { onClick: () => E() }, /* @__PURE__ */ r.createElement(O, { type: "send", color: h.color.primary.main, size: 20 })));
-}, cc = u.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:${h.themedColor.textLowEmphasis};&& a{font-weight:700;text-decoration:none;${N.light`
+}, dc = u.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:${h.themedColor.textLowEmphasis};&& a{font-weight:700;text-decoration:none;${N.light`
       color: ${h.color.information.light};
     `};
     ${N.dark`
       color: ${h.color.information.main};
     `};
   }
-`, dc = w(() => import("./CSmSKViW.js").then((e) => ({ default: e.MarkdownText }))), uc = () => {
+`, uc = w(() => import("./x6g8obrl.js").then((e) => ({ default: e.MarkdownText }))), mc = () => {
   const { aiAgentInfo: e } = z(), { messageSource: t } = q(), { userSession: n } = z();
-  return !e.specialNoticeEnabled || !e.specialNotice || !(t.initialized && !t.messages.some((i) => Qn(i, n.userId))) ? null : /* @__PURE__ */ r.createElement(cc, null, /* @__PURE__ */ r.createElement(dc, null, e.specialNotice));
-}, mc = () => /* @__PURE__ */ r.createElement(hc, null, /* @__PURE__ */ r.createElement(uc, null), /* @__PURE__ */ r.createElement(jl, null, /* @__PURE__ */ r.createElement(lc, null))), hc = u.div`z-index:0;border:none;width:100%;`, gc = () => {
+  return !e.specialNoticeEnabled || !e.specialNotice || !(t.initialized && !t.messages.some((i) => Qn(i, n.userId))) ? null : /* @__PURE__ */ r.createElement(dc, null, /* @__PURE__ */ r.createElement(uc, null, e.specialNotice));
+}, hc = () => /* @__PURE__ */ r.createElement(gc, null, /* @__PURE__ */ r.createElement(mc, null), /* @__PURE__ */ r.createElement(Kl, null, /* @__PURE__ */ r.createElement(cc, null))), gc = u.div`z-index:0;border:none;width:100%;`, pc = () => {
   var a, s, l;
   const { activeChannel: e } = z(), { channelSource: t } = q(), n = ((s = (a = t.channel) == null ? void 0 : a.conversation) == null ? void 0 : s.status) === W.CLOSED;
-  return !(((l = t.channel) == null ? void 0 : l.url) === (e == null ? void 0 : e.url)) && n ? /* @__PURE__ */ r.createElement(Vl, null) : /* @__PURE__ */ r.createElement(mc, null);
-}, pc = () => {
+  return !(((l = t.channel) == null ? void 0 : l.url) === (e == null ? void 0 : e.url)) && n ? /* @__PURE__ */ r.createElement(Wl, null) : /* @__PURE__ */ r.createElement(hc, null);
+}, fc = () => {
   var v;
   const { state: e, logger: t, enableCloseConversationButton: n, enableExpandButton: o, dispatcher: i } = P(), { stringSet: a } = R(), { aiAgentInfo: s, activeChannel: l } = z(), { channelSource: c, onNavigateToConversationList: d } = q(), m = c.channel, p = Ne() ? 24 : 16, x = () => {
     e.setOpened(!1);
@@ -3386,42 +3392,42 @@ const Ql = u.div`&::-webkit-scrollbar{display:none;}overflow-x:auto;display:flex
   }, E = async () => {
     m && await i.send(ao.CloseConversation({ channelUrl: m.url }));
   }, b = l && (m == null ? void 0 : m.url) === l.url, C = s.showHandoffButton && !!((v = m == null ? void 0 : m.conversation) != null && v.handoff) && b;
-  return /* @__PURE__ */ r.createElement(Cc, null, /* @__PURE__ */ r.createElement(yc, null, d && /* @__PURE__ */ r.createElement(Fe, { onClick: () => d() }, /* @__PURE__ */ r.createElement(O, { type: "menu", size: 24, color: h.themedColor.textHighEmphasis })), b && /* @__PURE__ */ r.createElement(rr, { size: 34 }), /* @__PURE__ */ r.createElement(_c, { variant: "h2", color: h.themedColor.textHighEmphasis }, s.nickname || (m == null ? void 0 : m.name))), /* @__PURE__ */ r.createElement(vc, null, C && /* @__PURE__ */ r.createElement(
-    Ec,
+  return /* @__PURE__ */ r.createElement(yc, null, /* @__PURE__ */ r.createElement(vc, null, d && /* @__PURE__ */ r.createElement(Fe, { onClick: () => d() }, /* @__PURE__ */ r.createElement(O, { type: "menu", size: 24, color: h.themedColor.textHighEmphasis })), b && /* @__PURE__ */ r.createElement(rr, { size: 34 }), /* @__PURE__ */ r.createElement(Sc, { variant: "h2", color: h.themedColor.textHighEmphasis }, s.nickname || (m == null ? void 0 : m.name))), /* @__PURE__ */ r.createElement(_c, null, C && /* @__PURE__ */ r.createElement(
+    Cc,
     {
       tooltipLabel: a.HEADER_BUTTON__AGENT_HANDOFF,
-      disabled: !rs(m),
+      disabled: !os(m),
       size: p,
       onClick: f
     }
   ), n && /* @__PURE__ */ r.createElement(
-    xc,
+    Ec,
     {
       disabled: !Gn(m),
       size: p,
       onClick: E
     }
-  ), o && /* @__PURE__ */ r.createElement(fc, { size: p }), /* @__PURE__ */ r.createElement(bc, { size: p, onClick: x })));
-}, fc = ({ size: e, disabled: t }) => {
+  ), o && /* @__PURE__ */ r.createElement(bc, { size: p }), /* @__PURE__ */ r.createElement(xc, { size: p, onClick: x })));
+}, bc = ({ size: e, disabled: t }) => {
   const { state: n } = P();
   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: h.themedColor.textHighEmphasis }));
-}, bc = ({ 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: h.themedColor.textHighEmphasis })), xc = ({ size: e, disabled: t, onClick: n }) => /* @__PURE__ */ r.createElement(Fe, { "aria-label": "close conversation", onClick: n, disabled: t }, /* @__PURE__ */ r.createElement(
+}, xc = ({ 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: h.themedColor.textHighEmphasis })), Ec = ({ size: e, disabled: t, onClick: n }) => /* @__PURE__ */ r.createElement(Fe, { "aria-label": "close conversation", onClick: n, disabled: t }, /* @__PURE__ */ r.createElement(
   O,
   {
     type: "refresh",
     size: e,
     color: t ? h.themedColor.textDisabled : h.themedColor.textHighEmphasis
   }
-)), Ec = ({ size: e, onClick: t, disabled: n, tooltipLabel: o }) => /* @__PURE__ */ r.createElement(qn, { label: o, position: "bottom", disabled: n }, /* @__PURE__ */ r.createElement(Fe, { "aria-label": "agent", onClick: t, disabled: n }, /* @__PURE__ */ r.createElement(
+)), Cc = ({ size: e, onClick: t, disabled: n, tooltipLabel: o }) => /* @__PURE__ */ r.createElement(qn, { 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 ? h.themedColor.textDisabled : h.themedColor.textHighEmphasis
   }
-))), Cc = u.div`height:56px;box-sizing:border-box;display:flex;align-items:center;padding:11px 12px;border-bottom:1px solid ${h.themedColor.textDisabled};background-color:${({ theme: e }) => e.colors.base.headerBackground};`, yc = u.div`display:flex;flex:1;flex-direction:row;align-items:center;gap:6px;overflow:hidden;`, vc = u.div`display:flex;gap:10px;align-items:center;justify-content:center;`, _c = u(k)`text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:2px 0;`, Fe = u.button`all:unset;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;&:disabled{cursor:not-allowed;}`, Sc = () => {
+))), yc = u.div`height:56px;box-sizing:border-box;display:flex;align-items:center;padding:11px 12px;border-bottom:1px solid ${h.themedColor.textDisabled};background-color:${({ theme: e }) => e.colors.base.headerBackground};`, vc = u.div`display:flex;flex:1;flex-direction:row;align-items:center;gap:6px;overflow:hidden;`, _c = u.div`display:flex;gap:10px;align-items:center;justify-content:center;`, Sc = u(k)`text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:2px 0;`, Fe = u.button`all:unset;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;&:disabled{cursor:not-allowed;}`, Tc = () => {
   const { isActionbookTester: e } = Be();
-  return e ? null : /* @__PURE__ */ r.createElement(pc, null);
+  return e ? null : /* @__PURE__ */ r.createElement(fc, null);
 }, hn = ({
   children: e,
   onNavigateToConversationList: t,
@@ -3430,60 +3436,60 @@ const Ql = u.div`&::-webkit-scrollbar{display:none;}overflow-x:auto;display:flex
 }) => {
   const { Template: i } = Dt.useContext();
   return /* @__PURE__ */ r.createElement(
-    Va,
+    Wa,
     {
       onNavigateToConversationList: t,
       closedChannelUrl: n,
       onClearClosedChannelUrl: o
     },
-    /* @__PURE__ */ r.createElement(xt, null, /* @__PURE__ */ r.createElement(xt.Consumer, null, (a) => /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(wc, { ...a }, /* @__PURE__ */ r.createElement(i, null)), e)))
+    /* @__PURE__ */ r.createElement(xt, null, /* @__PURE__ */ r.createElement(xt.Consumer, null, (a) => /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(kc, { ...a }, /* @__PURE__ */ r.createElement(i, null)), e)))
   );
 }, Dt = we({
-  template: Tc,
+  template: wc,
   components: {
-    Header: Sc,
-    Body: zl,
-    Footer: gc
+    Header: Tc,
+    Body: Vl,
+    Footer: pc
   }
 });
-function Tc() {
+function wc() {
   const { components: e } = Dt.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 wc = u.div`height:100%;width:100%;display:flex;flex-direction:column;flex:1;background-color:${({ theme: e }) => e.colors.base.background};`, {
-  Provider: kc,
+const kc = u.div`height:100%;width:100%;display:flex;flex-direction:column;flex:1;background-color:${({ theme: e }) => e.colors.base.background};`, {
+  Provider: Ac,
   useContext: dr
 } = j("ConversationList");
-function Ac({
+function Ic({
   conversationListFilter: e,
   onOpenConversationView: t = Oe,
   children: n
 }) {
-  return /* @__PURE__ */ r.createElement(bo, { conversationListFilter: e }, (o) => /* @__PURE__ */ r.createElement(kc, { value: { ...o, onOpenConversationView: t } }, n));
+  return /* @__PURE__ */ r.createElement(bo, { conversationListFilter: e }, (o) => /* @__PURE__ */ r.createElement(Ac, { value: { ...o, onOpenConversationView: t } }, n));
 }
 const ur = we({
-  template: Ic,
+  template: $c,
   // Note: 리스트 변경되면 디자인 변경 가능성이 있어서 일단 컴포넌트는 비워둠
   components: {}
 });
-function Ic({
+function $c({
   title: e = "",
   lastMessageTimestamp: t = Date.now(),
   onClick: n
 }) {
   const { stringSet: o, format: i } = R();
-  return /* @__PURE__ */ r.createElement($c, { role: "button", onClick: () => n == null ? void 0 : n() }, /* @__PURE__ */ r.createElement(Oc, null, /* @__PURE__ */ r.createElement(Lc, null, /* @__PURE__ */ r.createElement(k, { variant: "subtitle1", color: h.themedColor.textHighEmphasis }, i(t, o.DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE)), /* @__PURE__ */ r.createElement(k, { variant: "caption2", color: h.themedColor.textLowEmphasis }, i(t, o.DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE_CAPTION))), /* @__PURE__ */ r.createElement(k, { variant: "body3", color: h.themedColor.textMidEmphasis }, e || o.CONVERSATION_LIST__TOPICS_FALLBACK)), /* @__PURE__ */ r.createElement(O, { type: "chevron-right", size: 16, color: h.themedColor.textHighEmphasis }), /* @__PURE__ */ r.createElement(Mc, null));
+  return /* @__PURE__ */ r.createElement(Mc, { role: "button", onClick: () => n == null ? void 0 : n() }, /* @__PURE__ */ r.createElement(Lc, null, /* @__PURE__ */ r.createElement(Rc, null, /* @__PURE__ */ r.createElement(k, { variant: "subtitle1", color: h.themedColor.textHighEmphasis }, i(t, o.DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE)), /* @__PURE__ */ r.createElement(k, { variant: "caption2", color: h.themedColor.textLowEmphasis }, i(t, o.DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE_CAPTION))), /* @__PURE__ */ r.createElement(k, { variant: "body3", color: h.themedColor.textMidEmphasis }, e || o.CONVERSATION_LIST__TOPICS_FALLBACK)), /* @__PURE__ */ r.createElement(O, { type: "chevron-right", size: 16, color: h.themedColor.textHighEmphasis }), /* @__PURE__ */ r.createElement(Oc, null));
 }
-const $c = u.div`display:flex;flex-direction:row;align-items:center;position:relative;width:100%;padding:14px 16px;box-sizing:border-box;gap:4px;cursor:pointer;`, Mc = u.div`position:absolute;bottom:0;height:1px;width:calc(100% - 32px);background-color:${h.themedColor.textDisabled};`, Oc = u.div`gap:4px;display:flex;flex-direction:column;flex:1;`, Lc = u.div`display:flex;justify-content:flex-start;align-items:center;gap:6px;`, Rc = ({ items: e, renderItem: t, onEndReached: n }) => {
+const Mc = u.div`display:flex;flex-direction:row;align-items:center;position:relative;width:100%;padding:14px 16px;box-sizing:border-box;gap:4px;cursor:pointer;`, Oc = u.div`position:absolute;bottom:0;height:1px;width:calc(100% - 32px);background-color:${h.themedColor.textDisabled};`, Lc = u.div`gap:4px;display:flex;flex-direction:column;flex:1;`, Rc = u.div`display:flex;justify-content:flex-start;align-items:center;gap:6px;`, Dc = ({ items: e, renderItem: t, onEndReached: n }) => {
   const o = (i) => {
     const a = i.target;
     a.scrollHeight - a.scrollTop === a.clientHeight && (n == null || n());
   };
-  return /* @__PURE__ */ r.createElement(Dc, { onScroll: (i) => o(i) }, e.map((i, a) => t(i, a)));
-}, Dc = u.div`width:100%;height:100%;display:flex;flex-direction:column;flex:1;overflow:auto;`, Nc = () => {
+  return /* @__PURE__ */ r.createElement(Nc, { onScroll: (i) => o(i) }, e.map((i, a) => t(i, a)));
+}, Nc = u.div`width:100%;height:100%;display:flex;flex-direction:column;flex:1;overflow:auto;`, Pc = () => {
   const { stringSet: e } = R(), { listSource: t, onOpenConversationView: n } = dr(), { Template: o } = ur.useContext();
   return t.initialized ? t.channels.length === 0 ? /* @__PURE__ */ r.createElement(Se, { type: "noChannels", label: e.CONVERSATION_LIST__NO_CONVERSATIONS }) : /* @__PURE__ */ r.createElement(
-    Rc,
+    Dc,
     {
       items: t.channels,
       renderItem: (i) => {
@@ -3505,10 +3511,10 @@ const $c = u.div`display:flex;flex-direction:row;align-items:center;position:rel
       }
     }
   ) : /* @__PURE__ */ r.createElement(Se, { type: "loading" });
-}, Pc = () => {
+}, Bc = () => {
   const { refreshActiveChannel: e } = z(), { onOpenConversationView: t } = dr(), n = sr();
   return /* @__PURE__ */ r.createElement(
-    Bc,
+    Fc,
     {
       role: "button",
       onClick: async () => {
@@ -3516,35 +3522,35 @@ const $c = u.div`display:flex;flex-direction:row;align-items:center;position:rel
         t(o, W.OPEN);
       }
     },
-    /* @__PURE__ */ r.createElement(Fc, { variant: "h1" }, n)
+    /* @__PURE__ */ r.createElement(Uc, { variant: "h1" }, n)
   );
-}, Bc = u.div`background-color:${({ theme: e }) => e.colors.base.primary};display:flex;align-items:center;justify-content:center;padding:16px;cursor:pointer;`, Fc = u(k)`color:${({ theme: e }) => e.colors.base.primaryContrastContent};overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`, Uc = () => {
+}, Fc = u.div`background-color:${({ theme: e }) => e.colors.base.primary};display:flex;align-items:center;justify-content:center;padding:16px;cursor:pointer;`, Uc = u(k)`color:${({ theme: e }) => e.colors.base.primaryContrastContent};overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`, Hc = () => {
   const { stringSet: e } = R();
-  return /* @__PURE__ */ r.createElement(Hc, null, /* @__PURE__ */ r.createElement(zc, { variant: "h2", color: h.themedColor.textHighEmphasis }, e.CONVERSATION_LIST__HEADER_TITLE), /* @__PURE__ */ r.createElement(Vc, null));
-}, Hc = u.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};`, zc = u(k)`padding:0 12px;width:100%;box-sizing:border-box;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;`, Vc = u.div`position:absolute;bottom:0;width:100%;height:1px;background-color:${h.themedColor.textDisabled};`, Wc = ({ conversationListFilter: e, children: t, onOpenConversationView: n }) => {
+  return /* @__PURE__ */ r.createElement(zc, null, /* @__PURE__ */ r.createElement(Vc, { variant: "h2", color: h.themedColor.textHighEmphasis }, e.CONVERSATION_LIST__HEADER_TITLE), /* @__PURE__ */ r.createElement(Wc, null));
+}, zc = u.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};`, Vc = u(k)`padding:0 12px;width:100%;box-sizing:border-box;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;`, Wc = u.div`position:absolute;bottom:0;width:100%;height:1px;background-color:${h.themedColor.textDisabled};`, Gc = ({ conversationListFilter: e, children: t, onOpenConversationView: n }) => {
   const { Template: o } = Nt.useContext();
   return /* @__PURE__ */ r.createElement(
-    Ac,
+    Ic,
     {
       conversationListFilter: e,
       onOpenConversationView: n
     },
-    /* @__PURE__ */ r.createElement(jc, null, /* @__PURE__ */ r.createElement(o, null)),
+    /* @__PURE__ */ r.createElement(Kc, null, /* @__PURE__ */ r.createElement(o, null)),
     t
   );
 }, Nt = we({
-  template: Gc,
+  template: jc,
   components: {
-    Header: Uc,
-    Body: Nc,
-    Footer: Pc
+    Header: Hc,
+    Body: Pc,
+    Footer: Bc
   }
 });
-function Gc() {
+function jc() {
   const { components: e } = Nt.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 jc = u.div`height:100%;width:100%;display:flex;flex-direction:column;flex:1;background-color:${({ theme: e }) => e.colors.base.background};`, Kc = $`:where(#${re.ENTRY}) :not(code *){font-family:'Roboto',sans-serif;box-sizing:border-box;}`, Zc = [Kc, ni, ri], Yc = (e, ...t) => Lr(e, ...Zc, ...t), qc = Yc``, Jc = Xr(
+const Kc = u.div`height:100%;width:100%;display:flex;flex-direction:column;flex:1;background-color:${({ theme: e }) => e.colors.base.background};`, Zc = $`:where(#${re.ENTRY}) :not(code *){font-family:'Roboto',sans-serif;box-sizing:border-box;}`, Yc = [Zc, ni, ri], qc = (e, ...t) => Lr(e, ...Yc, ...t), Jc = qc``, Xc = Xr(
   Dt,
   _e,
   Mt,
@@ -3552,7 +3558,7 @@ const jc = u.div`height:100%;width:100%;display:flex;flex-direction:column;flex:
   Nt,
   ur
 );
-function Xc({
+function Qc({
   appearance: e,
   rootElement: t,
   logger: n,
@@ -3562,7 +3568,7 @@ function Xc({
   messageTemplate: s,
   theme: l
 }) {
-  return ci(jo, t), /* @__PURE__ */ r.createElement(Rr, { target: t }, /* @__PURE__ */ r.createElement(si, { rootElement: t, logger: n, appearance: e, theme: l }, /* @__PURE__ */ r.createElement(Fo, { internalVariables: s == null ? void 0 : s.__internalVariables }, /* @__PURE__ */ r.createElement(ti, { stringSet: i, logger: n, language: o }, /* @__PURE__ */ r.createElement(Jc, null, a, /* @__PURE__ */ r.createElement(qc, null))))));
+  return ci(jo, t), /* @__PURE__ */ r.createElement(Rr, { target: t }, /* @__PURE__ */ r.createElement(si, { rootElement: t, logger: n, appearance: e, theme: l }, /* @__PURE__ */ r.createElement(Fo, { internalVariables: s == null ? void 0 : s.__internalVariables }, /* @__PURE__ */ r.createElement(ti, { stringSet: i, logger: n, language: o }, /* @__PURE__ */ r.createElement(Xc, null, a, /* @__PURE__ */ r.createElement(Jc, null))))));
 }
 const gn = {
   key_payment_plan_container: {
@@ -3758,8 +3764,8 @@ const gn = {
   ...s
 }, l) {
   var c;
-  return ye.level !== n && (ye.level = n), li("https://fonts.googleapis.com/css2?family=Roboto&display=swap", t), /* @__PURE__ */ r.createElement("div", { id: re.ENTRY, style: { width: "fit-content", height: "fit-content" } }, /* @__PURE__ */ r.createElement(No, { logger: ye, storage: ed }, /* @__PURE__ */ r.createElement(
-    Xc,
+  return ye.level !== n && (ye.level = n), li("https://fonts.googleapis.com/css2?family=Roboto&display=swap", t), /* @__PURE__ */ r.createElement("div", { id: re.ENTRY, style: { width: "fit-content", height: "fit-content" } }, /* @__PURE__ */ r.createElement(No, { logger: ye, storage: td }, /* @__PURE__ */ r.createElement(
+    Qc,
     {
       logger: ye,
       rootElement: t,
@@ -3778,13 +3784,13 @@ const gn = {
         countryCode: s.countryCode,
         context: s.context,
         logger: ye,
-        dispatcher: Qc,
+        dispatcher: ed,
         chatParams: { customApiHost: s.customApiHost, customWebSocketHost: s.customWebSocketHost }
       },
-      /* @__PURE__ */ r.createElement(pi, { rootElement: t, ...s }, /* @__PURE__ */ r.createElement(Ci, { ref: l, userSessionInfo: i }, /* @__PURE__ */ r.createElement(Ia, { ...s._UNSAFE_INTERNAL_dashboardTester }, a, /* @__PURE__ */ r.createElement("div", { id: re.MODAL_ROOT }))))
+      /* @__PURE__ */ r.createElement(pi, { rootElement: t, ...s }, /* @__PURE__ */ r.createElement(Ci, { ref: l, userSessionInfo: i }, /* @__PURE__ */ r.createElement($a, { ...s._UNSAFE_INTERNAL_dashboardTester }, a, /* @__PURE__ */ r.createElement("div", { id: re.MODAL_ROOT }))))
     )
   )));
-}), ye = new kn(En.WARN), Qc = new Tn(ye), Pt = "@sba/message-template", pn = (e) => `${Pt}/templates/${e}`, fn = () => `${Pt}/token`, ed = Ro({
+}), ye = new kn(En.WARN), ed = new Tn(ye), Pt = "@sba/message-template", pn = (e) => `${Pt}/templates/${e}`, fn = () => `${Pt}/token`, td = Ro({
   onSetTemplate: (e, t) => {
     gn[e] || ee.setItem(pn(e), t);
   },
@@ -3808,9 +3814,9 @@ const gn = {
     return t ? i.body.classList.add(a) : i.body.classList.remove(a), () => {
       i.body.classList.remove(a);
     };
-  }, [i, t]), /* @__PURE__ */ r.createElement(td, { dir: n, $visible: t }, e);
-}, td = u.div`width:100%;height:100%;position:fixed;top:0;left:0;z-index:${fe.WINDOW};visibility:${({ $visible: e }) => e ? "visible" : "hidden"};`, nd = 48, rd = 2 / 3;
-function od({
+  }, [i, t]), /* @__PURE__ */ r.createElement(nd, { dir: n, $visible: t }, e);
+}, nd = u.div`width:100%;height:100%;position:fixed;top:0;left:0;z-index:${fe.WINDOW};visibility:${({ $visible: e }) => e ? "visible" : "hidden"};`, rd = 48, od = 2 / 3;
+function id({
   className: e,
   isOpened: t,
   onClick: n,
@@ -3819,11 +3825,11 @@ function od({
   dir: a,
   animated: s = !0,
   backgroundColor: l,
-  size: c = nd
+  size: c = rd
 }) {
-  const d = ft(l), m = Math.round(c * rd);
+  const d = ft(l), m = Math.round(c * od);
   return /* @__PURE__ */ r.createElement(
-    ad,
+    ld,
     {
       dir: a,
       id: re.LAUNCHER,
@@ -3834,11 +3840,11 @@ function od({
       $backgroundColor: l,
       $size: c
     },
-    /* @__PURE__ */ r.createElement(ld, { $isOpened: t, $animated: s, $fillColor: d, $iconSize: m }, /* @__PURE__ */ r.createElement(bn.Open, { url: i, isDefaultIcon: o === "default_icon" })),
-    /* @__PURE__ */ r.createElement(cd, { $isOpened: t, $animated: s, $fillColor: d, $iconSize: m }, /* @__PURE__ */ r.createElement(bn.Close, { size: m }))
+    /* @__PURE__ */ r.createElement(cd, { $isOpened: t, $animated: s, $fillColor: d, $iconSize: m }, /* @__PURE__ */ r.createElement(bn.Open, { url: i, isDefaultIcon: o === "default_icon" })),
+    /* @__PURE__ */ r.createElement(dd, { $isOpened: t, $animated: s, $fillColor: d, $iconSize: m }, /* @__PURE__ */ r.createElement(bn.Close, { size: m }))
   );
 }
-const id = $`&:hover{transition:transform 250ms cubic-bezier(0.33,0,0,1);transform:scale(1.1);}&:active{transform:scale(0.8);}`, sd = $`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 === Rn.WHITE ? "grayscale(100%) brightness(2000%)" : "grayscale(100%) invert(100%) saturate(0%) brightness(0%) contrast(1000%)"};}}`, gr = $`svg{width:${({ $iconSize: e }) => e}px;height:${({ $iconSize: e }) => e}px;${({ $fillColor: e }) => $`
+const sd = $`&:hover{transition:transform 250ms cubic-bezier(0.33,0,0,1);transform:scale(1.1);}&:active{transform:scale(0.8);}`, ad = $`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 === Rn.WHITE ? "grayscale(100%) brightness(2000%)" : "grayscale(100%) invert(100%) saturate(0%) brightness(0%) contrast(1000%)"};}}`, gr = $`svg{width:${({ $iconSize: e }) => e}px;height:${({ $iconSize: e }) => e}px;${({ $fillColor: e }) => $`
         path {
           fill: ${e};
         }
@@ -3847,14 +3853,14 @@ const id = $`&:hover{transition:transform 250ms cubic-bezier(0.33,0,0,1);transfo
         }
       `}
   }
-`, ad = u.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 && id}`, pr = u.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;`, ld = u(pr)`opacity:${({ $isOpened: e }) => e ? 0 : 1};transform:${({ $animated: e, $isOpened: t }) => e && (t ? "rotate(-90deg) scale(0)" : "rotate(0deg)")};${sd}${gr}`, cd = u(pr)`scale:${({ $isOpened: e }) => e ? 1 : 0};transform:${({ $animated: e, $isOpened: t }) => e && (t ? "rotate(0deg)" : "rotate(-90deg)")};${gr}`, bn = {
+`, ld = u.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 && sd}`, pr = u.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;`, cd = u(pr)`opacity:${({ $isOpened: e }) => e ? 0 : 1};transform:${({ $animated: e, $isOpened: t }) => e && (t ? "rotate(-90deg) scale(0)" : "rotate(0deg)")};${ad}${gr}`, dd = u(pr)`scale:${({ $isOpened: e }) => e ? 1 : 0};transform:${({ $animated: e, $isOpened: t }) => e && (t ? "rotate(0deg)" : "rotate(-90deg)")};${gr}`, bn = {
   Open: (e) => e.url ? /* @__PURE__ */ r.createElement("img", { src: e.url, alt: "launcher-img", "data-default-icon": e.isDefaultIcon }) : /* @__PURE__ */ r.createElement(At, null),
   Close: ({ size: e }) => /* @__PURE__ */ r.createElement(O, { size: e, type: "chevron-down" })
 };
 function fr({ className: e, size: t }) {
   const { colors: n } = Ct(), { dir: o, state: i } = P(), { launcherInfo: a } = z();
-  return ud(), /* @__PURE__ */ r.createElement(
-    od,
+  return md(), /* @__PURE__ */ r.createElement(
+    id,
     {
       dir: o,
       className: e,
@@ -3867,8 +3873,8 @@ function fr({ className: e, size: t }) {
     }
   );
 }
-const dd = 1e3 * 60;
-function ud() {
+const ud = 1e3 * 60;
+function md() {
   const { chatSDK: e, state: t, logger: n, enableAutoDisconnectInLauncher: o } = P(), i = F(null);
   D(() => {
     if (!o) return;
@@ -3881,32 +3887,32 @@ function ud() {
     function l() {
       a(), i.current = setTimeout(async () => {
         await e.disconnectWebSocket(), n.debug("useSDKInactivityTimeout: disconnected");
-      }, dd);
+      }, ud);
     }
     t.opened ? s() : (l(), n.debug("useSDKInactivityTimeout: schedule disconnect"));
   }, [o, e, t.opened]);
 }
 const br = Te(null);
-function md() {
+function hd() {
   const e = ne(br);
   if (!e)
     throw new Error("useNavigator() must be used within <Navigator />");
   return e;
 }
 function xr({ children: e }) {
-  const t = md();
+  const t = hd();
   return typeof e == "function" ? e(t) : /* @__PURE__ */ r.createElement(r.Fragment, null, e);
 }
-const hd = Cn`0%{transform:translateY(40px);opacity:0;}100%{transform:translateY(0px);opacity:1;}`, gd = Cn`0%{transform:translateY(0px);opacity:1;}100%{transform:translateY(40px);opacity:0;}`, pd = $`animation-name:${hd};animation-duration:0.3s;animation-fill-mode:forwards;`, fd = $``, bd = $`animation-name:${gd};animation-duration:0.3s;animation-fill-mode:forwards;`, xd = $`visibility:hidden;`, Ed = u.div`position:absolute;top:0;left:0;width:100%;height:100%;${({ $transitionState: e }) => {
+const gd = Cn`0%{transform:translateY(40px);opacity:0;}100%{transform:translateY(0px);opacity:1;}`, pd = Cn`0%{transform:translateY(0px);opacity:1;}100%{transform:translateY(40px);opacity:0;}`, fd = $`animation-name:${gd};animation-duration:0.3s;animation-fill-mode:forwards;`, bd = $``, xd = $`animation-name:${pd};animation-duration:0.3s;animation-fill-mode:forwards;`, Ed = $`visibility:hidden;`, Cd = u.div`position:absolute;top:0;left:0;width:100%;height:100%;${({ $transitionState: e }) => {
   switch (e) {
     case "entering":
-      return pd;
-    case "entered":
       return fd;
-    case "exiting":
+    case "entered":
       return bd;
-    case "exited":
+    case "exiting":
       return xd;
+    case "exited":
+      return Ed;
     default:
       return "";
   }
@@ -3966,14 +3972,14 @@ function $e({ initialId: e, children: t }) {
       C === e ? b[C] = "entered" : b[C] = "exited";
     }), b;
   }), [x, f] = _({}), E = l[l.length - 1];
-  return /* @__PURE__ */ r.createElement(br.Provider, { value: i }, /* @__PURE__ */ r.createElement(Cd, null, Object.keys(s).map((b) => {
+  return /* @__PURE__ */ r.createElement(br.Provider, { value: i }, /* @__PURE__ */ r.createElement(yd, null, Object.keys(s).map((b) => {
     var S;
     if (!d[b]) return null;
     const C = g[b] || "exited", v = b === E, T = `${b}-${x[b] || 0}`;
-    return /* @__PURE__ */ r.createElement(Ed, { key: T, $transitionState: C, $active: v }, (S = s[b]) == null ? void 0 : S.element);
+    return /* @__PURE__ */ r.createElement(Cd, { key: T, $transitionState: C, $active: v }, (S = s[b]) == null ? void 0 : S.element);
   })));
 }
-const Cd = u.div`position:relative;width:100%;height:100%;`;
+const yd = u.div`position:relative;width:100%;height:100%;`;
 $e.Screen = xr;
 const ge = {
   activeConv: "active-conv",
@@ -3987,19 +3993,19 @@ const ge = {
     onClearClosedChannelUrl: () => e(void 0)
   }
 )), /* @__PURE__ */ r.createElement($e.Screen, { id: ge.convList, lazy: !0 }, ({ navigation: n }) => /* @__PURE__ */ r.createElement(
-  Wc,
+  Gc,
   {
     onOpenConversationView: (o, i) => {
       i === "closed" ? (e(o), n.navigate(ge.closedConv, { reset: !0 })) : n.navigate(ge.activeConv);
     }
   }
 )));
-function yd({ isExpanded: e, isOpened: t, children: n, launcher: o }) {
+function vd({ isExpanded: e, isOpened: t, children: n, launcher: o }) {
   const { dir: i } = P();
-  return /* @__PURE__ */ r.createElement(vd, null, /* @__PURE__ */ r.createElement(_d, { dir: i, id: re.WINDOW, $isExpanded: e, $isOpened: t }, n), o);
+  return /* @__PURE__ */ r.createElement(_d, null, /* @__PURE__ */ r.createElement(Sd, { dir: i, id: re.WINDOW, $isExpanded: e, $isOpened: t }, n), o);
 }
-const vd = u.div`display:flex;flex-direction:column;gap:8px;align-items:flex-end;`, _d = u.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 && Td};${({ $isExpanded: e }) => e && Sd};`, Sd = $`width:743px;height:723px;`, Td = $`z-index:${fe.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;`, Jd = Le(function({ children: e, ...t }, n) {
-  const o = Ne(), [i, a] = _(), s = o ? hr : yd;
+const _d = u.div`display:flex;flex-direction:column;gap:8px;align-items:flex-end;`, Sd = u.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 && wd};${({ $isExpanded: e }) => e && Td};`, Td = $`width:743px;height:723px;`, wd = $`z-index:${fe.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;`, Xd = Le(function({ children: e, ...t }, n) {
+  const o = Ne(), [i, a] = _(), s = o ? hr : vd;
   return /* @__PURE__ */ r.createElement(mr, { enableExpandButton: !o, ref: n, ...t }, /* @__PURE__ */ r.createElement(Bn, null, ({ state: l }) => /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(s, { isExpanded: l.expanded, isOpened: l.opened, launcher: /* @__PURE__ */ r.createElement(fr, null) }, /* @__PURE__ */ r.createElement(
     Er,
     {
@@ -4008,7 +4014,7 @@ const vd = u.div`display:flex;flex-direction:column;gap:8px;align-items:flex-end
     }
   )), e)));
 }), {
-  Provider: wd,
+  Provider: kd,
   useContext: Bt
 } = j("FixedMessengerStyle");
 function Cr(e, t, n, o = 0) {
@@ -4032,15 +4038,15 @@ function Cr(e, t, n, o = 0) {
   }
   return $`${c};${d};`;
 }
-function kd(e) {
+function Ad(e) {
   const { horizontal: t, vertical: n, margin: o, launcherSize: i } = Bt();
-  return /* @__PURE__ */ r.createElement(Ad, { ...e, size: i, $horizontal: t, $vertical: n, $margin: o });
+  return /* @__PURE__ */ r.createElement(Id, { ...e, size: i, $horizontal: t, $vertical: n, $margin: o });
 }
-const Ad = u(fr)`position:fixed;z-index:${fe.LAUNCHER};${({ $horizontal: e, $vertical: t, $margin: n }) => Cr(e, t, n)};`;
-function Id({ isExpanded: e, isOpened: t, children: n }) {
+const Id = u(fr)`position:fixed;z-index:${fe.LAUNCHER};${({ $horizontal: e, $vertical: t, $margin: n }) => Cr(e, t, n)};`;
+function $d({ isExpanded: e, isOpened: t, children: n }) {
   const { dir: o } = P(), { horizontal: i, vertical: a, margin: s, launcherSize: l } = Bt();
   return /* @__PURE__ */ r.createElement(
-    $d,
+    Md,
     {
       dir: o,
       id: re.WINDOW,
@@ -4054,21 +4060,21 @@ function Id({ isExpanded: e, isOpened: t, children: n }) {
     n
   );
 }
-const $d = u.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 }) => Cr(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}`};
+const Md = u.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 }) => Cr(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 && Od};
-  ${({ $isExpanded: e }) => e && Md};
-`, Md = $`width:743px;height:723px;`, Od = $`z-index:${fe.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;`, yr = { top: 24, bottom: 24, start: 24, end: 24 }, Ld = Le(function({ children: e, ...t }, n) {
-  const [o, i] = _(), [a, s] = _("end-bottom"), [l, c] = _(yr), [d, m] = _(48), g = Ne(), p = g ? hr : Id, { horizontal: x, vertical: f } = ve(() => {
+  ${({ $isOpened: e }) => e && Ld};
+  ${({ $isExpanded: e }) => e && Od};
+`, Od = $`width:743px;height:723px;`, Ld = $`z-index:${fe.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;`, yr = { top: 24, bottom: 24, start: 24, end: 24 }, Rd = Le(function({ children: e, ...t }, n) {
+  const [o, i] = _(), [a, s] = _("end-bottom"), [l, c] = _(yr), [d, m] = _(48), g = Ne(), p = g ? hr : $d, { horizontal: x, vertical: f } = ve(() => {
     const [E, b] = a.split("-");
     return { horizontal: E === "start" ? "start" : "end", vertical: b === "top" ? "top" : "bottom" };
   }, [a]);
   return /* @__PURE__ */ r.createElement(mr, { enableExpandButton: !g, ref: n, ...t }, /* @__PURE__ */ r.createElement(Bn, null, ({ state: E }) => /* @__PURE__ */ r.createElement(
-    wd,
+    kd,
     {
       value: { horizontal: x, vertical: f, margin: l, launcherSize: d, setPosition: s, setMargin: c, setLauncherSize: m }
     },
@@ -4079,10 +4085,10 @@ const $d = u.div`background:${({ theme: e }) => e.colors.base.background};displa
         setClosedChannelUrl: i
       }
     )),
-    /* @__PURE__ */ r.createElement(kd, null),
+    /* @__PURE__ */ r.createElement(Ad, null),
     e
   )));
-}), Rd = (e) => {
+}), Dd = (e) => {
   var i, a, s, l;
   const { setPosition: t, setMargin: n, setLauncherSize: o } = Bt();
   return le(() => {
@@ -4095,34 +4101,34 @@ const $d = u.div`background:${({ theme: e }) => e.colors.base.background};displa
     (l = e.margin) == null ? void 0 : l.end,
     e.launcherSize
   ]), null;
-}, Xd = Object.assign(Ld, {
-  Style: Rd
+}, Qd = Object.assign(Rd, {
+  Style: Dd
 });
 export {
   St as A,
   ao as C,
-  Jd as D,
-  Xd as F,
+  Xd as D,
+  Qd as F,
   O as I,
   Zn as L,
-  wa as M,
+  ka as M,
   Mt as O,
-  qd as P,
+  Jd as P,
   Ot as S,
   k as a,
   mr as b,
   h as c,
-  Xc as d,
+  Qc as d,
   z as e,
   R as f,
-  od as g,
+  id as g,
   _e as h,
   te as i,
   ur as j,
   hn as k,
   Dt as l,
-  Qc as m,
-  Wc as n,
+  ed as m,
+  Gc as n,
   Nt as o,
   wn as p,
   P as u