@sendbird/ai-agent-messenger-react 1.0.0 → 1.1.0

package/dist/es/{BLrqIqwk.js → BdwtEHgL.js}

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

package/dist/es/BvhxxGUf.js

@@ -0,0 +1,22 @@
+import * as r from "react";
+import a from "dompurify";
+import l, { RuleType as p } from "markdown-to-jsx";
+import s from "styled-components";
+import { A as h, c as t } from "./B_yFQNmk.js";
+const x = (d, e, o, i) => e.type === p.textStrikethroughed ? /* @__PURE__ */ r.createElement("span", { key: i.key }, `~~${o(e.children, i)}~~`) : d(), f = ({ className: d, children: e, style: o }) => /* @__PURE__ */ r.createElement(g, { className: d, style: o }, /* @__PURE__ */ r.createElement(
+  l,
+  {
+    options: {
+      renderRule: x,
+      overrides: {
+        a: {
+          component: ({ children: i, ...n }) => /* @__PURE__ */ r.createElement("a", { ...n, target: "_blank", rel: h }, i)
+        }
+      }
+    }
+  },
+  a.sanitize(e)
+)), g = s.div`*{&:first-child{margin-top:0;}&:last-child{margin-bottom:0;}}hr{border-top:1px solid ${t.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:${t.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:${t.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:${t.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:${t.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;}`;
+export {
+  f as MarkdownText
+};

package/dist/es/{DAMSBm7t.js → CXSnn4qx.js}

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

package/dist/es/{DfJKEre2.js → Cfv5QpcS.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 "./BuKsDakz.js";
+import { P as a, I as l, a as c, c as s } from "./B_yFQNmk.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/{DnKaqbmp.js → xCNPjZNB.js}

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

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./cjs/jey3pckv.cjs");require("react");exports.AgentProviderContainer=e.AgentProviderContainer;exports.AgentUIProviderContainer=e.AgentUIProviderContainer;exports.CSATType=e.CSATType;exports.Commands=e.Commands;exports.Conversation=e.Conversation;exports.ConversationList=e.ConversationList;exports.DefaultMessenger=e.DefaultMessenger;exports.FixedMessenger=e.FixedMessenger;exports.IncomingMessageLayout=e.IncomingMessageLayout;exports.LauncherBase=e.LauncherBase;exports.LogLevel=e.LogLevel;exports.MessageLogs=e.MessageLogs;exports.OutgoingMessageLayout=e.OutgoingMessageLayout;exports.SystemMessageLayout=e.SystemMessageLayout;exports.messengerDispatcher=e.messengerDispatcher;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/DR--J0iY.cjs");require("react");exports.AgentProviderContainer=e.AgentProviderContainer;exports.AgentUIProviderContainer=e.AgentUIProviderContainer;exports.CSATType=e.CSATType;exports.Commands=e.Commands;exports.Conversation=e.Conversation;exports.ConversationLayout=e.ConversationLayout;exports.ConversationList=e.ConversationList;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.MessageLogs=e.MessageLogs;exports.OutgoingMessageLayout=e.OutgoingMessageLayout;exports.SystemMessageLayout=e.SystemMessageLayout;exports.messengerDispatcher=e.messengerDispatcher;exports.useLocalizationContext=e.useLocalizationContext;exports.useMessengerContext=e.useMessengerContext;exports.useMessengerSessionContext=e.useMessengerSessionContext;

package/dist/index.d.ts

@@ -70,12 +70,13 @@ export declare interface AgentPreviewConfigs {
     agentAttributes?: {
         ai?: Record<string, unknown>;
         safeguard?: Record<string, unknown>;
+        use_prompt_cache?: boolean;
     };
 }
 
 export declare function AgentProviderContainer({ rootElement, logLevel, language, userSessionInfo, children, ...props }: AIAgentProps): JSX.Element;
 
-export declare function AgentUIProviderContainer({ appearance, rootElement, logger, language, stringSet, children, messageTemplate, }: Props): JSX.Element;
+export declare function AgentUIProviderContainer({ appearance, rootElement, logger, language, stringSet, children, messageTemplate, theme, }: Props): JSX.Element;
 
 declare interface AIAgentContextValue {
     appId: string;
@@ -116,6 +117,16 @@ export declare type AIAgentProps = PropsWithChildren<{
         expanded?: boolean;
         setExpanded?: (value: boolean) => void;
     };
+    /**
+     * @public
+     * @description AIAgent Messenger theme
+     * */
+    theme?: {
+        palette?: Partial<PaletteShape>;
+        typography?: Partial<{
+            [K in keyof TypographyShape]: Partial<TypographyShape[K]>;
+        }>;
+    };
     /**
      * @public
      * @description Custom User session information to be used in connecting to the agent.
@@ -208,7 +219,7 @@ declare abstract class BaseCommand {
 }
 
 declare type BaseMessageProps<T> = T & {
-    createdAt: number;
+    createdAt?: number;
     extendedMessagePayload?: Partial<ExtendedMessagePayload>;
     groupType?: MessageGroupType;
     maxBodyWidth?: number;
@@ -216,6 +227,10 @@ declare type BaseMessageProps<T> = T & {
         url: string;
         type: string;
     }) => void;
+    onClickFile?: (params: {
+        url: string;
+        type: string;
+    }) => void;
     children?: ReactNode;
 };
 
@@ -233,8 +248,101 @@ declare enum CommandType {
 
 export declare const Conversation: ({ children, onNavigateToConversationList, closedChannelUrl, onClearClosedChannelUrl, }: Props_4) => JSX.Element;
 
+export declare const ConversationLayout: {
+    (props: PropsWithChildren): ReactNode;
+    defaults: {
+        template: ComponentType<unknown>;
+        components: {
+            Header: () => JSX.Element | null;
+            Body: () => JSX.Element;
+            Footer: () => JSX.Element;
+        };
+    };
+    Template: ({ template, children }: {
+        template?: ComponentType<unknown> | undefined;
+        children?: ReactNode;
+    }) => JSX.Element;
+    Context: Context<LayoutContextValue<    {
+    Header: () => JSX.Element | null;
+    Body: () => JSX.Element;
+    Footer: () => JSX.Element;
+    }, unknown>>;
+    useContext: () => LayoutContextValue<    {
+    Header: () => JSX.Element | null;
+    Body: () => JSX.Element;
+    Footer: () => JSX.Element;
+    }, unknown>;
+} & {
+    Header: (props: {
+        component: () => JSX.Element | null;
+    }) => null;
+    Body: (props: {
+        component: () => JSX.Element;
+    }) => null;
+    Footer: (props: {
+        component: () => JSX.Element;
+    }) => null;
+};
+
 export declare const ConversationList: ({ children, onOpenConversationView }: Props_5) => JSX.Element;
 
+export declare const ConversationListItemLayout: {
+    (props: PropsWithChildren): ReactNode;
+    defaults: {
+        template: ComponentType<ConversationListItemProps>;
+        components: {};
+    };
+    Template: ({ template, children }: {
+        template?: ComponentType<ConversationListItemProps> | undefined;
+        children?: ReactNode;
+    }) => JSX.Element;
+    Context: Context<LayoutContextValue<    {}, ConversationListItemProps>>;
+    useContext: () => LayoutContextValue<    {}, ConversationListItemProps>;
+} & {};
+
+export declare interface ConversationListItemProps {
+    channelUrl: string;
+    title?: string;
+    lastMessageTimestamp?: number;
+    onClick?: () => void;
+}
+
+export declare const ConversationListLayout: {
+    (props: PropsWithChildren): ReactNode;
+    defaults: {
+        template: ComponentType<unknown>;
+        components: {
+            Header: () => JSX.Element;
+            Body: () => JSX.Element;
+            Footer: () => JSX.Element;
+        };
+    };
+    Template: ({ template, children }: {
+        template?: ComponentType<unknown> | undefined;
+        children?: ReactNode;
+    }) => JSX.Element;
+    Context: Context<LayoutContextValue<    {
+    Header: () => JSX.Element;
+    Body: () => JSX.Element;
+    Footer: () => JSX.Element;
+    }, unknown>>;
+    useContext: () => LayoutContextValue<    {
+    Header: () => JSX.Element;
+    Body: () => JSX.Element;
+    Footer: () => JSX.Element;
+    }, unknown>;
+} & {
+    Header: (props: {
+        component: () => JSX.Element;
+    }) => null;
+    Body: (props: {
+        component: () => JSX.Element;
+    }) => null;
+    Footer: (props: {
+        component: () => JSX.Element;
+    }) => null;
+};
+
 declare type CSATSubmitParams = {
     csatType: string;
     csat?: number;
@@ -373,6 +481,7 @@ declare type IncomingBaseMessageProps<T> = T & BaseMessageProps<{
     suggestedRepliesVisible?: boolean;
     suggestedRepliesDirection?: 'vertical' | 'horizontal';
     isBotMessage?: boolean;
+    isTyping?: boolean;
     onGetCachedMessageTemplate?: (templateKey: string) => string | null;
     onRequestMessageTemplate?: (templateKey: string) => Promise<string>;
     onClickSuggestedReply?: (params: {
@@ -385,7 +494,14 @@ declare type IncomingBaseMessageProps<T> = T & BaseMessageProps<{
     messageTemplateLoadingFallback?: ReactNode;
 }>;
 
-declare function IncomingMessageBody(props: IncomingMessageProps): JSX.Element;
+declare function IncomingMessageBody(props: IncomingMessageBodyProps): JSX.Element | null;
+
+declare type IncomingMessageBodyProps<T extends MessageType = MessageType> = IncomingMessageProps<T> & {
+    customStyle?: {
+        bubbleContentColor?: string;
+        bubbleBackgroundColor?: string;
+    };
+};
 
 export declare const IncomingMessageLayout: {
     (props: PropsWithChildren): ReactNode;
@@ -396,6 +512,7 @@ export declare const IncomingMessageLayout: {
             SenderAvatar: typeof IncomingSenderAvatar;
             SentTime: typeof IncomingSentTime;
             MessageBody: typeof IncomingMessageBody;
+            TypingIndicator: typeof IncomingTypingIndicator;
             SuggestedReplies: typeof ExtendedSuggestedReplies;
             MessageTemplate: typeof ExtendedMessageTemplate;
             CTAButton: typeof ExtendedCTAButton;
@@ -411,6 +528,7 @@ export declare const IncomingMessageLayout: {
     SenderAvatar: typeof IncomingSenderAvatar;
     SentTime: typeof IncomingSentTime;
     MessageBody: typeof IncomingMessageBody;
+    TypingIndicator: typeof IncomingTypingIndicator;
     SuggestedReplies: typeof ExtendedSuggestedReplies;
     MessageTemplate: typeof ExtendedMessageTemplate;
     CTAButton: typeof ExtendedCTAButton;
@@ -421,6 +539,7 @@ export declare const IncomingMessageLayout: {
     SenderAvatar: typeof IncomingSenderAvatar;
     SentTime: typeof IncomingSentTime;
     MessageBody: typeof IncomingMessageBody;
+    TypingIndicator: typeof IncomingTypingIndicator;
     SuggestedReplies: typeof ExtendedSuggestedReplies;
     MessageTemplate: typeof ExtendedMessageTemplate;
     CTAButton: typeof ExtendedCTAButton;
@@ -442,6 +561,9 @@ export declare const IncomingMessageLayout: {
     MessageBody: (props: {
         component: typeof IncomingMessageBody;
     }) => null;
+    TypingIndicator: (props: {
+        component: typeof IncomingTypingIndicator;
+    }) => null;
     SuggestedReplies: (props: {
         component: typeof ExtendedSuggestedReplies;
     }) => null;
@@ -472,7 +594,9 @@ declare function IncomingSenderAvatar({ sender, isBotMessage }: Pick<IncomingMes
 
 declare function IncomingSenderName({ sender }: Pick<IncomingMessageProps, 'sender'>): JSX.Element;
 
-declare function IncomingSentTime({ createdAt }: Pick<IncomingMessageProps, 'createdAt'>): JSX.Element;
+declare function IncomingSentTime({ createdAt }: Pick<IncomingMessageProps, 'createdAt'>): JSX.Element | null;
+
+declare function IncomingTypingIndicator({ customStyle }: TypingIndicatorProps): JSX.Element;
 
 declare interface InternalMessageTemplateVariables {
     carousel_padding_left?: number;
@@ -559,6 +683,10 @@ declare interface MessageTemplateShapeAtom {
     variables?: Record<string, any>;
 }
 
+declare type MessageType = IncomingMessageProps['messageType'];
+
+declare type MessageType_2 = OutgoingMessageProps['messageType'];
+
 declare interface MessengerContextValue extends AIAgentContextValue {
     rootElement: HTMLElement;
     agentPreviewConfigs?: AgentPreviewConfigs;
@@ -638,7 +766,14 @@ declare type OutgoingBaseMessageProps<T> = T & BaseMessageProps<{
     sendingStatus: 'pending' | 'failed' | 'succeeded' | 'canceled' | 'scheduled';
 }>;
 
-declare function OutgoingMessageBody(props: OutgoingMessageProps): JSX.Element | null;
+declare function OutgoingMessageBody(props: OutgoingMessageBodyProps): JSX.Element | null;
+
+declare type OutgoingMessageBodyProps<T extends MessageType_2 = MessageType_2> = OutgoingMessageProps<T> & {
+    customStyle?: {
+        bubbleContentColor?: string;
+        bubbleBackgroundColor?: string;
+    };
+};
 
 export declare const OutgoingMessageLayout: {
     (props: PropsWithChildren): ReactNode;
@@ -697,7 +832,43 @@ declare type OutgoingMessageUnion = OutgoingBaseMessageProps<{
 
 declare function OutgoingSendingStatus({ sendingStatus }: OutgoingMessageProps): JSX.Element | null;
 
-declare function OutgoingSentTime({ createdAt }: OutgoingMessageProps): JSX.Element;
+declare function OutgoingSentTime({ createdAt }: OutgoingMessageProps): JSX.Element | null;
+
+declare interface PaletteColor {
+    extraDark: string;
+    dark: string;
+    main: string;
+    light: string;
+    extraLight: string;
+}
+
+declare interface PaletteShape {
+    primary: PaletteColor;
+    secondary: PaletteColor;
+    error: PaletteColor;
+    information: PaletteColor;
+    background700: string;
+    background600: string;
+    background500: string;
+    background400: string;
+    background300: string;
+    background200: string;
+    background100: string;
+    background50: string;
+    onlight: PaletteTextEmphasis;
+    ondark: PaletteTextEmphasis;
+    overlay: {
+        dark: string;
+        light: string;
+    };
+}
+
+declare interface PaletteTextEmphasis {
+    textHighEmphasis: string;
+    textMidEmphasis: string;
+    textLowEmphasis: string;
+    textDisabled: string;
+}
 
 declare type PickMessageProps<Union, T extends Union extends {
     messageType: infer MT;
@@ -714,6 +885,13 @@ declare type Props = {
     logger?: Loggable;
     stringSet?: Partial<StringSet>;
     language?: string;
+    theme?: {
+        palette?: Partial<PaletteShape>;
+        typography?: Partial<{
+            [K in keyof TypographyShape]: Partial<TypographyShape[K]>;
+        }>;
+    };
+    /** @internal DO NOT USE THIS **/
     messageTemplate?: {
         /** @internal DO NOT USE THIS **/
         __internalVariables?: InternalMessageTemplateVariables;
@@ -807,6 +985,34 @@ declare type SystemMessageUnion = SystemBaseMessageProps<{
     onSubmitCSAT: (params: CSATSubmitParams) => void;
 }>;
 
+declare type TypingIndicatorProps = IncomingMessageProps & {
+    customStyle?: {
+        bubbleContentColor?: string;
+        bubbleBackgroundColor?: string;
+    };
+};
+
+declare interface TypographyShape {
+    h1: TypographyVariant;
+    h2: TypographyVariant;
+    subtitle1: TypographyVariant;
+    subtitle2: TypographyVariant;
+    body1: TypographyVariant;
+    body2: TypographyVariant;
+    body3: TypographyVariant;
+    button: TypographyVariant;
+    caption1: TypographyVariant;
+    caption2: TypographyVariant;
+    caption3: TypographyVariant;
+    caption4: TypographyVariant;
+}
+
+declare interface TypographyVariant {
+    fontSize: number | string;
+    fontWeight: number | string;
+    fontFamily?: string;
+}
+
 export declare const useLocalizationContext: {
     (): LocalizationContextValue;
     displayName: string;
@@ -832,6 +1038,6 @@ export { }
 
 
 declare module 'styled-components' {
-    interface DefaultTheme extends AgentTheme {
+    interface DefaultTheme extends AIAgentTheme {
     }
 }

package/dist/index.js

@@ -1,22 +1,25 @@
-import { b as n, d as o, i as t, C as r, j as g, k as i, D as u, F as C, h as L, g as M, l as m, M as d, O as v, S as x, m as y, f as c, u as l, e as p } from "./es/BuKsDakz.js";
+import { b as o, d as n, i as t, C as i, k as r, l as g, n as L, j as u, o as C, D as m, F as M, h as v, g as y, p as d, M as p, O as x, S as c, m as l, f as S, u as f, e as h } from "./es/B_yFQNmk.js";
 import "react";
 export {
-  n as AgentProviderContainer,
-  o as AgentUIProviderContainer,
+  o as AgentProviderContainer,
+  n as AgentUIProviderContainer,
   t as CSATType,
-  r as Commands,
-  g as Conversation,
-  i as ConversationList,
-  u as DefaultMessenger,
-  C as FixedMessenger,
-  L as IncomingMessageLayout,
-  M as LauncherBase,
-  m as LogLevel,
-  d as MessageLogs,
-  v as OutgoingMessageLayout,
-  x as SystemMessageLayout,
-  y as messengerDispatcher,
-  c as useLocalizationContext,
-  l as useMessengerContext,
-  p as useMessengerSessionContext
+  i as Commands,
+  r as Conversation,
+  g as ConversationLayout,
+  L as ConversationList,
+  u as ConversationListItemLayout,
+  C as ConversationListLayout,
+  m as DefaultMessenger,
+  M as FixedMessenger,
+  v as IncomingMessageLayout,
+  y as LauncherBase,
+  d as LogLevel,
+  p as MessageLogs,
+  x as OutgoingMessageLayout,
+  c as SystemMessageLayout,
+  l as messengerDispatcher,
+  S as useLocalizationContext,
+  f as useMessengerContext,
+  h as useMessengerSessionContext
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sendbird/ai-agent-messenger-react",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "Sendbird AI Agent Messenger for React",
   "type": "module",
   "main": "dist/index.js",
@@ -20,23 +20,23 @@
   "sideEffects": false,
   "dependencies": {
     "@emotion/is-prop-valid": "^1.3.1",
-    "@sendbird/react-uikit-message-template-view": "0.0.8",
-    "@sendbird/uikit-message-template": "0.0.8",
-    "@sendbird/uikit-tools": "0.0.8",
+    "@sendbird/react-uikit-message-template-view": "0.0.9",
+    "@sendbird/uikit-message-template": "0.0.9",
+    "@sendbird/uikit-tools": "0.0.9",
     "date-fns": "^4.1.0",
     "dompurify": "^3.2.4",
     "markdown-to-jsx": "^7.7.2",
     "react-syntax-highlighter": "^15.6.1"
   },
   "peerDependencies": {
-    "@sendbird/chat": "^4.19.0",
+    "@sendbird/chat": "^4.19.2",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0",
     "styled-components": ">=5.0.0"
   },
   "devDependencies": {
     "@monaco-editor/react": "^4.7.0",
-    "@sendbird/chat": "^4.19.0",
+    "@sendbird/chat": "^4.19.2",
     "@types/react": "^19.0.2",
     "@types/react-dom": "^19.0.2",
     "@types/react-syntax-highlighter": "^15.5.13",
@@ -45,7 +45,7 @@
     "react-dom": "^19.0.0",
     "strip-json-comments": "^5.0.1",
     "styled-components": "^6.1.15",
-    "@sendbird/ai-agent-core": "1.0.0",
+    "@sendbird/ai-agent-core": "1.1.0",
     "@sendbird/vite-tools": "0.0.1"
   },
   "msw": {

package/dist/cjs/Coz01rE5.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),p=require("dompurify"),d=require("markdown-to-jsx"),s=require("styled-components"),n=require("./jey3pckv.cjs");function h(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,i.get?i:{enumerable:!0,get:()=>t[r]})}}return e.default=t,Object.freeze(e)}const o=h(l),c=(t,e,r,i)=>e.type===d.RuleType.textStrikethroughed?o.createElement("span",{key:i.key},`~~${r(e.children,i)}~~`):t(),g=({className:t,children:e,style:r})=>o.createElement(b,{className:t,style:r},o.createElement(d,{options:{renderRule:c,overrides:{a:{component:({children:i,...a})=>o.createElement("a",{...a,target:"_blank",rel:n.ANCHOR_REL},i)}}}},p.sanitize(e))),b=s.div`*{&:first-child{margin-top:0;}&:last-child{margin-bottom:0;}}hr{border-top:1px solid ${n.cssVars.themedColor.onbackground4};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:${n.cssVars.themedColor.onbackground4};}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:${n.cssVars.themedColor.onbackground4};}}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:${n.cssVars.themedColor.onbackground4};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:${n.cssVars.themedColor.onbackground4};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;}`;exports.MarkdownText=g;