@inkeep/cxkit-primitives 0.5.6 → 0.5.9

package/dist/components/embedded-search/use-inkeep-search.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),W=require("../../providers/config-provider.cjs"),G=require("../../hooks/use-media-query.cjs"),J=require("./search-query.graphql.cjs"),V=require("./transform-results.cjs"),X=require("../../providers/search-events-provider.cjs"),Y=require("../../hooks/use-instant-update.cjs"),Z=require("../../utils/graphql-client.cjs"),ee=()=>{const{baseSettings:_,searchSettings:j}=W.useInkeepConfig(),{apiKey:p,aiApiBaseUrl:L,userAuthToken:l}=_,{maxResults:S,placeholder:Q,defaultQuery:N,debounceTimeMs:R,onQueryChange:O,searchFunctionsRef:x}=j,{logEvent:q}=X.useSearchEvents(),[c,C]=t.useState(N),T=t.useRef(null),[k,v]=t.useState(!1),[H,i]=t.useState(null),[B,a]=t.useState("NONE"),F=t.useCallback(e=>{a(e)},[]),[h,d]=t.useState([]),s=V.useTransformResults(h,c),[f,E]=t.useState("All"),{disableTransition:M,disabled:$}=Y.useInstantUpdate(),z=t.useCallback(e=>{M(),E(e),a(s[e][0].id)},[s,M]);t.useEffect(()=>{let e=f in s?f:Object.keys(s)[0];if(!s[e]?.length){const n=Object.keys(s).find(u=>s[u]?.length);n?e=n:e="All"}if(!e)return;E(e);const r=s[e]?.[0];r&&a(r.id)},[s]);const y=G.useMediaQuery("(max-width: 768px)"),o=t.useRef({}),b=t.useRef(null),m=t.useRef(null);t.useImperativeHandle(x,()=>({updateQuery(e){C(e)},focusInput:()=>{T.current?.focus()}}));const w=`${L}/graphql`,A=t.useMemo(()=>({Authorization:`Bearer ${p}`,"Content-Type":"application/json",...l?{"User-Token":l}:{}}),[p,l]),I=t.useCallback(async e=>{b.current&&b.current.abort();const r=new AbortController;b.current=r;try{v(!0),i(null);const u=(await Z.graphqlRequest(w,J.default,{searchInput:e},A))?.search.searchHits;o.current[e.searchQuery]=u,d(u)}catch(n){if(n.name==="AbortError")return;i("Failed to fetch search results. Please try again.")}v(!1)},[w,A]),P=t.useCallback(e=>{const r=o.current[e.searchQuery];q({eventName:"search_query_response_received",properties:{searchQuery:e.searchQuery,totalHits:r?.length}})},[]),U=t.useCallback(e=>{if(m.current&&window.clearTimeout(m.current),!e.searchQuery){d([]),i(null);return}m.current=window.setTimeout(()=>{q({eventName:"search_query_submitted",properties:{searchQuery:e.searchQuery}}),o.current[e.searchQuery]?(d(o.current[e.searchQuery]),P(e)):I(e).then(()=>{P(e)})},R)},[R,I]),g=t.useMemo(()=>({searchQuery:c,filters:{limit:S}}),[c,S]);t.useEffect(()=>{O?.(g.searchQuery),U(g)},[U,g]);const D=t.useCallback(e=>C(e.target.value),[]),K=t.useMemo(()=>Q||(y?"Search...":"Search for anything..."),[Q,y]);return{results:s,resultsList:h,hasContent:h.length>0||k,loading:k,error:H,query:c,onInput:D,placeholder:K,tab:f,onTabChange:z,selectedItem:B,setSelectedItem:a,onSelectedItemChange:F,transitionsDisabled:$,inputRef:T,isMobile:y}};exports.useInkeepSearch=ee;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),W=require("../../providers/config-provider.cjs"),G=require("../../hooks/use-media-query.cjs"),J=require("./search-query.graphql.cjs"),V=require("./transform-results.cjs"),X=require("../../providers/search-events-provider.cjs"),Y=require("../../hooks/use-instant-update.cjs"),Z=require("../../utils/graphql-client.cjs"),ee=()=>{const{baseSettings:_,searchSettings:j}=W.useInkeepConfig(),{apiKey:p,aiApiBaseUrl:L,userAuthToken:l}=_,{maxResults:R,placeholder:S,defaultQuery:N,debounceTimeMs:Q,onQueryChange:O,searchFunctionsRef:x}=j,{logEvent:q}=X.useSearchEvents(),[c,C]=t.useState(N),T=t.useRef(null),[k,v]=t.useState(!1),[B,i]=t.useState(null),[F,a]=t.useState("NONE"),H=t.useCallback(e=>{a(e)},[]),[h,d]=t.useState([]),s=V.useTransformResults(h,c),[f,E]=t.useState("All"),{disableTransition:M,disabled:$}=Y.useInstantUpdate(),z=t.useCallback(e=>{M(),E(e),a(s[e][0].id)},[s,M]);t.useEffect(()=>{let e=f in s?f:Object.keys(s)[0];if(!s[e]?.length){const n=Object.keys(s).find(u=>s[u]?.length);n?e=n:e="All"}if(!e)return;E(e);const r=s[e]?.[0];r&&a(r.id)},[s]);const y=G.useMediaQuery("(max-width: 768px)"),o=t.useRef({}),b=t.useRef(null),m=t.useRef(null);t.useImperativeHandle(x,()=>({updateQuery(e){C(e)},focusInput:()=>{T.current?.focus()}}));const w=`${L}/graphql`,A=t.useMemo(()=>({Authorization:`Bearer ${p}`,"Content-Type":"application/json",...l?{"User-Token":l}:{}}),[p,l]),I=t.useCallback(async e=>{b.current&&b.current.abort();const r=new AbortController;b.current=r;try{v(!0),i(null);const u=(await Z.graphqlRequest(w,J.default,{searchInput:e},A))?.search.searchHits;o.current[e.searchQuery]=u,d(u)}catch(n){if(n.name==="AbortError")return;i("Failed to fetch search results. Please try again.")}v(!1)},[w,A]),P=t.useCallback(e=>{const r=o.current[e.searchQuery];q({eventName:"search_query_response_received",properties:{searchQuery:e.searchQuery,totalResults:r?.length}})},[]),U=t.useCallback(e=>{if(m.current&&window.clearTimeout(m.current),!e.searchQuery){d([]),i(null);return}m.current=window.setTimeout(()=>{q({eventName:"search_query_submitted",properties:{searchQuery:e.searchQuery}}),o.current[e.searchQuery]?(d(o.current[e.searchQuery]),P(e)):I(e).then(()=>{P(e)})},Q)},[Q,I]),g=t.useMemo(()=>({searchQuery:c,filters:{limit:R}}),[c,R]);t.useEffect(()=>{O?.(g.searchQuery),U(g)},[U,g]);const D=t.useCallback(e=>C(e.target.value),[]),K=t.useMemo(()=>S||(y?"Search...":"Search for anything..."),[S,y]);return{results:s,resultsList:h,hasContent:h.length>0||k,loading:k,error:B,query:c,onInput:D,placeholder:K,tab:f,onTabChange:z,selectedItem:F,setSelectedItem:a,onSelectedItemChange:H,transitionsDisabled:$,inputRef:T,isMobile:y}};exports.useInkeepSearch=ee;

package/dist/components/embedded-search/use-inkeep-search.js

@@ -1,5 +1,5 @@
 "use client";
-import { useState as s, useRef as l, useCallback as n, useEffect as j, useImperativeHandle as X, useMemo as T } from "react";
+import { useState as s, useRef as l, useCallback as n, useEffect as j, useImperativeHandle as X, useMemo as R } from "react";
 import { useInkeepConfig as Y } from "../../providers/config-provider.js";
 import { useMediaQuery as Z } from "../../hooks/use-media-query.js";
 import ee from "./search-query.graphql.js";
@@ -8,14 +8,14 @@ import { useSearchEvents as re } from "../../providers/search-events-provider.js
 import { useInstantUpdate as se } from "../../hooks/use-instant-update.js";
 import { graphqlRequest as ne } from "../../utils/graphql-client.js";
 const me = () => {
-  const { baseSettings: H, searchSettings: O } = Y(), { apiKey: R, aiApiBaseUrl: B, userAuthToken: h } = H, {
+  const { baseSettings: O, searchSettings: B } = Y(), { apiKey: T, aiApiBaseUrl: F, userAuthToken: h } = O, {
     maxResults: S,
     placeholder: C,
-    defaultQuery: F,
+    defaultQuery: H,
     debounceTimeMs: k,
     onQueryChange: P,
     searchFunctionsRef: $
-  } = O, { logEvent: v } = re(), [c, w] = s(F), A = l(null), [q, E] = s(!1), [z, f] = s(null), [D, a] = s("NONE"), K = n((e) => {
+  } = B, { logEvent: v } = re(), [c, w] = s(H), A = l(null), [q, E] = s(!1), [z, f] = s(null), [D, a] = s("NONE"), K = n((e) => {
     a(e);
   }, []), [m, d] = s([]), t = te(m, c), [p, _] = s("All"), { disableTransition: x, disabled: W } = se(), G = n(
     (e) => {
@@ -43,13 +43,13 @@ const me = () => {
       A.current?.focus();
     }
   }));
-  const I = `${B}/graphql`, L = T(
+  const I = `${F}/graphql`, L = R(
     () => ({
-      Authorization: `Bearer ${R}`,
+      Authorization: `Bearer ${T}`,
       "Content-Type": "application/json",
       ...h ? { "User-Token": h } : {}
     }),
-    [R, h]
+    [T, h]
   ), M = n(
     async (e) => {
       b.current && b.current.abort();
@@ -73,7 +73,7 @@ const me = () => {
       eventName: "search_query_response_received",
       properties: {
         searchQuery: e.searchQuery,
-        totalHits: r?.length
+        totalResults: r?.length
       }
     });
   }, []), U = n(
@@ -94,7 +94,7 @@ const me = () => {
       }, k);
     },
     [k, M]
-  ), Q = T(
+  ), Q = R(
     () => ({
       searchQuery: c,
       filters: {
@@ -109,7 +109,7 @@ const me = () => {
   const J = n(
     (e) => w(e.target.value),
     []
-  ), V = T(
+  ), V = R(
     () => C || (y ? "Search..." : "Search for anything..."),
     [C, y]
   );

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

@@ -66,14 +66,14 @@ declare const PrimitiveInput: ForwardRefExoticComponent< PolymorphicProps & Omit
     ref?: React.Ref<HTMLInputElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof InputHTMLAttributes<HTMLInputElement>>, "type" | "value" | "onChange"> & {
+}, "key" | "asChild" | keyof InputHTMLAttributes<HTMLInputElement>>, "value" | "type" | "onChange"> & {
     value?: string;
     onValueChange?: (search: string) => void;
 } & RefAttributes<HTMLInputElement>, "_id"> & Partial<Pick<Omit<Pick<Pick< DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof InputHTMLAttributes<HTMLInputElement>> & {
     ref?: React.Ref<HTMLInputElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof InputHTMLAttributes<HTMLInputElement>>, "type" | "value" | "onChange"> & {
+}, "key" | "asChild" | keyof InputHTMLAttributes<HTMLInputElement>>, "value" | "type" | "onChange"> & {
     value?: string;
     onValueChange?: (search: string) => void;
 } & RefAttributes<HTMLInputElement>, "_id">>>;

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

@@ -66,14 +66,14 @@ declare const PrimitiveInput: ForwardRefExoticComponent< PolymorphicProps & Omit
     ref?: React.Ref<HTMLInputElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof InputHTMLAttributes<HTMLInputElement>>, "type" | "value" | "onChange"> & {
+}, "key" | "asChild" | keyof InputHTMLAttributes<HTMLInputElement>>, "value" | "type" | "onChange"> & {
     value?: string;
     onValueChange?: (search: string) => void;
 } & RefAttributes<HTMLInputElement>, "_id"> & Partial<Pick<Omit<Pick<Pick< DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof InputHTMLAttributes<HTMLInputElement>> & {
     ref?: React.Ref<HTMLInputElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof InputHTMLAttributes<HTMLInputElement>>, "type" | "value" | "onChange"> & {
+}, "key" | "asChild" | keyof InputHTMLAttributes<HTMLInputElement>>, "value" | "type" | "onChange"> & {
     value?: string;
     onValueChange?: (search: string) => void;
 } & RefAttributes<HTMLInputElement>, "_id">>>;

package/dist/components/embedded-search.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as a } from "react/jsx-runtime";
 import { Command as h } from "cmdk";
-import { ikp as i } from "./factory.js";
+import { ikp as s } from "./factory.js";
 import { dataAttr as u, maybeRender as b } from "../utils/misc.js";
 import { forwardRef as v, useEffect as P, useState as B, useRef as x, useMemo as N } from "react";
 import { useSearch as c } from "./embedded-search/search-provider.js";
@@ -19,50 +19,50 @@ import { BuiltInIconRenderer as L } from "../atoms/icons/built-in-icon-renderer.
 import { highlightEmphasis as O } from "../utils/highlight-emphasis.js";
 import { useScrollingFades as W } from "../hooks/use-scrolling-fades.js";
 import { useColorModeValue as q } from "@inkeep/cxkit-color-mode";
-import H from "../atoms/avatars/ai.js";
+import K from "../atoms/avatars/ai.js";
 import { useModal as y } from "./modal/modal-provider.js";
 import { useComposedRefs as f } from "../utils/compose-refs.js";
 import { composeEventHandlers as g } from "../utils/compose-event-handlers.js";
-const K = i("div", {
+const G = s("div", {
   _id: "aiSearchWrapper"
 }), Ne = (t) => {
-  const { isHidden: e, hasContent: r, isMobile: s } = c(), n = y();
+  const { isHidden: e, hasContent: r, isMobile: i } = c(), n = y();
   return /* @__PURE__ */ a(
-    K,
+    G,
     {
       "data-hidden": u(e),
       "data-has-content": u(r),
       "data-in-modal": u(!!n),
-      "data-mobile": u(s),
+      "data-mobile": u(i),
       ...t
     }
   );
-}, G = i(h, {
+}, H = s(h, {
   _id: "aiSearchRoot"
 }), De = (t) => {
-  const { isHidden: e, selectedItem: r, onSelectedItemChange: s } = c();
+  const { isHidden: e, selectedItem: r, onSelectedItemChange: i } = c();
   return /* @__PURE__ */ a(
-    G,
+    H,
     {
       "data-hidden": u(e),
       shouldFilter: !1,
       loop: !1,
       value: r,
-      onValueChange: s,
+      onValueChange: i,
       ...t
     }
   );
-}, Fe = i(h.List, {
+}, Fe = s(h.List, {
   _id: "aiSearchContent"
-}), Ve = i("div", {
+}), Ve = s("div", {
   _id: "aiSearchInputGroup"
-}), Ue = i(I, {
+}), Ue = s(I, {
   _id: "aiSearchInputIcon",
   iconKey: "search"
-}), j = i(h.Input, {
+}), j = s(h.Input, {
   _id: "aiSearchInput"
 }), Me = v(({ onInput: t, ...e }, r) => {
-  const { query: s, onInput: n, placeholder: o, inputRef: l, shouldAutoFocusInput: d } = c(), S = f(r, l), R = y();
+  const { query: i, onInput: n, placeholder: o, inputRef: l, shouldAutoFocusInput: d } = c(), S = f(r, l), R = y();
   return P(() => {
     requestAnimationFrame(() => {
       d && l?.current && (l.current.focus(), l.current.selectionStart = l.current.value.length);
@@ -73,13 +73,13 @@ const K = i("div", {
       asChild: !0,
       ref: S,
       placeholder: o,
-      value: s,
+      value: i,
       onInput: g(t, n),
       ...e,
       children: /* @__PURE__ */ a(F, { minRows: 1, maxLength: 1e3 })
     }
   );
-}), Q = i(L, {
+}), Q = s(L, {
   _id: "aiSearchLoading",
   iconSettings: {
     builtIn: "LuLoaderCircle"
@@ -87,16 +87,16 @@ const K = i("div", {
 }), Oe = (t) => {
   const { loading: e, resultsList: r } = c();
   return !e || r.length === 0 ? null : /* @__PURE__ */ a(Q, { ...t });
-}, $ = i(h.Item, {
+}, $ = s(h.Item, {
   _id: "aiAskAITrigger",
   value: "__ask_ai__"
 }), We = (t) => {
-  const { setSelectedItem: e, results: r, tab: s } = c(), n = r[s]?.[0]?.id ?? "NONE";
+  const { setSelectedItem: e, results: r, tab: i } = c(), n = r[i]?.[0]?.id ?? "NONE";
   return /* @__PURE__ */ a($, { ...t, onPointerLeave: () => e(n) });
-}, z = i("img", {
+}, z = s("img", {
   _id: "aiAskAITrigger__Icon"
 }), qe = (t) => {
-  const { aiChatSettings: e } = T(), { aiAssistantAvatar: r } = e ?? {}, s = typeof r == "string" ? r : r?.light, n = (typeof r == "string" ? r : r?.dark) ?? s, o = q(s, n), [l, d] = B(o);
+  const { aiChatSettings: e } = T(), { aiAssistantAvatar: r } = e ?? {}, i = typeof r == "string" ? r : r?.light, n = (typeof r == "string" ? r : r?.dark) ?? i, o = q(i, n), [l, d] = B(o);
   return P(() => {
     d(o);
   }, [o]), /* @__PURE__ */ a(z, { asChild: !0, ...t, children: l ? (
@@ -113,60 +113,60 @@ const K = i("div", {
         ...t
       }
     )
-  ) : /* @__PURE__ */ a(H, { "data-type": "icon", ...t }) });
-}, He = i("span", {
+  ) : /* @__PURE__ */ a(K, { "data-type": "icon", ...t }) });
+}, Ke = s("span", {
   _id: "aiAskAITrigger__Label"
-}), Ke = i(I, {
+}), Ge = s(I, {
   _id: "aiAskAITrigger__Indicator",
   iconKey: "openLinkInSameTab"
-}), J = i(_.Root, {
+}), J = s(_.Root, {
   _id: "aiSearchResults"
-}), Ge = (t) => {
-  const { tab: e, onTabChange: r, hasContent: s } = c();
+}), He = (t) => {
+  const { tab: e, onTabChange: r, hasContent: i } = c();
   return /* @__PURE__ */ a(
     J,
     {
       value: e,
       onValueChange: r,
-      "data-has-content": u(s),
+      "data-has-content": u(i),
       ...t
     }
   );
-}, X = i("div", {
+}, X = s("div", {
   _id: "aiSearchResults__Loading"
 }), je = (t) => {
   const { loading: e, resultsList: r } = c();
   return !e || r.length > 0 ? null : /* @__PURE__ */ a(X, { ...t });
-}, Y = i(h.Empty, {
+}, Y = s(h.Empty, {
   _id: "aiSearchResults__Empty"
 }), Qe = (t) => {
-  const { query: e, loading: r, results: s, tab: n } = c(), o = s[n]?.length;
+  const { query: e, loading: r, results: i, tab: n } = c(), o = i[n]?.length;
   return r || !e || o ? null : /* @__PURE__ */ a(Y, { children: "No results found.", ...t });
-}, Z = i(_.List, {
+}, Z = s(_.List, {
   _id: "aiSearchResults__TabList"
 }), $e = (t) => {
   const { children: e, ...r } = t, {
-    searchSettings: { tabs: s }
+    searchSettings: { tabs: i }
   } = T(), { results: n, loading: o, resultsList: l } = c();
   if (o && l.length === 0) return null;
   const d = Object.keys(n);
-  return !s.length || !d.length ? null : /* @__PURE__ */ a(Z, { children: b(e, d), ...r });
-}, ee = i(_.Trigger, {
+  return !i.length || !d.length ? null : /* @__PURE__ */ a(Z, { children: b(e, d), ...r });
+}, ee = s(_.Trigger, {
   _id: "aiSearchResults__Tab"
 }), ze = (t) => {
-  const { tab: e, ...r } = t, { results: s } = c(), n = s[e].length;
+  const { tab: e, ...r } = t, { results: i } = c(), n = i[e].length;
   return /* @__PURE__ */ a(ee, { value: e, children: `${e} (${n})`, ...r });
-}, te = i(p.Root, {
+}, te = s(p.Root, {
   _id: "aiSearchResults__ScrollArea"
 }), Je = (t) => {
   const { loading: e, resultsList: r } = c();
   return e && r.length === 0 ? null : /* @__PURE__ */ a(te, { ...t });
-}, re = i(p.Viewport, {
+}, re = s(p.Viewport, {
   _id: "aiSearchResults__ScrollAreaViewport"
 }), Xe = v(({ children: t, ...e }, r) => {
-  const s = W(), n = f(r, s), { tab: o } = c();
+  const i = W(), n = f(r, i), { tab: o } = c();
   return P(() => {
-    o && s.current?.scrollTo({ top: 0, behavior: "auto" });
+    o && i.current?.scrollTo({ top: 0, behavior: "auto" });
   }, [o]), /* @__PURE__ */ a(
     re,
     {
@@ -178,21 +178,21 @@ const K = i("div", {
       ...e
     }
   );
-}), Ye = i(
+}), Ye = s(
   p.ScrollAreaScrollbar,
   {
     _id: "aiSearchResults__ScrollAreaScrollbar"
   }
-), Ze = i(p.ScrollAreaThumb, {
+), Ze = s(p.ScrollAreaThumb, {
   _id: "aiSearchResults__ScrollAreaThumb"
-}), et = i(p.Corner, {
+}), et = s(p.Corner, {
   _id: "aiSearchResults__ScrollAreaCorner"
-}), ie = i(_.Content, {
+}), se = s(_.Content, {
   _id: "aiSearchResults__List"
 }), tt = (t) => {
-  const { children: e, ...r } = t, { results: s, tab: n } = c(), o = s[n] ?? [];
+  const { children: e, ...r } = t, { results: i, tab: n } = c(), o = i[n] ?? [];
   return /* @__PURE__ */ a(
-    ie,
+    se,
     {
       value: n,
       "data-has-results": u(o.length > 0),
@@ -201,10 +201,10 @@ const K = i("div", {
       ...r
     }
   );
-}, se = i(h.Item, {
+}, ie = s(h.Item, {
   _id: "aiSearchResults__Item",
   asChild: !0
-}), rt = v(({ item: t, onClick: e, onSelect: r, children: s, ...n }, o) => {
+}), rt = v(({ item: t, onClick: e, onSelect: r, children: i, ...n }, o) => {
   const {
     searchSettings: { shouldOpenLinksInNewTab: l }
   } = T(), { logEvent: d } = V(), { query: S, transitionsDisabled: R } = c(), A = x(null), k = f(o, A), C = () => {
@@ -220,7 +220,7 @@ const K = i("div", {
     });
   }, E = l || !!t.shouldOpenInNewTab;
   return /* @__PURE__ */ a(M, { source: { ...t, isExternal: E }, children: /* @__PURE__ */ a(
-    se,
+    ie,
     {
       ref: k,
       value: t.id,
@@ -236,62 +236,62 @@ const K = i("div", {
           href: t.url,
           isExternal: E,
           appendToUrl: t.appendToUrl,
-          children: s
+          children: i
         }
       )
     }
   ) });
-}), ae = i("div", {
+}), ae = s("div", {
   _id: "aiSearchResults__ItemBreadcrumbs"
-}), it = (t) => {
+}), st = (t) => {
   const { source: e } = m(), { tab: r } = c();
   if (!e.breadcrumbs?.length) return null;
-  const { children: s, ...n } = t, l = e.tabs?.find((d) => typeof d != "string" && d[0] === r)?.[1]?.breadcrumbs ?? e.breadcrumbs ?? [];
-  return /* @__PURE__ */ a(ae, { children: b(s, l), ...n });
-}, st = i(I, {
+  const { children: i, ...n } = t, l = e.tabs?.find((d) => typeof d != "string" && d[0] === r)?.[1]?.breadcrumbs ?? e.breadcrumbs ?? [];
+  return /* @__PURE__ */ a(ae, { children: b(i, l), ...n });
+}, it = s(I, {
   _id: "aiSearchResults__ItemBreadcrumbIcon",
   iconKey: "breadcrumbSeparator"
-}), ne = i(L, {
+}), ne = s(L, {
   _id: "aiSearchResults__ItemIcon"
 }), at = (t) => {
   const { source: e } = m();
   return /* @__PURE__ */ a(ne, { iconSettings: e.icon, "data-type": e.type, ...t });
-}, oe = i("span", {
+}, oe = s("span", {
   _id: "aiSearchResults__ItemTitle"
 }), nt = (t) => {
   const { source: e } = m();
   return /* @__PURE__ */ a(oe, { "data-type": e.type, children: e.title, ...t });
-}, ce = i("span", {
+}, ce = s("span", {
   _id: "aiSearchResults__ItemTag"
 }), ot = (t) => {
   const { source: e } = m();
   return /* @__PURE__ */ a(ce, { "data-type": e.type, children: e.tag, ...t });
-}, le = i("span", {
+}, le = s("span", {
   _id: "aiSearchResults__ItemDescription"
 }), ct = (t) => {
-  const { source: e } = m(), { children: r, ...s } = t, n = N(() => e.description ? O(e.description) : [], [e.description]);
+  const { source: e } = m(), { children: r, ...i } = t, n = N(() => e.description ? O(e.description) : [], [e.description]);
   return n.length ? /* @__PURE__ */ a(
     le,
     {
       "data-type": e.type,
       children: b(r, n),
-      ...s
+      ...i
     }
   ) : null;
-}, de = i("span", {
+}, de = s("span", {
   _id: "aiSearchResults__ItemDescriptionPart"
 }), lt = (t) => {
-  const { part: e, ...r } = t, { source: s } = m();
+  const { part: e, ...r } = t, { source: i } = m();
   return typeof e == "string" ? e : /* @__PURE__ */ a(
     de,
     {
-      "data-type": s.type,
+      "data-type": i.type,
       children: e.content,
       "data-highlighted": u(e.highlighted),
       ...r
     }
   );
-}, ue = i(I, {
+}, ue = s(I, {
   _id: "aiSearchResults__ItemIndicator"
 }), dt = (t) => {
   const { source: e } = m();
@@ -302,19 +302,19 @@ const K = i("div", {
       ...t
     }
   );
-}, me = i("div", {
+}, me = s("div", {
   _id: "aiSearchFooter"
 }), ut = (t) => {
   const { resultsList: e } = c();
   return /* @__PURE__ */ a(me, { "data-has-results": u(e.length > 0), ...t });
-}, mt = i("div", {
+}, mt = s("div", {
   _id: "aiSearchTagline__Container"
-}), ht = i("span", {
+}), ht = s("span", {
   _id: "aiSearchTagline__Text",
   children: "Powered by"
-}), pt = i(D, {
+}), pt = s(D, {
   _id: "aiSearchTagline__Logo"
-}), St = i("a", {
+}), St = s("a", {
   _id: "aiSearchTagline__BrandName",
   children: "inkeep",
   href: "https://www.inkeep.com/",
@@ -324,23 +324,23 @@ const K = i("div", {
 export {
   We as AskAITrigger,
   qe as AskAITriggerIcon,
-  Ke as AskAITriggerIndicator,
-  He as AskAITriggerLabel,
+  Ge as AskAITriggerIndicator,
+  Ke as AskAITriggerLabel,
   Fe as Content,
   Ue as EmbeddedSearchInputIcon,
   We as EmbeddedSearchPrimitiveAskAITrigger,
   qe as EmbeddedSearchPrimitiveAskAITriggerIcon,
-  Ke as EmbeddedSearchPrimitiveAskAITriggerIndicator,
-  He as EmbeddedSearchPrimitiveAskAITriggerLabel,
+  Ge as EmbeddedSearchPrimitiveAskAITriggerIndicator,
+  Ke as EmbeddedSearchPrimitiveAskAITriggerLabel,
   Fe as EmbeddedSearchPrimitiveContent,
   ut as EmbeddedSearchPrimitiveFooter,
   Me as EmbeddedSearchPrimitiveInput,
   Ve as EmbeddedSearchPrimitiveInputGroup,
   Oe as EmbeddedSearchPrimitiveLoading,
-  Ge as EmbeddedSearchPrimitiveResults,
+  He as EmbeddedSearchPrimitiveResults,
   Qe as EmbeddedSearchPrimitiveResultsEmpty,
   rt as EmbeddedSearchPrimitiveResultsItem,
-  it as EmbeddedSearchPrimitiveResultsItemBreadcrumbs,
+  st as EmbeddedSearchPrimitiveResultsItemBreadcrumbs,
   ct as EmbeddedSearchPrimitiveResultsItemDescription,
   lt as EmbeddedSearchPrimitiveResultsItemDescriptionPart,
   at as EmbeddedSearchPrimitiveResultsItemIcon,
@@ -361,11 +361,11 @@ export {
   Ue as InputIcon,
   Oe as Loading,
   It as Provider,
-  Ge as Results,
+  He as Results,
   Qe as ResultsEmpty,
   rt as ResultsItem,
-  st as ResultsItemBreadcrumbIcon,
-  it as ResultsItemBreadcrumbs,
+  it as ResultsItemBreadcrumbIcon,
+  st as ResultsItemBreadcrumbs,
   ct as ResultsItemDescription,
   lt as ResultsItemDescriptionPart,
   at as ResultsItemIcon,

package/dist/components/intelligent-form/intelligent-form-provider.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("react"),s=require("./use-inkeep-intelligent-form.cjs"),u=require("../../providers/conversation-provider.cjs"),c=require("../../providers/chat-events-provider.cjs"),n=r.createContext(void 0),o=({children:e,formConfig:i})=>{const l=s.useInkeepIntelligentForm({formConfig:i});return t.jsx(n.Provider,{value:l,children:e})},m=e=>t.jsx(u.InkeepConversationProvider,{children:t.jsx(c.ChatEventsProviderWithBase,{children:t.jsx(o,{...e})})}),v=()=>{const e=r.useContext(n);if(!e)throw new Error("useIntelligentForm must be used within a IntelligentFormProvider");return e};exports.IntelligentFormProvider=m;exports.IntelligentFormProviderImpl=o;exports.useIntelligentForm=v;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("react"),s=require("./use-inkeep-intelligent-form.cjs"),u=require("../../providers/conversation-provider.cjs"),c=require("../../providers/chat-events-provider.cjs"),n=r.createContext(void 0),o=({children:e,formSettings:i})=>{const l=s.useInkeepIntelligentForm({formSettings:i});return t.jsx(n.Provider,{value:l,children:e})},m=e=>t.jsx(u.InkeepConversationProvider,{children:t.jsx(c.ChatEventsProviderWithBase,{children:t.jsx(o,{...e})})}),v=()=>{const e=r.useContext(n);if(!e)throw new Error("useIntelligentForm must be used within a IntelligentFormProvider");return e};exports.IntelligentFormProvider=m;exports.IntelligentFormProviderImpl=o;exports.useIntelligentForm=v;

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

@@ -1,16 +1,16 @@
 import { useInkeepIntelligentForm, AIResponse } from './use-inkeep-intelligent-form';
-import { IntelligentFormConfig } from '@inkeep/cxkit-types';
+import { IntelligentFormSettings } from '@inkeep/cxkit-types';
 import { Control, FieldErrors, Message } from 'react-hook-form';
 import { Dispatch, SetStateAction } from 'react';
 export type IntelligentFormContextValue = ReturnType<typeof useInkeepIntelligentForm>;
 export interface IntelligentFormProviderProps {
     children: React.ReactNode;
-    formConfig: IntelligentFormConfig;
+    formSettings: IntelligentFormSettings;
 }
 export declare const IntelligentFormProviderImpl: React.FC<IntelligentFormProviderProps>;
 export declare const IntelligentFormProvider: React.FC<IntelligentFormProviderProps>;
 export declare const useIntelligentForm: () => {
-    formConfig: IntelligentFormConfig;
+    formSettings: IntelligentFormSettings;
     control: Control<Record<string, any>, any>;
     errors: FieldErrors<Record<string, any>>;
     isSubmitSuccessful: boolean;

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

@@ -1,16 +1,16 @@
 import { useInkeepIntelligentForm, AIResponse } from './use-inkeep-intelligent-form';
-import { IntelligentFormConfig } from '@inkeep/cxkit-types';
+import { IntelligentFormSettings } from '@inkeep/cxkit-types';
 import { Control, FieldErrors, Message } from 'react-hook-form';
 import { Dispatch, SetStateAction } from 'react';
 export type IntelligentFormContextValue = ReturnType<typeof useInkeepIntelligentForm>;
 export interface IntelligentFormProviderProps {
     children: React.ReactNode;
-    formConfig: IntelligentFormConfig;
+    formSettings: IntelligentFormSettings;
 }
 export declare const IntelligentFormProviderImpl: React.FC<IntelligentFormProviderProps>;
 export declare const IntelligentFormProvider: React.FC<IntelligentFormProviderProps>;
 export declare const useIntelligentForm: () => {
-    formConfig: IntelligentFormConfig;
+    formSettings: IntelligentFormSettings;
     control: Control<Record<string, any>, any>;
     errors: FieldErrors<Record<string, any>>;
     isSubmitSuccessful: boolean;

package/dist/components/intelligent-form/intelligent-form-provider.js

@@ -6,9 +6,9 @@ import { InkeepConversationProvider as s } from "../../providers/conversation-pr
 import { ChatEventsProviderWithBase as c } from "../../providers/chat-events-provider.js";
 const r = i(void 0), u = ({
   children: e,
-  formConfig: o
+  formSettings: o
 }) => {
-  const n = m({ formConfig: o });
+  const n = m({ formSettings: o });
   return /* @__PURE__ */ t(r.Provider, { value: n, children: e });
 }, F = (e) => /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t(u, { ...e }) }) }), a = () => {
   const e = l(r);

package/dist/components/intelligent-form/use-inkeep-intelligent-form.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const D=require("openai"),t=require("react"),J=require("react-hook-form"),W=require("../../utils/form.cjs"),X=require("./actions/qa-model-response.cjs"),z=require("./actions/context-model-response.cjs"),Y=require("../../providers/config-provider.cjs"),Z=require("../../providers/conversation-provider.cjs"),ee=require("../../providers/chat-events-provider.cjs"),se=require("./actions/qa-model-messages.cjs"),re=require("../embedded-chat/use-captcha.cjs"),ne="root.serverError",q=async(g,r)=>{if(r)return;const i=await re.fetchAndSolveChallenge(`${g}/v1/challenge`);if(i)return{"X-INKEEP-CHALLENGE-SOLUTION":btoa(JSON.stringify(i))}},oe=g=>{const{formConfig:r}=g,{baseSettings:i}=Y.useInkeepConfig(),{conversation:n}=Z.useInkeepConversation(),{logEvent:a}=ee.useChatEvents(),{aiApiBaseUrl:d,shouldBypassCaptcha:v}=i,y=t.useMemo(()=>new D({baseURL:`${d}/v1`,apiKey:i.apiKey,dangerouslyAllowBrowser:!0}),[i.apiKey,d]),[R,S]=t.useState(!1),[M,V]=t.useState(!1),[A,p]=t.useState(!1),[F,h]=t.useState({}),l=t.useMemo(()=>{const{primary:o,secondary:u}=r;return W.getFormDefaultValues([...o.fields,...u.fields])},[r]),{control:_,handleSubmit:N,formState:{errors:C,isSubmitting:P,isSubmitSuccessful:O},reset:b,trigger:k,setValue:x,setError:H}=J.useForm({defaultValues:l});t.useEffect(()=>{l&&b(l)},[b,l]);const L=async o=>{const u=typeof window>"u"?"":window.location.href;try{await r.onSubmit({values:o,conversation:n,client:{currentUrl:u}}),a({eventName:"intelligent_form_submitted",properties:{conversationId:n.id,values:o}})}catch(c){H(ne,{message:c instanceof Error?c.message:"Something went wrong."}),a({eventName:"intelligent_form_submission_error",properties:{conversationId:n.id,error:c instanceof Error?c.message:"Something went wrong."}})}},K=async()=>{const o=r.primary.fields.map(e=>e.name);if(!await k(o))return;V(!0),S(!0);const c=_._formValues,E=r.primary.fields.reduce((e,m)=>(e[m.name]=c[m.name],e),{}),B=r.secondary.fields.filter(e=>e.shouldPrefillWithAI!==!1),I=se.getQAModelMessages(E);a({eventName:"intelligent_form_primary_submitted",properties:{conversationId:n.id,fields:o,messages:I}});try{const e=await q(d,v),m=await q(d,v),[s,f]=await Promise.all([X.generateQAModelResponse(I,y,e),z.generateContextModelResponse({primaryFieldValues:E,fieldsToGenerate:B},y,m)]);if(a({eventName:"intelligent_form_qa_response",properties:{conversationId:n.id,messages:s.messages,answer:s.answer??"",confidence:s.aiAnnotations?.answerConfidence,recordsConsidered:s.recordsConsidered}}),f.suggestedValues){for(const[Q,$]of Object.entries(f.suggestedValues))x(Q,$);a({eventName:"intelligent_form_context_suggestions",properties:{conversationId:n.id,suggestedFields:Object.keys(f.suggestedValues)}})}const w=s.aiAnnotations?.answerConfidence,T=w&&["very_confident","somewhat_confident"].includes(w),G=s.recordsConsidered&&s.recordsConsidered.length>0;T&&G&&s.answer?h({answer:s.answer,answerConfidence:w,recordsConsidered:s.recordsConsidered}):(p(!0),h({answer:null,recordsConsidered:s.recordsConsidered,suggestedValues:f.suggestedValues}))}catch(e){console.error(e),p(!0),a({eventName:"intelligent_form_ai_error",properties:{conversationId:n.id,error:e instanceof Error?e.message:"Something went wrong."}})}finally{S(!1)}},U=N(L),j=C?.root?.serverError;return{formConfig:r,control:_,errors:C,isSubmitSuccessful:O,isSubmitting:P,handleSubmit:U,loading:R,formError:j,submittedPrimaryForm:M,handleSubmitPrimaryForm:K,aiResponse:F,showSecondaryFields:A,setShowSecondaryFields:p}};exports.useInkeepIntelligentForm=oe;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const $=require("openai"),t=require("react"),J=require("react-hook-form"),W=require("../../utils/form.cjs"),X=require("./actions/qa-model-response.cjs"),z=require("./actions/context-model-response.cjs"),Y=require("../../providers/config-provider.cjs"),Z=require("../../providers/conversation-provider.cjs"),ee=require("../../providers/chat-events-provider.cjs"),se=require("./actions/qa-model-messages.cjs"),re=require("../embedded-chat/use-captcha.cjs"),te="root.serverError",_=async(l,s)=>{if(s)return;const o=await re.fetchAndSolveChallenge(`${l}/v1/challenge`);if(o)return{"X-INKEEP-CHALLENGE-SOLUTION":btoa(JSON.stringify(o))}},oe=l=>{const{formSettings:s}=l,{baseSettings:o}=Y.useInkeepConfig(),{conversation:y}=Z.useInkeepConversation(),{logEvent:u}=ee.useChatEvents(),{aiApiBaseUrl:a,shouldBypassCaptcha:S}=o,w=t.useMemo(()=>new $({baseURL:`${a}/v1`,apiKey:o.apiKey,dangerouslyAllowBrowser:!0}),[o.apiKey,a]),[q,h]=t.useState(!1),[M,V]=t.useState(!1),[A,m]=t.useState(!1),[F,v]=t.useState({}),c=t.useMemo(()=>{const{primary:n,secondary:i}=s;return W.getFormDefaultValues([...n.fields,...i.fields])},[s]),{control:b,handleSubmit:I,formState:{errors:C,isSubmitting:P,isSubmitSuccessful:N},reset:E,trigger:O,setValue:k,setError:H}=J.useForm({defaultValues:c});t.useEffect(()=>{c&&E(c)},[E,c]);const L=async n=>{try{await s.buttons.submit.onSubmit({values:n,conversation:y}),u({eventName:"intelligent_form_submitted",properties:{conversation:y,values:n}})}catch(i){H(te,{message:i instanceof Error?i.message:"Something went wrong."})}},x=async()=>{const n=s.primary.fields.map(e=>e.name);if(!await O(n))return;V(!0),h(!0);const T=b._formValues,R=s.primary.fields.reduce((e,d)=>(e[d.name]=T[d.name],e),{}),U=s.secondary.fields.filter(e=>e.shouldPrefillWithAI!==!1),f=se.getQAModelMessages(R);u({eventName:"intelligent_form_primary_section_submitted",properties:{}},f);try{const e=await _(a,S),d=await _(a,S),[r,g]=await Promise.all([X.generateQAModelResponse(f,w,e),z.generateContextModelResponse({primaryFieldValues:R,fieldsToGenerate:U},w,d)]);if(g.suggestedValues)for(const[G,Q]of Object.entries(g.suggestedValues))k(G,Q);const p=r.aiAnnotations?.answerConfidence,j=p&&["very_confident","somewhat_confident"].includes(p),D=r.recordsConsidered&&r.recordsConsidered.length>0;j&&D&&r.answer?(v({answer:r.answer,answerConfidence:p,recordsConsidered:r.recordsConsidered}),u({eventName:"intelligent_form_ai_response_provided",properties:{recordsConsidered:r.recordsConsidered}},[...f,{id:Date.now().toString(),role:"assistant",content:r.answer,links:[]}])):(m(!0),v({answer:null,recordsConsidered:r.recordsConsidered,suggestedValues:g.suggestedValues}))}catch(e){console.error(e),m(!0)}finally{h(!1)}},K=I(L),B=C?.root?.serverError;return{formSettings:s,control:b,errors:C,isSubmitSuccessful:N,isSubmitting:P,handleSubmit:K,loading:q,formError:B,submittedPrimaryForm:M,handleSubmitPrimaryForm:x,aiResponse:F,showSecondaryFields:A,setShowSecondaryFields:m}};exports.useInkeepIntelligentForm=oe;

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

@@ -1,8 +1,8 @@
-import { AnswerConfidence, IntelligentFormConfig, SourceItem } from '@inkeep/cxkit-types';
+import { AnswerConfidence, IntelligentFormSettings, SourceItem } from '@inkeep/cxkit-types';
 import { Control, FieldErrors, Message } from 'react-hook-form';
 import { Dispatch, SetStateAction } from 'react';
-export interface InkeepIntelligentFormConfig {
-    formConfig: IntelligentFormConfig;
+export interface InkeepIntelligentFormSettings {
+    formSettings: IntelligentFormSettings;
 }
 export interface AIResponse {
     answer?: string | null;
@@ -10,8 +10,8 @@ export interface AIResponse {
     recordsConsidered?: SourceItem[];
     suggestedValues?: Record<string, unknown>;
 }
-export declare const useInkeepIntelligentForm: (props: InkeepIntelligentFormConfig) => {
-    formConfig: IntelligentFormConfig;
+export declare const useInkeepIntelligentForm: (props: InkeepIntelligentFormSettings) => {
+    formSettings: IntelligentFormSettings;
     control: Control<Record<string, any>, any>;
     errors: FieldErrors<Record<string, any>>;
     isSubmitSuccessful: boolean;

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

@@ -1,8 +1,8 @@
-import { AnswerConfidence, IntelligentFormConfig, SourceItem } from '@inkeep/cxkit-types';
+import { AnswerConfidence, IntelligentFormSettings, SourceItem } from '@inkeep/cxkit-types';
 import { Control, FieldErrors, Message } from 'react-hook-form';
 import { Dispatch, SetStateAction } from 'react';
-export interface InkeepIntelligentFormConfig {
-    formConfig: IntelligentFormConfig;
+export interface InkeepIntelligentFormSettings {
+    formSettings: IntelligentFormSettings;
 }
 export interface AIResponse {
     answer?: string | null;
@@ -10,8 +10,8 @@ export interface AIResponse {
     recordsConsidered?: SourceItem[];
     suggestedValues?: Record<string, unknown>;
 }
-export declare const useInkeepIntelligentForm: (props: InkeepIntelligentFormConfig) => {
-    formConfig: IntelligentFormConfig;
+export declare const useInkeepIntelligentForm: (props: InkeepIntelligentFormSettings) => {
+    formSettings: IntelligentFormSettings;
     control: Control<Record<string, any>, any>;
     errors: FieldErrors<Record<string, any>>;
     isSubmitSuccessful: boolean;