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

package/dist/es/{iyT9UrKz.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 "./D6MdvPT4.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/CKcwLERt.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 {
@@ -998,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;
@@ -1555,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/D6MdvPT4.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.6.0",
+  "version": "1.6.1",
   "description": "Sendbird AI Agent Messenger for React",
   "type": "module",
   "main": "dist/index.js",
@@ -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.6.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": [

package/dist/cjs/94JThUxi.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),c=require("./CKcwLERt.cjs");function a(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const u=a(o),i=({iconSize:e=48,className:t})=>u.createElement(c.Loader,{size:e,className:t});exports.default=i;

package/dist/cjs/BXHNAWmo.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),a=require("styled-components"),o=require("./CKcwLERt.cjs"),s=e=>e&&e.__esModule?e:{default:e};function u(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const l=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,l.get?l:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const n=u(c),i=s(a),d=({label:e="Something went wrong",action:t,...r})=>n.createElement(o.PlaceholderBase,{icon:"error",label:e,...r},t&&n.createElement(f,{onClick:t.onClick,label:t.label??"Retry"})),f=({label:e,onClick:t})=>n.createElement(b,{tabIndex:0,onClick:t},n.createElement(o.Icon,{type:"refresh",size:20}),n.createElement(o.Label,{variant:"button",color:o.cssVars.color.primary.main},e)),b=i.default.button`all:unset;display:flex;cursor:pointer;gap:4px;align-items:center;justify-content:center;`;exports.default=d;