@inkeep/cxkit-react 0.0.0-dev-20250723223321 → 0.0.0-rc-20250806214454

package/dist/components/api/analytics/events.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});async function a(e,s,i){try{const t=`${i}/events`,r={...e,type:e.eventName};if("searchQuery"in e.properties)r.entityType="search",r.searchQuery=e.properties.searchQuery;else if("messageId"in e.properties)r.entityType="message",r.messageId=e.properties.messageId;else{if(r.entityType="conversation",!e.properties.conversationId)return;r.conversationId=e.properties.conversationId}const o=await fetch(t,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${s}`},body:JSON.stringify(r)});if(!o.ok){const n=await o.text();throw new Error(`Failed to log event: ${n}`)}}catch(t){console.warn("Error in logEvent:",t)}}exports.logEvent=a;

package/dist/components/api/analytics/events.js

@@ -0,0 +1,34 @@
+"use client";
+async function a(e, s, i) {
+  try {
+    const o = `${i}/events`, r = {
+      ...e,
+      type: e.eventName
+    };
+    if ("searchQuery" in e.properties)
+      r.entityType = "search", r.searchQuery = e.properties.searchQuery;
+    else if ("messageId" in e.properties)
+      r.entityType = "message", r.messageId = e.properties.messageId;
+    else {
+      if (r.entityType = "conversation", !e.properties.conversationId) return;
+      r.conversationId = e.properties.conversationId;
+    }
+    const t = await fetch(o, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${s}`
+      },
+      body: JSON.stringify(r)
+    });
+    if (!t.ok) {
+      const n = await t.text();
+      throw new Error(`Failed to log event: ${n}`);
+    }
+  } catch (o) {
+    console.warn("Error in logEvent:", o);
+  }
+}
+export {
+  a as logEvent
+};

package/dist/components/api/analytics/feedback.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});async function p(o){try{const{type:e,messageId:n,reasons:s=[],apiKey:a,apiUrl:i,userProperties:c,properties:d}=o,b=`${i}/feedback`,r={type:e,messageId:n,createdAt:new Date().toISOString(),userProperties:c,properties:d};e==="negative"&&(r.reasons=s);const t=await fetch(b,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${a}`},body:JSON.stringify(r)});if(!t.ok){const u=await t.text();throw new Error(`Failed to send feedback: ${u}`)}return t.json()}catch(e){console.warn("Error in submitFeedback:",e)}}exports.submitFeedback=p;

package/dist/components/api/analytics/feedback.js

@@ -0,0 +1,31 @@
+"use client";
+async function u(o) {
+  try {
+    const { type: e, messageId: n, reasons: s = [], apiKey: a, apiUrl: i, userProperties: c, properties: d } = o, p = `${i}/feedback`, r = {
+      type: e,
+      messageId: n,
+      createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+      userProperties: c,
+      properties: d
+    };
+    e === "negative" && (r.reasons = s);
+    const t = await fetch(p, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${a}`
+      },
+      body: JSON.stringify(r)
+    });
+    if (!t.ok) {
+      const b = await t.text();
+      throw new Error(`Failed to send feedback: ${b}`);
+    }
+    return t.json();
+  } catch (e) {
+    console.warn("Error in submitFeedback:", e);
+  }
+}
+export {
+  u as submitFeedback
+};

package/dist/components/chat-button.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@inkeep/cxkit-styled"),I=require("./modal.cjs"),f=require("./embedded-search-and-chat.cjs"),j=require("./embedded-search-and-chat.impl.cjs"),S=require("./embedded-chat.cjs"),b=require("../utils.cjs"),k=require("@radix-ui/react-use-controllable-state");function A(o){const{modalSettings:n,label:s,defaultView:r="chat",canToggleView:a=!0,avatar:i,...l}=o,p={...l,shouldShowAskAICard:a?o.shouldShowAskAICard:!1},{config:c,...u}=j.useWidgetImpl({...p,defaultView:r}),m=h=>{n?.isOpen===void 0&&(o.forceDefaultView&&!h&&u.setView(r??"search"),d(!!h))},[g=!1,d]=k.useControllableState({prop:n?.isOpen,defaultProp:!1,onChange:b.composeEventHandlers(n?.onOpenChange,m)}),x={...n,isOpen:g,onOpenChange:d},B=()=>a?e.jsx(f.InkeepEmbeddedSearchAndChatImpl,{...u}):e.jsx(S.InkeepEmbeddedChatImpl,{...l});return e.jsxs(e.Fragment,{children:[e.jsx(t.ErrorBoundary,{children:e.jsx(t.Shadow,{wrapperStyles:{display:"contents"},children:e.jsx(t.RootProvider,{config:c,componentType:t.WebWidgetInteractionType.ChatButton,children:e.jsx(C,{label:s,avatar:i,onOpenChange:d})})})}),e.jsx(I.InkeepModal,{...c,componentType:t.WebWidgetInteractionType.ChatButton,modalSettings:x,children:B()})]})}function C({label:o="Ask AI",avatar:n,onOpenChange:s}){const r=a=>{a.button!==2&&s(i=>!i)};return e.jsx(t.ChatButton.Container,{children:e.jsxs(t.ChatButton.ChatButton,{onClick:r,children:[e.jsx(t.ChatButton.ChatButtonText,{children:o}),e.jsx(t.ChatButton.ChatButtonAvatarContent,{children:e.jsx(t.ChatButton.ChatButtonAvatarImage,{avatar:n})})]})})}exports.ChatButtonImpl=C;exports.InkeepChatButton=A;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),t=require("@inkeep/cxkit-react-oss"),u=require("./hooks/use-base-settings.cjs"),c=require("./hooks/use-search-settings.cjs"),g=require("./default-settings.cjs");function S(e){const s=u.useBaseSettings(e.baseSettings),n=c.useSearchSettings({baseSettings:s,searchSettings:e.searchSettings}),i=t.mergeProps(g.defaultInkeepAIChatSettings,e.aiChatSettings??{}),a=t.mergeProps(e,{baseSettings:s,aiChatSettings:i,searchSettings:n});return r.jsx(t.InkeepChatButton,{...a})}exports.InkeepChatButton=S;

package/dist/components/chat-button.js

@@ -1,57 +1,20 @@
 "use client";
-import { jsxs as u, Fragment as k, jsx as t } from "react/jsx-runtime";
-import { ErrorBoundary as A, Shadow as S, RootProvider as w, WebWidgetInteractionType as p, ChatButton as o } from "@inkeep/cxkit-styled";
-import { InkeepModal as b } from "./modal.js";
-import { InkeepEmbeddedSearchAndChatImpl as v } from "./embedded-search-and-chat.js";
-import { useWidgetImpl as y } from "./embedded-search-and-chat.impl.js";
-import { InkeepEmbeddedChatImpl as O } from "./embedded-chat.js";
-import { composeEventHandlers as T } from "../utils.js";
-import { useControllableState as x } from "@radix-ui/react-use-controllable-state";
-function R(n) {
-  const {
-    modalSettings: e,
-    label: i,
-    defaultView: r = "chat",
-    canToggleView: a = !0,
-    avatar: l,
-    ...s
-  } = n, C = {
-    ...s,
-    shouldShowAskAICard: a ? n.shouldShowAskAICard : !1
-  }, { config: c, ...h } = y({ ...C, defaultView: r }), f = (m) => {
-    e?.isOpen === void 0 && (n.forceDefaultView && !m && h.setView(r ?? "search"), d(!!m));
-  }, [g = !1, d] = x({
-    prop: e?.isOpen,
-    defaultProp: !1,
-    onChange: T(e?.onOpenChange, f)
-  }), I = {
-    ...e,
-    isOpen: g,
-    onOpenChange: d
-  }, B = () => a ? /* @__PURE__ */ t(v, { ...h }) : /* @__PURE__ */ t(O, { ...s });
-  return /* @__PURE__ */ u(k, { children: [
-    /* @__PURE__ */ t(A, { children: /* @__PURE__ */ t(S, { wrapperStyles: { display: "contents" }, children: /* @__PURE__ */ t(w, { config: c, componentType: p.ChatButton, children: /* @__PURE__ */ t(E, { label: i, avatar: l, onOpenChange: d }) }) }) }),
-    /* @__PURE__ */ t(
-      b,
-      {
-        ...c,
-        componentType: p.ChatButton,
-        modalSettings: I,
-        children: B()
-      }
-    )
-  ] });
-}
-function E({ label: n = "Ask AI", avatar: e, onOpenChange: i }) {
-  const r = (a) => {
-    a.button !== 2 && i((l) => !l);
-  };
-  return /* @__PURE__ */ t(o.Container, { children: /* @__PURE__ */ u(o.ChatButton, { onClick: r, children: [
-    /* @__PURE__ */ t(o.ChatButtonText, { children: n }),
-    /* @__PURE__ */ t(o.ChatButtonAvatarContent, { children: /* @__PURE__ */ t(o.ChatButtonAvatarImage, { avatar: e }) })
-  ] }) });
+import { jsx as o } from "react/jsx-runtime";
+import { mergeProps as n, InkeepChatButton as r } from "@inkeep/cxkit-react-oss";
+import { useBaseSettings as g } from "./hooks/use-base-settings.js";
+import { useSearchSettings as m } from "./hooks/use-search-settings.js";
+import { defaultInkeepAIChatSettings as S } from "./default-settings.js";
+function p(t) {
+  const e = g(t.baseSettings), s = m({
+    baseSettings: e,
+    searchSettings: t.searchSettings
+  }), i = n(S, t.aiChatSettings ?? {}), a = n(t, {
+    baseSettings: e,
+    aiChatSettings: i,
+    searchSettings: s
+  });
+  return /* @__PURE__ */ o(r, { ...a });
 }
 export {
-  E as ChatButtonImpl,
-  R as InkeepChatButton
+  p as InkeepChatButton
 };

package/dist/components/default-settings.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={graphUrl:"http://localhost:3002/tenants/test-tenant/graphs/customer-support-graph/api/chat"},t={env:"production",primaryBrandColor:"#0000",analyticsApiBaseUrl:"https://api.io.inkeep.com",privacyPreferences:{optOutAnalyticalCookies:!1,optOutAllAnalytics:!1,optOutFunctionalCookies:!1}},a={apiKey:"",url:"https://api.inkeep.com"};exports.defaultInkeepAIChatSettings=e;exports.defaultInkeepBaseSettings=t;exports.defaultInkeepSearchSettings=a;

package/dist/components/default-settings.js

@@ -0,0 +1,25 @@
+"use client";
+const t = {
+  // TODO: remove this
+  graphUrl: "http://localhost:3002/tenants/test-tenant/graphs/customer-support-graph/api/chat"
+}, e = {
+  env: "production",
+  primaryBrandColor: "#0000",
+  analyticsApiBaseUrl: "https://api.io.inkeep.com",
+  privacyPreferences: {
+    optOutAnalyticalCookies: !1,
+    // disable use of cookies for analytics. Default is false.
+    optOutAllAnalytics: !1,
+    // disable all event logging, even analytics that don't use cookies (e.g. anonymous events)
+    optOutFunctionalCookies: !1
+    // disable all cookies that are used for functionality, like caching chat sessions cross-tabs. Default is false.
+  }
+}, a = {
+  apiKey: "",
+  url: "https://api.inkeep.com"
+};
+export {
+  t as defaultInkeepAIChatSettings,
+  e as defaultInkeepBaseSettings,
+  a as defaultInkeepSearchSettings
+};

package/dist/components/embedded-chat.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("@inkeep/cxkit-styled"),m=require("react"),l=require("./widget-toggle.cjs"),C=require("./modal.cjs");function x(a){const{baseSettings:t,aiChatSettings:s}=a;return e.jsx(d.ErrorBoundary,{children:e.jsx(d.Shadow,{wrapperStyles:{height:"inherit",width:"inherit"},children:e.jsx(d.RootProvider,{config:{baseSettings:t,aiChatSettings:s},componentType:d.WebWidgetInteractionType.EmbeddedChat,children:e.jsx(o,{...a})})})})}function c(a){const{children:t,onToggleView:s,isHidden:n,shouldAutoFocusInput:r=!s}=a;return e.jsx(d.EmbeddedChat.Provider,{isHidden:n,shouldAutoFocusInput:r,children:t})}function o(a){return e.jsx(c,{...a,children:e.jsx(i,{...a})})}function i(a){const{onToggleView:t,variant:s,header:n=j}=a,r=d.useModal(),h=d.useWidget(),b=r&&!h?C.ModalContent:m.Fragment;return e.jsx(b,{children:e.jsxs(d.EmbeddedChat.Wrapper,{variant:s??(t?"no-shadow":"container-with-shadow"),"data-composite":d.dataAttr(!!a.onToggleView||r?.isOpen),children:[e.jsx(d.EmbeddedChat.ConversationLoading,{}),e.jsxs(d.EmbeddedChat.Root,{children:[e.jsx(n,{...a}),e.jsx(E,{}),e.jsx(M,{})]}),e.jsx(B,{}),e.jsx(S,{})]})})}function j(a){const{onToggleView:t,askAILabel:s,searchLabel:n}=a,r=!!t;return e.jsx(d.EmbeddedChat.Header,{"data-show-toolbar":d.dataAttr(r),children:r?e.jsxs(d.EmbeddedChat.HeaderToolbar,{children:[e.jsxs(d.EmbeddedChat.HeaderToolbarWrapper,{children:[e.jsx(d.EmbeddedChat.ToolbarHeader,{}),e.jsxs(d.EmbeddedChat.Disclaimer,{children:[e.jsx(d.EmbeddedChat.DisclaimerTrigger,{}),e.jsxs(d.EmbeddedChat.DisclaimerContent,{side:"bottom",align:"start",children:[e.jsx(d.EmbeddedChat.DisclaimerText,{}),e.jsx(d.EmbeddedChat.DisclaimerArrow,{})]})]})]}),e.jsx(l.WidgetToggle,{onToggleView:t,askAILabel:s,searchLabel:n,view:"chat"}),e.jsx(d.Modal.Close,{})]}):e.jsx(d.Modal.Close,{})})}function E(){return e.jsx(d.EmbeddedChat.Content,{children:e.jsxs(d.EmbeddedChat.ContentScrollArea,{children:[e.jsx(d.EmbeddedChat.ContentScrollAreaViewport,{children:e.jsx(u,{})}),e.jsx(d.EmbeddedChat.ContentScrollAreaScrollbar,{children:e.jsx(d.EmbeddedChat.ContentScrollAreaThumb,{})}),e.jsx(d.EmbeddedChat.ContentScrollAreaCorner,{})]})})}function u(){return e.jsx(d.EmbeddedChat.Messages,{children:({messages:a})=>e.jsxs(e.Fragment,{children:[e.jsx(F,{}),a.map(t=>e.jsxs(d.EmbeddedChat.MessageWrapper,{message:t,children:[e.jsx(g,{}),e.jsx(d.EmbeddedChat.MessageLoading,{}),e.jsxs(d.EmbeddedChat.MessageContentWrapper,{children:[e.jsx(d.EmbeddedChat.MessageContent,{children:e.jsx(d.EmbeddedChat.Message,{})}),e.jsx(p,{}),e.jsx(A,{}),e.jsx(I,{})]})]},t.id))]})})}function F(){return e.jsxs(d.EmbeddedChat.IntroMessageWrapper,{children:[e.jsxs(d.EmbeddedChat.MessageHeader,{children:[e.jsx(d.EmbeddedChat.MessageAvatar,{children:e.jsxs(d.EmbeddedChat.MessageAvatarContent,{children:[e.jsx(d.EmbeddedChat.MessageAvatarFallback,{}),e.jsx(d.EmbeddedChat.MessageAvatarImage,{})]})}),e.jsx(d.EmbeddedChat.MessageName,{})]}),e.jsxs(d.EmbeddedChat.MessageContentWrapper,{children:[e.jsx(d.EmbeddedChat.MessageContent,{children:e.jsx(d.EmbeddedChat.Message,{})}),e.jsxs(d.EmbeddedChat.Disclaimer,{children:[e.jsx(d.EmbeddedChat.DisclaimerLabel,{}),e.jsx(d.EmbeddedChat.DisclaimerTrigger,{}),e.jsxs(d.EmbeddedChat.DisclaimerContent,{children:[e.jsx(d.EmbeddedChat.DisclaimerText,{}),e.jsx(d.EmbeddedChat.DisclaimerArrow,{})]})]}),e.jsxs(d.EmbeddedChat.ExampleQuestions,{children:[e.jsx(d.EmbeddedChat.ExampleQuestionsLabel,{}),e.jsx(d.EmbeddedChat.ExampleQuestionsList,{children:a=>a.map(t=>e.jsx(d.EmbeddedChat.ExampleQuestion,{children:e.jsx(d.EmbeddedChat.ExampleQuestionButton,{question:t})},t))})]})]})]})}function g(){return e.jsxs(d.EmbeddedChat.MessageHeader,{children:[e.jsx(d.EmbeddedChat.MessageAvatar,{children:e.jsxs(d.EmbeddedChat.MessageAvatarContent,{children:[e.jsx(d.EmbeddedChat.MessageAvatarFallback,{}),e.jsx(d.EmbeddedChat.MessageAvatarImage,{})]})}),e.jsx(d.EmbeddedChat.MessageName,{})]})}function p(){return e.jsxs(d.EmbeddedChat.MessageAttachments,{children:[e.jsx(d.EmbeddedChat.MessageAttachmentsList,{children:a=>a.map(t=>e.jsxs(d.EmbeddedChat.MessageAttachmentsItem,{attachment:t,children:[e.jsx(d.EmbeddedChat.MessageAttachmentsItemIcon,{}),e.jsx(d.EmbeddedChat.MessageAttachmentsItemTitle,{})]},t.id))}),e.jsx(d.EmbeddedChat.MessageAttachmentsPreview,{children:e.jsx(d.PortalWithTheme,{children:e.jsx(d.EmbeddedChat.MessageAttachmentsPreviewOverlay,{children:e.jsxs(d.EmbeddedChat.MessageAttachmentsPreviewContent,{children:[e.jsx(d.EmbeddedChat.MessageAttachmentsPreviewHeader,{}),e.jsx(d.EmbeddedChat.MessageAttachmentsPreviewClose,{}),e.jsx(d.EmbeddedChat.MessageAttachmentsPreviewBody,{})]})})})})]})}function A(){return e.jsxs(d.EmbeddedChat.MessageToolbar,{children:[e.jsx(d.EmbeddedChat.MessageToolActions,{children:a=>a.map((t,s)=>e.jsx(d.EmbeddedChat.MessageToolAction,{action:t},`action-${s}`))}),e.jsx(d.EmbeddedChat.MessageAction,{action:"copy"}),e.jsx(d.EmbeddedChat.MessageAction,{action:"upvote"}),e.jsx(d.EmbeddedChat.MessageAction,{action:"downvote"})]})}function I(){return e.jsxs(d.EmbeddedChat.MessageSources,{children:[e.jsx(d.EmbeddedChat.MessageSourcesHeader,{}),e.jsx(d.EmbeddedChat.MessageSourcesList,{children:a=>a.map((t,s)=>e.jsxs(d.EmbeddedChat.MessageSourceItem,{href:t.url,source:t,children:[e.jsx(d.EmbeddedChat.MessageSourceItemBreadcrumbs,{children:t.breadcrumbs?.map(n=>e.jsxs(m.Fragment,{children:[n,e.jsx(d.EmbeddedChat.MessageSourceItemBreadcrumbIcon,{})]},n))}),e.jsx(d.EmbeddedChat.MessageSourceItemIcon,{}),e.jsx(d.EmbeddedChat.MessageSourceItemTitle,{}),e.jsx(d.EmbeddedChat.MessageSourceItemTag,{}),e.jsx(d.EmbeddedChat.MessageSourceItemDescription,{children:n=>n.map((r,h)=>e.jsx(d.EmbeddedChat.MessageSourceItemDescriptionPart,{part:r},`part-${h}`))}),e.jsx(d.EmbeddedChat.MessageSourceItemIndicator,{})]},s))})]})}function M(){return e.jsxs(d.EmbeddedChat.Footer,{children:[e.jsx(k,{}),e.jsx(T,{})]})}function k(){return e.jsxs(d.EmbeddedChat.InputFieldset,{children:[e.jsxs(d.EmbeddedChat.InputGroup,{children:[e.jsx(d.EmbeddedChat.Input,{}),e.jsx(d.EmbeddedChat.SendButton,{children:e.jsx(d.EmbeddedChat.SendButtonIcon,{})})]}),e.jsxs(d.EmbeddedChat.AttachmentsBar,{children:[e.jsx(d.EmbeddedChat.AttachmentsBarList,{children:a=>a.map(t=>e.jsxs(d.EmbeddedChat.AttachmentsBarAttachment,{attachment:t,children:[e.jsx(d.EmbeddedChat.AttachmentsBarAttachmentIcon,{}),e.jsx(d.EmbeddedChat.AttachmentsBarAttachmentTitle,{}),e.jsx(d.EmbeddedChat.AttachmentsBarAttachmentDelete,{})]},t.id))}),e.jsxs(d.EmbeddedChat.AttachmentsBarActions,{children:[e.jsxs(d.EmbeddedChat.AttachmentsBarInfoTip,{children:[e.jsx(d.EmbeddedChat.AttachmentsBarInfoTipIcon,{}),e.jsx(d.EmbeddedChat.AttachmentsBarInfoTipText,{})]}),e.jsx(d.EmbeddedChat.AttachmentsBarInputs,{children:a=>a.map(t=>e.jsx(d.EmbeddedChat.AttachmentsBarInput,{input:t,children:t.displayName},t.id))})]}),e.jsx(d.PortalWithTheme,{children:e.jsx(d.EmbeddedChat.AttachmentsBarModal,{children:e.jsx(d.EmbeddedChat.AttachmentsBarModalOverlay,{children:e.jsxs(d.EmbeddedChat.AttachmentsBarModalContent,{children:[e.jsxs(d.EmbeddedChat.AttachmentsBarModalHeader,{children:[e.jsx(d.EmbeddedChat.AttachmentsBarModalHeading,{}),e.jsx(d.EmbeddedChat.AttachmentsBarModalDescription,{}),e.jsx(d.EmbeddedChat.AttachmentsBarModalHelp,{})]}),e.jsx(d.EmbeddedChat.AttachmentsBarModalClose,{}),e.jsx(d.EmbeddedChat.AttachmentsBarModalBody,{children:e.jsxs(d.EmbeddedChat.AttachmentsBarForm,{children:[e.jsxs(d.EmbeddedChat.AttachmentsBarFormTitle,{children:[e.jsx(d.EmbeddedChat.AttachmentsBarFormTitleLabel,{}),e.jsx(d.EmbeddedChat.AttachmentsBarFormTitleInput,{}),e.jsx(d.EmbeddedChat.AttachmentsBarFormTitleError,{})]}),e.jsxs(d.EmbeddedChat.AttachmentsBarFormContent,{children:[e.jsx(d.EmbeddedChat.AttachmentsBarFormContentLabel,{}),e.jsx(d.EmbeddedChat.AttachmentsBarFormContentInput,{}),e.jsx(d.EmbeddedChat.AttachmentsBarFormContentError,{})]}),e.jsx(d.EmbeddedChat.AttachmentsBarFormSubmitButton,{})]})})]})})})})]})]})}function T(){return e.jsxs(d.EmbeddedChat.ActionBar,{children:[e.jsxs(d.EmbeddedChat.TaglineContainer,{children:[e.jsx(d.EmbeddedChat.TaglineText,{}),e.jsx(d.EmbeddedChat.TaglineLogo,{}),e.jsx(d.EmbeddedChat.TaglineBrandName,{})]}),e.jsxs(d.EmbeddedChat.Actions,{children:[e.jsx(d.EmbeddedChat.HelpActions,{children:({pinned:a,unpinned:t})=>e.jsxs(e.Fragment,{children:[a.map(s=>e.jsx(d.EmbeddedChat.HelpAction,{action:s},s.name)),t.length>0&&e.jsx(d.EmbeddedChat.HelpActionsTrigger,{}),e.jsxs(d.EmbeddedChat.HelpActionsMenu,{children:[e.jsx(d.EmbeddedChat.HelpActionsMenuArrow,{}),t.map(s=>e.jsxs(d.EmbeddedChat.HelpActionsMenuItem,{action:s,children:[e.jsx(d.EmbeddedChat.HelpActionsMenuItemIcon,{action:s}),s.name]},s.name))]})]})}),e.jsxs(d.EmbeddedChat.ChatAction,{action:"copy",children:[e.jsx(d.EmbeddedChat.ChatActionLabel,{action:"copy"}),e.jsx(d.EmbeddedChat.ChatActionFeedback,{action:"copy"})]}),e.jsxs(d.EmbeddedChat.ChatAction,{action:"share",children:[e.jsx(d.EmbeddedChat.ChatActionLabel,{action:"share"}),e.jsx(d.EmbeddedChat.ChatActionFeedback,{action:"share"})]}),e.jsx(d.EmbeddedChat.ChatAction,{action:"clear"}),e.jsx(d.EmbeddedChat.ChatAction,{action:"stop"})]})]})}function B(){return e.jsx(d.PortalWithTheme,{children:e.jsx(d.EmbeddedChat.FeedbackModal,{children:e.jsx(d.EmbeddedChat.FeedbackModalOverlay,{children:e.jsxs(d.EmbeddedChat.FeedbackModalContent,{children:[e.jsx(d.EmbeddedChat.FeedbackModalHeader,{}),e.jsx(d.EmbeddedChat.FeedbackModalClose,{}),e.jsx(d.EmbeddedChat.FeedbackModalBody,{children:e.jsxs(d.EmbeddedChat.FeedbackForm,{children:[e.jsxs(d.EmbeddedChat.FeedbackItem,{name:"unrelated_response",children:[e.jsx(d.EmbeddedChat.FeedbackItemCheckbox,{children:e.jsx(d.EmbeddedChat.FeedbackItemCheckboxIndicator,{})}),e.jsx(d.EmbeddedChat.FeedbackItemLabel,{}),e.jsx(d.EmbeddedChat.FeedbackItemDescription,{})]}),e.jsxs(d.EmbeddedChat.FeedbackItem,{name:"inaccurate_statement",children:[e.jsx(d.EmbeddedChat.FeedbackItemCheckbox,{children:e.jsx(d.EmbeddedChat.FeedbackItemCheckboxIndicator,{})}),e.jsx(d.EmbeddedChat.FeedbackItemLabel,{}),e.jsx(d.EmbeddedChat.FeedbackItemDescription,{})]}),e.jsxs(d.EmbeddedChat.FeedbackItem,{name:"inaccurate_code_snippet",children:[e.jsx(d.EmbeddedChat.FeedbackItemCheckbox,{children:e.jsx(d.EmbeddedChat.FeedbackItemCheckboxIndicator,{})}),e.jsx(d.EmbeddedChat.FeedbackItemLabel,{}),e.jsx(d.EmbeddedChat.FeedbackItemDescription,{})]}),e.jsxs(d.EmbeddedChat.FeedbackItem,{name:"irrelevant_citations",children:[e.jsx(d.EmbeddedChat.FeedbackItemCheckbox,{children:e.jsx(d.EmbeddedChat.FeedbackItemCheckboxIndicator,{})}),e.jsx(d.EmbeddedChat.FeedbackItemLabel,{})]}),e.jsx(d.EmbeddedChat.FeedbackSubmitButton,{})]})})]})})})})}function S(){return e.jsxs(d.EmbeddedChat.FormWrapper,{children:[e.jsx(d.EmbeddedChat.FormClose,{}),e.jsxs(d.EmbeddedChat.Form,{children:[e.jsxs(d.EmbeddedChat.FormHeader,{children:[e.jsx(d.EmbeddedChat.FormHeading,{}),e.jsx(d.EmbeddedChat.FormDescription,{})]}),e.jsx(d.EmbeddedChat.FormContent,{children:a=>e.jsxs(e.Fragment,{children:[a.map((t,s)=>e.jsxs(d.EmbeddedChat.FormField,{field:t,autoFocus:s===0,children:[e.jsx(d.EmbeddedChat.FormFieldLabel,{}),t.inputType==="text"&&e.jsx(d.EmbeddedChat.FormFieldText,{}),t.inputType==="email"&&e.jsx(d.EmbeddedChat.FormFieldEmail,{}),t.inputType==="file"&&e.jsx(d.EmbeddedChat.FormFieldFile,{}),t.inputType==="textarea"&&e.jsx(d.EmbeddedChat.FormFieldTextArea,{}),t.inputType==="checkbox"&&e.jsx(d.EmbeddedChat.FormFieldCheckbox,{children:e.jsx(d.EmbeddedChat.FormFieldCheckboxIndicator,{})}),t.inputType==="select"&&e.jsxs(d.EmbeddedChat.FormFieldSelect,{children:[e.jsxs(d.EmbeddedChat.FormFieldSelectTrigger,{children:[e.jsx(d.EmbeddedChat.FormFieldSelectValue,{}),e.jsx(d.EmbeddedChat.FormFieldSelectIcon,{})]}),e.jsx(d.EmbeddedChat.FormFieldSelectContent,{children:e.jsx(d.EmbeddedChat.FormFieldSelectViewport,{children:t.items.map(n=>e.jsxs(d.EmbeddedChat.FormFieldSelectItem,{value:n.value,children:[e.jsx(d.EmbeddedChat.FormFieldSelectItemText,{children:n.label}),e.jsx(d.EmbeddedChat.FormFieldSelectItemIndicator,{})]},n.value))})})]}),e.jsx(d.EmbeddedChat.FormFieldError,{})]},t.name)),e.jsx(d.EmbeddedChat.FormError,{})]})}),e.jsxs(d.EmbeddedChat.FormFooter,{children:[e.jsx(d.EmbeddedChat.FormCancel,{}),e.jsx(d.EmbeddedChat.FormSubmit,{})]})]}),e.jsxs(d.EmbeddedChat.FormSuccess,{children:[e.jsx(d.EmbeddedChat.FormSuccessHeading,{}),e.jsx(d.EmbeddedChat.FormSuccessMessage,{}),e.jsx(d.EmbeddedChat.FormSuccessButton,{})]})]})}exports.InkeepEmbeddedChat=x;exports.InkeepEmbeddedChatImpl=o;exports.InkeepEmbeddedChatImplContent=i;exports.InkeepEmbeddedChatProvider=c;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("@inkeep/cxkit-react-oss"),n=require("./widget-toggle.cjs"),o=require("./default-settings.cjs"),l=require("./hooks/use-base-settings.cjs");function c(s){const d=l.useBaseSettings(s.baseSettings),a=e.mergeProps(o.defaultInkeepAIChatSettings,s.aiChatSettings??{}),r=e.mergeProps(s,{baseSettings:d,aiChatSettings:a});return t.jsx(e.InkeepEmbeddedChat,{header:h,...r})}const h=s=>{const{onToggleView:d,askAILabel:a,searchLabel:r}=s,i=!!d;return t.jsx(e.EmbeddedChat.Header,{"data-show-toolbar":e.dataAttr(i),children:i?t.jsxs(e.EmbeddedChat.HeaderToolbar,{children:[t.jsxs(e.EmbeddedChat.HeaderToolbarWrapper,{children:[t.jsx(e.EmbeddedChat.ToolbarHeader,{}),t.jsxs(e.EmbeddedChat.Disclaimer,{children:[t.jsx(e.EmbeddedChat.DisclaimerTrigger,{}),t.jsxs(e.EmbeddedChat.DisclaimerContent,{side:"bottom",align:"start",children:[t.jsx(e.EmbeddedChat.DisclaimerText,{}),t.jsx(e.EmbeddedChat.DisclaimerArrow,{})]})]})]}),t.jsx(n.WidgetToggle,{onToggleView:d,askAILabel:a,searchLabel:r,view:"chat"}),t.jsx(e.Modal.Close,{})]}):t.jsx(e.Modal.Close,{})})};exports.InkeepEmbeddedChat=c;

package/dist/components/embedded-chat.js

@@ -1,338 +1,41 @@
 "use client";
-import { jsx as t, jsxs as n, Fragment as s } from "react/jsx-runtime";
-import { ErrorBoundary as u, Shadow as g, RootProvider as p, WebWidgetInteractionType as A, EmbeddedChat as e, useModal as b, useWidget as M, dataAttr as m, Modal as h, PortalWithTheme as d } from "@inkeep/cxkit-styled";
-import { Fragment as F } from "react";
-import { WidgetToggle as I } from "./widget-toggle.js";
-import { ModalContent as C } from "./modal.js";
-function R(a) {
-  const { baseSettings: r, aiChatSettings: c } = a;
-  return /* @__PURE__ */ t(u, { children: /* @__PURE__ */ t(
-    g,
-    {
-      wrapperStyles: {
-        height: "inherit",
-        width: "inherit"
-      },
-      children: /* @__PURE__ */ t(
-        p,
-        {
-          config: {
-            baseSettings: r,
-            aiChatSettings: c
-          },
-          componentType: A.EmbeddedChat,
-          children: /* @__PURE__ */ t(T, { ...a })
-        }
-      )
-    }
-  ) });
-}
-function k(a) {
-  const { children: r, onToggleView: c, isHidden: o, shouldAutoFocusInput: i = !c } = a;
-  return /* @__PURE__ */ t(e.Provider, { isHidden: o, shouldAutoFocusInput: i, children: r });
-}
-function T(a) {
-  return /* @__PURE__ */ t(k, { ...a, children: /* @__PURE__ */ t(B, { ...a }) });
-}
-function B(a) {
-  const { onToggleView: r, variant: c, header: o = S } = a, i = b(), l = M();
-  return /* @__PURE__ */ t(i && !l ? C : F, { children: /* @__PURE__ */ n(
-    e.Wrapper,
-    {
-      variant: c ?? (r ? "no-shadow" : "container-with-shadow"),
-      "data-composite": m(!!a.onToggleView || i?.isOpen),
-      children: [
-        /* @__PURE__ */ t(e.ConversationLoading, {}),
-        /* @__PURE__ */ n(e.Root, { children: [
-          /* @__PURE__ */ t(o, { ...a }),
-          /* @__PURE__ */ t(v, {}),
-          /* @__PURE__ */ t(D, {})
-        ] }),
-        /* @__PURE__ */ t(P, {}),
-        /* @__PURE__ */ t(V, {})
-      ]
-    }
-  ) });
-}
-function S(a) {
-  const { onToggleView: r, askAILabel: c, searchLabel: o } = a, i = !!r;
-  return /* @__PURE__ */ t(e.Header, { "data-show-toolbar": m(i), children: i ? /* @__PURE__ */ n(e.HeaderToolbar, { children: [
-    /* @__PURE__ */ n(e.HeaderToolbarWrapper, { children: [
+import { jsx as t, jsxs as o } from "react/jsx-runtime";
+import { mergeProps as d, InkeepEmbeddedChat as m, EmbeddedChat as e, dataAttr as c, Modal as l } from "@inkeep/cxkit-react-oss";
+import { WidgetToggle as h } from "./widget-toggle.js";
+import { defaultInkeepAIChatSettings as g } from "./default-settings.js";
+import { useBaseSettings as b } from "./hooks/use-base-settings.js";
+function S(r) {
+  const a = b(r.baseSettings), i = d(g, r.aiChatSettings ?? {}), s = d(r, {
+    baseSettings: a,
+    aiChatSettings: i
+  });
+  return /* @__PURE__ */ t(m, { header: C, ...s });
+}
+const C = (r) => {
+  const { onToggleView: a, askAILabel: i, searchLabel: s } = r, n = !!a;
+  return /* @__PURE__ */ t(e.Header, { "data-show-toolbar": c(n), children: n ? /* @__PURE__ */ o(e.HeaderToolbar, { children: [
+    /* @__PURE__ */ o(e.HeaderToolbarWrapper, { children: [
       /* @__PURE__ */ t(e.ToolbarHeader, {}),
-      /* @__PURE__ */ n(e.Disclaimer, { children: [
+      /* @__PURE__ */ o(e.Disclaimer, { children: [
         /* @__PURE__ */ t(e.DisclaimerTrigger, {}),
-        /* @__PURE__ */ n(e.DisclaimerContent, { side: "bottom", align: "start", children: [
+        /* @__PURE__ */ o(e.DisclaimerContent, { side: "bottom", align: "start", children: [
           /* @__PURE__ */ t(e.DisclaimerText, {}),
           /* @__PURE__ */ t(e.DisclaimerArrow, {})
         ] })
       ] })
     ] }),
     /* @__PURE__ */ t(
-      I,
+      h,
       {
-        onToggleView: r,
-        askAILabel: c,
-        searchLabel: o,
+        onToggleView: a,
+        askAILabel: i,
+        searchLabel: s,
         view: "chat"
       }
     ),
-    /* @__PURE__ */ t(h.Close, {})
-  ] }) : /* @__PURE__ */ t(h.Close, {}) });
-}
-function v() {
-  return /* @__PURE__ */ t(e.Content, { children: /* @__PURE__ */ n(e.ContentScrollArea, { children: [
-    /* @__PURE__ */ t(e.ContentScrollAreaViewport, { children: /* @__PURE__ */ t(x, {}) }),
-    /* @__PURE__ */ t(e.ContentScrollAreaScrollbar, { children: /* @__PURE__ */ t(e.ContentScrollAreaThumb, {}) }),
-    /* @__PURE__ */ t(e.ContentScrollAreaCorner, {})
-  ] }) });
-}
-function x() {
-  return /* @__PURE__ */ t(e.Messages, { children: ({ messages: a }) => /* @__PURE__ */ n(s, { children: [
-    /* @__PURE__ */ t(w, {}),
-    a.map((r) => /* @__PURE__ */ n(e.MessageWrapper, { message: r, children: [
-      /* @__PURE__ */ t(H, {}),
-      /* @__PURE__ */ t(e.MessageLoading, {}),
-      /* @__PURE__ */ n(e.MessageContentWrapper, { children: [
-        /* @__PURE__ */ t(e.MessageContent, { children: /* @__PURE__ */ t(e.Message, {}) }),
-        /* @__PURE__ */ t(y, {}),
-        /* @__PURE__ */ t(f, {}),
-        /* @__PURE__ */ t(L, {})
-      ] })
-    ] }, r.id))
-  ] }) });
-}
-function w() {
-  return /* @__PURE__ */ n(e.IntroMessageWrapper, { children: [
-    /* @__PURE__ */ n(e.MessageHeader, { children: [
-      /* @__PURE__ */ t(e.MessageAvatar, { children: /* @__PURE__ */ n(e.MessageAvatarContent, { children: [
-        /* @__PURE__ */ t(e.MessageAvatarFallback, {}),
-        /* @__PURE__ */ t(e.MessageAvatarImage, {})
-      ] }) }),
-      /* @__PURE__ */ t(e.MessageName, {})
-    ] }),
-    /* @__PURE__ */ n(e.MessageContentWrapper, { children: [
-      /* @__PURE__ */ t(e.MessageContent, { children: /* @__PURE__ */ t(e.Message, {}) }),
-      /* @__PURE__ */ n(e.Disclaimer, { children: [
-        /* @__PURE__ */ t(e.DisclaimerLabel, {}),
-        /* @__PURE__ */ t(e.DisclaimerTrigger, {}),
-        /* @__PURE__ */ n(e.DisclaimerContent, { children: [
-          /* @__PURE__ */ t(e.DisclaimerText, {}),
-          /* @__PURE__ */ t(e.DisclaimerArrow, {})
-        ] })
-      ] }),
-      /* @__PURE__ */ n(e.ExampleQuestions, { children: [
-        /* @__PURE__ */ t(e.ExampleQuestionsLabel, {}),
-        /* @__PURE__ */ t(e.ExampleQuestionsList, { children: (a) => a.map((r) => /* @__PURE__ */ t(e.ExampleQuestion, { children: /* @__PURE__ */ t(e.ExampleQuestionButton, { question: r }) }, r)) })
-      ] })
-    ] })
-  ] });
-}
-function H() {
-  return /* @__PURE__ */ n(e.MessageHeader, { children: [
-    /* @__PURE__ */ t(e.MessageAvatar, { children: /* @__PURE__ */ n(e.MessageAvatarContent, { children: [
-      /* @__PURE__ */ t(e.MessageAvatarFallback, {}),
-      /* @__PURE__ */ t(e.MessageAvatarImage, {})
-    ] }) }),
-    /* @__PURE__ */ t(e.MessageName, {})
-  ] });
-}
-function y() {
-  return /* @__PURE__ */ n(e.MessageAttachments, { children: [
-    /* @__PURE__ */ t(e.MessageAttachmentsList, { children: (a) => a.map((r) => /* @__PURE__ */ n(e.MessageAttachmentsItem, { attachment: r, children: [
-      /* @__PURE__ */ t(e.MessageAttachmentsItemIcon, {}),
-      /* @__PURE__ */ t(e.MessageAttachmentsItemTitle, {})
-    ] }, r.id)) }),
-    /* @__PURE__ */ t(e.MessageAttachmentsPreview, { children: /* @__PURE__ */ t(d, { children: /* @__PURE__ */ t(e.MessageAttachmentsPreviewOverlay, { children: /* @__PURE__ */ n(e.MessageAttachmentsPreviewContent, { children: [
-      /* @__PURE__ */ t(e.MessageAttachmentsPreviewHeader, {}),
-      /* @__PURE__ */ t(e.MessageAttachmentsPreviewClose, {}),
-      /* @__PURE__ */ t(e.MessageAttachmentsPreviewBody, {})
-    ] }) }) }) })
-  ] });
-}
-function f() {
-  return /* @__PURE__ */ n(e.MessageToolbar, { children: [
-    /* @__PURE__ */ t(e.MessageToolActions, { children: (a) => a.map((r, c) => /* @__PURE__ */ t(e.MessageToolAction, { action: r }, `action-${c}`)) }),
-    /* @__PURE__ */ t(e.MessageAction, { action: "copy" }),
-    /* @__PURE__ */ t(e.MessageAction, { action: "upvote" }),
-    /* @__PURE__ */ t(e.MessageAction, { action: "downvote" })
-  ] });
-}
-function L() {
-  return /* @__PURE__ */ n(e.MessageSources, { children: [
-    /* @__PURE__ */ t(e.MessageSourcesHeader, {}),
-    /* @__PURE__ */ t(e.MessageSourcesList, { children: (a) => a.map((r, c) => /* @__PURE__ */ n(e.MessageSourceItem, { href: r.url, source: r, children: [
-      /* @__PURE__ */ t(e.MessageSourceItemBreadcrumbs, { children: r.breadcrumbs?.map((o) => /* @__PURE__ */ n(F, { children: [
-        o,
-        /* @__PURE__ */ t(e.MessageSourceItemBreadcrumbIcon, {})
-      ] }, o)) }),
-      /* @__PURE__ */ t(e.MessageSourceItemIcon, {}),
-      /* @__PURE__ */ t(e.MessageSourceItemTitle, {}),
-      /* @__PURE__ */ t(e.MessageSourceItemTag, {}),
-      /* @__PURE__ */ t(e.MessageSourceItemDescription, { children: (o) => o.map((i, l) => /* @__PURE__ */ t(
-        e.MessageSourceItemDescriptionPart,
-        {
-          part: i
-        },
-        `part-${l}`
-      )) }),
-      /* @__PURE__ */ t(e.MessageSourceItemIndicator, {})
-    ] }, c)) })
-  ] });
-}
-function D() {
-  return /* @__PURE__ */ n(e.Footer, { children: [
-    /* @__PURE__ */ t(E, {}),
-    /* @__PURE__ */ t(W, {})
-  ] });
-}
-function E() {
-  return /* @__PURE__ */ n(e.InputFieldset, { children: [
-    /* @__PURE__ */ n(e.InputGroup, { children: [
-      /* @__PURE__ */ t(e.Input, {}),
-      /* @__PURE__ */ t(e.SendButton, { children: /* @__PURE__ */ t(e.SendButtonIcon, {}) })
-    ] }),
-    /* @__PURE__ */ n(e.AttachmentsBar, { children: [
-      /* @__PURE__ */ t(e.AttachmentsBarList, { children: (a) => a.map((r) => /* @__PURE__ */ n(e.AttachmentsBarAttachment, { attachment: r, children: [
-        /* @__PURE__ */ t(e.AttachmentsBarAttachmentIcon, {}),
-        /* @__PURE__ */ t(e.AttachmentsBarAttachmentTitle, {}),
-        /* @__PURE__ */ t(e.AttachmentsBarAttachmentDelete, {})
-      ] }, r.id)) }),
-      /* @__PURE__ */ n(e.AttachmentsBarActions, { children: [
-        /* @__PURE__ */ n(e.AttachmentsBarInfoTip, { children: [
-          /* @__PURE__ */ t(e.AttachmentsBarInfoTipIcon, {}),
-          /* @__PURE__ */ t(e.AttachmentsBarInfoTipText, {})
-        ] }),
-        /* @__PURE__ */ t(e.AttachmentsBarInputs, { children: (a) => a.map((r) => /* @__PURE__ */ t(e.AttachmentsBarInput, { input: r, children: r.displayName }, r.id)) })
-      ] }),
-      /* @__PURE__ */ t(d, { children: /* @__PURE__ */ t(e.AttachmentsBarModal, { children: /* @__PURE__ */ t(e.AttachmentsBarModalOverlay, { children: /* @__PURE__ */ n(e.AttachmentsBarModalContent, { children: [
-        /* @__PURE__ */ n(e.AttachmentsBarModalHeader, { children: [
-          /* @__PURE__ */ t(e.AttachmentsBarModalHeading, {}),
-          /* @__PURE__ */ t(e.AttachmentsBarModalDescription, {}),
-          /* @__PURE__ */ t(e.AttachmentsBarModalHelp, {})
-        ] }),
-        /* @__PURE__ */ t(e.AttachmentsBarModalClose, {}),
-        /* @__PURE__ */ t(e.AttachmentsBarModalBody, { children: /* @__PURE__ */ n(e.AttachmentsBarForm, { children: [
-          /* @__PURE__ */ n(e.AttachmentsBarFormTitle, { children: [
-            /* @__PURE__ */ t(e.AttachmentsBarFormTitleLabel, {}),
-            /* @__PURE__ */ t(e.AttachmentsBarFormTitleInput, {}),
-            /* @__PURE__ */ t(e.AttachmentsBarFormTitleError, {})
-          ] }),
-          /* @__PURE__ */ n(e.AttachmentsBarFormContent, { children: [
-            /* @__PURE__ */ t(e.AttachmentsBarFormContentLabel, {}),
-            /* @__PURE__ */ t(e.AttachmentsBarFormContentInput, {}),
-            /* @__PURE__ */ t(e.AttachmentsBarFormContentError, {})
-          ] }),
-          /* @__PURE__ */ t(e.AttachmentsBarFormSubmitButton, {})
-        ] }) })
-      ] }) }) }) })
-    ] })
-  ] });
-}
-function W() {
-  return /* @__PURE__ */ n(e.ActionBar, { children: [
-    /* @__PURE__ */ n(e.TaglineContainer, { children: [
-      /* @__PURE__ */ t(e.TaglineText, {}),
-      /* @__PURE__ */ t(e.TaglineLogo, {}),
-      /* @__PURE__ */ t(e.TaglineBrandName, {})
-    ] }),
-    /* @__PURE__ */ n(e.Actions, { children: [
-      /* @__PURE__ */ t(e.HelpActions, { children: ({ pinned: a, unpinned: r }) => /* @__PURE__ */ n(s, { children: [
-        a.map((c) => /* @__PURE__ */ t(e.HelpAction, { action: c }, c.name)),
-        r.length > 0 && /* @__PURE__ */ t(e.HelpActionsTrigger, {}),
-        /* @__PURE__ */ n(e.HelpActionsMenu, { children: [
-          /* @__PURE__ */ t(e.HelpActionsMenuArrow, {}),
-          r.map((c) => /* @__PURE__ */ n(e.HelpActionsMenuItem, { action: c, children: [
-            /* @__PURE__ */ t(e.HelpActionsMenuItemIcon, { action: c }),
-            c.name
-          ] }, c.name))
-        ] })
-      ] }) }),
-      /* @__PURE__ */ n(e.ChatAction, { action: "copy", children: [
-        /* @__PURE__ */ t(e.ChatActionLabel, { action: "copy" }),
-        /* @__PURE__ */ t(e.ChatActionFeedback, { action: "copy" })
-      ] }),
-      /* @__PURE__ */ n(e.ChatAction, { action: "share", children: [
-        /* @__PURE__ */ t(e.ChatActionLabel, { action: "share" }),
-        /* @__PURE__ */ t(e.ChatActionFeedback, { action: "share" })
-      ] }),
-      /* @__PURE__ */ t(e.ChatAction, { action: "clear" }),
-      /* @__PURE__ */ t(e.ChatAction, { action: "stop" })
-    ] })
-  ] });
-}
-function P() {
-  return /* @__PURE__ */ t(d, { children: /* @__PURE__ */ t(e.FeedbackModal, { children: /* @__PURE__ */ t(e.FeedbackModalOverlay, { children: /* @__PURE__ */ n(e.FeedbackModalContent, { children: [
-    /* @__PURE__ */ t(e.FeedbackModalHeader, {}),
-    /* @__PURE__ */ t(e.FeedbackModalClose, {}),
-    /* @__PURE__ */ t(e.FeedbackModalBody, { children: /* @__PURE__ */ n(e.FeedbackForm, { children: [
-      /* @__PURE__ */ n(e.FeedbackItem, { name: "unrelated_response", children: [
-        /* @__PURE__ */ t(e.FeedbackItemCheckbox, { children: /* @__PURE__ */ t(e.FeedbackItemCheckboxIndicator, {}) }),
-        /* @__PURE__ */ t(e.FeedbackItemLabel, {}),
-        /* @__PURE__ */ t(e.FeedbackItemDescription, {})
-      ] }),
-      /* @__PURE__ */ n(e.FeedbackItem, { name: "inaccurate_statement", children: [
-        /* @__PURE__ */ t(e.FeedbackItemCheckbox, { children: /* @__PURE__ */ t(e.FeedbackItemCheckboxIndicator, {}) }),
-        /* @__PURE__ */ t(e.FeedbackItemLabel, {}),
-        /* @__PURE__ */ t(e.FeedbackItemDescription, {})
-      ] }),
-      /* @__PURE__ */ n(e.FeedbackItem, { name: "inaccurate_code_snippet", children: [
-        /* @__PURE__ */ t(e.FeedbackItemCheckbox, { children: /* @__PURE__ */ t(e.FeedbackItemCheckboxIndicator, {}) }),
-        /* @__PURE__ */ t(e.FeedbackItemLabel, {}),
-        /* @__PURE__ */ t(e.FeedbackItemDescription, {})
-      ] }),
-      /* @__PURE__ */ n(e.FeedbackItem, { name: "irrelevant_citations", children: [
-        /* @__PURE__ */ t(e.FeedbackItemCheckbox, { children: /* @__PURE__ */ t(e.FeedbackItemCheckboxIndicator, {}) }),
-        /* @__PURE__ */ t(e.FeedbackItemLabel, {})
-      ] }),
-      /* @__PURE__ */ t(e.FeedbackSubmitButton, {})
-    ] }) })
-  ] }) }) }) });
-}
-function V() {
-  return /* @__PURE__ */ n(e.FormWrapper, { children: [
-    /* @__PURE__ */ t(e.FormClose, {}),
-    /* @__PURE__ */ n(e.Form, { children: [
-      /* @__PURE__ */ n(e.FormHeader, { children: [
-        /* @__PURE__ */ t(e.FormHeading, {}),
-        /* @__PURE__ */ t(e.FormDescription, {})
-      ] }),
-      /* @__PURE__ */ t(e.FormContent, { children: (a) => /* @__PURE__ */ n(s, { children: [
-        a.map((r, c) => /* @__PURE__ */ n(e.FormField, { field: r, autoFocus: c === 0, children: [
-          /* @__PURE__ */ t(e.FormFieldLabel, {}),
-          r.inputType === "text" && /* @__PURE__ */ t(e.FormFieldText, {}),
-          r.inputType === "email" && /* @__PURE__ */ t(e.FormFieldEmail, {}),
-          r.inputType === "file" && /* @__PURE__ */ t(e.FormFieldFile, {}),
-          r.inputType === "textarea" && /* @__PURE__ */ t(e.FormFieldTextArea, {}),
-          r.inputType === "checkbox" && /* @__PURE__ */ t(e.FormFieldCheckbox, { children: /* @__PURE__ */ t(e.FormFieldCheckboxIndicator, {}) }),
-          r.inputType === "select" && /* @__PURE__ */ n(e.FormFieldSelect, { children: [
-            /* @__PURE__ */ n(e.FormFieldSelectTrigger, { children: [
-              /* @__PURE__ */ t(e.FormFieldSelectValue, {}),
-              /* @__PURE__ */ t(e.FormFieldSelectIcon, {})
-            ] }),
-            /* @__PURE__ */ t(e.FormFieldSelectContent, { children: /* @__PURE__ */ t(e.FormFieldSelectViewport, { children: r.items.map((o) => /* @__PURE__ */ n(e.FormFieldSelectItem, { value: o.value, children: [
-              /* @__PURE__ */ t(e.FormFieldSelectItemText, { children: o.label }),
-              /* @__PURE__ */ t(e.FormFieldSelectItemIndicator, {})
-            ] }, o.value)) }) })
-          ] }),
-          /* @__PURE__ */ t(e.FormFieldError, {})
-        ] }, r.name)),
-        /* @__PURE__ */ t(e.FormError, {})
-      ] }) }),
-      /* @__PURE__ */ n(e.FormFooter, { children: [
-        /* @__PURE__ */ t(e.FormCancel, {}),
-        /* @__PURE__ */ t(e.FormSubmit, {})
-      ] })
-    ] }),
-    /* @__PURE__ */ n(e.FormSuccess, { children: [
-      /* @__PURE__ */ t(e.FormSuccessHeading, {}),
-      /* @__PURE__ */ t(e.FormSuccessMessage, {}),
-      /* @__PURE__ */ t(e.FormSuccessButton, {})
-    ] })
-  ] });
-}
+    /* @__PURE__ */ t(l.Close, {})
+  ] }) : /* @__PURE__ */ t(l.Close, {}) });
+};
 export {
-  R as InkeepEmbeddedChat,
-  T as InkeepEmbeddedChatImpl,
-  B as InkeepEmbeddedChatImplContent,
-  k as InkeepEmbeddedChatProvider
+  S as InkeepEmbeddedChat
 };

package/dist/components/embedded-search-and-chat.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("./embedded-chat.cjs"),d=require("@inkeep/cxkit-styled"),a=require("./embedded-search.cjs"),S=require("./embedded-search-and-chat.impl.cjs"),j=require("react"),k=require("./modal.cjs");function x(n){const{config:r,...t}=S.useWidgetImpl(n);return e.jsx(d.ErrorBoundary,{children:e.jsx(d.Shadow,{wrapperStyles:{height:"inherit",width:"inherit"},children:e.jsx(d.RootProvider,{config:r,componentType:d.WebWidgetInteractionType.EmbeddedSearchAndChat,children:e.jsx(h,{...t})})})})}function h(n){const{view:r,setView:t,shouldShowAskAICard:l,onToggleView:p,shouldAutoFocusInput:m,searchLabel:u,askAILabel:b,askAICardLabel:I}=n,C=d.useModal()?k.ModalContent:j.Fragment,o={onToggleView:p,shouldShowAskAICard:l,shouldAutoFocusInput:m,searchLabel:u,askAILabel:b,askAICardLabel:I},s={isHidden:r==="chat",...o},i={isHidden:r==="search",...o};return e.jsx(d.WidgetProvider,{widget:{setView:t,view:r},children:e.jsx(a.InkeepEmbeddedSearchProvider,{...s,children:e.jsx(c.InkeepEmbeddedChatProvider,{...i,children:e.jsxs(C,{children:[e.jsx(a.InkeepEmbeddedSearchImplContent,{...s}),e.jsx(c.InkeepEmbeddedChatImplContent,{...i})]})})})})}exports.InkeepEmbeddedSearchAndChat=x;exports.InkeepEmbeddedSearchAndChatImpl=h;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),t=require("@inkeep/cxkit-react-oss"),c=require("./hooks/use-base-settings.cjs"),S=require("./hooks/use-search-settings.cjs"),u=require("./default-settings.cjs");function g(e){const s=c.useBaseSettings(e.baseSettings),n=S.useSearchSettings({baseSettings:s,searchSettings:e.searchSettings}),i=t.mergeProps(u.defaultInkeepAIChatSettings,e.aiChatSettings??{}),a=t.mergeProps(e,{baseSettings:s,aiChatSettings:i,searchSettings:n});return r.jsx(t.InkeepEmbeddedSearchAndChat,{...a})}exports.InkeepEmbeddedSearchAndChat=g;