@sendbird/ai-agent-messenger-react 1.9.5 → 1.10.1

package/dist/es/{CEKfamJD.js → DSU-pnsD.js}

@@ -1,4 +1,4 @@
-import { m as n } from "./D2smfPm5.js";
+import { m as n } from "./DLKKcW2Z.js";
 import { es as _ } from "date-fns/locale/es";
 const i = {
   conversation: {

package/dist/es/{DFWSY5QN.js → EVDICC4l.js}

@@ -1,4 +1,4 @@
-import { m as _ } from "./D2smfPm5.js";
+import { m as _ } from "./DLKKcW2Z.js";
 import { de as r } from "date-fns/locale/de";
 const a = {
   conversation: {

package/dist/es/{C5zlCPdK.js → smGeKrd1.js}

@@ -1,4 +1,4 @@
-import { m as _ } from "./D2smfPm5.js";
+import { m as _ } from "./DLKKcW2Z.js";
 import { pt as n } from "date-fns/locale/pt";
 const r = {
   conversation: {

package/dist/index.cjs

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

@@ -752,12 +752,88 @@ declare interface ConversationCreateParams {
     context?: Record<string, string>;
 }
 
+export declare const ConversationHeaderLayout: {
+    (props: PropsWithChildren): ReactNode;
+    defaults: {
+        template: ComponentType<ConversationHeaderTemplateProps>;
+        components: {
+            StartArea: () => ReactNode;
+            TitleArea: () => ReactNode;
+            EndArea: () => ReactNode;
+            MenuButton: () => ReactNode;
+            Title: () => ReactNode;
+            HandoffButton: () => ReactNode;
+            ConversationCloseButton: () => ReactNode;
+            ExpandButton: () => ReactNode;
+            CloseButton: () => ReactNode;
+        };
+    };
+    Template: ({ template, children }: {
+        template?: ComponentType<ConversationHeaderTemplateProps> | undefined;
+        children?: ReactNode;
+    }) => JSX.Element;
+    Context: Context<LayoutContextValue<    {
+    StartArea: () => ReactNode;
+    TitleArea: () => ReactNode;
+    EndArea: () => ReactNode;
+    MenuButton: () => ReactNode;
+    Title: () => ReactNode;
+    HandoffButton: () => ReactNode;
+    ConversationCloseButton: () => ReactNode;
+    ExpandButton: () => ReactNode;
+    CloseButton: () => ReactNode;
+    }, ConversationHeaderTemplateProps>>;
+    useContext: () => LayoutContextValue<    {
+    StartArea: () => ReactNode;
+    TitleArea: () => ReactNode;
+    EndArea: () => ReactNode;
+    MenuButton: () => ReactNode;
+    Title: () => ReactNode;
+    HandoffButton: () => ReactNode;
+    ConversationCloseButton: () => ReactNode;
+    ExpandButton: () => ReactNode;
+    CloseButton: () => ReactNode;
+    }, ConversationHeaderTemplateProps>;
+} & {
+    StartArea: (props: {
+        component: () => ReactNode;
+    }) => null;
+    TitleArea: (props: {
+        component: () => ReactNode;
+    }) => null;
+    EndArea: (props: {
+        component: () => ReactNode;
+    }) => null;
+    MenuButton: (props: {
+        component: () => ReactNode;
+    }) => null;
+    Title: (props: {
+        component: () => ReactNode;
+    }) => null;
+    HandoffButton: (props: {
+        component: () => ReactNode;
+    }) => null;
+    ConversationCloseButton: (props: {
+        component: () => ReactNode;
+    }) => null;
+    ExpandButton: (props: {
+        component: () => ReactNode;
+    }) => null;
+    CloseButton: (props: {
+        component: () => ReactNode;
+    }) => null;
+};
+
+declare interface ConversationHeaderTemplateProps {
+    titleAlign?: 'start' | 'center' | 'end';
+}
+
 export declare const ConversationLayout: {
     (props: PropsWithChildren): ReactNode;
     defaults: {
         template: ComponentType<unknown>;
         components: {
-            Header: () => JSX.Element | null;
+            Header: () => ReactNode;
             Body: () => JSX.Element;
             Footer: () => JSX.Element;
         };
@@ -767,18 +843,18 @@ export declare const ConversationLayout: {
         children?: ReactNode;
     }) => JSX.Element;
     Context: Context<LayoutContextValue<    {
-    Header: () => JSX.Element | null;
+    Header: () => ReactNode;
     Body: () => JSX.Element;
     Footer: () => JSX.Element;
     }, unknown>>;
     useContext: () => LayoutContextValue<    {
-    Header: () => JSX.Element | null;
+    Header: () => ReactNode;
     Body: () => JSX.Element;
     Footer: () => JSX.Element;
     }, unknown>;
 } & {
     Header: (props: {
-        component: () => JSX.Element | null;
+        component: () => ReactNode;
     }) => null;
     Body: (props: {
         component: () => JSX.Element;
@@ -814,6 +890,58 @@ declare interface ConversationListContextValue extends AIAgentConversationListCo
     onOpenConversationView: (channelUrl: string, status: 'open' | 'closed') => void;
 }
 
+export declare const ConversationListHeaderLayout: {
+    (props: PropsWithChildren): ReactNode;
+    defaults: {
+        template: ComponentType<ConversationListHeaderTemplateProps>;
+        components: {
+            StartArea: () => ReactNode;
+            TitleArea: () => ReactNode;
+            EndArea: () => ReactNode;
+            Title: () => ReactNode;
+            CloseButton: () => ReactNode;
+        };
+    };
+    Template: ({ template, children }: {
+        template?: ComponentType<ConversationListHeaderTemplateProps> | undefined;
+        children?: ReactNode;
+    }) => JSX.Element;
+    Context: Context<LayoutContextValue<    {
+    StartArea: () => ReactNode;
+    TitleArea: () => ReactNode;
+    EndArea: () => ReactNode;
+    Title: () => ReactNode;
+    CloseButton: () => ReactNode;
+    }, ConversationListHeaderTemplateProps>>;
+    useContext: () => LayoutContextValue<    {
+    StartArea: () => ReactNode;
+    TitleArea: () => ReactNode;
+    EndArea: () => ReactNode;
+    Title: () => ReactNode;
+    CloseButton: () => ReactNode;
+    }, ConversationListHeaderTemplateProps>;
+} & {
+    StartArea: (props: {
+        component: () => ReactNode;
+    }) => null;
+    TitleArea: (props: {
+        component: () => ReactNode;
+    }) => null;
+    EndArea: (props: {
+        component: () => ReactNode;
+    }) => null;
+    Title: (props: {
+        component: () => ReactNode;
+    }) => null;
+    CloseButton: (props: {
+        component: () => ReactNode;
+    }) => null;
+};
+
+declare interface ConversationListHeaderTemplateProps {
+    titleAlign?: 'start' | 'center' | 'end';
+}
+
 export declare const ConversationListItemLayout: {
     (props: PropsWithChildren): ReactNode;
     defaults: {
@@ -843,7 +971,7 @@ export declare const ConversationListLayout: {
     defaults: {
         template: ComponentType<unknown>;
         components: {
-            Header: () => JSX.Element;
+            Header: () => ReactNode;
             Body: () => JSX.Element;
             Footer: () => JSX.Element;
         };
@@ -853,18 +981,18 @@ export declare const ConversationListLayout: {
         children?: ReactNode;
     }) => JSX.Element;
     Context: Context<LayoutContextValue<    {
-    Header: () => JSX.Element;
+    Header: () => ReactNode;
     Body: () => JSX.Element;
     Footer: () => JSX.Element;
     }, unknown>>;
     useContext: () => LayoutContextValue<    {
-    Header: () => JSX.Element;
+    Header: () => ReactNode;
     Body: () => JSX.Element;
     Footer: () => JSX.Element;
     }, unknown>;
 } & {
     Header: (props: {
-        component: () => JSX.Element;
+        component: () => ReactNode;
     }) => null;
     Body: (props: {
         component: () => JSX.Element;
@@ -1540,6 +1668,11 @@ declare interface MessengerProps extends AIAgentProps {
      * This can be either 'Conversation' or 'ConversationList'. (default: 'Conversation')
      * */
     entryPoint?: 'Conversation' | 'ConversationList';
+    /**
+     * @public
+     * @description The URL of the channel to open initially when the messenger is first loaded.
+     * */
+    initialChannelUrl?: string;
 }
 
 declare interface MessengerSessionCache {

package/dist/index.js

@@ -1,4 +1,4 @@
-import { a as o, b as n, y as t, v as i, D as r, j as C, l as u, n as L, k as v, p as g, r as x, s as y, C as M, q as m, h as d, F as l, I as c, L as f, w as h, x as I, M as P, O as S, P as p, S as A, g as D, o as F, t as O, f as T, u as b, d as j, i as k } from "./es/D2smfPm5.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/DLKKcW2Z.js";
 import "react";
 export {
   o as AgentProviderContainer,
@@ -7,29 +7,31 @@ export {
   i as CSATType,
   r as Commands,
   C as Conversation,
-  u as ConversationContext,
-  L as ConversationContextProvider,
-  v as ConversationLayout,
-  g as ConversationList,
+  L as ConversationContext,
+  u as ConversationContextProvider,
+  v as ConversationHeaderLayout,
+  g as ConversationLayout,
+  y as ConversationList,
   x as ConversationListContext,
-  y as ConversationListContextProvider,
-  M as ConversationListItemLayout,
-  m as ConversationListLayout,
-  d as DefaultMessenger,
-  l as FixedMessenger,
-  c as IncomingMessageLayout,
-  f as LauncherBase,
-  h as LogLevel,
-  I as ManualSessionInfo,
-  P as MessageLogs,
-  S as OutgoingMessageLayout,
-  p as PlaceholderLayout,
-  A as SystemMessageLayout,
-  D as messengerDispatcher,
+  d as ConversationListContextProvider,
+  M as ConversationListHeaderLayout,
+  m as ConversationListItemLayout,
+  l as ConversationListLayout,
+  c as DefaultMessenger,
+  f as FixedMessenger,
+  h as IncomingMessageLayout,
+  I as LauncherBase,
+  P as LogLevel,
+  S as ManualSessionInfo,
+  p as MessageLogs,
+  A as OutgoingMessageLayout,
+  D as PlaceholderLayout,
+  z as SystemMessageLayout,
+  B as messengerDispatcher,
   F as useConversationContext,
-  O as useConversationListContext,
-  T as useLocalizationContext,
-  b as useMessengerContext,
-  j as useMessengerSessionContext,
-  k as useRefreshActiveChannel
+  H as useConversationListContext,
+  O as useLocalizationContext,
+  T as useMessengerContext,
+  b as useMessengerSessionContext,
+  j as useRefreshActiveChannel
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sendbird/ai-agent-messenger-react",
-  "version": "1.9.5",
+  "version": "1.10.1",
   "description": "Delight AI Agent Messenger for React",
   "type": "module",
   "main": "dist/index.js",
@@ -44,7 +44,7 @@
     "react-dom": "^19.0.0",
     "strip-json-comments": "^5.0.1",
     "styled-components": "^6.1.15",
-    "@sendbird/ai-agent-core": "1.9.5",
+    "@sendbird/ai-agent-core": "1.10.1",
     "@sendbird/vite-tools": "0.0.1",
     "@sendbird/config-editor": "0.1.0"
   },