@inkeep/cxkit-primitives 0.0.0-dev-20250312234650 → 0.0.0-dev-20250313232451

package/dist/atoms/markdown/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("react"),M=require("react-markdown"),m=require("rehype-raw"),y=require("../../providers/markdown-provider.cjs"),g=require("../codeblock/index.cjs"),n=require("./components.cjs"),C=require("./rehype-inline-code-property.cjs");const b=({children:c,componentStyles:a,shouldOpenLinksInNewTab:h,onLinkClick:u,onCodeCopy:k,...p})=>{if(!c)return null;const w={h1:({children:r})=>e.jsx(n.MarkdownH1,{children:r}),h2:({children:r})=>e.jsx(n.MarkdownH2,{children:r}),p:({children:r})=>e.jsx(n.MarkdownP,{children:r}),li:({children:r})=>e.jsx(n.MarkdownLi,{children:r}),ul:({children:r})=>e.jsx(n.MarkdownUl,{children:r}),ol:({children:r,node:o})=>{const t=o?.properties?.start;return e.jsx(n.MarkdownOl,{style:{"--start":t?.toString()??"0"},children:r})},a:({children:r,href:o})=>{const t=x.Children.toArray(r),i=t[0],d=typeof i=="string"&&/^\(\d+\)$/.test(i)&&t.length===1,s=d?i.match(/\d+/):r,l=e.jsx(n.MarkdownLink,{isExternal:h,href:o,onClick:()=>{u?.(o,s?.toString())},children:s});return d?e.jsx(n.MarkdownSourceLink,{children:l}):l},img:({src:r,alt:o})=>`![${o||""}](${r||""})`,table:({children:r})=>e.jsx(n.MarkdownTable,{children:r}),th:({children:r,isHeader:o})=>o?e.jsx(n.MarkdownTh,{children:r}):e.jsx(n.MarkdownTd,{children:r}),pre:({children:r})=>e.jsx("pre",{children:r}),code:({children:r,inline:o,className:t})=>o?e.jsx(n.MarkdownCode,{children:r}):e.jsx(g.CodeBlock,{className:t,onCopy:k,children:r})},j=e.jsx(M,{rehypePlugins:[m,C.rehypeInlineCodeProperty],components:w,disallowedElements:f,children:c.toString(),...p});return e.jsx(y.ChatMarkdownProvider,{componentStyles:a,children:j})},f=["script","iframe","frame","embed","meta","base","form","style","object"];exports.Markdown=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("react"),m=require("react-markdown"),M=require("rehype-raw"),y=require("../../providers/markdown-provider.cjs"),g=require("../codeblock/index.cjs"),n=require("./components.cjs"),b=require("./rehype-inline-code-property.cjs");const f=({children:c,componentStyles:a,shouldOpenLinksInNewTab:h,onLinkClick:u,onCodeCopy:k,...p})=>{if(!c)return null;const w={h1:({children:r})=>e.jsx(n.MarkdownH1,{children:r}),h2:({children:r})=>e.jsx(n.MarkdownH2,{children:r}),p:({children:r})=>e.jsx(n.MarkdownP,{children:r}),li:({children:r})=>e.jsx(n.MarkdownLi,{children:r}),ul:({children:r})=>e.jsx(n.MarkdownUl,{children:r}),ol:({children:r,node:o})=>{const t=o?.properties?.start,i=typeof t=="number"?t:void 0;return e.jsx(n.MarkdownOl,{style:{"--start":t?.toString()??"0"},start:i,children:r})},a:({children:r,href:o})=>{const t=x.Children.toArray(r),i=t[0],d=typeof i=="string"&&/^\(\d+\)$/.test(i)&&t.length===1,s=d?i.match(/\d+/):r,l=e.jsx(n.MarkdownLink,{isExternal:h,href:o,onClick:()=>{u?.(o,s?.toString())},children:s});return d?e.jsx(n.MarkdownSourceLink,{children:l}):l},img:({src:r,alt:o})=>`![${o||""}](${r||""})`,table:({children:r})=>e.jsx(n.MarkdownTable,{children:r}),th:({children:r,isHeader:o})=>o?e.jsx(n.MarkdownTh,{children:r}):e.jsx(n.MarkdownTd,{children:r}),pre:({children:r})=>e.jsx("pre",{children:r}),code:({children:r,inline:o,className:t})=>o?e.jsx(n.MarkdownCode,{children:r}):e.jsx(g.CodeBlock,{className:t,onCopy:k,children:r})},j=e.jsx(m,{rehypePlugins:[M,b.rehypeInlineCodeProperty],components:w,disallowedElements:C,children:c.toString(),...p});return e.jsx(y.ChatMarkdownProvider,{componentStyles:a,children:j})},C=["script","iframe","frame","embed","meta","base","form","style","object"];exports.Markdown=f;

package/dist/atoms/markdown/index.js

@@ -1,12 +1,12 @@
-import { jsx as n } from "react/jsx-runtime";
-import f from "react";
-import u from "react-markdown";
+import { jsx as e } from "react/jsx-runtime";
+import w from "react";
+import f from "react-markdown";
 import M from "rehype-raw";
 import { ChatMarkdownProvider as y } from "../../providers/markdown-provider.js";
 import { CodeBlock as g } from "../codeblock/index.js";
-import { MarkdownCode as C, MarkdownTh as b, MarkdownTd as S, MarkdownTable as P, MarkdownSourceLink as x, MarkdownOl as L, MarkdownUl as R, MarkdownLi as T, MarkdownP as $, MarkdownH2 as j, MarkdownH1 as A, MarkdownLink as E } from "./components.js";
-import { rehypeInlineCodeProperty as H } from "./rehype-inline-code-property.js";
-const F = ({
+import { MarkdownCode as C, MarkdownTh as b, MarkdownTd as S, MarkdownTable as P, MarkdownSourceLink as x, MarkdownOl as L, MarkdownUl as R, MarkdownLi as T, MarkdownP as $, MarkdownH2 as j, MarkdownH1 as v, MarkdownLink as A } from "./components.js";
+import { rehypeInlineCodeProperty as E } from "./rehype-inline-code-property.js";
+const D = ({
   children: i,
   componentStyles: a,
   shouldOpenLinksInNewTab: h,
@@ -16,54 +16,55 @@ const F = ({
 }) => {
   if (!i) return null;
   const k = {
-    h1: ({ children: r }) => /* @__PURE__ */ n(A, { children: r }),
-    h2: ({ children: r }) => /* @__PURE__ */ n(j, { children: r }),
-    p: ({ children: r }) => /* @__PURE__ */ n($, { children: r }),
-    li: ({ children: r }) => /* @__PURE__ */ n(T, { children: r }),
-    ul: ({ children: r }) => /* @__PURE__ */ n(R, { children: r }),
-    ol: ({ children: r, node: e }) => {
-      const o = e?.properties?.start;
-      return /* @__PURE__ */ n(
+    h1: ({ children: r }) => /* @__PURE__ */ e(v, { children: r }),
+    h2: ({ children: r }) => /* @__PURE__ */ e(j, { children: r }),
+    p: ({ children: r }) => /* @__PURE__ */ e($, { children: r }),
+    li: ({ children: r }) => /* @__PURE__ */ e(T, { children: r }),
+    ul: ({ children: r }) => /* @__PURE__ */ e(R, { children: r }),
+    ol: ({ children: r, node: n }) => {
+      const o = n?.properties?.start, t = typeof o == "number" ? o : void 0;
+      return /* @__PURE__ */ e(
         L,
         {
           style: {
             "--start": o?.toString() ?? "0"
           },
+          start: t,
           children: r
         }
       );
     },
-    a: ({ children: r, href: e }) => {
-      const o = f.Children.toArray(r), t = o[0], d = typeof t == "string" && /^\(\d+\)$/.test(t) && o.length === 1, c = d ? t.match(/\d+/) : r, l = /* @__PURE__ */ n(
-        E,
+    a: ({ children: r, href: n }) => {
+      const o = w.Children.toArray(r), t = o[0], d = typeof t == "string" && /^\(\d+\)$/.test(t) && o.length === 1, c = d ? t.match(/\d+/) : r, l = /* @__PURE__ */ e(
+        A,
         {
           isExternal: h,
-          href: e,
+          href: n,
           onClick: () => {
-            s?.(e, c?.toString());
+            s?.(n, c?.toString());
           },
           children: c
         }
       );
-      return d ? /* @__PURE__ */ n(x, { children: l }) : l;
+      return d ? /* @__PURE__ */ e(x, { children: l }) : l;
     },
-    img: ({ src: r, alt: e }) => `![${e || ""}](${r || ""})`,
-    table: ({ children: r }) => /* @__PURE__ */ n(P, { children: r }),
-    th: ({ children: r, isHeader: e }) => e ? /* @__PURE__ */ n(b, { children: r }) : /* @__PURE__ */ n(S, { children: r }),
-    pre: ({ children: r }) => /* @__PURE__ */ n("pre", { children: r }),
-    code: ({ children: r, inline: e, className: o }) => e ? /* @__PURE__ */ n(C, { children: r }) : /* @__PURE__ */ n(g, { className: o, onCopy: m, children: r })
-  }, w = /* @__PURE__ */ n(
-    u,
+    img: ({ src: r, alt: n }) => `![${n || ""}](${r || ""})`,
+    table: ({ children: r }) => /* @__PURE__ */ e(P, { children: r }),
+    th: ({ children: r, isHeader: n }) => n ? /* @__PURE__ */ e(b, { children: r }) : /* @__PURE__ */ e(S, { children: r }),
+    pre: ({ children: r }) => /* @__PURE__ */ e("pre", { children: r }),
+    code: ({ children: r, inline: n, className: o }) => n ? /* @__PURE__ */ e(C, { children: r }) : /* @__PURE__ */ e(g, { className: o, onCopy: m, children: r })
+  }, u = /* @__PURE__ */ e(
+    f,
     {
-      rehypePlugins: [M, H],
+      rehypePlugins: [M, E],
       components: k,
-      disallowedElements: _,
+      disallowedElements: H,
       children: i.toString(),
       ...p
     }
   );
-  return /* @__PURE__ */ n(y, { componentStyles: a, children: w });
-}, _ = [
+  return /* @__PURE__ */ e(y, { componentStyles: a, children: u });
+}, H = [
   "script",
   "iframe",
   "frame",
@@ -75,5 +76,5 @@ const F = ({
   "object"
 ];
 export {
-  F as Markdown
+  D as Markdown
 };

package/dist/components/embedded-search/transform-results.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("react"),S=require("../../providers/config-provider.cjs"),T=require("../../utils/transform-source/index.cjs"),v=(e,o)=>{const{baseSettings:{transformSource:r,organizationDisplayName:s},searchSettings:{tabs:u,searchQueryParamKey:p,shouldOpenLinksInNewTab:g}}=S.useInkeepConfig();return w.useMemo(()=>{const R=u.length>0?u:["All"],n={},y=new Set,i=R.map(t=>typeof t=="string"?t:t[0]);for(const t of i)n[t]=[];for(const t of e){const a=t.url||"";if(y.has(a))continue;y.add(a);const d=I(a,o,p),c=T.transformInkeepSource({title:t.title,url:d,description:k(t),type:O(t.rootRecord.__typename),tag:D(t),breadcrumbs:t.rootRecord.pathBreadcrumbs??[],contentType:t.rootRecord.contentType},"searchResultItem",{organizationDisplayName:s,tabs:u,transformSource:r}),l={...c,id:t.id,isExternal:c.shouldOpenInNewTab!==void 0?c.shouldOpenInNewTab:g},m=l.tabs||[];for(const f of m){const b=typeof f=="string"?f:f[0];if(!i.includes(b)){console.warn(`Tab "${b}" found in item but not configured in tabs`);continue}n[b].push(l)}i.includes("All")&&n.All.push(l)}for(const t of Object.keys(n)){const a=R.find(c=>typeof c=="string"?c===t:c[0]===t),d=typeof a=="object"?a[1]?.isAlwaysVisible===!0:!1;n[t].length===0&&!d&&delete n[t]}return n},[e,r,s,u,o,p,g])};function I(e,o,r){try{const s=new URL(e);return s.searchParams.set(r,o),s.toString()}catch{return e}}const k=e=>{switch(e.rootRecord.__typename){case"DocumentationRecord":{const o=h(e.pathHeadings?.at(-1)?.content||""),r=h(e.content?.content||"");return e.preview||r||o}case"GitHubIssueRecord":case"StackOverflowRecord":case"DiscourseRecord":return e.rootRecord.body;default:return e.preview}},D=e=>{switch(e.rootRecord.__typename){case"StackOverflowRecord":return e.rootRecord.markedAsCorrectAnswer?"Resolved":void 0;case"GitHubIssueRecord":return e.rootRecord.state==="CLOSED"?"Closed":void 0}},h=e=>{const o=/(https?:\/\/\S+)/g;return e.replace(o,r=>{const s=r.split("/");return s.length>3?`...${s.slice(-2).join("/")}`:r})},O=e=>{switch(e){case"DocumentationRecord":return"documentation";case"GitHubIssueRecord":return"github_issue";case"DiscourseRecord":return"discourse";case"DiscordRecord":return"discord";case"StackOverflowRecord":return"stackoverflow";case"SlackEntry":return"slack_message";default:return"site"}};exports.useTransformResults=v;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("react"),S=require("../../providers/config-provider.cjs"),T=require("../../utils/transform-source/index.cjs"),v=(e,o)=>{const{baseSettings:{transformSource:r,organizationDisplayName:s},searchSettings:{tabs:u,searchQueryParamKey:i,shouldOpenLinksInNewTab:g}}=S.useInkeepConfig();return w.useMemo(()=>{const R=u.length>0?u:["All"],n={},y=new Set,d=R.map(t=>typeof t=="string"?t:t[0]);for(const t of d)n[t]=[];for(const t of e){const c=t.url||"";if(y.has(c))continue;y.add(c);const l=i?I(c,o,i):c,a=T.transformInkeepSource({title:t.title,url:l,description:k(t),type:O(t.rootRecord.__typename),tag:D(t),breadcrumbs:t.rootRecord.pathBreadcrumbs??[],contentType:t.rootRecord.contentType},"searchResultItem",{organizationDisplayName:s,tabs:u,transformSource:r}),f={...a,id:t.id,isExternal:a.shouldOpenInNewTab!==void 0?a.shouldOpenInNewTab:g},m=f.tabs||[];for(const b of m){const p=typeof b=="string"?b:b[0];if(!d.includes(p)){console.warn(`Tab "${p}" found in item but not configured in tabs`);continue}n[p].push(f)}d.includes("All")&&n.All.push(f)}for(const t of Object.keys(n)){const c=R.find(a=>typeof a=="string"?a===t:a[0]===t),l=typeof c=="object"?c[1]?.isAlwaysVisible===!0:!1;n[t].length===0&&!l&&delete n[t]}return n},[e,r,s,u,o,i,g])};function I(e,o,r){try{const s=new URL(e);return s.searchParams.set(r,o),s.toString()}catch{return e}}const k=e=>{switch(e.rootRecord.__typename){case"DocumentationRecord":{const o=h(e.pathHeadings?.at(-1)?.content||""),r=h(e.content?.content||"");return e.preview||r||o}case"GitHubIssueRecord":case"StackOverflowRecord":case"DiscourseRecord":return e.rootRecord.body;default:return e.preview}},D=e=>{switch(e.rootRecord.__typename){case"StackOverflowRecord":return e.rootRecord.markedAsCorrectAnswer?"Resolved":void 0;case"GitHubIssueRecord":return e.rootRecord.state==="CLOSED"?"Closed":void 0}},h=e=>{const o=/(https?:\/\/\S+)/g;return e.replace(o,r=>{const s=r.split("/");return s.length>3?`...${s.slice(-2).join("/")}`:r})},O=e=>{switch(e){case"DocumentationRecord":return"documentation";case"GitHubIssueRecord":return"github_issue";case"DiscourseRecord":return"discourse";case"DiscordRecord":return"discord";case"StackOverflowRecord":return"stackoverflow";case"SlackEntry":return"slack_message";default:return"site"}};exports.useTransformResults=v;

package/dist/components/embedded-search/transform-results.js

@@ -5,20 +5,20 @@ import { transformInkeepSource as I } from "../../utils/transform-source/index.j
 const N = (e, r) => {
   const {
     baseSettings: { transformSource: o, organizationDisplayName: s },
-    searchSettings: { tabs: u, searchQueryParamKey: b, shouldOpenLinksInNewTab: g }
+    searchSettings: { tabs: u, searchQueryParamKey: i, shouldOpenLinksInNewTab: g }
   } = S();
   return w(() => {
-    const m = u.length > 0 ? u : ["All"], n = {}, R = /* @__PURE__ */ new Set(), i = m.map((t) => typeof t == "string" ? t : t[0]);
-    for (const t of i)
+    const m = u.length > 0 ? u : ["All"], n = {}, R = /* @__PURE__ */ new Set(), d = m.map((t) => typeof t == "string" ? t : t[0]);
+    for (const t of d)
       n[t] = [];
     for (const t of e) {
-      const a = t.url || "";
-      if (R.has(a)) continue;
-      R.add(a);
-      const d = T(a, r, b), c = I(
+      const c = t.url || "";
+      if (R.has(c)) continue;
+      R.add(c);
+      const l = i ? T(c, r, i) : c, a = I(
         {
           title: t.title,
-          url: d,
+          url: l,
           description: k(t),
           type: D(t.rootRecord.__typename),
           tag: v(t),
@@ -27,24 +27,24 @@ const N = (e, r) => {
         },
         "searchResultItem",
         { organizationDisplayName: s, tabs: u, transformSource: o }
-      ), l = {
-        ...c,
+      ), f = {
+        ...a,
         id: t.id,
-        isExternal: c.shouldOpenInNewTab !== void 0 ? c.shouldOpenInNewTab : g
-      }, y = l.tabs || [];
-      for (const f of y) {
-        const p = typeof f == "string" ? f : f[0];
-        if (!i.includes(p)) {
-          console.warn(`Tab "${p}" found in item but not configured in tabs`);
+        isExternal: a.shouldOpenInNewTab !== void 0 ? a.shouldOpenInNewTab : g
+      }, y = f.tabs || [];
+      for (const p of y) {
+        const b = typeof p == "string" ? p : p[0];
+        if (!d.includes(b)) {
+          console.warn(`Tab "${b}" found in item but not configured in tabs`);
           continue;
         }
-        n[p].push(l);
+        n[b].push(f);
       }
-      i.includes("All") && n.All.push(l);
+      d.includes("All") && n.All.push(f);
     }
     for (const t of Object.keys(n)) {
-      const a = m.find((c) => typeof c == "string" ? c === t : c[0] === t), d = typeof a == "object" ? a[1]?.isAlwaysVisible === !0 : !1;
-      n[t].length === 0 && !d && delete n[t];
+      const c = m.find((a) => typeof a == "string" ? a === t : a[0] === t), l = typeof c == "object" ? c[1]?.isAlwaysVisible === !0 : !1;
+      n[t].length === 0 && !l && delete n[t];
     }
     return n;
   }, [
@@ -53,7 +53,7 @@ const N = (e, r) => {
     s,
     u,
     r,
-    b,
+    i,
     g
   ]);
 };

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

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

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

package/dist/index.d.cts

@@ -1015,7 +1015,6 @@ declare const defaultInkeepSearchSettings: {
     defaultQuery: string;
     debounceTimeMs: number;
     tabs: string[];
-    searchQueryParamKey: string;
     placeholder: string;
 };
 

package/dist/index.d.ts

@@ -1015,7 +1015,6 @@ declare const defaultInkeepSearchSettings: {
     defaultQuery: string;
     debounceTimeMs: number;
     tabs: string[];
-    searchQueryParamKey: string;
     placeholder: string;
 };
 

package/dist/providers/base-events-provider.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("react/jsx-runtime"),t=require("react"),y=require("../atoms/api/analytics/events.cjs"),B=require("./config-provider.cjs"),b=require("./user-provider.cjs"),p=t.createContext(void 0),f=({children:e})=>{const{baseSettings:s,componentType:n}=B.useInkeepConfig(),{apiKey:o,analyticsApiBaseUrl:r,tags:i,privacyPreferences:d,env:E}=s,{userProperties:c}=b.useUser(),a=t.useMemo(()=>({widgetLibraryVersion:"0.5.24",componentType:n,tags:i}),[n,i]),u=!d.optOutAllAnalytics&&E!=="development",g={logEvent:t.useCallback(async v=>{const m={...a,...v.properties},l={eventName:v.eventName,properties:m,userProperties:c};u&&y.logEvent(l,o,r),s.onEvent?.(l)},[u,s,o,r,c,a])};return P.jsx(p.Provider,{value:g,children:e})},x=()=>{const e=t.useContext(p);if(!e)throw new Error("useBaseEvents must be used within a BaseEventsProvider");return e};exports.BaseEventsProvider=f;exports.useBaseEvents=x;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("react/jsx-runtime"),t=require("react"),y=require("../atoms/api/analytics/events.cjs"),B=require("./config-provider.cjs"),b=require("./user-provider.cjs"),p=t.createContext(void 0),f=({children:e})=>{const{baseSettings:s,componentType:n}=B.useInkeepConfig(),{apiKey:o,analyticsApiBaseUrl:r,tags:i,privacyPreferences:d,env:E}=s,{userProperties:c}=b.useUser(),a=t.useMemo(()=>({widgetLibraryVersion:"0.5.26",componentType:n,tags:i}),[n,i]),u=!d.optOutAllAnalytics&&E!=="development",g={logEvent:t.useCallback(async v=>{const m={...a,...v.properties},l={eventName:v.eventName,properties:m,userProperties:c};u&&y.logEvent(l,o,r),s.onEvent?.(l)},[u,s,o,r,c,a])};return P.jsx(p.Provider,{value:g,children:e})},x=()=>{const e=t.useContext(p);if(!e)throw new Error("useBaseEvents must be used within a BaseEventsProvider");return e};exports.BaseEventsProvider=f;exports.useBaseEvents=x;

package/dist/providers/base-events-provider.js

@@ -7,7 +7,7 @@ import { useUser as b } from "./user-provider.js";
 const m = x(void 0), U = ({ children: e }) => {
   const { baseSettings: t, componentType: o } = C(), { apiKey: n, analyticsApiBaseUrl: s, tags: r, privacyPreferences: u, env: l } = t, { userProperties: i } = b(), a = d(
     () => ({
-      widgetLibraryVersion: "0.5.24",
+      widgetLibraryVersion: "0.5.26",
       componentType: o,
       tags: r
     }),

package/dist/utils/default-settings.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@inkeep/cxkit-theme"),t=require("./tools/links-schema.cjs"),s={model:"inkeep-qa-expert",placeholder:"How do I get started?",aiAssistantName:void 0,shouldOpenLinksInNewTab:!0,disclaimerSettings:{isEnabled:!1,label:"Usage policy"},isShareButtonVisible:!1,isViewOnly:!1,exampleQuestionsLabel:"Example questions",exampleQuestions:[],isFirstExampleQuestionHighlighted:!0,isCopyChatButtonVisible:!1,getHelpOptions:[],workflowsHeader:"Workflows",workflows:[],toolbarButtonLabels:{clear:"Clear",share:"Share",getHelp:"Get help",stop:"Stop",copyChat:"Copy"},prompts:[],tools:[{type:"function",function:{name:"provideLinks",description:"Provides links",parameters:t.linksSchema}}],onToolCall:l=>{}},a={env:"production",apiKey:"",aiApiBaseUrl:"https://api.inkeep.com",analyticsApiBaseUrl:"https://api.io.inkeep.com",shouldBypassCaptcha:!1,privacyPreferences:{optOutAnalyticalCookies:!1,optOutAllAnalytics:!1,optOutFunctionalCookies:!1},tags:[],userProperties:{},primaryBrandColor:e.DEFAULT_PRIMARY_BRAND_COLOR,theme:{varsClassName:"inkeep-widget-vars",...e.theme}},i={shouldOpenLinksInNewTab:!1,maxResults:40,defaultQuery:"",debounceTimeMs:0,tabs:["All","Publications","PDFs","GitHub","Forums","Discord","Slack","StackOverflow"],searchQueryParamKey:"q",placeholder:"Search for anything..."};exports.defaultInkeepAIChatSettings=s;exports.defaultInkeepBaseSettings=a;exports.defaultInkeepSearchSettings=i;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@inkeep/cxkit-theme"),t=require("./tools/links-schema.cjs"),s={model:"inkeep-qa-expert",placeholder:"How do I get started?",aiAssistantName:void 0,shouldOpenLinksInNewTab:!0,disclaimerSettings:{isEnabled:!1,label:"Usage policy"},isShareButtonVisible:!1,isViewOnly:!1,exampleQuestionsLabel:"Example questions",exampleQuestions:[],isFirstExampleQuestionHighlighted:!0,isCopyChatButtonVisible:!1,getHelpOptions:[],workflowsHeader:"Workflows",workflows:[],toolbarButtonLabels:{clear:"Clear",share:"Share",getHelp:"Get help",stop:"Stop",copyChat:"Copy"},prompts:[],tools:[{type:"function",function:{name:"provideLinks",description:"Provides links",parameters:t.linksSchema}}],onToolCall:l=>{}},a={env:"production",apiKey:"",aiApiBaseUrl:"https://api.inkeep.com",analyticsApiBaseUrl:"https://api.io.inkeep.com",shouldBypassCaptcha:!1,privacyPreferences:{optOutAnalyticalCookies:!1,optOutAllAnalytics:!1,optOutFunctionalCookies:!1},tags:[],userProperties:{},primaryBrandColor:e.DEFAULT_PRIMARY_BRAND_COLOR,theme:{varsClassName:"inkeep-widget-vars",...e.theme}},i={shouldOpenLinksInNewTab:!1,maxResults:40,defaultQuery:"",debounceTimeMs:0,tabs:["All","Publications","PDFs","GitHub","Forums","Discord","Slack","StackOverflow"],placeholder:"Search for anything..."};exports.defaultInkeepAIChatSettings=s;exports.defaultInkeepBaseSettings=a;exports.defaultInkeepSearchSettings=i;

package/dist/utils/default-settings.js

@@ -61,17 +61,16 @@ const i = {
     varsClassName: "inkeep-widget-vars",
     ...e
   }
-}, r = {
+}, p = {
   shouldOpenLinksInNewTab: !1,
   maxResults: 40,
   defaultQuery: "",
   debounceTimeMs: 0,
   tabs: ["All", "Publications", "PDFs", "GitHub", "Forums", "Discord", "Slack", "StackOverflow"],
-  searchQueryParamKey: "q",
   placeholder: "Search for anything..."
 };
 export {
   i as defaultInkeepAIChatSettings,
   n as defaultInkeepBaseSettings,
-  r as defaultInkeepSearchSettings
+  p as defaultInkeepSearchSettings
 };

package/dist/utils/graphql-client.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});async function a(r,s,o,n){const e=await fetch(r,{method:"POST",headers:{"Content-Type":"application/json",...n},body:JSON.stringify({query:s,variables:o})});if(!e.ok)throw new Error(`Network response was not OK (status: ${e.status})`);const t=await e.json();if(t.errors?.length)throw new Error(t.errors[0].message);return t.data}exports.graphqlRequest=a;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});async function i(r,s,o,n,a){const e=await fetch(r,{method:"POST",headers:{"Content-Type":"application/json",...n},signal:a,body:JSON.stringify({query:s,variables:o})});if(!e.ok)throw new Error(`Network response was not OK (status: ${e.status})`);const t=await e.json();if(t.errors?.length)throw new Error(t.errors[0].message);return t.data}exports.graphqlRequest=i;

package/dist/utils/graphql-client.js

@@ -1,11 +1,12 @@
 "use client";
-async function a(r, s, o, n) {
+async function i(r, s, o, n, a) {
   const t = await fetch(r, {
     method: "POST",
     headers: {
       "Content-Type": "application/json",
       ...n
     },
+    signal: a,
     body: JSON.stringify({
       query: s,
       variables: o
@@ -19,5 +20,5 @@ async function a(r, s, o, n) {
   return e.data;
 }
 export {
-  a as graphqlRequest
+  i as graphqlRequest
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkeep/cxkit-primitives",
-  "version": "0.0.0-dev-20250312234650",
+  "version": "0.0.0-dev-20250313232451",
   "description": "",
   "license": "Inkeep, Inc. Customer License (IICL) v1.1",
   "homepage": "",
@@ -58,9 +58,9 @@
     "rehype-raw": "7.0.0",
     "unist-util-visit": "^5.0.0",
     "use-sync-external-store": "^1.4.0",
-    "@inkeep/cxkit-color-mode": "0.0.0-dev-20250312234650",
-    "@inkeep/cxkit-theme": "0.0.0-dev-20250312234650",
-    "@inkeep/cxkit-types": "0.0.0-dev-20250312234650"
+    "@inkeep/cxkit-color-mode": "0.0.0-dev-20250313232451",
+    "@inkeep/cxkit-theme": "0.0.0-dev-20250313232451",
+    "@inkeep/cxkit-types": "0.0.0-dev-20250313232451"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",