@inkeep/cxkit-react 0.5.11 → 0.5.13

package/dist/components/chat-button.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("@inkeep/cxkit-styled"),m=require("react"),g=require("./modal.cjs"),x=require("./embedded-search-and-chat.cjs"),B=require("./embedded-search-and-chat.impl.cjs"),j=require("./embedded-chat.cjs");function I(n){const[a,o]=m.useState(!1),{modalSettings:r,label:i,defaultView:s="chat",canToggleView:p=!0,...c}=n,{config:d,...u}=B.useWidgetImpl({...c,defaultView:s}),C={...r,isOpen:a,onOpenChange:h=>{n.forceDefaultView&&!h&&u.setView(s??"chat"),o(!!h)}};return t.jsxs(t.Fragment,{children:[t.jsx(e.Shadow,{wrapperStyles:{display:"contents"},children:t.jsx(e.RootProvider,{config:d,componentType:e.WebWidgetInteractionType.ChatButton,children:t.jsx(l,{label:i,setOpen:o})})}),t.jsx(g.InkeepModal,{...d,componentType:e.WebWidgetInteractionType.ChatButton,modalSettings:C,children:p?t.jsx(x.InkeepEmbeddedSearchAndChatImpl,{...u}):t.jsx(j.InkeepEmbeddedChatImpl,{...c})})]})}function l(n){const{label:a="Ask AI",setOpen:o}=n;return t.jsx(e.ChatButton.Container,{children:t.jsxs(e.ChatButton.ChatButton,{onClick:r=>{r.button!==2&&o(i=>!i)},children:[t.jsx(e.ChatButton.ChatButtonText,{children:a}),t.jsx(e.ChatButton.ChatButtonAvatarContent,{children:t.jsx(e.ChatButton.ChatButtonAvatarImage,{})})]})})}exports.ChatButtonImpl=l;exports.InkeepChatButton=I;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("@inkeep/cxkit-styled"),g=require("react"),x=require("./modal.cjs"),B=require("./embedded-search-and-chat.cjs"),j=require("./embedded-search-and-chat.impl.cjs"),I=require("./embedded-chat.cjs");function b(n){const[r,a]=g.useState(!1),{modalSettings:i,label:s,defaultView:o="chat",canToggleView:p=!0,avatar:C,...c}=n,{config:d,...u}=j.useWidgetImpl({...c,defaultView:o}),m={...i,isOpen:r,onOpenChange:h=>{n.forceDefaultView&&!h&&u.setView(o??"chat"),a(!!h)}};return t.jsxs(t.Fragment,{children:[t.jsx(e.Shadow,{wrapperStyles:{display:"contents"},children:t.jsx(e.RootProvider,{config:d,componentType:e.WebWidgetInteractionType.ChatButton,children:t.jsx(l,{label:s,avatar:C,setOpen:a})})}),t.jsx(x.InkeepModal,{...d,componentType:e.WebWidgetInteractionType.ChatButton,modalSettings:m,children:p?t.jsx(B.InkeepEmbeddedSearchAndChatImpl,{...u}):t.jsx(I.InkeepEmbeddedChatImpl,{...c})})]})}function l(n){const{label:r="Ask AI",avatar:a,setOpen:i}=n;return t.jsx(e.ChatButton.Container,{children:t.jsxs(e.ChatButton.ChatButton,{onClick:s=>{s.button!==2&&i(o=>!o)},children:[t.jsx(e.ChatButton.ChatButtonText,{children:r}),t.jsx(e.ChatButton.ChatButtonAvatarContent,{children:t.jsx(e.ChatButton.ChatButtonAvatarImage,{avatar:a})})]})})}exports.ChatButtonImpl=l;exports.InkeepChatButton=b;

package/dist/components/chat-button.d.cts

@@ -1,13 +1,13 @@
-import { InkeepModalSettings } from '@inkeep/cxkit-types';
+import { InkeepAIChatSettings, InkeepModalSettings } from '@inkeep/cxkit-types';
 import { InkeepEmbeddedSearchAndChatProps } from './embedded-search-and-chat';
 export interface InkeepChatButtonProps extends Omit<InkeepEmbeddedSearchAndChatProps, 'onToggleView'> {
     modalSettings?: Omit<InkeepModalSettings, 'isOpen' | 'onOpenChange'>;
     label?: string;
+    avatar?: InkeepAIChatSettings['aiAssistantAvatar'];
     canToggleView?: boolean;
 }
 export declare function InkeepChatButton(props: InkeepChatButtonProps): import("react/jsx-runtime").JSX.Element;
-interface ChatButtonImplProps {
-    label?: string;
+interface ChatButtonImplProps extends Pick<InkeepChatButtonProps, 'label' | 'avatar'> {
     setOpen: React.Dispatch<React.SetStateAction<boolean>>;
 }
 export declare function ChatButtonImpl(props: ChatButtonImplProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/chat-button.d.ts

@@ -1,13 +1,13 @@
-import { InkeepModalSettings } from '@inkeep/cxkit-types';
+import { InkeepAIChatSettings, InkeepModalSettings } from '@inkeep/cxkit-types';
 import { InkeepEmbeddedSearchAndChatProps } from './embedded-search-and-chat';
 export interface InkeepChatButtonProps extends Omit<InkeepEmbeddedSearchAndChatProps, 'onToggleView'> {
     modalSettings?: Omit<InkeepModalSettings, 'isOpen' | 'onOpenChange'>;
     label?: string;
+    avatar?: InkeepAIChatSettings['aiAssistantAvatar'];
     canToggleView?: boolean;
 }
 export declare function InkeepChatButton(props: InkeepChatButtonProps): import("react/jsx-runtime").JSX.Element;
-interface ChatButtonImplProps {
-    label?: string;
+interface ChatButtonImplProps extends Pick<InkeepChatButtonProps, 'label' | 'avatar'> {
     setOpen: React.Dispatch<React.SetStateAction<boolean>>;
 }
 export declare function ChatButtonImpl(props: ChatButtonImplProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/chat-button.js

@@ -1,54 +1,55 @@
 "use client";
-import { jsxs as s, Fragment as C, jsx as t } from "react/jsx-runtime";
-import { Shadow as g, RootProvider as I, WebWidgetInteractionType as h, ChatButton as e } from "@inkeep/cxkit-styled";
-import { useState as B } from "react";
-import { InkeepModal as S } from "./modal.js";
-import { InkeepEmbeddedSearchAndChatImpl as b } from "./embedded-search-and-chat.js";
-import { useWidgetImpl as k } from "./embedded-search-and-chat.impl.js";
-import { InkeepEmbeddedChatImpl as w } from "./embedded-chat.js";
-function E(n) {
-  const [r, o] = B(!1), {
-    modalSettings: a,
-    label: i,
-    defaultView: l = "chat",
+import { jsxs as s, Fragment as g, jsx as t } from "react/jsx-runtime";
+import { Shadow as I, RootProvider as B, WebWidgetInteractionType as h, ChatButton as e } from "@inkeep/cxkit-styled";
+import { useState as S } from "react";
+import { InkeepModal as b } from "./modal.js";
+import { InkeepEmbeddedSearchAndChatImpl as k } from "./embedded-search-and-chat.js";
+import { useWidgetImpl as w } from "./embedded-search-and-chat.impl.js";
+import { InkeepEmbeddedChatImpl as v } from "./embedded-chat.js";
+function D(n) {
+  const [r, o] = S(!1), {
+    modalSettings: i,
+    label: l,
+    defaultView: a = "chat",
     canToggleView: u = !0,
+    avatar: f,
     ...c
-  } = n, { config: m, ...p } = k({ ...c, defaultView: l }), f = {
-    ...a,
+  } = n, { config: m, ...p } = w({ ...c, defaultView: a }), C = {
+    ...i,
     isOpen: r,
     onOpenChange: (d) => {
-      n.forceDefaultView && !d && p.setView(l ?? "chat"), o(!!d);
+      n.forceDefaultView && !d && p.setView(a ?? "chat"), o(!!d);
     }
   };
-  return /* @__PURE__ */ s(C, { children: [
-    /* @__PURE__ */ t(g, { wrapperStyles: { display: "contents" }, children: /* @__PURE__ */ t(I, { config: m, componentType: h.ChatButton, children: /* @__PURE__ */ t(y, { label: i, setOpen: o }) }) }),
+  return /* @__PURE__ */ s(g, { children: [
+    /* @__PURE__ */ t(I, { wrapperStyles: { display: "contents" }, children: /* @__PURE__ */ t(B, { config: m, componentType: h.ChatButton, children: /* @__PURE__ */ t(y, { label: l, avatar: f, setOpen: o }) }) }),
     /* @__PURE__ */ t(
-      S,
+      b,
       {
         ...m,
         componentType: h.ChatButton,
-        modalSettings: f,
-        children: u ? /* @__PURE__ */ t(b, { ...p }) : /* @__PURE__ */ t(w, { ...c })
+        modalSettings: C,
+        children: u ? /* @__PURE__ */ t(k, { ...p }) : /* @__PURE__ */ t(v, { ...c })
       }
     )
   ] });
 }
 function y(n) {
-  const { label: r = "Ask AI", setOpen: o } = n;
+  const { label: r = "Ask AI", avatar: o, setOpen: i } = n;
   return /* @__PURE__ */ t(e.Container, { children: /* @__PURE__ */ s(
     e.ChatButton,
     {
-      onClick: (a) => {
-        a.button !== 2 && o((i) => !i);
+      onClick: (l) => {
+        l.button !== 2 && i((a) => !a);
       },
       children: [
         /* @__PURE__ */ t(e.ChatButtonText, { children: r }),
-        /* @__PURE__ */ t(e.ChatButtonAvatarContent, { children: /* @__PURE__ */ t(e.ChatButtonAvatarImage, {}) })
+        /* @__PURE__ */ t(e.ChatButtonAvatarContent, { children: /* @__PURE__ */ t(e.ChatButtonAvatarImage, { avatar: o }) })
       ]
     }
   ) });
 }
 export {
   y as ChatButtonImpl,
-  E as InkeepChatButton
+  D as InkeepChatButton
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkeep/cxkit-react",
-  "version": "0.5.11",
+  "version": "0.5.13",
   "description": "",
   "license": "Inkeep, Inc. Customer License (IICL) v1.1",
   "homepage": "",
@@ -20,7 +20,7 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "@inkeep/cxkit-styled": "0.5.11"
+    "@inkeep/cxkit-styled": "0.5.13"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",
@@ -43,8 +43,8 @@
     "typescript": "5.7.3",
     "vite": "5.4.11",
     "vite-plugin-dts": "4.4.0",
-    "@inkeep/cxkit-color-mode": "0.5.11",
-    "@inkeep/cxkit-types": "0.5.11"
+    "@inkeep/cxkit-color-mode": "0.5.13",
+    "@inkeep/cxkit-types": "0.5.13"
   },
   "module": "dist/index.js",
   "types": "dist/index.d.ts",