@sendbird/ai-agent-messenger-react 1.2.2 → 1.2.4

package/dist/es/{BMNdyD6n.js → Dp6I-PiX.js}

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

package/dist/es/{PXojwkiO.js → U1Hdm8SY.js}

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

package/dist/es/{DRPdjwTV.js → W1TNi6ka.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 "./DLjpH35l.js";
+import { P as a, I as l, a as c, c as s } from "./BoP3pcmJ.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/cJuIRXXl.js

@@ -0,0 +1,32 @@
+import * as r from "react";
+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 "./BoP3pcmJ.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)) }),
+    []
+  );
+  return /* @__PURE__ */ r.createElement(c, { className: d, style: n }, /* @__PURE__ */ r.createElement(
+    h,
+    {
+      options: {
+        renderRule: m,
+        overrides: {
+          a: {
+            component: ({ children: e, ...l }) => /* @__PURE__ */ r.createElement("a", { ...l, target: "_blank", rel: b }, e)
+          },
+          img: {
+            component: a
+          }
+        }
+      }
+    },
+    s.sanitize(o)
+  ));
+}, c = g.div`*{&:first-child{margin-top:0;}&:last-child{margin-bottom:0;}}hr{border-top:1px solid ${i.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:${i.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:${i.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:${i.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:${i.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;}img{max-width:100%;height:auto;}`;
+export {
+  z as MarkdownText
+};

package/dist/index.cjs

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

@@ -4,6 +4,7 @@ import { AIAgentModule } from '@sendbird/chat/aiAgent';
 import { ComponentType } from 'react';
 import { Context } from 'react';
 import { ConversationStatus } from '@sendbird/chat/aiAgent';
+import { CSSProperties } from 'react';
 import { DeskChannelFilter } from '@sendbird/chat/aiAgent';
 import { format } from 'date-fns';
 import { ForwardRefExoticComponent } from 'react';
@@ -98,6 +99,13 @@ setExpanded?: (value: boolean) => void;
 };
 /**
 * @public
+* @description Custom CSS styles for the entry container element.
+* This allows fine-grained control over the root container's appearance,
+* particularly useful for iframe integrations where precise sizing is needed.
+* */
+entryStyle?: CSSProperties;
+/**
+* @public
 * @description AIAgent Messenger theme
 * */
 theme?: {
@@ -255,6 +263,13 @@ export declare type AIAgentProps = PropsWithChildren<{
         expanded?: boolean;
         setExpanded?: (value: boolean) => void;
     };
+    /**
+     * @public
+     * @description Custom CSS styles for the entry container element.
+     * This allows fine-grained control over the root container's appearance,
+     * particularly useful for iframe integrations where precise sizing is needed.
+     * */
+    entryStyle?: CSSProperties;
     /**
      * @public
      * @description AIAgent Messenger theme
@@ -574,6 +589,7 @@ setOpened?: (value: boolean) => void;
 expanded?: boolean;
 setExpanded?: (value: boolean) => void;
 };
+entryStyle?: CSSProperties;
 theme?: {
 palette?: Partial<PaletteShape>;
 typography?: Partial<{ [K in keyof TypographyShape]: Partial<TypographyShape[K]>; }>;
@@ -656,6 +672,7 @@ setOpened?: (value: boolean) => void;
 expanded?: boolean;
 setExpanded?: (value: boolean) => void;
 };
+entryStyle?: CSSProperties;
 theme?: {
 palette?: Partial<PaletteShape>;
 typography?: Partial<{ [K in keyof TypographyShape]: Partial<TypographyShape[K]>; }>;
@@ -1026,6 +1043,8 @@ declare interface MessengerSessionContextValue {
 }
 
 export declare interface MessengerSessionRef {
+    chatSDK: AIAgentContextValue['chatSDK'];
+    deauthenticate: () => Promise<void>;
     updateContext: (context: Record<string, string>) => Promise<ContextObject>;
     patchContext: (context: Record<string, string>) => Promise<ContextObject>;
     getContextObject: () => Promise<ContextObject>;

package/dist/index.js

@@ -1,4 +1,4 @@
-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/DLjpH35l.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/BoP3pcmJ.js";
 import "react";
 export {
   o as AgentProviderContainer,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sendbird/ai-agent-messenger-react",
-  "version": "1.2.2",
+  "version": "1.2.4",
   "description": "Sendbird AI Agent Messenger for React",
   "type": "module",
   "main": "dist/index.js",
@@ -20,9 +20,9 @@
   "sideEffects": false,
   "dependencies": {
     "@emotion/is-prop-valid": "^1.3.1",
-    "@sendbird/react-uikit-message-template-view": "0.0.13",
-    "@sendbird/uikit-message-template": "0.0.13",
-    "@sendbird/uikit-tools": "0.0.13",
+    "@sendbird/react-uikit-message-template-view": "0.0.14",
+    "@sendbird/uikit-message-template": "0.0.14",
+    "@sendbird/uikit-tools": "0.0.14",
     "date-fns": "^4.1.0",
     "dompurify": "^3.2.4",
     "markdown-to-jsx": "^7.7.12",
@@ -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.2.2",
+    "@sendbird/ai-agent-core": "1.2.4",
     "@sendbird/vite-tools": "0.0.1"
   },
   "msw": {

package/dist/cjs/Cg6k0N51.cjs

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

package/dist/es/x6g8obrl.js

@@ -1,22 +0,0 @@
-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 "./DLjpH35l.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
-};