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

package/dist/es/{jtdZ66dz.js → BMpxfxq9.js}

@@ -1,5 +1,5 @@
 import * as a from "react";
-import { P as o } from "./DcGmTG3A.js";
+import { P as o } from "./BFu7kfm0.js";
 const t = ({ label: e = "No messages", ...s }) => /* @__PURE__ */ a.createElement(o, { icon: "message", label: e, ...s });
 export {
   t as default

package/dist/es/{B1s75De5.js → BOQBJafG.js}

@@ -1,5 +1,5 @@
-import { fr as _ } from "date-fns/locale/fr";
-const e = _, T = {
+import { fr as e } from "date-fns/locale/fr";
+const T = e, E = {
   // Channel - Common
   CHANNEL_FROZEN: "Canal gelé",
   PLACE_HOLDER__WRONG: "Une erreur est survenue",
@@ -15,8 +15,12 @@ const e = _, T = {
   BUTTON__CANCEL: "Annuler",
   BUTTON__SAVE: "Enregistrer",
   BUTTON__OK: "OK",
+  BUTTON__SUBMIT: "Soumettre",
   NO_NAME: "(Sans nom)",
   RETRY: "Réessayer",
+  OPTIONAL: "optionnel",
+  SUBMITTED: "Soumis",
+  TRY_AGAIN: "Veuillez réessayer.",
   // Date format
   DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR: "d MMMM yyyy",
   DATE_FORMAT__MESSAGE_TIMESTAMP: "p",
@@ -51,8 +55,20 @@ const e = _, T = {
   DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE: "dd/MM/yyyy",
   DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE_CAPTION: "HH:mm",
   // Citation
-  CITATION_SOURCE_TITLE: "Source"
-}, A = { language: "fr", dateLocale: e, stringSet: T };
+  CITATION_SOURCE_TITLE: "Source",
+  // Form
+  FORM_PLACEHOLDER: "Veuillez remplir le formulaire pour continuer.",
+  FORM_UNAVAILABLE: "Le formulaire n'est plus disponible.",
+  FORM_NOT_SUPPORTED: "Ce formulaire n'est pas pris en charge dans la version actuelle.",
+  FORM_VALIDATION_REQUIRED: "Cette question est obligatoire",
+  FORM_VALIDATION_MIN_LENGTH: (_) => `Minimum ${_} caractères requis`,
+  FORM_VALIDATION_MAX_LENGTH: (_) => `Maximum ${_} caractères autorisés`,
+  FORM_VALIDATION_MIN: (_) => `La valeur minimale est ${_}`,
+  FORM_VALIDATION_MAX: (_) => `La valeur maximale est ${_}`,
+  FORM_VALIDATION_MIN_SELECT: (_) => `Sélectionnez au moins ${_} options`,
+  FORM_VALIDATION_MAX_SELECT: (_) => `Sélectionnez au maximum ${_} options`,
+  FORM_VALIDATION_REGEX_FAILED: "Format invalide"
+}, O = { language: "fr", dateLocale: T, stringSet: E };
 export {
-  A as default
+  O as default
 };

package/dist/es/{CA1gVgSD.js → BgVN3jH0.js}

@@ -1,5 +1,5 @@
-import { it as _ } from "date-fns/locale/it";
-const T = _, E = {
+import { it as T } from "date-fns/locale/it";
+const o = T, E = {
   // Channel - Common
   CHANNEL_FROZEN: "Canale bloccato",
   PLACE_HOLDER__WRONG: "Qualcosa è andato storto",
@@ -15,8 +15,12 @@ const T = _, E = {
   BUTTON__CANCEL: "Annulla",
   BUTTON__SAVE: "Salva",
   BUTTON__OK: "OK",
+  BUTTON__SUBMIT: "Invia",
   NO_NAME: "(Senza nome)",
   RETRY: "Riprova",
+  OPTIONAL: "opzionale",
+  SUBMITTED: "Inviato",
+  TRY_AGAIN: "Per favore, riprova.",
   // Date format
   DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR: "d MMMM yyyy",
   DATE_FORMAT__MESSAGE_TIMESTAMP: "p",
@@ -51,8 +55,20 @@ const T = _, E = {
   DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE: "dd/MM/yyyy",
   DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE_CAPTION: "HH:mm",
   // Citation
-  CITATION_SOURCE_TITLE: "Fonte"
-}, o = { language: "it", dateLocale: T, stringSet: E };
+  CITATION_SOURCE_TITLE: "Fonte",
+  // Form
+  FORM_PLACEHOLDER: "Compila il modulo per procedere.",
+  FORM_UNAVAILABLE: "Il modulo non è più disponibile.",
+  FORM_NOT_SUPPORTED: "Questo modulo non è supportato nella versione attuale.",
+  FORM_VALIDATION_REQUIRED: "Questa domanda è obbligatoria",
+  FORM_VALIDATION_MIN_LENGTH: (_) => `Minimo ${_} caratteri richiesti`,
+  FORM_VALIDATION_MAX_LENGTH: (_) => `Massimo ${_} caratteri consentiti`,
+  FORM_VALIDATION_MIN: (_) => `Il valore minimo è ${_}`,
+  FORM_VALIDATION_MAX: (_) => `Il valore massimo è ${_}`,
+  FORM_VALIDATION_MIN_SELECT: (_) => `Seleziona almeno ${_} opzioni`,
+  FORM_VALIDATION_MAX_SELECT: (_) => `Seleziona al massimo ${_} opzioni`,
+  FORM_VALIDATION_REGEX_FAILED: "Formato non valido"
+}, A = { language: "it", dateLocale: o, stringSet: E };
 export {
-  o as default
+  A as default
 };

package/dist/es/{EylKxx4d.js → CGGa6Wi6.js}

@@ -1,5 +1,5 @@
-import { pt as _ } from "date-fns/locale/pt";
-const T = _, E = {
+import { pt as T } from "date-fns/locale/pt";
+const E = T, e = {
   // Channel - Common
   CHANNEL_FROZEN: "Canal congelado",
   PLACE_HOLDER__WRONG: "Algo deu errado",
@@ -15,8 +15,12 @@ const T = _, E = {
   BUTTON__CANCEL: "Cancelar",
   BUTTON__SAVE: "Salvar",
   BUTTON__OK: "OK",
+  BUTTON__SUBMIT: "Enviar",
   NO_NAME: "(Sem nome)",
   RETRY: "Tentar novamente",
+  OPTIONAL: "opcional",
+  SUBMITTED: "Enviado",
+  TRY_AGAIN: "Tente novamente.",
   // Date format
   DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR: "d 'de' MMMM 'de' yyyy",
   DATE_FORMAT__MESSAGE_TIMESTAMP: "p",
@@ -51,8 +55,20 @@ const T = _, E = {
   DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE: "dd/MM/yyyy",
   DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE_CAPTION: "HH:mm",
   // Citation
-  CITATION_SOURCE_TITLE: "Fonte"
-}, S = { language: "pt", dateLocale: T, stringSet: E };
+  CITATION_SOURCE_TITLE: "Fonte",
+  // Form
+  FORM_PLACEHOLDER: "Por favor, preencha o formulário para prosseguir.",
+  FORM_UNAVAILABLE: "O formulário não está mais disponível.",
+  FORM_NOT_SUPPORTED: "Este formulário não é suportado na versão atual.",
+  FORM_VALIDATION_REQUIRED: "Esta pergunta é obrigatória",
+  FORM_VALIDATION_MIN_LENGTH: (_) => `Mínimo de ${_} caracteres necessários`,
+  FORM_VALIDATION_MAX_LENGTH: (_) => `Máximo de ${_} caracteres permitidos`,
+  FORM_VALIDATION_MIN: (_) => `Valor mínimo é ${_}`,
+  FORM_VALIDATION_MAX: (_) => `Valor máximo é ${_}`,
+  FORM_VALIDATION_MIN_SELECT: (_) => `Selecione pelo menos ${_} opções`,
+  FORM_VALIDATION_MAX_SELECT: (_) => `Selecione no máximo ${_} opções`,
+  FORM_VALIDATION_REGEX_FAILED: "Formato inválido"
+}, A = { language: "pt", dateLocale: E, stringSet: e };
 export {
-  S as default
+  A as default
 };

package/dist/es/{D5uRw0Em.js → DAj-QM_C.js}

@@ -3,7 +3,7 @@ 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, c as i } from "./DcGmTG3A.js";
+import { A as b, c as i } from "./BFu7kfm0.js";
 const m = (d, o, n, t) => o.type === x.textStrikethroughed ? /* @__PURE__ */ r.createElement("span", { key: t.key }, `~~${n(o.children, t)}~~`) : d(), z = ({ 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)) }),

package/dist/es/{DcqbdvlW.js → DGEcXOnE.js}

@@ -1,5 +1,5 @@
-import { ja as _ } from "date-fns/locale/ja";
-const T = _, E = {
+import { ja as T } from "date-fns/locale/ja";
+const E = T, A = {
   // Channel - Common
   CHANNEL_FROZEN: "チャンネルが凍結されました",
   PLACE_HOLDER__WRONG: "問題が発生しました",
@@ -15,8 +15,12 @@ const T = _, E = {
   BUTTON__CANCEL: "キャンセル",
   BUTTON__SAVE: "保存",
   BUTTON__OK: "OK",
+  BUTTON__SUBMIT: "送信",
   NO_NAME: "（名前なし）",
   RETRY: "再試行",
+  OPTIONAL: "任意",
+  SUBMITTED: "送信済み",
+  TRY_AGAIN: "もう一度お試しください。",
   // Date format
   DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR: "yyyy年 M月 d日",
   DATE_FORMAT__MESSAGE_TIMESTAMP: "p",
@@ -51,8 +55,20 @@ const T = _, E = {
   DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE: "yyyy/MM/dd",
   DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE_CAPTION: "HH:mm",
   // Citation
-  CITATION_SOURCE_TITLE: "出典"
-}, S = { language: "ja", dateLocale: T, stringSet: E };
+  CITATION_SOURCE_TITLE: "出典",
+  // Form
+  FORM_PLACEHOLDER: "続行するには、フォームに記入してください。",
+  FORM_UNAVAILABLE: "このフォームはもう利用できません。",
+  FORM_NOT_SUPPORTED: "このフォームは現在のバージョンではサポートされていません。",
+  FORM_VALIDATION_REQUIRED: "この質問は必須です",
+  FORM_VALIDATION_MIN_LENGTH: (_) => `最低${_}文字が必要です`,
+  FORM_VALIDATION_MAX_LENGTH: (_) => `最大${_}文字まで入力できます`,
+  FORM_VALIDATION_MIN: (_) => `最小値は${_}です`,
+  FORM_VALIDATION_MAX: (_) => `最大値は${_}です`,
+  FORM_VALIDATION_MIN_SELECT: (_) => `少なくとも${_}個のオプションを選択してください`,
+  FORM_VALIDATION_MAX_SELECT: (_) => `最大${_}個のオプションを選択してください`,
+  FORM_VALIDATION_REGEX_FAILED: "無効な形式"
+}, I = { language: "ja", dateLocale: E, stringSet: A };
 export {
-  S as default
+  I as default
 };

package/dist/es/{kE3eGJ-O.js → DU-buYVt.js}

@@ -1,5 +1,5 @@
 import * as o from "react";
-import { P as r } from "./DcGmTG3A.js";
+import { P as r } from "./BFu7kfm0.js";
 const c = ({ label: e = "No channels", ...a }) => /* @__PURE__ */ o.createElement(r, { icon: "chat", label: e, ...a });
 export {
   c as default

package/dist/es/{DhUBPQ6o.js → DxAEO4J0.js}

@@ -1,5 +1,5 @@
 import * as a from "react";
-import { L as o } from "./DcGmTG3A.js";
+import { L as o } from "./BFu7kfm0.js";
 const m = ({ iconSize: e = 48, className: r }) => /* @__PURE__ */ a.createElement(o, { size: e, className: r });
 export {
   m as default

package/dist/es/{CVCUjr3Q.js → dnxo1nL1.js}

@@ -1,6 +1,6 @@
 import * as t from "react";
 import n from "styled-components";
-import { P as a, I as l, a as c, c as s } from "./DcGmTG3A.js";
+import { P as a, I as l, a as c, c as s } from "./BFu7kfm0.js";
 const d = ({ label: r = "Something went wrong", action: e, ...o }) => /* @__PURE__ */ t.createElement(a, { icon: "error", label: r, ...o }, e && /* @__PURE__ */ t.createElement(i, { onClick: e.onClick, label: e.label ?? "Retry" })), i = ({ label: r, onClick: e }) => /* @__PURE__ */ t.createElement(m, { tabIndex: 0, onClick: e }, /* @__PURE__ */ t.createElement(l, { type: "refresh", size: 20 }), /* @__PURE__ */ t.createElement(c, { variant: "button", color: s.color.primary.main }, r)), m = n.button`all:unset;display:flex;cursor:pointer;gap:4px;align-items:center;justify-content:center;`;
 export {
   d as default

package/dist/es/{Dxrtj2R8.js → fgcpgo5V.js}

@@ -1,5 +1,5 @@
-import { ko as _ } from "date-fns/locale/ko";
-const T = _, E = {
+import { ko as T } from "date-fns/locale/ko";
+const E = T, A = {
   // Channel - Common
   CHANNEL_FROZEN: "채널이 동결되었습니다.",
   PLACE_HOLDER__WRONG: "문제가 발생했습니다.",
@@ -15,8 +15,12 @@ const T = _, E = {
   BUTTON__CANCEL: "취소",
   BUTTON__SAVE: "저장",
   BUTTON__OK: "확인",
+  BUTTON__SUBMIT: "제출",
   NO_NAME: "(이름 없음)",
   RETRY: "다시 시도",
+  OPTIONAL: "선택",
+  SUBMITTED: "제출됨",
+  TRY_AGAIN: "다시 시도해 주세요.",
   // Date format
   DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR: "yyyy년 M월 d일",
   DATE_FORMAT__MESSAGE_TIMESTAMP: "p",
@@ -51,8 +55,20 @@ const T = _, E = {
   DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE: "yyyy/MM/dd",
   DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE_CAPTION: "a h:mm",
   // Citation
-  CITATION_SOURCE_TITLE: "출처"
-}, S = { language: "ko", dateLocale: T, stringSet: E };
+  CITATION_SOURCE_TITLE: "출처",
+  // Form
+  FORM_PLACEHOLDER: "계속 진행하려면 양식을 작성해 주세요.",
+  FORM_UNAVAILABLE: "양식을 더 이상 사용할 수 없습니다.",
+  FORM_NOT_SUPPORTED: "이 양식은 현재 버전에서 지원되지 않습니다.",
+  FORM_VALIDATION_REQUIRED: "이 항목은 필수입니다",
+  FORM_VALIDATION_MIN_LENGTH: (_) => `최소 ${_}자가 필요합니다`,
+  FORM_VALIDATION_MAX_LENGTH: (_) => `최대 ${_}자까지 입력 가능합니다`,
+  FORM_VALIDATION_MIN: (_) => `최소값은 ${_}입니다`,
+  FORM_VALIDATION_MAX: (_) => `최대값은 ${_}입니다`,
+  FORM_VALIDATION_MIN_SELECT: (_) => `최소 ${_}개 옵션을 선택해 주세요`,
+  FORM_VALIDATION_MAX_SELECT: (_) => `최대 ${_}개 옵션을 선택해 주세요`,
+  FORM_VALIDATION_REGEX_FAILED: "유효하지 않은 형식"
+}, I = { language: "ko", dateLocale: E, stringSet: A };
 export {
-  S as default
+  I as default
 };

package/dist/es/{BAebVbLs.js → qC-GIbc4.js}

@@ -1,5 +1,5 @@
 import { de as _ } from "date-fns/locale/de";
-const e = _, T = {
+const T = _, E = {
   // Channel - Common
   CHANNEL_FROZEN: "Kanal eingefroren",
   PLACE_HOLDER__WRONG: "Etwas ist schiefgelaufen",
@@ -15,8 +15,12 @@ const e = _, T = {
   BUTTON__CANCEL: "Abbrechen",
   BUTTON__SAVE: "Speichern",
   BUTTON__OK: "OK",
+  BUTTON__SUBMIT: "Absenden",
   NO_NAME: "(Kein Name)",
   RETRY: "Erneut versuchen",
+  OPTIONAL: "optional",
+  SUBMITTED: "Gesendet",
+  TRY_AGAIN: "Bitte versuche es erneut.",
   // Date format
   DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR: "d. MMMM yyyy",
   DATE_FORMAT__MESSAGE_TIMESTAMP: "p",
@@ -51,8 +55,20 @@ const e = _, T = {
   DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE: "dd/MM/yyyy",
   DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE_CAPTION: "HH:mm",
   // Citation
-  CITATION_SOURCE_TITLE: "Quelle"
-}, A = { language: "de", dateLocale: e, stringSet: T };
+  CITATION_SOURCE_TITLE: "Quelle",
+  // Form
+  FORM_PLACEHOLDER: "Bitte fülle das Formular aus, um fortzufahren.",
+  FORM_UNAVAILABLE: "Das Formular ist nicht mehr verfügbar.",
+  FORM_NOT_SUPPORTED: "Dieses Formular wird in der aktuellen Version nicht unterstützt.",
+  FORM_VALIDATION_REQUIRED: "Diese Frage ist erforderlich",
+  FORM_VALIDATION_MIN_LENGTH: (e) => `Mindestens ${e} Zeichen erforderlich`,
+  FORM_VALIDATION_MAX_LENGTH: (e) => `Maximal ${e} Zeichen erlaubt`,
+  FORM_VALIDATION_MIN: (e) => `Mindestwert ist ${e}`,
+  FORM_VALIDATION_MAX: (e) => `Maximalwert ist ${e}`,
+  FORM_VALIDATION_MIN_SELECT: (e) => `Wähle mindestens ${e} Optionen`,
+  FORM_VALIDATION_MAX_SELECT: (e) => `Wähle höchstens ${e} Optionen`,
+  FORM_VALIDATION_REGEX_FAILED: "Ungültiges Format"
+}, O = { language: "de", dateLocale: T, stringSet: E };
 export {
-  A as default
+  O as default
 };

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./cjs/BlshmoPb.cjs");require("react");exports.AgentProviderContainer=e.AgentProviderContainer;exports.AgentUIProviderContainer=e.AgentUIProviderContainer;exports.AnonymousSessionInfo=e.AnonymousSessionInfo;exports.CSATType=e.CSATType;exports.Commands=e.Commands;exports.Conversation=e.Conversation;exports.ConversationContext=e.ConversationContext;exports.ConversationContextProvider=e.ConversationContextProvider;exports.ConversationLayout=e.ConversationLayout;exports.ConversationList=e.ConversationList;exports.ConversationListContext=e.ConversationListContext;exports.ConversationListContextProvider=e.ConversationListContextProvider;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.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./cjs/erHZgq1d.cjs");require("react");exports.AgentProviderContainer=e.AgentProviderContainer;exports.AgentUIProviderContainer=e.AgentUIProviderContainer;exports.AnonymousSessionInfo=e.AnonymousSessionInfo;exports.CSATType=e.CSATType;exports.Commands=e.Commands;exports.Conversation=e.Conversation;exports.ConversationContext=e.ConversationContext;exports.ConversationContextProvider=e.ConversationContextProvider;exports.ConversationLayout=e.ConversationLayout;exports.ConversationList=e.ConversationList;exports.ConversationListContext=e.ConversationListContext;exports.ConversationListContextProvider=e.ConversationListContextProvider;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.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;

package/dist/index.d.ts

@@ -95,9 +95,21 @@ export declare interface AgentPreviewConfigs {
 export declare const AgentProviderContainer: ForwardRefExoticComponent<    {
 appId: string;
 aiAgentId: string;
+/**
+* @public
+* @description Custom API host for the chat SDK.
+* */
 customApiHost?: string;
+/**
+* @public
+* @description Custom WebSocket host for the chat SDK.
+* */
 customWebSocketHost?: string;
-rootElement?: HTMLElement;
+/**
+* @public
+* @description Inject a custom Chat SDK. GroupChannelModule and AIAgentModule must be included in the initialization.
+* */
+customChatSDK?: SendbirdChatWith<[GroupChannelModule, AIAgentModule]>;
 /**
 * @public
 * @description Custom state management for the ai agent client.
@@ -117,6 +129,11 @@ setExpanded?: (value: boolean) => void;
 entryStyle?: CSSProperties;
 /**
 * @public
+* @description The root HTML element to which the AIAgent Messenger will be appended. (default: document.body)
+* */
+rootElement?: HTMLElement;
+/**
+* @public
 * @description AIAgent Messenger theme
 * */
 theme?: {
@@ -333,9 +350,21 @@ declare interface AIAgentMessengerSessionRef {
 export declare type AIAgentProps = PropsWithChildren<{
     appId: string;
     aiAgentId: string;
+    /**
+     * @public
+     * @description Custom API host for the chat SDK.
+     * */
     customApiHost?: string;
+    /**
+     * @public
+     * @description Custom WebSocket host for the chat SDK.
+     * */
     customWebSocketHost?: string;
-    rootElement?: HTMLElement;
+    /**
+     * @public
+     * @description Inject a custom Chat SDK. GroupChannelModule and AIAgentModule must be included in the initialization.
+     * */
+    customChatSDK?: SendbirdChatWith<[GroupChannelModule, AIAgentModule]>;
     /**
      * @public
      * @description Custom state management for the ai agent client.
@@ -353,6 +382,11 @@ export declare type AIAgentProps = PropsWithChildren<{
      * particularly useful for iframe integrations where precise sizing is needed.
      * */
     entryStyle?: CSSProperties;
+    /**
+     * @public
+     * @description The root HTML element to which the AIAgent Messenger will be appended. (default: document.body)
+     * */
+    rootElement?: HTMLElement;
     /**
      * @public
      * @description AIAgent Messenger theme
@@ -495,7 +529,7 @@ declare type BaseMessageProps<T> = T & {
     children?: ReactNode;
 };
 
-declare interface Citation {
+export declare interface CitationInfo {
     embedding_id: number;
     source_type: string;
     title: string;
@@ -693,7 +727,11 @@ declare type CustomEvent_2 = {
     data: {
         message: BaseMessage;
     };
+} | {
+    type: 'user-action-requested';
+    data: UserActionRequestedData;
 };
+export { CustomEvent_2 as CustomEvent }
 
 declare const _default: {
     language: string;
@@ -710,8 +748,12 @@ declare const _default: {
         BUTTON__CANCEL: string;
         BUTTON__SAVE: string;
         BUTTON__OK: string;
+        BUTTON__SUBMIT: string;
         NO_NAME: string;
         RETRY: string;
+        OPTIONAL: string;
+        SUBMITTED: string;
+        TRY_AGAIN: string;
         DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR: string;
         DATE_FORMAT__MESSAGE_TIMESTAMP: string;
         FILE_UPLOAD_NOTIFICATION__COUNT_LIMIT: string;
@@ -741,6 +783,17 @@ declare const _default: {
         DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE: string;
         DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE_CAPTION: string;
         CITATION_SOURCE_TITLE: string;
+        FORM_PLACEHOLDER: string;
+        FORM_UNAVAILABLE: string;
+        FORM_NOT_SUPPORTED: string;
+        FORM_VALIDATION_REQUIRED: string;
+        FORM_VALIDATION_MIN_LENGTH: (minLength: number) => string;
+        FORM_VALIDATION_MAX_LENGTH: (maxLength: number) => string;
+        FORM_VALIDATION_MIN: (minValue: number) => string;
+        FORM_VALIDATION_MAX: (maxValue: number) => string;
+        FORM_VALIDATION_MIN_SELECT: (minSelect: number) => string;
+        FORM_VALIDATION_MAX_SELECT: (maxSelect: number) => string;
+        FORM_VALIDATION_REGEX_FAILED: string;
     };
 };
 
@@ -749,7 +802,7 @@ appId: string;
 aiAgentId: string;
 customApiHost?: string;
 customWebSocketHost?: string;
-rootElement?: HTMLElement;
+customChatSDK?: SendbirdChatWith<[GroupChannelModule, AIAgentModule]>;
 state?: {
 opened?: boolean;
 setOpened?: (value: boolean) => void;
@@ -757,6 +810,7 @@ expanded?: boolean;
 setExpanded?: (value: boolean) => void;
 };
 entryStyle?: CSSProperties;
+rootElement?: HTMLElement;
 theme?: {
 palette?: Partial<PaletteShape>;
 typography?: Partial<{ [K in keyof TypographyShape]: Partial<TypographyShape[K]>; }>;
@@ -820,7 +874,9 @@ export declare interface ExtendedMessagePayload {
         visibility: boolean;
     };
     bot_message_type: 'generated' | 'canned' | 'thinking' | 'welcome' | 'resolution_feedback' | 'maintenance' | 'safeguard' | 'error';
-    citations?: Citation[];
+    citations?: CitationInfo[];
+    feedback?: FeedbackInfo;
+    form?: Form;
     groundedness: GroundednessInfo[];
     manual: ActionbookInfo;
     function_calls: FunctionCallsInfo[];
@@ -831,12 +887,17 @@ declare function ExtendedMessageTemplate(props: Props_3): JSX.Element;
 
 declare function ExtendedSuggestedReplies({ extendedMessagePayload, onClickSuggestedReply, suggestedRepliesDirection, }: IncomingMessageProps): JSX.Element | null;
 
+export declare interface FeedbackInfo {
+    rating: 'good' | 'bad';
+    comment?: string;
+}
+
 export declare const FixedMessenger: ForwardRefExoticComponent<    {
 appId: string;
 aiAgentId: string;
 customApiHost?: string;
 customWebSocketHost?: string;
-rootElement?: HTMLElement;
+customChatSDK?: SendbirdChatWith<[GroupChannelModule, AIAgentModule]>;
 state?: {
 opened?: boolean;
 setOpened?: (value: boolean) => void;
@@ -844,6 +905,7 @@ expanded?: boolean;
 setExpanded?: (value: boolean) => void;
 };
 entryStyle?: CSSProperties;
+rootElement?: HTMLElement;
 theme?: {
 palette?: Partial<PaletteShape>;
 typography?: Partial<{ [K in keyof TypographyShape]: Partial<TypographyShape[K]>; }>;
@@ -902,6 +964,19 @@ declare interface FixedMessengerStyleProps {
     launcherSize?: number;
 }
 
+declare interface Form {
+    key: string;
+    version: number;
+    title: string;
+    submitted_at?: number;
+    canceled_at?: number;
+    fields: FormField[];
+}
+
+declare type FormField = TextField | NumberField | SingleSelectField | MultiSelectField;
+
+declare type FormFieldValue = string | number | string[] | null;
+
 export declare interface FunctionCallsInfo {
     key: string;
     name: string;
@@ -934,6 +1009,8 @@ declare type IncomingBaseMessageProps<T> = T & BaseMessageProps<{
     isBotMessage?: boolean;
     isTyping?: boolean;
     isStreaming?: boolean;
+    isHandedOff?: boolean;
+    isConversationClosed?: boolean;
     onGetCachedMessageTemplate?: (templateKey: string) => string | null;
     onRequestMessageTemplate?: (templateKey: string) => Promise<string>;
     onHandleTemplateInternalAction?: (action: Action) => void;
@@ -943,7 +1020,18 @@ declare type IncomingBaseMessageProps<T> = T & BaseMessageProps<{
     onClickCTA?: (params: {
         url: string;
     }) => void;
-    onClickCitation?: (citation: Citation) => void;
+    onClickCitation?: (citation: CitationInfo) => void;
+    onFeedbackUpdate?: (params: {
+        rating: 'good' | 'bad';
+        comment?: string;
+    } | null) => void;
+    onSubmitForm?: (params: {
+        key: string;
+        data: Record<string, FormFieldValue>;
+    }) => Promise<void>;
+    onCancelForm?: (params: {
+        key: string;
+    }) => Promise<void>;
     messageTemplateErrorFallback?: ReactNode;
     messageTemplateLoadingFallback?: ReactNode;
 }>;
@@ -971,6 +1059,7 @@ export declare const IncomingMessageLayout: {
             MessageTemplate: typeof ExtendedMessageTemplate;
             CTAButton: typeof ExtendedCTAButton;
             Citation: typeof ExtendedCitation;
+            Form: (props: IncomingMessageProps) => JSX.Element | null;
             MessageLogs: typeof ExtendedMessageLogs;
         };
     };
@@ -988,6 +1077,7 @@ export declare const IncomingMessageLayout: {
     MessageTemplate: typeof ExtendedMessageTemplate;
     CTAButton: typeof ExtendedCTAButton;
     Citation: typeof ExtendedCitation;
+    Form: (props: IncomingMessageProps) => JSX.Element | null;
     MessageLogs: typeof ExtendedMessageLogs;
     }, IncomingMessageProps>>;
     useContext: () => LayoutContextValue<    {
@@ -1000,6 +1090,7 @@ export declare const IncomingMessageLayout: {
     MessageTemplate: typeof ExtendedMessageTemplate;
     CTAButton: typeof ExtendedCTAButton;
     Citation: typeof ExtendedCitation;
+    Form: (props: IncomingMessageProps) => JSX.Element | null;
     MessageLogs: typeof ExtendedMessageLogs;
     }, IncomingMessageProps>;
 } & {
@@ -1030,6 +1121,9 @@ export declare const IncomingMessageLayout: {
     Citation: (props: {
         component: typeof ExtendedCitation;
     }) => null;
+    Form: (props: {
+        component: (props: IncomingMessageProps) => JSX.Element | null;
+    }) => null;
     MessageLogs: (props: {
         component: typeof ExtendedMessageLogs;
     }) => null;
@@ -1294,6 +1388,36 @@ declare interface MessengerSettingsResponse {
     };
 }
 
+declare type MultiSelectField = {
+    key: string;
+    type: 'multi-select';
+    label: string;
+    required: boolean;
+    values: null | string[];
+    default_values?: string[];
+    options: string[];
+    layout: 'default';
+    rules?: {
+        min_select?: number;
+        max_select?: number;
+    };
+};
+
+declare type NumberField = {
+    key: string;
+    type: 'number';
+    label: string;
+    required: boolean;
+    value: null | number;
+    default_value?: number;
+    placeholder?: string;
+    layout: 'default';
+    rules?: {
+        min?: number;
+        max?: number;
+    };
+};
+
 declare type OutgoingBaseMessageProps<T> = T & BaseMessageProps<{
     sender: {
         nickname: string;
@@ -1500,9 +1624,18 @@ declare type ScrollTopicUnion = {
     };
 };
 
-declare type StringSet = Record<keyof StringSetKey, string>;
+declare type SingleSelectField = {
+    key: string;
+    type: 'single-select';
+    label: string;
+    required: boolean;
+    value: null | string;
+    default_value?: string;
+    options: string[];
+    layout: 'default';
+};
 
-declare type StringSetKey = typeof _default.stringSet;
+declare type StringSet = typeof _default.stringSet;
 
 declare function SystemAdminMessage(props: SystemMessageProps): JSX.Element | null;
 
@@ -1552,6 +1685,22 @@ declare type SystemMessageUnion = SystemBaseMessageProps<{
     onSubmitCSAT: (params: CSATSubmitParams) => void;
 }>;
 
+declare type TextField = {
+    key: string;
+    type: 'text';
+    label: string;
+    required: boolean;
+    value: null | string;
+    default_value?: string;
+    placeholder?: string;
+    layout: 'singleline' | 'multiline';
+    rules?: {
+        regex?: string;
+        min_length?: number;
+        max_length?: number;
+    };
+};
+
 declare type TypingIndicatorProps = IncomingMessageProps & {
     customStyle?: {
         bubbleContentColor?: string;
@@ -1615,6 +1764,21 @@ export declare const useMessengerSessionContext: {
     displayName: string;
 };
 
+export declare interface UserActionRequestedData {
+    actionType: string;
+    formName: string;
+    payload: Record<string, unknown>;
+    caseId: string;
+    participantId: string;
+    histories: {
+        status: UserActionStatus;
+        timestamp: number;
+        detail?: string;
+    }[];
+}
+
+export declare type UserActionStatus = 'action_requested' | 'action_started' | 'action_submitted' | 'action_processing' | 'action_succeeded' | 'action_failed' | 'action_canceled' | (string & {});
+
 declare type UserSession = {
     userId: string;
     authToken: string;