@inkeep/cxkit-react 0.0.0-dev-20250221234142

package/dist/components/embedded-search-and-chat.impl.js

@@ -0,0 +1,43 @@
+"use client";
+import { useRef as r, useState as V, useImperativeHandle as d, useEffect as b } from "react";
+import { composeRefs as a } from "../utils.js";
+function _(f) {
+  const {
+    defaultView: c = "search",
+    aiChatSettings: i,
+    baseSettings: g,
+    searchSettings: o,
+    shouldAutoFocusInput: h = !0,
+    onToggleView: l,
+    ref: m,
+    ...S
+  } = f, t = r(null), R = a(t, i?.chatFunctionsRef), u = r(null), w = a(u, o?.searchFunctionsRef), p = {
+    ...i,
+    chatFunctionsRef: R
+  }, F = {
+    ...o,
+    searchFunctionsRef: w
+  }, [n, s] = V(c), I = (e) => {
+    e.autoSubmit && e.query && t.current?.submitMessage(e.query), l?.(e), s(e.view);
+  };
+  return d(m, () => ({
+    setView: s
+  })), b(() => {
+    n === "chat" ? t.current?.focusInput() : u.current?.focusInput();
+  }, [n]), {
+    config: {
+      baseSettings: g,
+      aiChatSettings: p,
+      searchSettings: F
+    },
+    defaultView: c,
+    view: n,
+    setView: s,
+    onToggleView: I,
+    shouldAutoFocusInput: h,
+    ...S
+  };
+}
+export {
+  _ as useWidgetImpl
+};

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

@@ -0,0 +1,65 @@
+"use client";
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import { InkeepEmbeddedChatImpl as p } from "./embedded-chat.js";
+import { Shadow as m, RootProvider as u, WebWidgetInteractionType as l, WidgetProvider as I } from "@inkeep/cxkit-styled";
+import { InkeepEmbeddedSearchImpl as f } from "./embedded-search.js";
+import { useWidgetImpl as w } from "./embedded-search-and-chat.impl.js";
+function E(d) {
+  const { config: t, ...i } = w(d);
+  return /* @__PURE__ */ e(
+    m,
+    {
+      wrapperStyles: {
+        height: "inherit",
+        width: "inherit"
+      },
+      children: /* @__PURE__ */ e(
+        u,
+        {
+          config: t,
+          interactionType: l.EmbeddedSearchAndChat,
+          children: /* @__PURE__ */ e(A, { ...i })
+        }
+      )
+    }
+  );
+}
+function A(d) {
+  const {
+    view: t,
+    setView: i,
+    shouldShowAskAICard: s,
+    onToggleView: o,
+    defaultView: r,
+    shouldAutoFocusInput: n,
+    searchLabel: h,
+    askAILabel: c
+  } = d;
+  return /* @__PURE__ */ a(I, { widget: { setView: i }, children: [
+    /* @__PURE__ */ e(
+      f,
+      {
+        isHidden: t === "chat",
+        onToggleView: o,
+        shouldShowAskAICard: s,
+        shouldAutoFocusInput: n && r === "search",
+        searchLabel: h,
+        askAILabel: c
+      }
+    ),
+    /* @__PURE__ */ e(
+      p,
+      {
+        isHidden: t === "search",
+        onToggleView: o,
+        shouldAutoFocusInput: n && r === "chat",
+        askAILabel: c,
+        searchLabel: h
+      }
+    )
+  ] });
+}
+export {
+  E as InkeepEmbeddedSearchAndChat,
+  A as InkeepEmbeddedSearchAndChatImpl
+};

package/dist/components/embedded-search.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("@inkeep/cxkit-styled"),o=require("react"),a=require("./widget-toggle.cjs");function h(s){const{baseSettings:r,searchSettings:c}=s;return e.jsx(d.Shadow,{children:e.jsx(d.RootProvider,{config:{baseSettings:r,searchSettings:c},interactionType:d.WebWidgetInteractionType.EmbeddedSearch,children:e.jsx(l,{...s})})})}function l(s){const{onToggleView:r,isHidden:c,shouldAutoFocusInput:t=!r}=s,n=d.useModal();return e.jsx(d.EmbeddedSearch.Provider,{isHidden:c,shouldAutoFocusInput:t,children:e.jsx(d.EmbeddedSearch.Wrapper,{"data-composite":d.dataAttr(!!r||n?.open),children:e.jsxs(d.EmbeddedSearch.Root,{children:[e.jsx(u,{...s}),e.jsxs(d.EmbeddedSearch.Content,{children:[e.jsx(m,{...s}),e.jsx(S,{})]}),e.jsx(x,{})]})})})}function u(s){const{onToggleView:r,askAILabel:c,searchLabel:t}=s,{query:n}=d.useSearch();return e.jsxs(d.EmbeddedSearch.InputGroup,{children:[e.jsx(d.EmbeddedSearch.InputIcon,{}),e.jsx(d.EmbeddedSearch.Input,{}),e.jsx(d.EmbeddedSearch.Loading,{}),r&&e.jsx(a.WidgetToggle,{onToggleView:r,query:n,askAILabel:c,searchLabel:t,view:"search"}),e.jsx(d.Modal.Close,{})]})}function m(s){const{askAILabel:r,onToggleView:c,shouldShowAskAICard:t=!!c}=s,{query:n}=d.useSearch(),{handleToggle:i}=a.useToggleView({onToggleView:c,query:n});return t?e.jsxs(d.EmbeddedSearch.AskAITrigger,{onSelect:()=>i("chat",!0),children:[e.jsx(d.EmbeddedSearch.AskAITriggerIcon,{}),e.jsxs(d.EmbeddedSearch.AskAITriggerLabel,{children:[r||"Ask AI",n&&` "${n}"`]}),e.jsx(d.EmbeddedSearch.AskAITriggerIndicator,{})]}):null}function S(){return e.jsxs(d.EmbeddedSearch.Results,{children:[e.jsx(d.EmbeddedSearch.ResultsLoading,{}),e.jsx(d.EmbeddedSearch.ResultsTabList,{children:s=>s.map(r=>e.jsx(d.EmbeddedSearch.ResultsTab,{tab:r},r))}),e.jsx(d.EmbeddedSearch.ResultsEmpty,{}),e.jsxs(d.EmbeddedSearch.ResultsScrollArea,{children:[e.jsx(d.EmbeddedSearch.ResultsScrollAreaViewport,{children:e.jsx(b,{})}),e.jsx(d.EmbeddedSearch.ResultsScrollAreaScrollbar,{children:e.jsx(d.EmbeddedSearch.ResultsScrollAreaThumb,{})}),e.jsx(d.EmbeddedSearch.ResultsScrollAreaCorner,{})]})]})}function b(){return e.jsx(d.EmbeddedSearch.ResultsList,{children:s=>s.map(r=>e.jsxs(d.EmbeddedSearch.ResultsItem,{item:r,children:[e.jsx(d.EmbeddedSearch.ResultsItemBreadcrumbs,{children:c=>c.map(t=>e.jsxs(o.Fragment,{children:[t,e.jsx(d.EmbeddedSearch.ResultsItemBreadcrumbIcon,{})]},t))}),e.jsx(d.EmbeddedSearch.ResultsItemIcon,{}),e.jsx(d.EmbeddedSearch.ResultsItemTitle,{}),e.jsx(d.EmbeddedSearch.ResultsItemTag,{}),e.jsx(d.EmbeddedSearch.ResultsItemDescription,{children:c=>c.map((t,n)=>e.jsx(d.EmbeddedSearch.ResultsItemDescriptionPart,{part:t},`part-${n}`))}),e.jsx(d.EmbeddedSearch.ResultsItemIndicator,{})]},r.id))})}function x(){return e.jsx(d.EmbeddedSearch.Footer,{children:e.jsxs(d.EmbeddedSearch.TaglineContainer,{children:[e.jsx(d.EmbeddedSearch.TaglineText,{}),e.jsx(d.EmbeddedSearch.TaglineLogo,{}),e.jsx(d.EmbeddedSearch.TaglineBrandName,{})]})})}exports.InkeepEmbeddedSearch=h;exports.InkeepEmbeddedSearchImpl=l;

package/dist/components/embedded-search.d.cts

@@ -0,0 +1,14 @@
+import { WidgetView, InkeepConfig } from '@inkeep/cxkit-types';
+import { EmbeddedSearchProviderProps } from '@inkeep/cxkit-styled';
+type SearchConfig = Pick<InkeepConfig, 'baseSettings' | 'searchSettings'>;
+type InkeepEmbeddedSearchImplProps = EmbeddedSearchProviderProps & WidgetView & {
+    /**
+     * Whether to show the Ask AI card.
+     * @default false
+     */
+    shouldShowAskAICard?: boolean;
+};
+export type InkeepEmbeddedSearchProps = InkeepEmbeddedSearchImplProps & Partial<SearchConfig>;
+export declare function InkeepEmbeddedSearch(props: InkeepEmbeddedSearchProps): import("react/jsx-runtime").JSX.Element;
+export declare function InkeepEmbeddedSearchImpl(props: InkeepEmbeddedSearchImplProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/embedded-search.d.ts

@@ -0,0 +1,14 @@
+import { WidgetView, InkeepConfig } from '@inkeep/cxkit-types';
+import { EmbeddedSearchProviderProps } from '@inkeep/cxkit-styled';
+type SearchConfig = Pick<InkeepConfig, 'baseSettings' | 'searchSettings'>;
+type InkeepEmbeddedSearchImplProps = EmbeddedSearchProviderProps & WidgetView & {
+    /**
+     * Whether to show the Ask AI card.
+     * @default false
+     */
+    shouldShowAskAICard?: boolean;
+};
+export type InkeepEmbeddedSearchProps = InkeepEmbeddedSearchImplProps & Partial<SearchConfig>;
+export declare function InkeepEmbeddedSearch(props: InkeepEmbeddedSearchProps): import("react/jsx-runtime").JSX.Element;
+export declare function InkeepEmbeddedSearchImpl(props: InkeepEmbeddedSearchImplProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/embedded-search.js

@@ -0,0 +1,99 @@
+"use client";
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { Shadow as a, RootProvider as d, WebWidgetInteractionType as g, useModal as h, EmbeddedSearch as r, dataAttr as I, useSearch as c, Modal as m } from "@inkeep/cxkit-styled";
+import { Fragment as p } from "react";
+import { WidgetToggle as R, useToggleView as A } from "./widget-toggle.js";
+function V(n) {
+  const { baseSettings: t, searchSettings: s } = n;
+  return /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(
+    d,
+    {
+      config: {
+        baseSettings: t,
+        searchSettings: s
+      },
+      interactionType: g.EmbeddedSearch,
+      children: /* @__PURE__ */ e(T, { ...n })
+    }
+  ) });
+}
+function T(n) {
+  const { onToggleView: t, isHidden: s, shouldAutoFocusInput: l = !t } = n, i = h();
+  return /* @__PURE__ */ e(r.Provider, { isHidden: s, shouldAutoFocusInput: l, children: /* @__PURE__ */ e(r.Wrapper, { "data-composite": I(!!t || i?.open), children: /* @__PURE__ */ o(r.Root, { children: [
+    /* @__PURE__ */ e(S, { ...n }),
+    /* @__PURE__ */ o(r.Content, { children: [
+      /* @__PURE__ */ e(b, { ...n }),
+      /* @__PURE__ */ e(f, {})
+    ] }),
+    /* @__PURE__ */ e(L, {})
+  ] }) }) });
+}
+function S(n) {
+  const { onToggleView: t, askAILabel: s, searchLabel: l } = n, { query: i } = c();
+  return /* @__PURE__ */ o(r.InputGroup, { children: [
+    /* @__PURE__ */ e(r.InputIcon, {}),
+    /* @__PURE__ */ e(r.Input, {}),
+    /* @__PURE__ */ e(r.Loading, {}),
+    t && /* @__PURE__ */ e(
+      R,
+      {
+        onToggleView: t,
+        query: i,
+        askAILabel: s,
+        searchLabel: l,
+        view: "search"
+      }
+    ),
+    /* @__PURE__ */ e(m.Close, {})
+  ] });
+}
+function b(n) {
+  const { askAILabel: t, onToggleView: s, shouldShowAskAICard: l = !!s } = n, { query: i } = c(), { handleToggle: u } = A({
+    onToggleView: s,
+    query: i
+  });
+  return l ? /* @__PURE__ */ o(r.AskAITrigger, { onSelect: () => u("chat", !0), children: [
+    /* @__PURE__ */ e(r.AskAITriggerIcon, {}),
+    /* @__PURE__ */ o(r.AskAITriggerLabel, { children: [
+      t || "Ask AI",
+      i && ` "${i}"`
+    ] }),
+    /* @__PURE__ */ e(r.AskAITriggerIndicator, {})
+  ] }) : null;
+}
+function f() {
+  return /* @__PURE__ */ o(r.Results, { children: [
+    /* @__PURE__ */ e(r.ResultsLoading, {}),
+    /* @__PURE__ */ e(r.ResultsTabList, { children: (n) => n.map((t) => /* @__PURE__ */ e(r.ResultsTab, { tab: t }, t)) }),
+    /* @__PURE__ */ e(r.ResultsEmpty, {}),
+    /* @__PURE__ */ o(r.ResultsScrollArea, { children: [
+      /* @__PURE__ */ e(r.ResultsScrollAreaViewport, { children: /* @__PURE__ */ e(k, {}) }),
+      /* @__PURE__ */ e(r.ResultsScrollAreaScrollbar, { children: /* @__PURE__ */ e(r.ResultsScrollAreaThumb, {}) }),
+      /* @__PURE__ */ e(r.ResultsScrollAreaCorner, {})
+    ] })
+  ] });
+}
+function k() {
+  return /* @__PURE__ */ e(r.ResultsList, { children: (n) => n.map((t) => /* @__PURE__ */ o(r.ResultsItem, { item: t, children: [
+    /* @__PURE__ */ e(r.ResultsItemBreadcrumbs, { children: (s) => s.map((l) => /* @__PURE__ */ o(p, { children: [
+      l,
+      /* @__PURE__ */ e(r.ResultsItemBreadcrumbIcon, {})
+    ] }, l)) }),
+    /* @__PURE__ */ e(r.ResultsItemIcon, {}),
+    /* @__PURE__ */ e(r.ResultsItemTitle, {}),
+    /* @__PURE__ */ e(r.ResultsItemTag, {}),
+    /* @__PURE__ */ e(r.ResultsItemDescription, { children: (s) => s.map((l, i) => /* @__PURE__ */ e(r.ResultsItemDescriptionPart, { part: l }, `part-${i}`)) }),
+    /* @__PURE__ */ e(r.ResultsItemIndicator, {})
+  ] }, t.id)) });
+}
+function L() {
+  return /* @__PURE__ */ e(r.Footer, { children: /* @__PURE__ */ o(r.TaglineContainer, { children: [
+    /* @__PURE__ */ e(r.TaglineText, {}),
+    /* @__PURE__ */ e(r.TaglineLogo, {}),
+    /* @__PURE__ */ e(r.TaglineBrandName, {})
+  ] }) });
+}
+export {
+  V as InkeepEmbeddedSearch,
+  T as InkeepEmbeddedSearchImpl
+};

package/dist/components/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./embedded-chat.cjs"),d=require("./embedded-search-and-chat.cjs"),n=require("./embedded-search.cjs"),I=require("./modal.chat.cjs"),h=require("./modal.search-and-chat.cjs"),p=require("./modal.search.cjs"),l=require("./modal.cjs"),a=require("./chat-button.cjs"),t=require("./searchbar.cjs"),r=require("./intelligent-form.cjs");exports.InkeepEmbeddedChat=e.InkeepEmbeddedChat;exports.InkeepEmbeddedChatImpl=e.InkeepEmbeddedChatImpl;exports.InkeepEmbeddedSearchAndChat=d.InkeepEmbeddedSearchAndChat;exports.InkeepEmbeddedSearchAndChatImpl=d.InkeepEmbeddedSearchAndChatImpl;exports.InkeepEmbeddedSearch=n.InkeepEmbeddedSearch;exports.InkeepEmbeddedSearchImpl=n.InkeepEmbeddedSearchImpl;exports.InkeepModalChat=I.InkeepModalChat;exports.InkeepModalSearchAndChat=h.InkeepModalSearchAndChat;exports.InkeepModalSearch=p.InkeepModalSearch;exports.InkeepModal=l.InkeepModal;exports.ChatButtonImpl=a.ChatButtonImpl;exports.InkeepChatButton=a.InkeepChatButton;exports.InkeepSearchBar=t.InkeepSearchBar;exports.SearchBarImpl=t.SearchBarImpl;exports.InkeepIntelligentForm=r.InkeepIntelligentForm;exports.InkeepIntelligentFormImpl=r.InkeepIntelligentFormImpl;

package/dist/components/index.d.cts

@@ -0,0 +1,10 @@
+export * from './embedded-chat';
+export * from './embedded-search-and-chat';
+export * from './embedded-search';
+export * from './modal.chat';
+export * from './modal.search-and-chat';
+export * from './modal.search';
+export * from './modal';
+export * from './chat-button';
+export * from './searchbar';
+export * from './intelligent-form';

package/dist/components/index.d.ts

@@ -0,0 +1,10 @@
+export * from './embedded-chat';
+export * from './embedded-search-and-chat';
+export * from './embedded-search';
+export * from './modal.chat';
+export * from './modal.search-and-chat';
+export * from './modal.search';
+export * from './modal';
+export * from './chat-button';
+export * from './searchbar';
+export * from './intelligent-form';

package/dist/components/index.js

@@ -0,0 +1,28 @@
+import { InkeepEmbeddedChat as p, InkeepEmbeddedChatImpl as o } from "./embedded-chat.js";
+import { InkeepEmbeddedSearchAndChat as d, InkeepEmbeddedSearchAndChatImpl as m } from "./embedded-search-and-chat.js";
+import { InkeepEmbeddedSearch as a, InkeepEmbeddedSearchImpl as I } from "./embedded-search.js";
+import { InkeepModalChat as k } from "./modal.chat.js";
+import { InkeepModalSearchAndChat as f } from "./modal.search-and-chat.js";
+import { InkeepModalSearch as c } from "./modal.search.js";
+import { InkeepModal as S } from "./modal.js";
+import { ChatButtonImpl as E, InkeepChatButton as B } from "./chat-button.js";
+import { InkeepSearchBar as A, SearchBarImpl as g } from "./searchbar.js";
+import { InkeepIntelligentForm as u, InkeepIntelligentFormImpl as F } from "./intelligent-form.js";
+export {
+  E as ChatButtonImpl,
+  B as InkeepChatButton,
+  p as InkeepEmbeddedChat,
+  o as InkeepEmbeddedChatImpl,
+  a as InkeepEmbeddedSearch,
+  d as InkeepEmbeddedSearchAndChat,
+  m as InkeepEmbeddedSearchAndChatImpl,
+  I as InkeepEmbeddedSearchImpl,
+  u as InkeepIntelligentForm,
+  F as InkeepIntelligentFormImpl,
+  S as InkeepModal,
+  k as InkeepModalChat,
+  c as InkeepModalSearch,
+  f as InkeepModalSearchAndChat,
+  A as InkeepSearchBar,
+  g as SearchBarImpl
+};

package/dist/components/intelligent-form.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("@inkeep/cxkit-styled");function m(r){const{baseSettings:t}=r;return e.jsx(n.Shadow,{wrapperStyles:{height:"inherit",width:"inherit"},children:e.jsx(n.RootProvider,{config:{baseSettings:t},interactionType:n.WebWidgetInteractionType.IntelligentForm,children:e.jsx(s,{...r})})})}function s(r){const{formConfig:t}=r;return e.jsx(n.IntelligentForm.Provider,{formConfig:t,children:e.jsxs(n.IntelligentForm.Root,{children:[e.jsx(n.IntelligentForm.Heading,{}),e.jsx(n.IntelligentForm.Content,{children:e.jsxs(n.IntelligentForm.ContentScrollArea,{children:[e.jsxs(n.IntelligentForm.ContentScrollAreaViewport,{children:[e.jsx(I,{}),e.jsx(g,{}),e.jsx(F,{}),e.jsx(u,{}),e.jsx(x,{})]}),e.jsx(n.IntelligentForm.ContentScrollAreaScrollbar,{children:e.jsx(n.IntelligentForm.ContentScrollAreaThumb,{})}),e.jsx(n.IntelligentForm.ContentScrollAreaCorner,{})]})})]})})}function I(){return e.jsxs(n.IntelligentForm.Success,{children:[e.jsx(n.IntelligentForm.SuccessIcon,{}),e.jsx(n.IntelligentForm.SuccessHeading,{}),e.jsx(n.IntelligentForm.SuccessMessage,{})]})}function g(){const{isSubmitSuccessful:r}=n.useIntelligentForm();return r?null:e.jsxs(n.IntelligentForm.PrimaryForm,{children:[e.jsx(n.IntelligentForm.PrimaryFormDescription,{}),e.jsx(n.IntelligentForm.PrimaryFormFields,{children:t=>t.map(l=>e.jsx(c,{field:l},l.name))}),e.jsx(n.IntelligentForm.PrimaryFormSubmit,{})]})}function o(){return e.jsxs(n.IntelligentForm.BotHeading,{children:[e.jsx(n.IntelligentForm.BotHeadingIcon,{}),e.jsx(n.IntelligentForm.BotHeadingName,{})]})}function F(){return e.jsxs(n.IntelligentForm.Loading,{children:[e.jsx(o,{}),e.jsx(n.LoadingIndicator,{})]})}function u(){const{isSubmitSuccessful:r}=n.useIntelligentForm();return r?null:e.jsxs(n.IntelligentForm.ConfidentResponse,{children:[e.jsx(o,{}),e.jsxs(n.IntelligentForm.Sources,{children:[e.jsx(n.IntelligentForm.SourcesCaption,{}),e.jsx(n.IntelligentForm.SourcesList,{children:t=>t.map(l=>e.jsxs(n.IntelligentForm.Source,{source:l,children:[e.jsx(n.IntelligentForm.SourceIcon,{}),e.jsx(n.IntelligentForm.SourceTitle,{})]},l.url))})]}),e.jsx(n.IntelligentForm.ConfidentAnswer,{}),e.jsxs(n.IntelligentForm.ConfidentResponseButton,{children:[e.jsx(n.IntelligentForm.ConfidentResponseButtonIcon,{}),e.jsx(n.IntelligentForm.ConfidentResponseButtonLabel,{})]})]})}function x(){const{aiResponse:r}=n.useIntelligentForm(),{isSubmitSuccessful:t}=n.useIntelligentForm();return t?null:e.jsxs(n.IntelligentForm.SecondaryForm,{children:[e.jsx(o,{}),!r.answerConfidence&&e.jsxs(n.IntelligentForm.Sources,{children:[e.jsx(n.IntelligentForm.SourcesCaption,{children:"I wasn't able to find a direct answer to your question, but here's some helpful sources:"}),e.jsx(n.IntelligentForm.SourcesList,{children:l=>l.map(i=>e.jsxs(n.IntelligentForm.Source,{source:i,children:[e.jsx(n.IntelligentForm.SourceIcon,{}),e.jsx(n.IntelligentForm.SourceTitle,{})]},i.url))})]}),e.jsx(n.IntelligentForm.SecondaryFormDescription,{}),e.jsx(n.IntelligentForm.SecondaryFormFields,{children:l=>l.map(i=>e.jsx(c,{field:i},i.name))}),e.jsx(n.IntelligentForm.Error,{}),e.jsx(n.IntelligentForm.SecondaryFormSubmit,{})]})}function c(r){const{field:t}=r;return e.jsxs(n.IntelligentForm.Field,{field:t,children:[e.jsx(n.IntelligentForm.FieldLabel,{}),t.inputType==="TEXT"&&e.jsx(n.IntelligentForm.Text,{}),t.inputType==="EMAIL"&&e.jsx(n.IntelligentForm.Email,{}),t.inputType==="FILE"&&e.jsx(n.IntelligentForm.File,{}),t.inputType==="TEXTAREA"&&e.jsx(n.IntelligentForm.TextArea,{}),t.inputType==="CHECKBOX"&&e.jsx(n.IntelligentForm.Checkbox,{children:e.jsx(n.IntelligentForm.CheckboxIndicator,{})}),t.inputType==="SELECT"&&e.jsxs(n.IntelligentForm.Select,{children:[e.jsxs(n.IntelligentForm.SelectTrigger,{children:[e.jsx(n.IntelligentForm.SelectValue,{}),e.jsx(n.IntelligentForm.SelectIcon,{})]}),e.jsx(n.IntelligentForm.SelectContent,{children:e.jsx(n.IntelligentForm.SelectViewport,{children:t.items.map(l=>e.jsxs(n.IntelligentForm.SelectItem,{value:l.value,children:[e.jsx(n.IntelligentForm.SelectItemText,{children:l.label}),e.jsx(n.IntelligentForm.SelectItemIndicator,{})]},l.value))})})]}),e.jsx(n.IntelligentForm.FieldError,{})]},t.name)}exports.InkeepIntelligentForm=m;exports.InkeepIntelligentFormImpl=s;

package/dist/components/intelligent-form.d.cts

@@ -0,0 +1,8 @@
+import { InkeepConfig, IntelligentFormConfig } from '@inkeep/cxkit-types';
+interface InkeepIntelligentFormImplProps {
+    formConfig: IntelligentFormConfig;
+}
+export type InkeepIntelligentFormProps = InkeepIntelligentFormImplProps & Partial<Pick<InkeepConfig, 'baseSettings'>>;
+export declare function InkeepIntelligentForm(props: InkeepIntelligentFormProps): import("react/jsx-runtime").JSX.Element;
+export declare function InkeepIntelligentFormImpl(props: InkeepIntelligentFormImplProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/intelligent-form.d.ts

@@ -0,0 +1,8 @@
+import { InkeepConfig, IntelligentFormConfig } from '@inkeep/cxkit-types';
+interface InkeepIntelligentFormImplProps {
+    formConfig: IntelligentFormConfig;
+}
+export type InkeepIntelligentFormProps = InkeepIntelligentFormImplProps & Partial<Pick<InkeepConfig, 'baseSettings'>>;
+export declare function InkeepIntelligentForm(props: InkeepIntelligentFormProps): import("react/jsx-runtime").JSX.Element;
+export declare function InkeepIntelligentFormImpl(props: InkeepIntelligentFormImplProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/intelligent-form.js

@@ -0,0 +1,130 @@
+"use client";
+import { jsx as n, jsxs as t } from "react/jsx-runtime";
+import { Shadow as s, RootProvider as a, WebWidgetInteractionType as S, IntelligentForm as e, useIntelligentForm as l, LoadingIndicator as m } from "@inkeep/cxkit-styled";
+function T(o) {
+  const { baseSettings: r } = o;
+  return /* @__PURE__ */ n(
+    s,
+    {
+      wrapperStyles: {
+        height: "inherit",
+        width: "inherit"
+      },
+      children: /* @__PURE__ */ n(
+        a,
+        {
+          config: {
+            baseSettings: r
+          },
+          interactionType: S.IntelligentForm,
+          children: /* @__PURE__ */ n(h, { ...o })
+        }
+      )
+    }
+  );
+}
+function h(o) {
+  const { formConfig: r } = o;
+  return /* @__PURE__ */ n(e.Provider, { formConfig: r, children: /* @__PURE__ */ t(e.Root, { children: [
+    /* @__PURE__ */ n(e.Heading, {}),
+    /* @__PURE__ */ n(e.Content, { children: /* @__PURE__ */ t(e.ContentScrollArea, { children: [
+      /* @__PURE__ */ t(e.ContentScrollAreaViewport, { children: [
+        /* @__PURE__ */ n(p, {}),
+        /* @__PURE__ */ n(f, {}),
+        /* @__PURE__ */ n(I, {}),
+        /* @__PURE__ */ n(C, {}),
+        /* @__PURE__ */ n(F, {})
+      ] }),
+      /* @__PURE__ */ n(e.ContentScrollAreaScrollbar, { children: /* @__PURE__ */ n(e.ContentScrollAreaThumb, {}) }),
+      /* @__PURE__ */ n(e.ContentScrollAreaCorner, {})
+    ] }) })
+  ] }) });
+}
+function p() {
+  return /* @__PURE__ */ t(e.Success, { children: [
+    /* @__PURE__ */ n(e.SuccessIcon, {}),
+    /* @__PURE__ */ n(e.SuccessHeading, {}),
+    /* @__PURE__ */ n(e.SuccessMessage, {})
+  ] });
+}
+function f() {
+  const { isSubmitSuccessful: o } = l();
+  return o ? null : /* @__PURE__ */ t(e.PrimaryForm, { children: [
+    /* @__PURE__ */ n(e.PrimaryFormDescription, {}),
+    /* @__PURE__ */ n(e.PrimaryFormFields, { children: (r) => r.map((i) => /* @__PURE__ */ n(d, { field: i }, i.name)) }),
+    /* @__PURE__ */ n(e.PrimaryFormSubmit, {})
+  ] });
+}
+function u() {
+  return /* @__PURE__ */ t(e.BotHeading, { children: [
+    /* @__PURE__ */ n(e.BotHeadingIcon, {}),
+    /* @__PURE__ */ n(e.BotHeadingName, {})
+  ] });
+}
+function I() {
+  return /* @__PURE__ */ t(e.Loading, { children: [
+    /* @__PURE__ */ n(u, {}),
+    /* @__PURE__ */ n(m, {})
+  ] });
+}
+function C() {
+  const { isSubmitSuccessful: o } = l();
+  return o ? null : /* @__PURE__ */ t(e.ConfidentResponse, { children: [
+    /* @__PURE__ */ n(u, {}),
+    /* @__PURE__ */ t(e.Sources, { children: [
+      /* @__PURE__ */ n(e.SourcesCaption, {}),
+      /* @__PURE__ */ n(e.SourcesList, { children: (r) => r.map((i) => /* @__PURE__ */ t(e.Source, { source: i, children: [
+        /* @__PURE__ */ n(e.SourceIcon, {}),
+        /* @__PURE__ */ n(e.SourceTitle, {})
+      ] }, i.url)) })
+    ] }),
+    /* @__PURE__ */ n(e.ConfidentAnswer, {}),
+    /* @__PURE__ */ t(e.ConfidentResponseButton, { children: [
+      /* @__PURE__ */ n(e.ConfidentResponseButtonIcon, {}),
+      /* @__PURE__ */ n(e.ConfidentResponseButtonLabel, {})
+    ] })
+  ] });
+}
+function F() {
+  const { aiResponse: o } = l(), { isSubmitSuccessful: r } = l();
+  return r ? null : /* @__PURE__ */ t(e.SecondaryForm, { children: [
+    /* @__PURE__ */ n(u, {}),
+    !o.answerConfidence && /* @__PURE__ */ t(e.Sources, { children: [
+      /* @__PURE__ */ n(e.SourcesCaption, { children: "I wasn't able to find a direct answer to your question, but here's some helpful sources:" }),
+      /* @__PURE__ */ n(e.SourcesList, { children: (i) => i.map((c) => /* @__PURE__ */ t(e.Source, { source: c, children: [
+        /* @__PURE__ */ n(e.SourceIcon, {}),
+        /* @__PURE__ */ n(e.SourceTitle, {})
+      ] }, c.url)) })
+    ] }),
+    /* @__PURE__ */ n(e.SecondaryFormDescription, {}),
+    /* @__PURE__ */ n(e.SecondaryFormFields, { children: (i) => i.map((c) => /* @__PURE__ */ n(d, { field: c }, c.name)) }),
+    /* @__PURE__ */ n(e.Error, {}),
+    /* @__PURE__ */ n(e.SecondaryFormSubmit, {})
+  ] });
+}
+function d(o) {
+  const { field: r } = o;
+  return /* @__PURE__ */ t(e.Field, { field: r, children: [
+    /* @__PURE__ */ n(e.FieldLabel, {}),
+    r.inputType === "TEXT" && /* @__PURE__ */ n(e.Text, {}),
+    r.inputType === "EMAIL" && /* @__PURE__ */ n(e.Email, {}),
+    r.inputType === "FILE" && /* @__PURE__ */ n(e.File, {}),
+    r.inputType === "TEXTAREA" && /* @__PURE__ */ n(e.TextArea, {}),
+    r.inputType === "CHECKBOX" && /* @__PURE__ */ n(e.Checkbox, { children: /* @__PURE__ */ n(e.CheckboxIndicator, {}) }),
+    r.inputType === "SELECT" && /* @__PURE__ */ t(e.Select, { children: [
+      /* @__PURE__ */ t(e.SelectTrigger, { children: [
+        /* @__PURE__ */ n(e.SelectValue, {}),
+        /* @__PURE__ */ n(e.SelectIcon, {})
+      ] }),
+      /* @__PURE__ */ n(e.SelectContent, { children: /* @__PURE__ */ n(e.SelectViewport, { children: r.items.map((i) => /* @__PURE__ */ t(e.SelectItem, { value: i.value, children: [
+        /* @__PURE__ */ n(e.SelectItemText, { children: i.label }),
+        /* @__PURE__ */ n(e.SelectItemIndicator, {})
+      ] }, i.value)) }) })
+    ] }),
+    /* @__PURE__ */ n(e.FieldError, {})
+  ] }, r.name);
+}
+export {
+  T as InkeepIntelligentForm,
+  h as InkeepIntelligentFormImpl
+};

package/dist/components/modal.chat.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./embedded-chat.cjs"),a=require("./modal.cjs"),d=require("@inkeep/cxkit-styled");function c(t){const{modalSettings:n,baseSettings:i,aiChatSettings:r,...o}=t;return e.jsx(a.InkeepModal,{interactionType:d.WebWidgetInteractionType.CustomTrigger,modalSettings:n,baseSettings:i,aiChatSettings:r,children:e.jsx(s.InkeepEmbeddedChatImpl,{...o})})}exports.InkeepModalChat=c;

package/dist/components/modal.chat.d.cts

@@ -0,0 +1,6 @@
+import { InkeepModalSettings } from '@inkeep/cxkit-types';
+import { InkeepEmbeddedChatProps } from './embedded-chat';
+export interface InkeepModalChatProps extends Omit<InkeepEmbeddedChatProps, 'onToggleView'> {
+    modalSettings?: InkeepModalSettings;
+}
+export declare function InkeepModalChat(props: InkeepModalChatProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/modal.chat.d.ts

@@ -0,0 +1,6 @@
+import { InkeepModalSettings } from '@inkeep/cxkit-types';
+import { InkeepEmbeddedChatProps } from './embedded-chat';
+export interface InkeepModalChatProps extends Omit<InkeepEmbeddedChatProps, 'onToggleView'> {
+    modalSettings?: InkeepModalSettings;
+}
+export declare function InkeepModalChat(props: InkeepModalChatProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/modal.chat.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { InkeepEmbeddedChatImpl as m } from "./embedded-chat.js";
+import { InkeepModal as p } from "./modal.js";
+import { WebWidgetInteractionType as a } from "@inkeep/cxkit-styled";
+function l(t) {
+  const { modalSettings: o, baseSettings: r, aiChatSettings: i, ...n } = t;
+  return /* @__PURE__ */ e(
+    p,
+    {
+      interactionType: a.CustomTrigger,
+      modalSettings: o,
+      baseSettings: r,
+      aiChatSettings: i,
+      children: /* @__PURE__ */ e(m, { ...n })
+    }
+  );
+}
+export {
+  l as InkeepModalChat
+};

package/dist/components/modal.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("@inkeep/cxkit-styled");function c(o){const{interactionType:t,children:r,modalSettings:i,...l}=o;return e.jsx(n.Portal,{children:e.jsx(n.Shadow,{children:e.jsx(n.RootProvider,{config:{...l},interactionType:t,children:e.jsx(n.Modal.Root,{config:i,children:e.jsx(n.Modal.Overlay,{children:e.jsx(n.Modal.Content,{children:r})})})})})})}exports.InkeepModal=c;

package/dist/components/modal.d.cts

@@ -0,0 +1,21 @@
+import { InkeepModalSettings } from '@inkeep/cxkit-types';
+import { WebWidgetInteractionType, RootProviderProps } from '@inkeep/cxkit-styled';
+type RootConfig = RootProviderProps['config'];
+interface ModalConfig extends RootConfig {
+    /**
+     * The configuration for the modal.
+     */
+    modalSettings?: InkeepModalSettings;
+}
+export interface InkeepModalProps extends ModalConfig {
+    /**
+     * The content of the modal.
+     */
+    children: React.ReactNode;
+    /**
+     * The interaction type for the modal widget.
+     */
+    interactionType: (typeof WebWidgetInteractionType)[keyof typeof WebWidgetInteractionType];
+}
+export declare function InkeepModal(props: InkeepModalProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/modal.d.ts

@@ -0,0 +1,21 @@
+import { InkeepModalSettings } from '@inkeep/cxkit-types';
+import { WebWidgetInteractionType, RootProviderProps } from '@inkeep/cxkit-styled';
+type RootConfig = RootProviderProps['config'];
+interface ModalConfig extends RootConfig {
+    /**
+     * The configuration for the modal.
+     */
+    modalSettings?: InkeepModalSettings;
+}
+export interface InkeepModalProps extends ModalConfig {
+    /**
+     * The content of the modal.
+     */
+    children: React.ReactNode;
+    /**
+     * The interaction type for the modal widget.
+     */
+    interactionType: (typeof WebWidgetInteractionType)[keyof typeof WebWidgetInteractionType];
+}
+export declare function InkeepModal(props: InkeepModalProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/modal.js

@@ -0,0 +1,19 @@
+"use client";
+import { jsx as o } from "react/jsx-runtime";
+import { Portal as l, Shadow as d, RootProvider as a, Modal as e } from "@inkeep/cxkit-styled";
+function m(n) {
+  const { interactionType: r, children: t, modalSettings: i, ...c } = n;
+  return /* @__PURE__ */ o(l, { children: /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o(
+    a,
+    {
+      config: {
+        ...c
+      },
+      interactionType: r,
+      children: /* @__PURE__ */ o(e.Root, { config: i, children: /* @__PURE__ */ o(e.Overlay, { children: /* @__PURE__ */ o(e.Content, { children: t }) }) })
+    }
+  ) }) });
+}
+export {
+  m as InkeepModal
+};

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

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),s=require("./embedded-search-and-chat.cjs"),l=require("./modal.cjs"),u=require("./embedded-search-and-chat.impl.cjs"),m=require("@inkeep/cxkit-styled"),h=require("../utils.cjs");function g(e){const{modalSettings:t,...r}=e,{config:d,...n}=u.useWidgetImpl(r),o=h.composeEventHandlers(t?.onOpenChange,c=>{e.forceDefaultView&&!c&&n.setView(e.defaultView??"search")}),a={...t,onOpenChange:o};return i.jsx(l.InkeepModal,{...d,modalSettings:a,interactionType:m.WebWidgetInteractionType.CustomTrigger,children:i.jsx(s.InkeepEmbeddedSearchAndChatImpl,{...n})})}exports.InkeepModalSearchAndChat=g;

package/dist/components/modal.search-and-chat.d.cts

@@ -0,0 +1,6 @@
+import { InkeepModalSettings } from '@inkeep/cxkit-types';
+import { InkeepEmbeddedSearchAndChatProps } from './embedded-search-and-chat';
+export interface InkeepModalSearchAndChatProps extends InkeepEmbeddedSearchAndChatProps {
+    modalSettings?: InkeepModalSettings;
+}
+export declare function InkeepModalSearchAndChat(props: InkeepModalSearchAndChatProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/modal.search-and-chat.d.ts

@@ -0,0 +1,6 @@
+import { InkeepModalSettings } from '@inkeep/cxkit-types';
+import { InkeepEmbeddedSearchAndChatProps } from './embedded-search-and-chat';
+export interface InkeepModalSearchAndChatProps extends InkeepEmbeddedSearchAndChatProps {
+    modalSettings?: InkeepModalSettings;
+}
+export declare function InkeepModalSearchAndChat(props: InkeepModalSearchAndChatProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/modal.search-and-chat.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx as o } from "react/jsx-runtime";
+import { InkeepEmbeddedSearchAndChatImpl as d } from "./embedded-search-and-chat.js";
+import { InkeepModal as p } from "./modal.js";
+import { useWidgetImpl as s } from "./embedded-search-and-chat.impl.js";
+import { WebWidgetInteractionType as l } from "@inkeep/cxkit-styled";
+import { composeEventHandlers as f } from "../utils.js";
+function k(e) {
+  const { modalSettings: t, ...i } = e, { config: r, ...n } = s(i), m = f(t?.onOpenChange, (c) => {
+    e.forceDefaultView && !c && n.setView(e.defaultView ?? "search");
+  }), a = {
+    ...t,
+    onOpenChange: m
+  };
+  return /* @__PURE__ */ o(
+    p,
+    {
+      ...r,
+      modalSettings: a,
+      interactionType: l.CustomTrigger,
+      children: /* @__PURE__ */ o(d, { ...n })
+    }
+  );
+}
+export {
+  k as InkeepModalSearchAndChat
+};

package/dist/components/modal.search.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./embedded-search.cjs"),c=require("./modal.cjs"),d=require("@inkeep/cxkit-styled");function u(t){const{modalSettings:r,baseSettings:n,searchSettings:o,...i}=t;return e.jsx(c.InkeepModal,{interactionType:d.WebWidgetInteractionType.CustomTrigger,modalSettings:r,baseSettings:n,searchSettings:o,children:e.jsx(s.InkeepEmbeddedSearchImpl,{shouldAutoFocusInput:!0,...i})})}exports.InkeepModalSearch=u;

package/dist/components/modal.search.d.cts

@@ -0,0 +1,6 @@
+import { InkeepModalSettings } from '@inkeep/cxkit-types';
+import { InkeepEmbeddedSearchProps } from './embedded-search';
+export interface InkeepModalSearchProps extends Omit<InkeepEmbeddedSearchProps, 'onToggleView'> {
+    modalSettings?: InkeepModalSettings;
+}
+export declare function InkeepModalSearch(props: InkeepModalSearchProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/modal.search.d.ts

@@ -0,0 +1,6 @@
+import { InkeepModalSettings } from '@inkeep/cxkit-types';
+import { InkeepEmbeddedSearchProps } from './embedded-search';
+export interface InkeepModalSearchProps extends Omit<InkeepEmbeddedSearchProps, 'onToggleView'> {
+    modalSettings?: InkeepModalSettings;
+}
+export declare function InkeepModalSearch(props: InkeepModalSearchProps): import("react/jsx-runtime").JSX.Element;