@sendbird/ai-agent-messenger-react 1.10.2 → 1.11.0

package/dist/es/{SWkYvgHM.js → CaQjuywv.js}

@@ -1,4 +1,4 @@
-import { m as _ } from "./DCVV5mpw.js";
+import { m as _ } from "./C4gM95cu.js";
 import { pt as n } from "date-fns/locale/pt";
 const r = {
   conversation: {
@@ -11,9 +11,14 @@ const r = {
     powered_by: "Desenvolvido por",
     citation_title: "Fonte",
     start_new_conversation_label: "Iniciar uma conversa",
+    scroll_to_new_messages_label: () => "Nova mensagem",
     failed_message_resend: "Tentar novamente",
     failed_message_remove: "Remover",
-    file_upload_no_supported_files: "Nenhum tipo de arquivo suportado disponível."
+    file_upload_no_supported_files: "Nenhum tipo de arquivo suportado disponível.",
+    // Accessibility
+    a11y_message_list: "Mensagens do chat",
+    a11y_scroll_to_bottom: "Rolar para baixo",
+    a11y_scroll_to_new_messages: "Rolar para novas mensagens"
   },
   conversation_list: {
     header_title: "Conversas",
@@ -61,12 +66,12 @@ const r = {
     edit: "Editar feedback",
     remove: "Remover feedback"
   }
-}, o = {
+}, a = {
   language: "pt",
   strings: r,
   dateLocale: n
-}, a = _(o.strings), t = {
-  ...a,
+}, o = _(a.strings), t = {
+  ...o,
   // Channel Header
   HEADER_BUTTON__AGENT_HANDOFF: "Conectar-se com um agente",
   // Message Input
@@ -98,7 +103,7 @@ const r = {
   FORM_VALIDATION_MAX_SELECT: (e) => `Selecione no máximo ${e} opções`,
   FORM_VALIDATION_REGEX_FAILED: "Formato inválido",
   /** @deprecated Please use DATE_FORMAT__DATE_SHORT instead. **/
-  DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE: a.DATE_FORMAT__DATE_SHORT,
+  DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE: o.DATE_FORMAT__DATE_SHORT,
   /** @deprecated Unused string **/
   DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE_CAPTION: "HH:mm",
   /** @deprecated Unused string **/
@@ -118,8 +123,8 @@ const r = {
   /** @deprecated Unused string **/
   CHANNEL_FROZEN: "Canal congelado"
 }, m = {
-  language: o.language,
-  dateLocale: o.dateLocale,
+  language: a.language,
+  dateLocale: a.dateLocale,
   stringSet: t
 };
 export {

package/dist/es/{CcTi8RMT.js → D5rUGMTR.js}

@@ -1,6 +1,6 @@
-import { m as t } from "./DCVV5mpw.js";
-import { ko as T } from "date-fns/locale/ko";
-const a = {
+import { m as a } from "./C4gM95cu.js";
+import { ko as t } from "date-fns/locale/ko";
+const T = {
   conversation: {
     input_placeholder: "질문하기",
     input_placeholder_disabled: "이 채널에서는 채팅을 사용할 수 없습니다.",
@@ -11,9 +11,14 @@ const a = {
     powered_by: "Powered by",
     citation_title: "출처",
     start_new_conversation_label: "대화 시작",
+    scroll_to_new_messages_label: () => "새 메시지",
     failed_message_resend: "다시 시도",
     failed_message_remove: "삭제",
-    file_upload_no_supported_files: "사용 가능한 지원 파일 형식이 없습니다."
+    file_upload_no_supported_files: "사용 가능한 지원 파일 형식이 없습니다.",
+    // Accessibility
+    a11y_message_list: "채팅 메시지",
+    a11y_scroll_to_bottom: "맨 아래로 스크롤",
+    a11y_scroll_to_new_messages: "새 메시지로 스크롤"
   },
   conversation_list: {
     header_title: "대화",
@@ -63,9 +68,9 @@ const a = {
   }
 }, e = {
   language: "ko",
-  strings: a,
-  dateLocale: T
-}, o = t(e.strings), A = {
+  strings: T,
+  dateLocale: t
+}, o = a(e.strings), s = {
   ...o,
   // Channel Header
   HEADER_BUTTON__AGENT_HANDOFF: "상담사와 연결하기",
@@ -117,11 +122,11 @@ const a = {
   NO_NAME: "(이름 없음)",
   /** @deprecated Unused string **/
   CHANNEL_FROZEN: "채널이 동결되었습니다."
-}, I = {
+}, A = {
   language: e.language,
   dateLocale: e.dateLocale,
-  stringSet: A
+  stringSet: s
 };
 export {
-  I as default
+  A as default
 };

package/dist/es/{71nKW4JE.js → DQK4qx1t.js}

@@ -1,4 +1,4 @@
-import { m as n } from "./DCVV5mpw.js";
+import { m as n } from "./C4gM95cu.js";
 import { es as _ } from "date-fns/locale/es";
 const i = {
   conversation: {
@@ -11,9 +11,14 @@ const i = {
     powered_by: "Desarrollado por",
     citation_title: "Fuente",
     start_new_conversation_label: "Iniciar una conversación",
+    scroll_to_new_messages_label: () => "Nuevo mensaje",
     failed_message_resend: "Reintentar",
     failed_message_remove: "Eliminar",
-    file_upload_no_supported_files: "No hay tipos de archivo compatibles disponibles."
+    file_upload_no_supported_files: "No hay tipos de archivo compatibles disponibles.",
+    // Accessibility
+    a11y_message_list: "Mensajes del chat",
+    a11y_scroll_to_bottom: "Desplazarse hacia abajo",
+    a11y_scroll_to_new_messages: "Desplazarse a nuevos mensajes"
   },
   conversation_list: {
     header_title: "Conversaciones",
@@ -65,7 +70,7 @@ const i = {
   language: "es",
   strings: i,
   dateLocale: _
-}, o = n(a.strings), r = {
+}, o = n(a.strings), s = {
   ...o,
   // Channel Header
   HEADER_BUTTON__AGENT_HANDOFF: "Conectarse con un agente",
@@ -120,7 +125,7 @@ const i = {
 }, l = {
   language: a.language,
   dateLocale: a.dateLocale,
-  stringSet: r
+  stringSet: s
 };
 export {
   l as default

package/dist/es/{Ck4nAD4B.js → DqXeh6FM.js}

@@ -1,6 +1,6 @@
-import { m as T } from "./DCVV5mpw.js";
+import { m as t } from "./C4gM95cu.js";
 import { hi as a } from "date-fns/locale/hi";
-const o = {
+const T = {
   conversation: {
     input_placeholder: "एक प्रश्न पूछें",
     input_placeholder_disabled: "इस चैनल में चैट उपलब्ध नहीं है",
@@ -11,9 +11,14 @@ const o = {
     powered_by: "द्वारा संचालित",
     citation_title: "स्रोत",
     start_new_conversation_label: "एक बातचीत शुरू करें",
+    scroll_to_new_messages_label: () => "नया संदेश",
     failed_message_resend: "पुनः प्रयास करें",
     failed_message_remove: "हटाएं",
-    file_upload_no_supported_files: "कोई समर्थित फ़ाइल प्रकार उपलब्ध नहीं हैं।"
+    file_upload_no_supported_files: "कोई समर्थित फ़ाइल प्रकार उपलब्ध नहीं हैं।",
+    // Accessibility
+    a11y_message_list: "चैट संदेश",
+    a11y_scroll_to_bottom: "नीचे स्क्रॉल करें",
+    a11y_scroll_to_new_messages: "नए संदेशों पर स्क्रॉल करें"
   },
   conversation_list: {
     header_title: "बातचीत",
@@ -63,10 +68,10 @@ const o = {
   }
 }, e = {
   language: "hi",
-  strings: o,
+  strings: T,
   dateLocale: a
-}, t = T(e.strings), A = {
-  ...t,
+}, o = t(e.strings), s = {
+  ...o,
   // Channel Header
   HEADER_BUTTON__AGENT_HANDOFF: "एजेंट से कनेक्ट करें",
   // Message Input
@@ -98,7 +103,7 @@ const o = {
   FORM_VALIDATION_MAX_SELECT: (_) => `अधिकतम ${_} विकल्प चुनें`,
   FORM_VALIDATION_REGEX_FAILED: "गलत प्रारूप",
   /** @deprecated Please use DATE_FORMAT__DATE_SHORT instead. **/
-  DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE: t.DATE_FORMAT__DATE_SHORT,
+  DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE: o.DATE_FORMAT__DATE_SHORT,
   /** @deprecated Unused string **/
   DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE_CAPTION: "HH:mm",
   /** @deprecated Unused string **/
@@ -117,11 +122,11 @@ const o = {
   NO_NAME: "(कोई नाम नहीं)",
   /** @deprecated Unused string **/
   CHANNEL_FROZEN: "चैनल फ्रीज हो गया"
-}, I = {
+}, A = {
   language: e.language,
   dateLocale: e.dateLocale,
-  stringSet: A
+  stringSet: s
 };
 export {
-  I as default
+  A as default
 };

package/dist/es/{CNOl7erj.js → DsjXFMRf.js}

@@ -1,6 +1,6 @@
-import { m as t } from "./DCVV5mpw.js";
-import { ja as T } from "date-fns/locale/ja";
-const o = {
+import { m as o } from "./C4gM95cu.js";
+import { ja as t } from "date-fns/locale/ja";
+const T = {
   conversation: {
     input_placeholder: "質問する",
     input_placeholder_disabled: "このチャンネルではチャットを利用できません",
@@ -11,9 +11,14 @@ const o = {
     powered_by: "Powered by",
     citation_title: "出典",
     start_new_conversation_label: "会話を始める",
+    scroll_to_new_messages_label: () => "新しいメッセージ",
     failed_message_resend: "再試行",
     failed_message_remove: "削除",
-    file_upload_no_supported_files: "サポートされているファイルタイプがありません。"
+    file_upload_no_supported_files: "サポートされているファイルタイプがありません。",
+    // Accessibility
+    a11y_message_list: "チャットメッセージ",
+    a11y_scroll_to_bottom: "一番下にスクロール",
+    a11y_scroll_to_new_messages: "新しいメッセージにスクロール"
   },
   conversation_list: {
     header_title: "会話",
@@ -63,9 +68,9 @@ const o = {
   }
 }, e = {
   language: "ja",
-  strings: o,
-  dateLocale: T
-}, a = t(e.strings), A = {
+  strings: T,
+  dateLocale: t
+}, a = o(e.strings), s = {
   ...a,
   // Channel Header
   HEADER_BUTTON__AGENT_HANDOFF: "エージェントに接続",
@@ -117,11 +122,11 @@ const o = {
   NO_NAME: "（名前なし）",
   /** @deprecated Unused string **/
   CHANNEL_FROZEN: "チャンネルが凍結されました"
-}, I = {
+}, A = {
   language: e.language,
   dateLocale: e.dateLocale,
-  stringSet: A
+  stringSet: s
 };
 export {
-  I as default
+  A as default
 };

package/dist/es/{v1TL54QW.js → TEW248Kp.js}

@@ -1,6 +1,6 @@
-import { m as o } from "./DCVV5mpw.js";
-import { fr as r } from "date-fns/locale/fr";
-const _ = {
+import { m as o } from "./C4gM95cu.js";
+import { fr as _ } from "date-fns/locale/fr";
+const r = {
   conversation: {
     input_placeholder: "Poser une question",
     input_placeholder_disabled: "Le chat n'est pas disponible dans ce canal",
@@ -11,9 +11,14 @@ const _ = {
     powered_by: "Propulsé par",
     citation_title: "Source",
     start_new_conversation_label: "Démarrer une conversation",
+    scroll_to_new_messages_label: () => "Nouveau message",
     failed_message_resend: "Réessayer",
     failed_message_remove: "Supprimer",
-    file_upload_no_supported_files: "Aucun type de fichier pris en charge disponible."
+    file_upload_no_supported_files: "Aucun type de fichier pris en charge disponible.",
+    // Accessibility
+    a11y_message_list: "Messages du chat",
+    a11y_scroll_to_bottom: "Faire défiler vers le bas",
+    a11y_scroll_to_new_messages: "Aller aux nouveaux messages"
   },
   conversation_list: {
     header_title: "Conversations",
@@ -61,12 +66,12 @@ const _ = {
     edit: "Modifier les commentaires",
     remove: "Supprimer les commentaires"
   }
-}, n = {
+}, a = {
   language: "fr",
-  strings: _,
-  dateLocale: r
-}, a = o(n.strings), t = {
-  ...a,
+  strings: r,
+  dateLocale: _
+}, n = o(a.strings), s = {
+  ...n,
   // Channel Header
   HEADER_BUTTON__AGENT_HANDOFF: "Se connecter avec un agent",
   // Message Input
@@ -98,7 +103,7 @@ const _ = {
   FORM_VALIDATION_MAX_SELECT: (e) => `Sélectionnez au maximum ${e} options`,
   FORM_VALIDATION_REGEX_FAILED: "Format invalide",
   /** @deprecated Please use DATE_FORMAT__DATE_SHORT instead. **/
-  DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE: a.DATE_FORMAT__DATE_SHORT,
+  DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE: n.DATE_FORMAT__DATE_SHORT,
   /** @deprecated Unused string **/
   DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE_CAPTION: "HH:mm",
   /** @deprecated Unused string **/
@@ -118,9 +123,9 @@ const _ = {
   /** @deprecated Unused string **/
   CHANNEL_FROZEN: "Canal gelé"
 }, l = {
-  language: n.language,
-  dateLocale: n.dateLocale,
-  stringSet: t
+  language: a.language,
+  dateLocale: a.dateLocale,
+  stringSet: s
 };
 export {
   l as default

package/dist/es/{CvPILy6Q.js → dMeDdhti.js}

@@ -1,6 +1,6 @@
-import { m as _ } from "./DCVV5mpw.js";
-import { de as r } from "date-fns/locale/de";
-const a = {
+import { m as _ } from "./C4gM95cu.js";
+import { de as a } from "date-fns/locale/de";
+const r = {
   conversation: {
     input_placeholder: "Eine Frage stellen",
     input_placeholder_disabled: "Chat ist in diesem Kanal nicht verfügbar",
@@ -11,9 +11,14 @@ const a = {
     powered_by: "Unterstützt von",
     citation_title: "Quelle",
     start_new_conversation_label: "Ein Gespräch starten",
+    scroll_to_new_messages_label: () => "Neue Nachricht",
     failed_message_resend: "Erneut versuchen",
     failed_message_remove: "Entfernen",
-    file_upload_no_supported_files: "Keine unterstützten Dateitypen verfügbar."
+    file_upload_no_supported_files: "Keine unterstützten Dateitypen verfügbar.",
+    // Accessibility
+    a11y_message_list: "Chat-Nachrichten",
+    a11y_scroll_to_bottom: "Nach unten scrollen",
+    a11y_scroll_to_new_messages: "Zu neuen Nachrichten scrollen"
   },
   conversation_list: {
     header_title: "Gespräche",
@@ -63,8 +68,8 @@ const a = {
   }
 }, n = {
   language: "de",
-  strings: a,
-  dateLocale: r
+  strings: r,
+  dateLocale: a
 }, t = _(n.strings), i = {
   ...t,
   // Channel Header
@@ -117,11 +122,11 @@ const a = {
   NO_NAME: "(Kein Name)",
   /** @deprecated Unused string **/
   CHANNEL_FROZEN: "Kanal eingefroren"
-}, l = {
+}, o = {
   language: n.language,
   dateLocale: n.dateLocale,
   stringSet: i
 };
 export {
-  l as default
+  o as default
 };

package/dist/es/{TAdObZan.js → sfhJJXtA.js}

@@ -1,32 +1,46 @@
-import * as r from "react";
-import { useCallback as p } from "react";
-import s from "dompurify";
-import h, { RuleType as x } from "markdown-to-jsx";
-import g from "styled-components";
-import { A as b, e as c, c as i } from "./DCVV5mpw.js";
-const m = (d, o, n, t) => o.type === x.textStrikethroughed ? /* @__PURE__ */ r.createElement("span", { key: t.key }, `~~${n(o.children, t)}~~`) : d(), v = ({ className: d, children: o, style: n, onClickImage: t }) => {
-  const a = p(
-    (e) => /* @__PURE__ */ r.createElement("img", { ...e, onClick: () => e.src && (t == null ? void 0 : t(e.src)) }),
-    []
-  );
-  return /* @__PURE__ */ r.createElement(w, { className: d, style: n }, /* @__PURE__ */ r.createElement(
-    h,
+import * as t from "react";
+import { useCallback as s } from "react";
+import h from "dompurify";
+import x, { RuleType as g } from "markdown-to-jsx";
+import b from "styled-components";
+import { A as c, e as m, c as r } from "./C4gM95cu.js";
+const w = (d, o, a, e) => o.type === g.textStrikethroughed ? /* @__PURE__ */ t.createElement("span", { key: e.key }, `~~${a(o.children, e)}~~`) : d(), v = ({ className: d, children: o, style: a, onClickImage: e }) => {
+  const p = s((i) => {
+    const n = /* @__PURE__ */ t.createElement("img", { ...i, alt: i.alt || "" }), l = i.src;
+    return e && l ? /* @__PURE__ */ t.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => e(l),
+        style: {
+          border: "none",
+          padding: 0,
+          background: "none",
+          cursor: "pointer",
+          display: "inline-block"
+        }
+      },
+      n
+    ) : n;
+  }, []);
+  return /* @__PURE__ */ t.createElement(f, { className: d, style: a }, /* @__PURE__ */ t.createElement(
+    x,
     {
       options: {
-        renderRule: m,
+        renderRule: w,
         overrides: {
           a: {
-            component: ({ children: e, ...l }) => /* @__PURE__ */ r.createElement("a", { ...l, target: "_blank", rel: b }, e)
+            component: ({ children: i, ...n }) => /* @__PURE__ */ t.createElement("a", { ...n, target: "_blank", rel: c }, i)
           },
           img: {
-            component: a
+            component: p
           }
         }
       }
     },
-    s.sanitize(c(o))
+    h.sanitize(m(o))
   ));
-}, w = g.div`*{&:first-child{margin-top:0;}&:last-child{margin-bottom:0;}}hr{border-top:1px solid ${i.themedColor.textDisabled};margin:21px 0;}h1{margin-top:0;margin-bottom:12.4px;padding:0;font-size:22.4px;line-height:27.6px;font-weight:700;letter-spacing:-0.6px;}h2{font-weight:600;margin:24px 0 12px;font-size:18.2px;line-height:22.3px;}& :where(h3 + *){margin-top:0;}h3,h4,h5,h6{font-weight:600;margin:16px 0 8px;font-size:15.4px;line-height:22.4px;}p{font-size:14px;line-height:20px;margin-bottom:8px;margin-top:0;&:not(:first-child){margin-top:8px;}}a{color:inherit;font-weight:700;text-decoration:underline;}code{white-space:pre-wrap;border-radius:0.25rem;font-size:0.875em;font-weight:500;padding:2.4px 4.8px;background-color:${i.themedColor.textDisabled};}menu{list-style:none;}ul{list-style-type:disc;}ol{list-style-type:decimal;}ul,ol{padding-inline-start:16px;margin:8px 0;& > li{padding-inline-start:0;margin:8px 0;& > ul,& > ol{margin-top:8px;& > li{margin:4px 0;}}}}p + ul,p + ol{margin-top:0;}blockquote{line-height:20px;margin:0;padding:4.8px 0;margin-inline-start:8px;padding-inline-start:16px;box-sizing:border-box;position:relative;font-style:normal;font-weight:500;border-inline-start-width:4px;&::before{border-radius:100px;content:'';position:absolute;top:0;left:0;height:100%;width:4px;background-color:${i.themedColor.textDisabled};}}input[type='checkbox']{vertical-align:middle;margin:0;}table{unicode-bidi:isolate;overflow-wrap:break-word;white-space:normal;display:block;overflow-x:scroll;max-width:100%;text-indent:0;border-collapse:separate;border-spacing:0;margin:4px 0;text-align:start;font-size:12.3px;table-layout:auto;width:100%;*,&:after,&:before{border:0 solid;box-sizing:border-box;}}th:first-child{border-start-start-radius:6px;padding-inline-start:10.5px;}th:last-child{border-inline-end-width:1px;border-start-end-radius:6px;padding-inline-end:10.5px;}th{border-inline-start-width:1px;background-color:rgba(0,0,0,0.1);border-bottom-width:1px;border-color:${i.themedColor.textDisabled};border-top-width:1px;padding:4px 10.5px;text-align:start;}& :where(thead th:first-child){padding-inline-start:0;}& :where(thead th:last-child){padding-inline-end:0;}& :where(thead th){padding-bottom:8px;padding-inline:8px;vertical-align:bottom;}& :where(tbody tr){border-bottom-width:1px;}& :where(tbody tr:last-child){border-bottom-width:0;}td:first-child{padding-inline-start:10.5px;}td:last-child{border-inline-end-width:1px;padding-inline-end:10.5px;}& :where(tbody td:first-child,tfoot td:first-child){padding-inline-start:0;}& :where(tbody td:last-child,tfoot td:last-child){padding-inline-end:0;}td{border-inline-start-width:1px;border-bottom-width:1px;border-color:${i.themedColor.textDisabled};padding:4px 10.5px;text-align:start;}& :where(tbody td,tfoot td){padding:8px;}& :where(tbody td){vertical-align:baseline;}tbody tr:last-child td:first-child{border-end-start-radius:6px;}tbody tr:last-child td:last-child{border-end-end-radius:6px;}img{max-width:100%;height:auto;}`;
+}, f = b.div`*{&:first-child{margin-top:0;}&:last-child{margin-bottom:0;}}hr{border-top:1px solid ${r.themedColor.textDisabled};margin:21px 0;}h1{margin-top:0;margin-bottom:12.4px;padding:0;font-size:22.4px;line-height:27.6px;font-weight:700;letter-spacing:-0.6px;}h2{font-weight:600;margin:24px 0 12px;font-size:18.2px;line-height:22.3px;}& :where(h3 + *){margin-top:0;}h3,h4,h5,h6{font-weight:600;margin:16px 0 8px;font-size:15.4px;line-height:22.4px;}p{font-size:14px;line-height:20px;margin-bottom:8px;margin-top:0;&:not(:first-child){margin-top:8px;}}a{color:inherit;font-weight:700;text-decoration:underline;}code{white-space:pre-wrap;border-radius:0.25rem;font-size:0.875em;font-weight:500;padding:2.4px 4.8px;background-color:${r.themedColor.textDisabled};}menu{list-style:none;}ul{list-style-type:disc;}ol{list-style-type:decimal;}ul,ol{padding-inline-start:16px;margin:8px 0;& > li{padding-inline-start:0;margin:8px 0;& > ul,& > ol{margin-top:8px;& > li{margin:4px 0;}}}}p + ul,p + ol{margin-top:0;}blockquote{line-height:20px;margin:0;padding:4.8px 0;margin-inline-start:8px;padding-inline-start:16px;box-sizing:border-box;position:relative;font-style:normal;font-weight:500;border-inline-start-width:4px;&::before{border-radius:100px;content:'';position:absolute;top:0;left:0;height:100%;width:4px;background-color:${r.themedColor.textDisabled};}}input[type='checkbox']{vertical-align:middle;margin:0;}table{unicode-bidi:isolate;overflow-wrap:break-word;white-space:normal;display:block;overflow-x:scroll;max-width:100%;text-indent:0;border-collapse:separate;border-spacing:0;margin:4px 0;text-align:start;font-size:12.3px;table-layout:auto;width:100%;*,&:after,&:before{border:0 solid;box-sizing:border-box;}}th:first-child{border-start-start-radius:6px;padding-inline-start:10.5px;}th:last-child{border-inline-end-width:1px;border-start-end-radius:6px;padding-inline-end:10.5px;}th{border-inline-start-width:1px;background-color:rgba(0,0,0,0.1);border-bottom-width:1px;border-color:${r.themedColor.textDisabled};border-top-width:1px;padding:4px 10.5px;text-align:start;}& :where(thead th:first-child){padding-inline-start:0;}& :where(thead th:last-child){padding-inline-end:0;}& :where(thead th){padding-bottom:8px;padding-inline:8px;vertical-align:bottom;}& :where(tbody tr){border-bottom-width:1px;}& :where(tbody tr:last-child){border-bottom-width:0;}td:first-child{padding-inline-start:10.5px;}td:last-child{border-inline-end-width:1px;padding-inline-end:10.5px;}& :where(tbody td:first-child,tfoot td:first-child){padding-inline-start:0;}& :where(tbody td:last-child,tfoot td:last-child){padding-inline-end:0;}td{border-inline-start-width:1px;border-bottom-width:1px;border-color:${r.themedColor.textDisabled};padding:4px 10.5px;text-align:start;}& :where(tbody td,tfoot td){padding:8px;}& :where(tbody td){vertical-align:baseline;}tbody tr:last-child td:first-child{border-end-start-radius:6px;}tbody tr:last-child td:last-child{border-end-end-radius:6px;}img{max-width:100%;height:auto;}`;
 export {
   v as MarkdownText
 };

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./cjs/Cfid8u9U.cjs");require("react");exports.AgentProviderContainer=e.AgentProviderContainer;exports.AgentUIProviderContainer=e.AgentUIProviderContainer;exports.AnonymousSessionInfo=e.AnonymousSessionInfo;exports.CSATType=e.CSATType;exports.Commands=e.DispatcherCommands;exports.Conversation=e.Conversation;exports.ConversationContext=e.ConversationContext;exports.ConversationContextProvider=e.ConversationContextProvider;exports.ConversationHeaderLayout=e.ConversationHeaderLayout;exports.ConversationLayout=e.ConversationLayout;exports.ConversationList=e.ConversationList;exports.ConversationListContext=e.ConversationListContext;exports.ConversationListContextProvider=e.ConversationListContextProvider;exports.ConversationListHeaderLayout=e.ConversationListHeaderLayout;exports.ConversationListItemLayout=e.ConversationListItemLayout;exports.ConversationListLayout=e.ConversationListLayout;exports.DefaultMessenger=e.DefaultMessenger;exports.FixedMessenger=e.FixedMessenger;exports.IncomingMessageLayout=e.IncomingMessageLayout;exports.LauncherBase=e.LauncherBase;exports.LogLevel=e.LogLevel;exports.ManualSessionInfo=e.ManualSessionInfo;exports.MessageLogs=e.MessageLogs;exports.OutgoingMessageLayout=e.OutgoingMessageLayout;exports.PlaceholderLayout=e.PlaceholderLayout;exports.SystemMessageLayout=e.SystemMessageLayout;exports.messengerDispatcher=e.messengerDispatcher;exports.useConversationContext=e.useConversationContext;exports.useConversationListContext=e.useConversationListContext;exports.useLocalizationContext=e.useLocalizationContext;exports.useMessengerContext=e.useMessengerContext;exports.useMessengerSessionContext=e.useMessengerSessionContext;exports.useRefreshActiveChannel=e.useRefreshActiveChannel;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./cjs/DgWOJuCM.cjs");require("react");exports.AgentProviderContainer=e.AgentProviderContainer;exports.AgentUIProviderContainer=e.AgentUIProviderContainer;exports.AnonymousSessionInfo=e.AnonymousSessionInfo;exports.CSATType=e.CSATType;exports.Commands=e.DispatcherCommands;exports.Conversation=e.Conversation;exports.ConversationContext=e.ConversationContext;exports.ConversationContextProvider=e.ConversationContextProvider;exports.ConversationHeaderLayout=e.ConversationHeaderLayout;exports.ConversationLayout=e.ConversationLayout;exports.ConversationList=e.ConversationList;exports.ConversationListContext=e.ConversationListContext;exports.ConversationListContextProvider=e.ConversationListContextProvider;exports.ConversationListHeaderLayout=e.ConversationListHeaderLayout;exports.ConversationListItemLayout=e.ConversationListItemLayout;exports.ConversationListLayout=e.ConversationListLayout;exports.DefaultMessenger=e.DefaultMessenger;exports.FixedMessenger=e.FixedMessenger;exports.IncomingMessageLayout=e.IncomingMessageLayout;exports.LauncherBase=e.LauncherBase;exports.LogLevel=e.LogLevel;exports.ManualSessionInfo=e.ManualSessionInfo;exports.MessageLogs=e.MessageLogs;exports.OutgoingMessageLayout=e.OutgoingMessageLayout;exports.PlaceholderLayout=e.PlaceholderLayout;exports.SystemMessageLayout=e.SystemMessageLayout;exports.messengerDispatcher=e.messengerDispatcher;exports.useConversationContext=e.useConversationContext;exports.useConversationListContext=e.useConversationListContext;exports.useLocalizationContext=e.useLocalizationContext;exports.useMessengerContext=e.useMessengerContext;exports.useMessengerSessionContext=e.useMessengerSessionContext;exports.useRefreshActiveChannel=e.useRefreshActiveChannel;

package/dist/index.d.ts

@@ -28,6 +28,7 @@ import { SendbirdChatWith } from '@sendbird/chat';
 import { SendbirdError } from '@sendbird/chat';
 import { SessionHandler } from '@sendbird/chat';
 import { SVGProps } from 'react';
+import { UIEvent as UIEvent_2 } from 'react';
 import { User } from '@sendbird/chat';
 import { UserMessage } from '@sendbird/chat/message';
 import { UserMessageCreateParams } from '@sendbird/chat/message';
@@ -47,7 +48,16 @@ export declare interface AgentClientHandlers {
 
 export declare interface AgentMessageTemplateInfo {
     key: string;
-    message_template_key: 'text' | 'suggested_replies' | 'cta' | 'image' | 'carousel';
+    message_template_key:
+    | 'text'
+    | 'suggested_replies'
+    | 'cta'
+    | 'image'
+    | 'carousel'
+    | 'product_items'
+    | 'form'
+    | (string & {});
+
     name: string;
     request_context?: {
         request: {
@@ -252,6 +262,7 @@ declare interface AIAgentConfig {
     conversation?: {
         isTalkToAgentViewEnabled?: boolean;
         scrollMode?: ConversationScrollMode;
+        newMessageIndicatorEnabled?: boolean;
         input?: {
             /**
              * (Mobile only) Whether to enable the camera option in the attachment menu.
@@ -304,6 +315,7 @@ declare interface AIAgentConversationContextValue {
 
     messageSource: {
         messages: BaseMessage[];
+        newMessages: BaseMessage[];
         initialized: boolean;
         loadPrevious: () => Promise<void>;
         loadNext: () => Promise<void>;
@@ -311,6 +323,7 @@ declare interface AIAgentConversationContextValue {
         sendFileMessage: (params: FileMessageCreateParams) => Promise<FileMessage>;
         deleteMessage: (message: UserMessage | FileMessage) => Promise<void>;
         resendMessage: (message: UserMessage | FileMessage) => Promise<UserMessage | FileMessage>;
+        resetNewMessages: () => void;
     };
 
     state: {
@@ -592,11 +605,17 @@ declare interface AIAgentStringSet {
         powered_by: string;
         citation_title: string;
         start_new_conversation_label: string;
+        scroll_to_new_messages_label: (messages: BaseMessage[]) => string;
 
         failed_message_resend: string;
         failed_message_remove: string;
 
         file_upload_no_supported_files: string;
+
+        // Accessibility
+        a11y_message_list: string;
+        a11y_scroll_to_bottom: string;
+        a11y_scroll_to_new_messages: string;
     };
 
     conversation_list: {
@@ -688,6 +707,7 @@ declare abstract class BaseCommand {
 }
 
 declare type BaseMessageProps<T> = T & {
+    data?: string;
     createdAt?: number;
     extendedMessagePayload?: Partial<ExtendedMessagePayload>;
 
@@ -1011,11 +1031,20 @@ export declare const ConversationListLayout: {
 declare interface ConversationScrollContextValue {
     ref: RefObject<HTMLDivElement | null> | ((element: HTMLDivElement | null) => void);
     state: {
-        bottomSpace?: number;
-        shouldShowScrollButton: boolean;
+        bottomSpace: number;
+        /**
+         * Whether user has scrolled away from the latest messages.
+         * Use this to determine when to show floating action buttons (scroll to bottom, new messages, etc.)
+         */
+        isAwayFromBottom: boolean;
+        /**
+         * Determines whether new messages should be counted.
+         * Returns true when user is not at bottom (browsing old messages).
+         */
+        shouldCountNewMessages: () => boolean;
     };
     props: {
-        onScroll?: (event: React.UIEvent<HTMLDivElement, UIEvent>) => void;
+        onScroll?: (event: UIEvent_2<HTMLDivElement>) => void;
     };
     actions: {
         /**
@@ -1038,7 +1067,7 @@ declare interface ConversationScrollContextValue {
         /**
          * Call when receiving streaming message updates
          * - Fixed mode: Maintains scroll position while content grows
-         * - Auto mode: No operation (scrolling is handled by shouldScrollToBottom check)
+         * - Auto mode: Continuously scrolls to bottom to track real-time updates
          */
         onStreamingUpdate: (isStreaming: boolean) => void;
         /**
@@ -1352,6 +1381,7 @@ BaseMessageProps<{
     onSubmitForm?: (params: { key: string; data: Record<string, FormFieldValue> }) => Promise<void>;
     onCancelForm?: (params: { key: string }) => Promise<void>;
     onStreamAnimationStart?: () => void;
+    onStreamAnimationProgress?: () => void;
     onStreamAnimationComplete?: () => void;
 
     // fallbacks
@@ -2143,6 +2173,10 @@ declare type StringSet = {
     FEEDBACK_REMOVE: string;
     FAILED_MESSAGE_RESEND: string;
     FAILED_MESSAGE_REMOVE: string;
+    A11Y_MESSAGE_LIST: string;
+    A11Y_SCROLL_TO_BOTTOM: string;
+    A11Y_SCROLL_TO_NEW_MESSAGES: string;
+    SCROLL_TO_NEW_MESSAGES_LABEL: (messages: BaseMessage[]) => string;
     /** @deprecated Please use DATE_FORMAT__DATE_SHORT instead. **/
     DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE: string;
     /** @deprecated Unused string **/
@@ -2213,7 +2247,7 @@ declare type SystemMessageUnion =
     csatReason?: string;
     csatExpireAt?: number;
     isResolvedWhenDeterminedByUser?: boolean;
-    onSubmitCSAT: (params: CSATSubmitParams) => void;
+    onSubmitCSAT: (params: CSATSubmitParams) => Promise<void>;
 }>;
 
 declare type TextField = {

package/dist/index.js

@@ -1,4 +1,4 @@
-import { a as o, b as n, B as t, x as i, D as r, j as C, n as L, o as u, l as v, k as g, q as y, t as x, v as d, s as M, C as m, r as l, h as c, F as f, I as h, L as I, y as P, z as S, M as p, O as A, P as D, S as z, g as B, p as F, w as H, f as O, u as T, d as b, i as j } from "./es/DCVV5mpw.js";
+import { a as o, b as n, B as t, x as i, D as r, j as C, n as L, o as u, l as v, k as g, q as y, t as x, v as d, s as M, C as m, r as l, h as c, F as f, I as h, L as I, y as P, z as S, M as p, O as A, P as D, S as z, g as B, p as F, w as H, f as O, u as T, d as b, i as j } from "./es/C4gM95cu.js";
 import "react";
 export {
   o as AgentProviderContainer,