@sendbird/ai-agent-messenger-react 1.5.0 → 1.6.1

package/dist/es/{CDGGo6vl.js → HxOZjoSV.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 "./BJDMdOwf.js";
+import { A as b, c as i } from "./CQ8KW62U.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/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./cjs/BH3mOALq.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/Dk7KndGT.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.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;

package/dist/index.d.ts

@@ -10,6 +10,7 @@ import { CSSProperties } from 'react';
 import { DependencyList } from 'react';
 import { DeskChannelFilter } from '@sendbird/chat/aiAgent';
 import { Dispatch } from 'react';
+import { FC } from 'react';
 import { FileMessage } from '@sendbird/chat/message';
 import { FileMessageCreateParams } from '@sendbird/chat/message';
 import { format } from 'date-fns';
@@ -17,6 +18,7 @@ import { ForwardRefExoticComponent } from 'react';
 import { GroupChannel } from '@sendbird/chat/groupChannel';
 import { GroupChannelModule } from '@sendbird/chat/groupChannel';
 import { JSX } from 'react/jsx-runtime';
+import { LazyExoticComponent } from 'react';
 import { Locale } from 'date-fns';
 import { LogLevel as LogLevel_2 } from '@sendbird/chat';
 import { PropsWithChildren } from 'react';
@@ -28,6 +30,7 @@ import { SendbirdChatWith } from '@sendbird/chat';
 import { SendbirdError } from '@sendbird/chat';
 import { SessionHandler } from '@sendbird/chat';
 import { SetStateAction } from 'react';
+import { SVGProps } from 'react';
 import { UserMessage } from '@sendbird/chat/message';
 import { UserMessageCreateParams } from '@sendbird/chat/message';
 
@@ -41,6 +44,7 @@ export declare interface AgentClientHandlers {
     onMessageSend?: (message: string) => void;
     onFunctionCallDetailClick?: (func: FunctionCallsInfo) => void;
     onCustomEvent?: (event: CustomEvent_2) => void;
+    onInitializeFailed?: (error: Error) => void;
 }
 
 export declare interface AgentMessageTemplateInfo {
@@ -631,7 +635,7 @@ export declare const ConversationLayout: {
         components: {
             Header: () => JSX.Element | null;
             Body: () => JSX.Element;
-            Footer: () => JSX.Element | null;
+            Footer: () => JSX.Element;
         };
     };
     Template: ({ template, children }: {
@@ -641,12 +645,12 @@ export declare const ConversationLayout: {
     Context: Context<LayoutContextValue<    {
     Header: () => JSX.Element | null;
     Body: () => JSX.Element;
-    Footer: () => JSX.Element | null;
+    Footer: () => JSX.Element;
     }, unknown>>;
     useContext: () => LayoutContextValue<    {
     Header: () => JSX.Element | null;
     Body: () => JSX.Element;
-    Footer: () => JSX.Element | null;
+    Footer: () => JSX.Element;
     }, unknown>;
 } & {
     Header: (props: {
@@ -656,7 +660,7 @@ export declare const ConversationLayout: {
         component: () => JSX.Element;
     }) => null;
     Footer: (props: {
-        component: () => JSX.Element | null;
+        component: () => JSX.Element;
     }) => null;
 };
 
@@ -750,7 +754,9 @@ declare type CSATSubmitParams = {
     csatType: string;
     csat?: number;
     csatReason?: string;
+    csatStartedAt?: number;
     isResolved?: boolean;
+    resolutionScore?: number;
 };
 
 export declare enum CSATType {
@@ -883,6 +889,31 @@ export declare interface ExtendedMessagePayload {
     csat: {
         type: CSATType;
         visibility: boolean;
+        title: string;
+        csat_question: string;
+        csat_scores: {
+            label: string;
+            image_url: string;
+        }[];
+        csat_submit_label: string;
+        csat_submitted_label: string;
+        cre?: {
+            question: string;
+            positive_label: string;
+            negative_label: string;
+        };
+        follow_up?: Array<{
+            response_type: 'free_text';
+            question: string;
+            scores: number[];
+            required?: boolean;
+        } | {
+            response_type: 'single_choice';
+            question: string;
+            scores: number[];
+            options: string[];
+            required?: boolean;
+        }>;
     };
     bot_message_type: 'generated' | 'canned' | 'thinking' | 'welcome' | 'resolution_feedback' | 'maintenance' | 'safeguard' | 'error';
     citations?: CitationInfo[];
@@ -971,6 +1002,53 @@ export declare interface GroundednessInfo {
     preview_title: string;
 }
 
+/**
+ * frequently used icons are imported statically, and others are imported dynamically.
+ * */
+declare const icons: {
+    readonly close: FC<SVGProps<SVGElement>>;
+    readonly send: FC<SVGProps<SVGElement>>;
+    readonly menu: FC<SVGProps<SVGElement>>;
+    readonly expand: FC<SVGProps<SVGElement>>;
+    readonly collapse: FC<SVGProps<SVGElement>>;
+    readonly spinner: LazyExoticComponent<FC<SVGProps<SVGElement>>>;
+    readonly chat: LazyExoticComponent<FC<SVGProps<SVGElement>>>;
+    readonly message: LazyExoticComponent<FC<SVGProps<SVGElement>>>;
+    readonly error: LazyExoticComponent<FC<SVGProps<SVGElement>>>;
+    readonly info: LazyExoticComponent<FC<SVGProps<SVGElement>>>;
+    readonly refresh: LazyExoticComponent<FC<SVGProps<SVGElement>>>;
+    readonly 'chevron-down': LazyExoticComponent<FC<SVGProps<SVGElement>>>;
+    readonly 'chevron-right': LazyExoticComponent<FC<SVGProps<SVGElement>>>;
+    readonly done: LazyExoticComponent<FC<SVGProps<SVGElement>>>;
+    readonly user: LazyExoticComponent<FC<SVGProps<SVGElement>>>;
+    readonly 'file-document': LazyExoticComponent<FC<SVGProps<SVGElement>>>;
+    readonly download: LazyExoticComponent<FC<SVGProps<SVGElement>>>;
+    readonly attach: LazyExoticComponent<FC<SVGProps<SVGElement>>>;
+    readonly delete: LazyExoticComponent<FC<SVGProps<SVGElement>>>;
+    readonly 'close-filled': LazyExoticComponent<FC<SVGProps<SVGElement>>>;
+    readonly agent: LazyExoticComponent<FC<SVGProps<SVGElement>>>;
+    readonly question: LazyExoticComponent<FC<SVGProps<SVGElement>>>;
+    readonly actionbook: LazyExoticComponent<FC<SVGProps<SVGElement>>>;
+    readonly function: LazyExoticComponent<FC<SVGProps<SVGElement>>>;
+    readonly 'radio-on': LazyExoticComponent<FC<SVGProps<SVGElement>>>;
+    readonly 'radio-off': LazyExoticComponent<FC<SVGProps<SVGElement>>>;
+    readonly confluence: LazyExoticComponent<FC<SVGProps<SVGElement>>>;
+    readonly zendesk: LazyExoticComponent<FC<SVGProps<SVGElement>>>;
+    readonly salesforce: LazyExoticComponent<FC<SVGProps<SVGElement>>>;
+    readonly sprinklr: LazyExoticComponent<FC<SVGProps<SVGElement>>>;
+    readonly website: LazyExoticComponent<FC<SVGProps<SVGElement>>>;
+    readonly snippet: LazyExoticComponent<FC<SVGProps<SVGElement>>>;
+    readonly template: LazyExoticComponent<FC<SVGProps<SVGElement>>>;
+    readonly source: LazyExoticComponent<FC<SVGProps<SVGElement>>>;
+    readonly bot: LazyExoticComponent<FC<SVGProps<SVGElement>>>;
+    readonly 'bot-filled': LazyExoticComponent<FC<SVGProps<SVGElement>>>;
+    readonly copy: LazyExoticComponent<FC<SVGProps<SVGElement>>>;
+    readonly show: LazyExoticComponent<FC<SVGProps<SVGElement>>>;
+    readonly mute: LazyExoticComponent<FC<SVGProps<SVGElement>>>;
+};
+
+declare type IconType = keyof typeof icons;
+
 declare type IncomingBaseMessageProps<T> = T & BaseMessageProps<{
     sender: {
         nickname: string;
@@ -1528,6 +1606,77 @@ declare type PickMessageProps<Union, T extends Union extends {
     messageType: T;
 } ? Union : never;
 
+export declare interface PlaceholderBaseProps extends PlaceholderCommonProps {
+    icon?: IconType;
+    label?: string;
+}
+
+declare interface PlaceholderCommonProps {
+    className?: string;
+    iconSize?: string | number;
+    children?: ReactNode;
+}
+
+export declare interface PlaceholderErrorProps extends PlaceholderBaseProps {
+    action?: {
+        label?: string;
+        onClick: () => void;
+    };
+}
+
+export declare const PlaceholderLayout: {
+    (props: PropsWithChildren): ReactNode;
+    defaults: {
+        template: ComponentType<PlaceholderTemplateProps>;
+        components: {
+            Loading: ({ iconSize, className }: PlaceholderLoadingProps) => ReactNode;
+            Error: ({ label, icon, action, ...props }: PlaceholderErrorProps) => ReactNode;
+            NoChannels: ({ label, icon, ...props }: PlaceholderBaseProps) => ReactNode;
+            NoMessages: ({ label, icon, ...props }: PlaceholderBaseProps) => ReactNode;
+        };
+    };
+    Template: ({ template, children }: {
+        template?: ComponentType<PlaceholderTemplateProps> | undefined;
+        children?: ReactNode;
+    }) => JSX.Element;
+    Context: Context<LayoutContextValue<    {
+    Loading: ({ iconSize, className }: PlaceholderLoadingProps) => ReactNode;
+    Error: ({ label, icon, action, ...props }: PlaceholderErrorProps) => ReactNode;
+    NoChannels: ({ label, icon, ...props }: PlaceholderBaseProps) => ReactNode;
+    NoMessages: ({ label, icon, ...props }: PlaceholderBaseProps) => ReactNode;
+    }, PlaceholderTemplateProps>>;
+    useContext: () => LayoutContextValue<    {
+    Loading: ({ iconSize, className }: PlaceholderLoadingProps) => ReactNode;
+    Error: ({ label, icon, action, ...props }: PlaceholderErrorProps) => ReactNode;
+    NoChannels: ({ label, icon, ...props }: PlaceholderBaseProps) => ReactNode;
+    NoMessages: ({ label, icon, ...props }: PlaceholderBaseProps) => ReactNode;
+    }, PlaceholderTemplateProps>;
+} & {
+    Loading: (props: {
+        component: ({ iconSize, className }: PlaceholderLoadingProps) => ReactNode;
+    }) => null;
+    Error: (props: {
+        component: ({ label, icon, action, ...props }: PlaceholderErrorProps) => ReactNode;
+    }) => null;
+    NoChannels: (props: {
+        component: ({ label, icon, ...props }: PlaceholderBaseProps) => ReactNode;
+    }) => null;
+    NoMessages: (props: {
+        component: ({ label, icon, ...props }: PlaceholderBaseProps) => ReactNode;
+    }) => null;
+};
+
+export declare interface PlaceholderLoadingProps extends PlaceholderCommonProps {
+}
+
+export declare type PlaceholderTemplateProps = ({
+    type: 'loading';
+} & PlaceholderLoadingProps) | ({
+    type: 'error';
+} & PlaceholderErrorProps) | ({
+    type: 'noChannels' | 'noMessages';
+} & PlaceholderBaseProps);
+
 export declare type PositionHorizontal = 'start' | 'end';
 
 export declare type PositionVertical = 'top' | 'bottom';

package/dist/index.js

@@ -1,4 +1,4 @@
-import { b as o, d as n, y as t, i, C as r, k as C, n as g, o as u, l as v, q as L, s as x, t as m, j as y, r as M, D as d, F as S, h as f, g as l, w as p, x as I, M as c, O as A, S as P, m as h, p as D, v as F, f as O, u as T, e as b } from "./es/BJDMdOwf.js";
+import { a as o, b as n, v as t, f as i, C as r, h as C, j as L, k as u, i as g, n as v, p as x, q as m, g as y, o as M, D as d, F as l, I, L as P, s as S, t as c, M as f, O as p, P as h, S as A, m as D, l as F, r as O, e as T, u as b, d as j } from "./es/CQ8KW62U.js";
 import "react";
 export {
   o as AgentProviderContainer,
@@ -7,27 +7,28 @@ export {
   i as CSATType,
   r as Commands,
   C as Conversation,
-  g as ConversationContext,
+  L as ConversationContext,
   u as ConversationContextProvider,
-  v as ConversationLayout,
-  L as ConversationList,
+  g as ConversationLayout,
+  v as ConversationList,
   x as ConversationListContext,
   m as ConversationListContextProvider,
   y as ConversationListItemLayout,
   M as ConversationListLayout,
   d as DefaultMessenger,
-  S as FixedMessenger,
-  f as IncomingMessageLayout,
-  l as LauncherBase,
-  p as LogLevel,
-  I as ManualSessionInfo,
-  c as MessageLogs,
-  A as OutgoingMessageLayout,
-  P as SystemMessageLayout,
-  h as messengerDispatcher,
-  D as useConversationContext,
-  F as useConversationListContext,
-  O as useLocalizationContext,
-  T as useMessengerContext,
-  b as useMessengerSessionContext
+  l as FixedMessenger,
+  I as IncomingMessageLayout,
+  P as LauncherBase,
+  S as LogLevel,
+  c as ManualSessionInfo,
+  f as MessageLogs,
+  p as OutgoingMessageLayout,
+  h as PlaceholderLayout,
+  A as SystemMessageLayout,
+  D as messengerDispatcher,
+  F as useConversationContext,
+  O as useConversationListContext,
+  T as useLocalizationContext,
+  b as useMessengerContext,
+  j as useMessengerSessionContext
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sendbird/ai-agent-messenger-react",
-  "version": "1.5.0",
+  "version": "1.6.1",
   "description": "Sendbird AI Agent Messenger for React",
   "type": "module",
   "main": "dist/index.js",
@@ -29,13 +29,13 @@
     "react-syntax-highlighter": "^15.6.1"
   },
   "peerDependencies": {
-    "@sendbird/chat": "^4.20.0",
+    "@sendbird/chat": "^4.20.1",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0",
     "styled-components": ">=5.0.0"
   },
   "devDependencies": {
-    "@sendbird/chat": "^4.20.0",
+    "@sendbird/chat": "^4.20.1",
     "@types/react": "^19.0.2",
     "@types/react-dom": "^19.0.2",
     "@types/react-syntax-highlighter": "^15.5.13",
@@ -44,9 +44,9 @@
     "react-dom": "^19.0.0",
     "strip-json-comments": "^5.0.1",
     "styled-components": "^6.1.15",
-    "@sendbird/ai-agent-core": "1.5.0",
-    "@sendbird/vite-tools": "0.0.1",
-    "@sendbird/config-editor": "0.1.0"
+    "@sendbird/ai-agent-core": "1.6.1",
+    "@sendbird/config-editor": "0.1.0",
+    "@sendbird/vite-tools": "0.0.1"
   },
   "msw": {
     "workerDirectory": [