@inkeep/cxkit-primitives 0.5.2 → 0.5.4

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=(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 c=t.url||"";if(y.has(c))continue;y.add(c);const d=v(c,o,p),a=r({title:t.title,url:d,description:k(t),type:D(t.rootRecord.__typename),tag:I(t),breadcrumbs:t.rootRecord.pathBreadcrumbs,contentType:t.rootRecord.contentType},"searchResultItem",{organizationDisplayName:s,tabs:u}),l={...a,id:t.id,isExternal:g||!!a.shouldOpenInNewTab},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 c=R.find(a=>typeof a=="string"?a===t:a[0]===t),d=typeof c=="object"?c[1]?.alwaysVisible===!0:!1;n[t].length===0&&!d&&delete n[t]}return n},[e,r,s,u,o,p,g])};function v(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}},I=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})},D=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=T;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("react"),S=require("../../providers/config-provider.cjs"),T=(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 c=t.url||"";if(y.has(c))continue;y.add(c);const d=v(c,o,p),a=r({title:t.title,url:d,description:k(t),type:D(t.rootRecord.__typename),tag:I(t),breadcrumbs:t.rootRecord.pathBreadcrumbs,contentType:t.rootRecord.contentType},"searchResultItem",{organizationDisplayName:s,tabs:u}),l={...a,id:t.id,isExternal:g||!!a.shouldOpenInNewTab},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 c=R.find(a=>typeof a=="string"?a===t:a[0]===t),d=typeof c=="object"?c[1]?.isAlwaysVisible===!0:!1;n[t].length===0&&!d&&delete n[t]}return n},[e,r,s,u,o,p,g])};function v(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}},I=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})},D=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=T;

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

@@ -1,7 +1,7 @@
 "use client";
 import { useMemo as w } from "react";
 import { useInkeepConfig as S } from "../../providers/config-provider.js";
-const O = (e, r) => {
+const A = (e, r) => {
   const {
     baseSettings: { transformSource: o, organizationDisplayName: s },
     searchSettings: { tabs: u, searchQueryParamKey: b, shouldOpenLinksInNewTab: g }
@@ -42,7 +42,7 @@ const O = (e, r) => {
       i.includes("All") && n.All.push(l);
     }
     for (const t of Object.keys(n)) {
-      const c = R.find((a) => typeof a == "string" ? a === t : a[0] === t), d = typeof c == "object" ? c[1]?.alwaysVisible === !0 : !1;
+      const c = R.find((a) => typeof a == "string" ? a === t : a[0] === t), d = typeof c == "object" ? c[1]?.isAlwaysVisible === !0 : !1;
       n[t].length === 0 && !d && delete n[t];
     }
     return n;
@@ -109,5 +109,5 @@ const k = (e) => {
   }
 };
 export {
-  O as useTransformResults
+  A as useTransformResults
 };

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:U,searchSettings:_}=W.useInkeepConfig(),{apiKey:p,baseUrl:j,userAuthToken:i}=U,{maximumHitsLimit:S,placeholder:Q,defaultQuery:H,debounceTime:R,onQueryChange:N,searchFunctionsRef:O}=_,{logEvent:q}=X.useSearchEvents(),[c,C]=t.useState(H),T=t.useRef(null),[k,v]=t.useState(!1),[x,l]=t.useState(null),[F,a]=t.useState("NONE"),$=t.useCallback(e=>{a(e)},[]),[h,d]=t.useState([]),s=V.useTransformResults(h,c),[f,E]=t.useState("All"),{disableTransition:w,disabled:z}=Y.useInstantUpdate(),B=t.useCallback(e=>{w(),E(e),a(s[e][0].id)},[s,w]);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(O,()=>({updateQuery(e){C(e)},focusInput:()=>{T.current?.focus()}}));const M=`${j}/graphql`,A=t.useMemo(()=>({Authorization:`Bearer ${p}`,"Content-Type":"application/json",...i?{"User-Token":i}:{}}),[p,i]),I=t.useCallback(async e=>{b.current&&b.current.abort();const r=new AbortController;b.current=r;try{v(!0),l(null);const u=(await Z.graphqlRequest(M,J.default,{searchInput:e},A))?.search.searchHits;o.current[e.searchQuery]=u,d(u)}catch(n){if(n.name==="AbortError")return;l("Failed to fetch search results. Please try again.")}v(!1)},[M,A]),L=t.useCallback(e=>{const r=o.current[e.searchQuery];q({eventName:"search_query_response_received",properties:{searchQuery:e.searchQuery,totalHits:r?.length}})},[]),P=t.useCallback(e=>{if(m.current&&window.clearTimeout(m.current),!e.searchQuery){d([]),l(null);return}m.current=window.setTimeout(()=>{q({eventName:"search_query_submitted",properties:{searchQuery:e.searchQuery}}),o.current[e.searchQuery]?(d(o.current[e.searchQuery]),L(e)):I(e).then(()=>{L(e)})},R)},[R,I]),g=t.useMemo(()=>({searchQuery:c,filters:{limit:S}}),[c,S]);t.useEffect(()=>{N?.(g.searchQuery),P(g)},[P,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:x,query:c,onInput:D,placeholder:K,tab:f,onTabChange:B,selectedItem:F,setSelectedItem:a,onSelectedItemChange:$,transitionsDisabled:z,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: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;

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

@@ -7,66 +7,66 @@ import { useTransformResults as te } from "./transform-results.js";
 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 fe = () => {
-  const { baseSettings: M, searchSettings: O } = Y(), { apiKey: R, baseUrl: F, userAuthToken: h } = M, {
-    maximumHitsLimit: S,
+const me = () => {
+  const { baseSettings: H, searchSettings: O } = Y(), { apiKey: R, aiApiBaseUrl: B, userAuthToken: h } = H, {
+    maxResults: S,
     placeholder: C,
-    defaultQuery: P,
-    debounceTime: k,
-    onQueryChange: $,
-    searchFunctionsRef: z
-  } = O, { logEvent: v } = re(), [c, w] = s(P), q = l(null), [A, E] = s(!1), [B, m] = s(null), [D, a] = s("NONE"), K = n((e) => {
+    defaultQuery: F,
+    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) => {
     a(e);
-  }, []), [f, d] = s([]), t = te(f, c), [y, L] = s("All"), { disableTransition: _, disabled: W } = se(), G = n(
+  }, []), [m, d] = s([]), t = te(m, c), [p, _] = s("All"), { disableTransition: x, disabled: W } = se(), G = n(
     (e) => {
-      _(), L(e), a(t[e][0].id);
+      x(), _(e), a(t[e][0].id);
     },
-    [t, _]
+    [t, x]
   );
   j(() => {
-    let e = y in t ? y : Object.keys(t)[0];
+    let e = p in t ? p : Object.keys(t)[0];
     if (!t[e]?.length) {
       const o = Object.keys(t).find((u) => t[u]?.length);
       o ? e = o : e = "All";
     }
     if (!e) return;
-    L(e);
+    _(e);
     const r = t[e]?.[0];
     r && a(r.id);
   }, [t]);
-  const p = Z("(max-width: 768px)"), i = l({}), b = l(null), g = l(null);
-  X(z, () => ({
+  const y = Z("(max-width: 768px)"), i = l({}), b = l(null), g = l(null);
+  X($, () => ({
     updateQuery(e) {
       w(e);
     },
     focusInput: () => {
-      q.current?.focus();
+      A.current?.focus();
     }
   }));
-  const x = `${F}/graphql`, H = T(
+  const I = `${B}/graphql`, L = T(
     () => ({
       Authorization: `Bearer ${R}`,
       "Content-Type": "application/json",
       ...h ? { "User-Token": h } : {}
     }),
     [R, h]
-  ), I = n(
+  ), M = n(
     async (e) => {
       b.current && b.current.abort();
       const r = new AbortController();
       b.current = r;
       try {
-        E(!0), m(null);
-        const u = (await ne(x, ee, { searchInput: e }, H))?.search.searchHits;
+        E(!0), f(null);
+        const u = (await ne(I, ee, { searchInput: e }, L))?.search.searchHits;
         i.current[e.searchQuery] = u, d(u);
       } catch (o) {
         if (o.name === "AbortError")
           return;
-        m("Failed to fetch search results. Please try again.");
+        f("Failed to fetch search results. Please try again.");
       }
       E(!1);
     },
-    [x, H]
+    [I, L]
   ), N = n((e) => {
     const r = i.current[e.searchQuery];
     v({
@@ -79,7 +79,7 @@ const fe = () => {
   }, []), U = n(
     (e) => {
       if (g.current && window.clearTimeout(g.current), !e.searchQuery) {
-        d([]), m(null);
+        d([]), f(null);
         return;
       }
       g.current = window.setTimeout(() => {
@@ -88,12 +88,12 @@ const fe = () => {
           properties: {
             searchQuery: e.searchQuery
           }
-        }), i.current[e.searchQuery] ? (d(i.current[e.searchQuery]), N(e)) : I(e).then(() => {
+        }), i.current[e.searchQuery] ? (d(i.current[e.searchQuery]), N(e)) : M(e).then(() => {
           N(e);
         });
       }, k);
     },
-    [k, I]
+    [k, M]
   ), Q = T(
     () => ({
       searchQuery: c,
@@ -104,34 +104,34 @@ const fe = () => {
     [c, S]
   );
   j(() => {
-    $?.(Q.searchQuery), U(Q);
+    P?.(Q.searchQuery), U(Q);
   }, [U, Q]);
   const J = n(
     (e) => w(e.target.value),
     []
   ), V = T(
-    () => C || (p ? "Search..." : "Search for anything..."),
-    [C, p]
+    () => C || (y ? "Search..." : "Search for anything..."),
+    [C, y]
   );
   return {
     results: t,
-    resultsList: f,
-    hasContent: f.length > 0 || A,
-    loading: A,
-    error: B,
+    resultsList: m,
+    hasContent: m.length > 0 || q,
+    loading: q,
+    error: z,
     query: c,
     onInput: J,
     placeholder: V,
-    tab: y,
+    tab: p,
     onTabChange: G,
     selectedItem: D,
     setSelectedItem: a,
     onSelectedItemChange: K,
     transitionsDisabled: W,
-    inputRef: q,
-    isMobile: p
+    inputRef: A,
+    isMobile: y
   };
 };
 export {
-  fe as useInkeepSearch
+  me as useInkeepSearch
 };

package/dist/components/embedded-search.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),S=require("cmdk"),i=require("./factory.cjs"),l=require("../utils/misc.cjs"),m=require("react"),o=require("./embedded-search/search-provider.cjs"),ae=require("./tagline-logo-icon.cjs"),v=require("../atoms/icons/custom-icon.cjs"),ne=require("react-textarea-autosize"),ce=require("@radix-ui/react-scroll-area"),oe=require("@radix-ui/react-tabs"),P=require("../providers/config-provider.cjs"),de=require("../providers/search-events-provider.cjs"),le=require("../atoms/link.cjs"),h=require("../providers/source-item-provider.cjs"),A=require("../atoms/icons/built-in-icon-renderer.cjs"),ue=require("../utils/highlight-emphasis.cjs"),me=require("../hooks/use-scrolling-fades.cjs"),he=require("@inkeep/cxkit-color-mode"),Se=require("../atoms/avatars/ai.cjs"),T=require("./modal/modal-provider.cjs"),_=require("../utils/compose-refs.cjs"),I=require("../utils/compose-event-handlers.cjs");function f(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,s.get?s:{enumerable:!0,get:()=>t[r]})}}return e.default=t,Object.freeze(e)}const b=f(ce),g=f(oe),pe=i.ikp("div",{_id:"aiSearchWrapper"}),L=t=>{const{isHidden:e,hasContent:r,isMobile:s}=o.useSearch(),n=T.useModal();return a.jsx(pe,{"data-hidden":l.dataAttr(e),"data-has-content":l.dataAttr(r),"data-in-modal":l.dataAttr(!!n),"data-mobile":l.dataAttr(s),...t})},be=i.ikp(S.Command,{_id:"aiSearchRoot"}),y=t=>{const{isHidden:e,selectedItem:r,onSelectedItemChange:s}=o.useSearch();return a.jsx(be,{"data-hidden":l.dataAttr(e),shouldFilter:!1,loop:!1,value:r,onValueChange:s,...t})},C=i.ikp(S.Command.List,{_id:"aiSearchContent"}),x=i.ikp("div",{_id:"aiSearchInputGroup"}),j=i.ikp(v.CustomIcon,{_id:"aiSearchInputIcon",iconKey:"search"}),Ie=i.ikp(S.Command.Input,{_id:"aiSearchInput"}),q=m.forwardRef(({onInput:t,...e},r)=>{const{query:s,onInput:n,placeholder:c,inputRef:d,shouldAutoFocusInput:u}=o.useSearch(),p=_.useComposedRefs(r,d),R=T.useModal();return m.useEffect(()=>{requestAnimationFrame(()=>{u&&d?.current&&(d.current.focus(),d.current.selectionStart=d.current.value.length)})},[u,d,R?.open]),a.jsx(Ie,{asChild:!0,ref:p,placeholder:c,value:s,onInput:I.composeEventHandlers(t,n),...e,children:a.jsx(ne,{minRows:1,maxLength:1e3})})}),ve=i.ikp(A.BuiltInIconRenderer,{_id:"aiSearchLoading",iconSettings:{builtIn:"LuLoaderCircle"}}),w=t=>{const{loading:e,resultsList:r}=o.useSearch();return!e||r.length===0?null:a.jsx(ve,{...t})},ge=i.ikp(S.Command.Item,{_id:"aiAskAITrigger",value:"__ask_ai__"}),B=t=>{const{setSelectedItem:e,results:r,tab:s}=o.useSearch(),n=r[s]?.[0]?.id??"NONE";return a.jsx(ge,{...t,onPointerLeave:()=>e(n)})},Re=i.ikp("img",{_id:"aiAskAITrigger__Icon"}),D=t=>{const{aiChatSettings:e}=P.useInkeepConfig(),{botAvatarSrcUrl:r,botAvatarDarkSrcUrl:s}=e??{},n=s??r,c=he.useColorModeValue(r,n),[d,u]=m.useState(c);m.useEffect(()=>{u(c)},[c]);const p=()=>{u(null)};return a.jsx(Re,{asChild:!0,...t,children:d?a.jsx("img",{src:d,alt:"AI Avatar","data-type":"image",onError:I.composeEventHandlers(p),...t}):a.jsx(Se.default,{"data-type":"icon",...t})})},N=i.ikp("span",{_id:"aiAskAITrigger__Label"}),F=i.ikp(v.CustomIcon,{_id:"aiAskAITrigger__Indicator",iconKey:"openLinkInSameTab"}),Pe=i.ikp(g.Root,{_id:"aiSearchResults"}),O=t=>{const{tab:e,onTabChange:r,hasContent:s}=o.useSearch();return a.jsx(Pe,{value:e,onValueChange:r,"data-has-content":l.dataAttr(s),...t})},_e=i.ikp("div",{_id:"aiSearchResults__Loading"}),M=t=>{const{loading:e,resultsList:r}=o.useSearch();return!e||r.length>0?null:a.jsx(_e,{...t})},Ee=i.ikp(S.Command.Empty,{_id:"aiSearchResults__Empty"}),V=t=>{const{query:e,loading:r,results:s,tab:n}=o.useSearch(),c=s[n]?.length;return r||!e||c?null:a.jsx(Ee,{children:"No results found.",...t})},ke=i.ikp(g.List,{_id:"aiSearchResults__TabList"}),H=t=>{const{children:e,...r}=t,{searchSettings:{tabs:s}}=P.useInkeepConfig(),{results:n,loading:c,resultsList:d}=o.useSearch();if(c&&d.length===0)return null;const u=Object.keys(n);return!s.length||!u.length?null:a.jsx(ke,{children:l.maybeRender(e,u),...r})},Ae=i.ikp(g.Trigger,{_id:"aiSearchResults__Tab"}),U=t=>{const{tab:e,...r}=t,{results:s}=o.useSearch(),n=s[e].length;return a.jsx(Ae,{value:e,children:`${e} (${n})`,...r})},Te=i.ikp(b.Root,{_id:"aiSearchResults__ScrollArea"}),W=t=>{const{loading:e,resultsList:r}=o.useSearch();return e&&r.length===0?null:a.jsx(Te,{...t})},fe=i.ikp(b.Viewport,{_id:"aiSearchResults__ScrollAreaViewport"}),G=m.forwardRef(({children:t,...e},r)=>{const s=me.useScrollingFades(),n=_.useComposedRefs(r,s),{tab:c}=o.useSearch();return m.useEffect(()=>{c&&s.current?.scrollTo({top:0,behavior:"auto"})},[c]),a.jsx(fe,{ref:n,children:a.jsx("div",{style:{display:"grid"},children:t}),...e})}),Le=i.ikp(b.ScrollAreaScrollbar,{_id:"aiSearchResults__ScrollAreaScrollbar"}),ye=i.ikp(b.ScrollAreaThumb,{_id:"aiSearchResults__ScrollAreaThumb"}),Ce=i.ikp(b.Corner,{_id:"aiSearchResults__ScrollAreaCorner"}),xe=i.ikp(g.Content,{_id:"aiSearchResults__List"}),K=t=>{const{children:e,...r}=t,{results:s,tab:n}=o.useSearch(),c=s[n]??[];return a.jsx(xe,{value:n,"data-has-results":l.dataAttr(c.length>0),"aria-label":"Search results",children:l.maybeRender(e,c),...r})},je=i.ikp(S.Command.Item,{_id:"aiSearchResults__Item",asChild:!0}),z=m.forwardRef(({item:t,onClick:e,onSelect:r,children:s,...n},c)=>{const{searchSettings:{shouldOpenLinksInNewTab:d}}=P.useInkeepConfig(),{logEvent:u}=de.useSearchEvents(),{query:p,transitionsDisabled:R}=o.useSearch(),E=m.useRef(null),re=_.useComposedRefs(c,E),ie=()=>{E.current?.click()},se=()=>{u({eventName:"search_result_clicked",properties:{searchQuery:p,title:t.title,url:t.url}})},k=d||!!t.shouldOpenInNewTab;return a.jsx(h.SourceItemProvider,{source:{...t,isExternal:k},children:a.jsx(je,{ref:re,value:t.id,"data-type":t.type,"data-breadcrumbs":!!t.breadcrumbs?.length,"data-disable-transitions":l.dataAttr(R),onSelect:I.composeEventHandlers(r,ie),onClick:I.composeEventHandlers(e,se),...n,children:a.jsx(le.LinkWithQueryParams,{href:t.url,isExternal:k,appendToUrl:t.appendToUrl,children:s})})})}),qe=i.ikp("div",{_id:"aiSearchResults__ItemBreadcrumbs"}),Q=t=>{const{source:e}=h.useSourceItem(),{tab:r}=o.useSearch();if(!e.breadcrumbs?.length)return null;const{children:s,...n}=t,d=e.tabs?.find(u=>typeof u!="string"&&u[0]===r)?.[1]?.breadcrumbs??e.breadcrumbs??[];return a.jsx(qe,{children:l.maybeRender(s,d),...n})},we=i.ikp(v.CustomIcon,{_id:"aiSearchResults__ItemBreadcrumbIcon",iconKey:"breadcrumbSeparator"}),Be=i.ikp(A.BuiltInIconRenderer,{_id:"aiSearchResults__ItemIcon"}),$=t=>{const{source:e}=h.useSourceItem();return a.jsx(Be,{iconSettings:e.icon,"data-type":e.type,...t})},De=i.ikp("span",{_id:"aiSearchResults__ItemTitle"}),J=t=>{const{source:e}=h.useSourceItem();return a.jsx(De,{"data-type":e.type,children:e.title,...t})},Ne=i.ikp("span",{_id:"aiSearchResults__ItemTag"}),X=t=>{const{source:e}=h.useSourceItem();return a.jsx(Ne,{"data-type":e.type,children:e.tag,...t})},Fe=i.ikp("span",{_id:"aiSearchResults__ItemDescription"}),Y=t=>{const{source:e}=h.useSourceItem(),{children:r,...s}=t,n=m.useMemo(()=>e.description?ue.highlightEmphasis(e.description):[],[e.description]);return n.length?a.jsx(Fe,{"data-type":e.type,children:l.maybeRender(r,n),...s}):null},Oe=i.ikp("span",{_id:"aiSearchResults__ItemDescriptionPart"}),Z=t=>{const{part:e,...r}=t,{source:s}=h.useSourceItem();return typeof e=="string"?e:a.jsx(Oe,{"data-type":s.type,children:e.content,"data-highlighted":l.dataAttr(e.highlighted),...r})},Me=i.ikp(v.CustomIcon,{_id:"aiSearchResults__ItemIndicator"}),ee=t=>{const{source:e}=h.useSourceItem();return a.jsx(Me,{iconKey:e.isExternal?"openLinkInNewTab":"openLinkInSameTab",...t})},Ve=i.ikp("div",{_id:"aiSearchFooter"}),te=t=>{const{resultsList:e}=o.useSearch();return a.jsx(Ve,{"data-has-results":l.dataAttr(e.length>0),...t})},He=i.ikp("div",{_id:"aiSearchTagline__Container"}),Ue=i.ikp("span",{_id:"aiSearchTagline__Text",children:"Powered by"}),We=i.ikp(ae.default,{_id:"aiSearchTagline__Logo"}),Ge=i.ikp("a",{_id:"aiSearchTagline__BrandName",children:"inkeep",href:"https://www.inkeep.com/",target:"_blank",rel:"noopener noreferrer"});exports.Provider=o.SearchProvider;exports.AskAITrigger=B;exports.AskAITriggerIcon=D;exports.AskAITriggerIndicator=F;exports.AskAITriggerLabel=N;exports.Content=C;exports.EmbeddedSearchInputIcon=j;exports.EmbeddedSearchPrimitiveAskAITrigger=B;exports.EmbeddedSearchPrimitiveAskAITriggerIcon=D;exports.EmbeddedSearchPrimitiveAskAITriggerIndicator=F;exports.EmbeddedSearchPrimitiveAskAITriggerLabel=N;exports.EmbeddedSearchPrimitiveContent=C;exports.EmbeddedSearchPrimitiveFooter=te;exports.EmbeddedSearchPrimitiveInput=q;exports.EmbeddedSearchPrimitiveInputGroup=x;exports.EmbeddedSearchPrimitiveLoading=w;exports.EmbeddedSearchPrimitiveResults=O;exports.EmbeddedSearchPrimitiveResultsEmpty=V;exports.EmbeddedSearchPrimitiveResultsItem=z;exports.EmbeddedSearchPrimitiveResultsItemBreadcrumbs=Q;exports.EmbeddedSearchPrimitiveResultsItemDescription=Y;exports.EmbeddedSearchPrimitiveResultsItemDescriptionPart=Z;exports.EmbeddedSearchPrimitiveResultsItemIcon=$;exports.EmbeddedSearchPrimitiveResultsItemIndicator=ee;exports.EmbeddedSearchPrimitiveResultsItemTag=X;exports.EmbeddedSearchPrimitiveResultsItemTitle=J;exports.EmbeddedSearchPrimitiveResultsList=K;exports.EmbeddedSearchPrimitiveResultsLoading=M;exports.EmbeddedSearchPrimitiveResultsScrollArea=W;exports.EmbeddedSearchPrimitiveResultsScrollAreaViewport=G;exports.EmbeddedSearchPrimitiveResultsTab=U;exports.EmbeddedSearchPrimitiveResultsTabList=H;exports.EmbeddedSearchPrimitiveRoot=y;exports.EmbeddedSearchPrimitiveWrapper=L;exports.Footer=te;exports.Input=q;exports.InputGroup=x;exports.InputIcon=j;exports.Loading=w;exports.Results=O;exports.ResultsEmpty=V;exports.ResultsItem=z;exports.ResultsItemBreadcrumbIcon=we;exports.ResultsItemBreadcrumbs=Q;exports.ResultsItemDescription=Y;exports.ResultsItemDescriptionPart=Z;exports.ResultsItemIcon=$;exports.ResultsItemIndicator=ee;exports.ResultsItemTag=X;exports.ResultsItemTitle=J;exports.ResultsList=K;exports.ResultsLoading=M;exports.ResultsScrollArea=W;exports.ResultsScrollAreaCorner=Ce;exports.ResultsScrollAreaScrollbar=Le;exports.ResultsScrollAreaThumb=ye;exports.ResultsScrollAreaViewport=G;exports.ResultsTab=U;exports.ResultsTabList=H;exports.Root=y;exports.TaglineBrandName=Ge;exports.TaglineContainer=He;exports.TaglineLogo=We;exports.TaglineText=Ue;exports.Wrapper=L;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),S=require("cmdk"),i=require("./factory.cjs"),l=require("../utils/misc.cjs"),m=require("react"),o=require("./embedded-search/search-provider.cjs"),ne=require("./tagline-logo-icon.cjs"),g=require("../atoms/icons/custom-icon.cjs"),ae=require("react-textarea-autosize"),ce=require("@radix-ui/react-scroll-area"),oe=require("@radix-ui/react-tabs"),P=require("../providers/config-provider.cjs"),de=require("../providers/search-events-provider.cjs"),le=require("../atoms/link.cjs"),h=require("../providers/source-item-provider.cjs"),A=require("../atoms/icons/built-in-icon-renderer.cjs"),ue=require("../utils/highlight-emphasis.cjs"),me=require("../hooks/use-scrolling-fades.cjs"),he=require("@inkeep/cxkit-color-mode"),Se=require("../atoms/avatars/ai.cjs"),T=require("./modal/modal-provider.cjs"),_=require("../utils/compose-refs.cjs"),I=require("../utils/compose-event-handlers.cjs");function f(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,s.get?s:{enumerable:!0,get:()=>t[r]})}}return e.default=t,Object.freeze(e)}const b=f(ce),v=f(oe),pe=i.ikp("div",{_id:"aiSearchWrapper"}),y=t=>{const{isHidden:e,hasContent:r,isMobile:s}=o.useSearch(),a=T.useModal();return n.jsx(pe,{"data-hidden":l.dataAttr(e),"data-has-content":l.dataAttr(r),"data-in-modal":l.dataAttr(!!a),"data-mobile":l.dataAttr(s),...t})},be=i.ikp(S.Command,{_id:"aiSearchRoot"}),L=t=>{const{isHidden:e,selectedItem:r,onSelectedItemChange:s}=o.useSearch();return n.jsx(be,{"data-hidden":l.dataAttr(e),shouldFilter:!1,loop:!1,value:r,onValueChange:s,...t})},C=i.ikp(S.Command.List,{_id:"aiSearchContent"}),x=i.ikp("div",{_id:"aiSearchInputGroup"}),j=i.ikp(g.CustomIcon,{_id:"aiSearchInputIcon",iconKey:"search"}),Ie=i.ikp(S.Command.Input,{_id:"aiSearchInput"}),q=m.forwardRef(({onInput:t,...e},r)=>{const{query:s,onInput:a,placeholder:c,inputRef:d,shouldAutoFocusInput:u}=o.useSearch(),p=_.useComposedRefs(r,d),R=T.useModal();return m.useEffect(()=>{requestAnimationFrame(()=>{u&&d?.current&&(d.current.focus(),d.current.selectionStart=d.current.value.length)})},[u,d,R?.isOpen]),n.jsx(Ie,{asChild:!0,ref:p,placeholder:c,value:s,onInput:I.composeEventHandlers(t,a),...e,children:n.jsx(ae,{minRows:1,maxLength:1e3})})}),ge=i.ikp(A.BuiltInIconRenderer,{_id:"aiSearchLoading",iconSettings:{builtIn:"LuLoaderCircle"}}),w=t=>{const{loading:e,resultsList:r}=o.useSearch();return!e||r.length===0?null:n.jsx(ge,{...t})},ve=i.ikp(S.Command.Item,{_id:"aiAskAITrigger",value:"__ask_ai__"}),B=t=>{const{setSelectedItem:e,results:r,tab:s}=o.useSearch(),a=r[s]?.[0]?.id??"NONE";return n.jsx(ve,{...t,onPointerLeave:()=>e(a)})},Re=i.ikp("img",{_id:"aiAskAITrigger__Icon"}),D=t=>{const{aiChatSettings:e}=P.useInkeepConfig(),{aiAssistantAvatar:r}=e??{},s=typeof r=="string"?r:r?.light,a=(typeof r=="string"?r:r?.dark)??s,c=he.useColorModeValue(s,a),[d,u]=m.useState(c);m.useEffect(()=>{u(c)},[c]);const p=()=>{u(null)};return n.jsx(Re,{asChild:!0,...t,children:d?n.jsx("img",{src:d,alt:"AI Avatar","data-type":"image",onError:I.composeEventHandlers(p),...t}):n.jsx(Se.default,{"data-type":"icon",...t})})},N=i.ikp("span",{_id:"aiAskAITrigger__Label"}),O=i.ikp(g.CustomIcon,{_id:"aiAskAITrigger__Indicator",iconKey:"openLinkInSameTab"}),Pe=i.ikp(v.Root,{_id:"aiSearchResults"}),F=t=>{const{tab:e,onTabChange:r,hasContent:s}=o.useSearch();return n.jsx(Pe,{value:e,onValueChange:r,"data-has-content":l.dataAttr(s),...t})},_e=i.ikp("div",{_id:"aiSearchResults__Loading"}),M=t=>{const{loading:e,resultsList:r}=o.useSearch();return!e||r.length>0?null:n.jsx(_e,{...t})},Ee=i.ikp(S.Command.Empty,{_id:"aiSearchResults__Empty"}),V=t=>{const{query:e,loading:r,results:s,tab:a}=o.useSearch(),c=s[a]?.length;return r||!e||c?null:n.jsx(Ee,{children:"No results found.",...t})},ke=i.ikp(v.List,{_id:"aiSearchResults__TabList"}),H=t=>{const{children:e,...r}=t,{searchSettings:{tabs:s}}=P.useInkeepConfig(),{results:a,loading:c,resultsList:d}=o.useSearch();if(c&&d.length===0)return null;const u=Object.keys(a);return!s.length||!u.length?null:n.jsx(ke,{children:l.maybeRender(e,u),...r})},Ae=i.ikp(v.Trigger,{_id:"aiSearchResults__Tab"}),U=t=>{const{tab:e,...r}=t,{results:s}=o.useSearch(),a=s[e].length;return n.jsx(Ae,{value:e,children:`${e} (${a})`,...r})},Te=i.ikp(b.Root,{_id:"aiSearchResults__ScrollArea"}),W=t=>{const{loading:e,resultsList:r}=o.useSearch();return e&&r.length===0?null:n.jsx(Te,{...t})},fe=i.ikp(b.Viewport,{_id:"aiSearchResults__ScrollAreaViewport"}),G=m.forwardRef(({children:t,...e},r)=>{const s=me.useScrollingFades(),a=_.useComposedRefs(r,s),{tab:c}=o.useSearch();return m.useEffect(()=>{c&&s.current?.scrollTo({top:0,behavior:"auto"})},[c]),n.jsx(fe,{ref:a,children:n.jsx("div",{style:{display:"grid"},children:t}),...e})}),ye=i.ikp(b.ScrollAreaScrollbar,{_id:"aiSearchResults__ScrollAreaScrollbar"}),Le=i.ikp(b.ScrollAreaThumb,{_id:"aiSearchResults__ScrollAreaThumb"}),Ce=i.ikp(b.Corner,{_id:"aiSearchResults__ScrollAreaCorner"}),xe=i.ikp(v.Content,{_id:"aiSearchResults__List"}),K=t=>{const{children:e,...r}=t,{results:s,tab:a}=o.useSearch(),c=s[a]??[];return n.jsx(xe,{value:a,"data-has-results":l.dataAttr(c.length>0),"aria-label":"Search results",children:l.maybeRender(e,c),...r})},je=i.ikp(S.Command.Item,{_id:"aiSearchResults__Item",asChild:!0}),z=m.forwardRef(({item:t,onClick:e,onSelect:r,children:s,...a},c)=>{const{searchSettings:{shouldOpenLinksInNewTab:d}}=P.useInkeepConfig(),{logEvent:u}=de.useSearchEvents(),{query:p,transitionsDisabled:R}=o.useSearch(),E=m.useRef(null),re=_.useComposedRefs(c,E),ie=()=>{E.current?.click()},se=()=>{u({eventName:"search_result_clicked",properties:{searchQuery:p,title:t.title,url:t.url}})},k=d||!!t.shouldOpenInNewTab;return n.jsx(h.SourceItemProvider,{source:{...t,isExternal:k},children:n.jsx(je,{ref:re,value:t.id,"data-type":t.type,"data-breadcrumbs":!!t.breadcrumbs?.length,"data-disable-transitions":l.dataAttr(R),onSelect:I.composeEventHandlers(r,ie),onClick:I.composeEventHandlers(e,se),...a,children:n.jsx(le.LinkWithQueryParams,{href:t.url,isExternal:k,appendToUrl:t.appendToUrl,children:s})})})}),qe=i.ikp("div",{_id:"aiSearchResults__ItemBreadcrumbs"}),Q=t=>{const{source:e}=h.useSourceItem(),{tab:r}=o.useSearch();if(!e.breadcrumbs?.length)return null;const{children:s,...a}=t,d=e.tabs?.find(u=>typeof u!="string"&&u[0]===r)?.[1]?.breadcrumbs??e.breadcrumbs??[];return n.jsx(qe,{children:l.maybeRender(s,d),...a})},we=i.ikp(g.CustomIcon,{_id:"aiSearchResults__ItemBreadcrumbIcon",iconKey:"breadcrumbSeparator"}),Be=i.ikp(A.BuiltInIconRenderer,{_id:"aiSearchResults__ItemIcon"}),$=t=>{const{source:e}=h.useSourceItem();return n.jsx(Be,{iconSettings:e.icon,"data-type":e.type,...t})},De=i.ikp("span",{_id:"aiSearchResults__ItemTitle"}),J=t=>{const{source:e}=h.useSourceItem();return n.jsx(De,{"data-type":e.type,children:e.title,...t})},Ne=i.ikp("span",{_id:"aiSearchResults__ItemTag"}),X=t=>{const{source:e}=h.useSourceItem();return n.jsx(Ne,{"data-type":e.type,children:e.tag,...t})},Oe=i.ikp("span",{_id:"aiSearchResults__ItemDescription"}),Y=t=>{const{source:e}=h.useSourceItem(),{children:r,...s}=t,a=m.useMemo(()=>e.description?ue.highlightEmphasis(e.description):[],[e.description]);return a.length?n.jsx(Oe,{"data-type":e.type,children:l.maybeRender(r,a),...s}):null},Fe=i.ikp("span",{_id:"aiSearchResults__ItemDescriptionPart"}),Z=t=>{const{part:e,...r}=t,{source:s}=h.useSourceItem();return typeof e=="string"?e:n.jsx(Fe,{"data-type":s.type,children:e.content,"data-highlighted":l.dataAttr(e.highlighted),...r})},Me=i.ikp(g.CustomIcon,{_id:"aiSearchResults__ItemIndicator"}),ee=t=>{const{source:e}=h.useSourceItem();return n.jsx(Me,{iconKey:e.isExternal?"openLinkInNewTab":"openLinkInSameTab",...t})},Ve=i.ikp("div",{_id:"aiSearchFooter"}),te=t=>{const{resultsList:e}=o.useSearch();return n.jsx(Ve,{"data-has-results":l.dataAttr(e.length>0),...t})},He=i.ikp("div",{_id:"aiSearchTagline__Container"}),Ue=i.ikp("span",{_id:"aiSearchTagline__Text",children:"Powered by"}),We=i.ikp(ne.default,{_id:"aiSearchTagline__Logo"}),Ge=i.ikp("a",{_id:"aiSearchTagline__BrandName",children:"inkeep",href:"https://www.inkeep.com/",target:"_blank",rel:"noopener noreferrer"});exports.Provider=o.SearchProvider;exports.AskAITrigger=B;exports.AskAITriggerIcon=D;exports.AskAITriggerIndicator=O;exports.AskAITriggerLabel=N;exports.Content=C;exports.EmbeddedSearchInputIcon=j;exports.EmbeddedSearchPrimitiveAskAITrigger=B;exports.EmbeddedSearchPrimitiveAskAITriggerIcon=D;exports.EmbeddedSearchPrimitiveAskAITriggerIndicator=O;exports.EmbeddedSearchPrimitiveAskAITriggerLabel=N;exports.EmbeddedSearchPrimitiveContent=C;exports.EmbeddedSearchPrimitiveFooter=te;exports.EmbeddedSearchPrimitiveInput=q;exports.EmbeddedSearchPrimitiveInputGroup=x;exports.EmbeddedSearchPrimitiveLoading=w;exports.EmbeddedSearchPrimitiveResults=F;exports.EmbeddedSearchPrimitiveResultsEmpty=V;exports.EmbeddedSearchPrimitiveResultsItem=z;exports.EmbeddedSearchPrimitiveResultsItemBreadcrumbs=Q;exports.EmbeddedSearchPrimitiveResultsItemDescription=Y;exports.EmbeddedSearchPrimitiveResultsItemDescriptionPart=Z;exports.EmbeddedSearchPrimitiveResultsItemIcon=$;exports.EmbeddedSearchPrimitiveResultsItemIndicator=ee;exports.EmbeddedSearchPrimitiveResultsItemTag=X;exports.EmbeddedSearchPrimitiveResultsItemTitle=J;exports.EmbeddedSearchPrimitiveResultsList=K;exports.EmbeddedSearchPrimitiveResultsLoading=M;exports.EmbeddedSearchPrimitiveResultsScrollArea=W;exports.EmbeddedSearchPrimitiveResultsScrollAreaViewport=G;exports.EmbeddedSearchPrimitiveResultsTab=U;exports.EmbeddedSearchPrimitiveResultsTabList=H;exports.EmbeddedSearchPrimitiveRoot=L;exports.EmbeddedSearchPrimitiveWrapper=y;exports.Footer=te;exports.Input=q;exports.InputGroup=x;exports.InputIcon=j;exports.Loading=w;exports.Results=F;exports.ResultsEmpty=V;exports.ResultsItem=z;exports.ResultsItemBreadcrumbIcon=we;exports.ResultsItemBreadcrumbs=Q;exports.ResultsItemDescription=Y;exports.ResultsItemDescriptionPart=Z;exports.ResultsItemIcon=$;exports.ResultsItemIndicator=ee;exports.ResultsItemTag=X;exports.ResultsItemTitle=J;exports.ResultsList=K;exports.ResultsLoading=M;exports.ResultsScrollArea=W;exports.ResultsScrollAreaCorner=Ce;exports.ResultsScrollAreaScrollbar=ye;exports.ResultsScrollAreaThumb=Le;exports.ResultsScrollAreaViewport=G;exports.ResultsTab=U;exports.ResultsTabList=H;exports.Root=L;exports.TaglineBrandName=Ge;exports.TaglineContainer=He;exports.TaglineLogo=We;exports.TaglineText=Ue;exports.Wrapper=y;

package/dist/components/embedded-search.js

@@ -2,33 +2,33 @@
 import { jsx as a } from "react/jsx-runtime";
 import { Command as h } from "cmdk";
 import { ikp as i } from "./factory.js";
-import { dataAttr as u, maybeRender as g } from "../utils/misc.js";
-import { forwardRef as v, useEffect as P, useState as B, useRef as x, useMemo as D } from "react";
+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";
 import { SearchProvider as It } from "./embedded-search/search-provider.js";
-import N from "./tagline-logo-icon.js";
+import D from "./tagline-logo-icon.js";
 import { CustomIcon as I } from "../atoms/icons/custom-icon.js";
-import U from "react-textarea-autosize";
+import F from "react-textarea-autosize";
 import * as p from "@radix-ui/react-scroll-area";
 import * as _ from "@radix-ui/react-tabs";
 import { useInkeepConfig as T } from "../providers/config-provider.js";
-import { useSearchEvents as F } from "../providers/search-events-provider.js";
-import { LinkWithQueryParams as V } from "../atoms/link.js";
+import { useSearchEvents as V } from "../providers/search-events-provider.js";
+import { LinkWithQueryParams as U } from "../atoms/link.js";
 import { SourceItemProvider as M, useSourceItem as m } from "../providers/source-item-provider.js";
 import { BuiltInIconRenderer as L } from "../atoms/icons/built-in-icon-renderer.js";
-import { highlightEmphasis as W } from "../utils/highlight-emphasis.js";
-import { useScrollingFades as q } from "../hooks/use-scrolling-fades.js";
-import { useColorModeValue as H } from "@inkeep/cxkit-color-mode";
-import K from "../atoms/avatars/ai.js";
+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 { useModal as y } from "./modal/modal-provider.js";
 import { useComposedRefs as f } from "../utils/compose-refs.js";
-import { composeEventHandlers as b } from "../utils/compose-event-handlers.js";
-const O = i("div", {
+import { composeEventHandlers as g } from "../utils/compose-event-handlers.js";
+const K = i("div", {
   _id: "aiSearchWrapper"
-}), De = (t) => {
+}), Ne = (t) => {
   const { isHidden: e, hasContent: r, isMobile: s } = c(), n = y();
   return /* @__PURE__ */ a(
-    O,
+    K,
     {
       "data-hidden": u(e),
       "data-has-content": u(r),
@@ -39,7 +39,7 @@ const O = i("div", {
   );
 }, G = i(h, {
   _id: "aiSearchRoot"
-}), Ne = (t) => {
+}), De = (t) => {
   const { isHidden: e, selectedItem: r, onSelectedItemChange: s } = c();
   return /* @__PURE__ */ a(
     G,
@@ -52,11 +52,11 @@ const O = i("div", {
       ...t
     }
   );
-}, Ue = i(h.List, {
+}, Fe = i(h.List, {
   _id: "aiSearchContent"
-}), Fe = i("div", {
+}), Ve = i("div", {
   _id: "aiSearchInputGroup"
-}), Ve = i(I, {
+}), Ue = i(I, {
   _id: "aiSearchInputIcon",
   iconKey: "search"
 }), j = i(h.Input, {
@@ -67,16 +67,16 @@ const O = i("div", {
     requestAnimationFrame(() => {
       d && l?.current && (l.current.focus(), l.current.selectionStart = l.current.value.length);
     });
-  }, [d, l, R?.open]), /* @__PURE__ */ a(
+  }, [d, l, R?.isOpen]), /* @__PURE__ */ a(
     j,
     {
       asChild: !0,
       ref: S,
       placeholder: o,
       value: s,
-      onInput: b(t, n),
+      onInput: g(t, n),
       ...e,
-      children: /* @__PURE__ */ a(U, { minRows: 1, maxLength: 1e3 })
+      children: /* @__PURE__ */ a(F, { minRows: 1, maxLength: 1e3 })
     }
   );
 }), Q = i(L, {
@@ -84,19 +84,19 @@ const O = i("div", {
   iconSettings: {
     builtIn: "LuLoaderCircle"
   }
-}), We = (t) => {
+}), Oe = (t) => {
   const { loading: e, resultsList: r } = c();
   return !e || r.length === 0 ? null : /* @__PURE__ */ a(Q, { ...t });
 }, $ = i(h.Item, {
   _id: "aiAskAITrigger",
   value: "__ask_ai__"
-}), qe = (t) => {
+}), We = (t) => {
   const { setSelectedItem: e, results: r, tab: s } = c(), n = r[s]?.[0]?.id ?? "NONE";
   return /* @__PURE__ */ a($, { ...t, onPointerLeave: () => e(n) });
 }, z = i("img", {
   _id: "aiAskAITrigger__Icon"
-}), He = (t) => {
-  const { aiChatSettings: e } = T(), { botAvatarSrcUrl: r, botAvatarDarkSrcUrl: s } = e ?? {}, o = H(r, s ?? r), [l, d] = B(o);
+}), 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);
   return P(() => {
     d(o);
   }, [o]), /* @__PURE__ */ a(z, { asChild: !0, ...t, children: l ? (
@@ -107,16 +107,16 @@ const O = i("div", {
         src: l,
         alt: "AI Avatar",
         "data-type": "image",
-        onError: b(() => {
+        onError: g(() => {
           d(null);
         }),
         ...t
       }
     )
-  ) : /* @__PURE__ */ a(K, { "data-type": "icon", ...t }) });
-}, Ke = i("span", {
+  ) : /* @__PURE__ */ a(H, { "data-type": "icon", ...t }) });
+}, He = i("span", {
   _id: "aiAskAITrigger__Label"
-}), Oe = i(I, {
+}), Ke = i(I, {
   _id: "aiAskAITrigger__Indicator",
   iconKey: "openLinkInSameTab"
 }), J = i(_.Root, {
@@ -150,7 +150,7 @@ const O = i("div", {
   } = 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: g(e, d), ...r });
+  return !s.length || !d.length ? null : /* @__PURE__ */ a(Z, { children: b(e, d), ...r });
 }, ee = i(_.Trigger, {
   _id: "aiSearchResults__Tab"
 }), ze = (t) => {
@@ -164,7 +164,7 @@ const O = i("div", {
 }, re = i(p.Viewport, {
   _id: "aiSearchResults__ScrollAreaViewport"
 }), Xe = v(({ children: t, ...e }, r) => {
-  const s = q(), n = f(r, s), { tab: o } = c();
+  const s = W(), n = f(r, s), { tab: o } = c();
   return P(() => {
     o && s.current?.scrollTo({ top: 0, behavior: "auto" });
   }, [o]), /* @__PURE__ */ a(
@@ -197,7 +197,7 @@ const O = i("div", {
       value: n,
       "data-has-results": u(o.length > 0),
       "aria-label": "Search results",
-      children: g(e, o),
+      children: b(e, o),
       ...r
     }
   );
@@ -207,7 +207,7 @@ const O = i("div", {
 }), rt = v(({ item: t, onClick: e, onSelect: r, children: s, ...n }, o) => {
   const {
     searchSettings: { shouldOpenLinksInNewTab: l }
-  } = T(), { logEvent: d } = F(), { query: S, transitionsDisabled: R } = c(), A = x(null), k = f(o, A), C = () => {
+  } = T(), { logEvent: d } = V(), { query: S, transitionsDisabled: R } = c(), A = x(null), k = f(o, A), C = () => {
     A.current?.click();
   }, w = () => {
     d({
@@ -227,11 +227,11 @@ const O = i("div", {
       "data-type": t.type,
       "data-breadcrumbs": !!t.breadcrumbs?.length,
       "data-disable-transitions": u(R),
-      onSelect: b(r, C),
-      onClick: b(e, w),
+      onSelect: g(r, C),
+      onClick: g(e, w),
       ...n,
       children: /* @__PURE__ */ a(
-        V,
+        U,
         {
           href: t.url,
           isExternal: E,
@@ -247,7 +247,7 @@ const O = i("div", {
   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: g(s, l), ...n });
+  return /* @__PURE__ */ a(ae, { children: b(s, l), ...n });
 }, st = i(I, {
   _id: "aiSearchResults__ItemBreadcrumbIcon",
   iconKey: "breadcrumbSeparator"
@@ -269,12 +269,12 @@ const O = i("div", {
 }, le = i("span", {
   _id: "aiSearchResults__ItemDescription"
 }), ct = (t) => {
-  const { source: e } = m(), { children: r, ...s } = t, n = D(() => e.description ? W(e.description) : [], [e.description]);
+  const { source: e } = m(), { children: r, ...s } = t, n = N(() => e.description ? O(e.description) : [], [e.description]);
   return n.length ? /* @__PURE__ */ a(
     le,
     {
       "data-type": e.type,
-      children: g(r, n),
+      children: b(r, n),
       ...s
     }
   ) : null;
@@ -312,7 +312,7 @@ const O = i("div", {
 }), ht = i("span", {
   _id: "aiSearchTagline__Text",
   children: "Powered by"
-}), pt = i(N, {
+}), pt = i(D, {
   _id: "aiSearchTagline__Logo"
 }), St = i("a", {
   _id: "aiSearchTagline__BrandName",
@@ -322,21 +322,21 @@ const O = i("div", {
   rel: "noopener noreferrer"
 });
 export {
-  qe as AskAITrigger,
-  He as AskAITriggerIcon,
-  Oe as AskAITriggerIndicator,
-  Ke as AskAITriggerLabel,
-  Ue as Content,
-  Ve as EmbeddedSearchInputIcon,
-  qe as EmbeddedSearchPrimitiveAskAITrigger,
-  He as EmbeddedSearchPrimitiveAskAITriggerIcon,
-  Oe as EmbeddedSearchPrimitiveAskAITriggerIndicator,
-  Ke as EmbeddedSearchPrimitiveAskAITriggerLabel,
-  Ue as EmbeddedSearchPrimitiveContent,
+  We as AskAITrigger,
+  qe as AskAITriggerIcon,
+  Ke as AskAITriggerIndicator,
+  He as AskAITriggerLabel,
+  Fe as Content,
+  Ue as EmbeddedSearchInputIcon,
+  We as EmbeddedSearchPrimitiveAskAITrigger,
+  qe as EmbeddedSearchPrimitiveAskAITriggerIcon,
+  Ke as EmbeddedSearchPrimitiveAskAITriggerIndicator,
+  He as EmbeddedSearchPrimitiveAskAITriggerLabel,
+  Fe as EmbeddedSearchPrimitiveContent,
   ut as EmbeddedSearchPrimitiveFooter,
   Me as EmbeddedSearchPrimitiveInput,
-  Fe as EmbeddedSearchPrimitiveInputGroup,
-  We as EmbeddedSearchPrimitiveLoading,
+  Ve as EmbeddedSearchPrimitiveInputGroup,
+  Oe as EmbeddedSearchPrimitiveLoading,
   Ge as EmbeddedSearchPrimitiveResults,
   Qe as EmbeddedSearchPrimitiveResultsEmpty,
   rt as EmbeddedSearchPrimitiveResultsItem,
@@ -353,13 +353,13 @@ export {
   Xe as EmbeddedSearchPrimitiveResultsScrollAreaViewport,
   ze as EmbeddedSearchPrimitiveResultsTab,
   $e as EmbeddedSearchPrimitiveResultsTabList,
-  Ne as EmbeddedSearchPrimitiveRoot,
-  De as EmbeddedSearchPrimitiveWrapper,
+  De as EmbeddedSearchPrimitiveRoot,
+  Ne as EmbeddedSearchPrimitiveWrapper,
   ut as Footer,
   Me as Input,
-  Fe as InputGroup,
-  Ve as InputIcon,
-  We as Loading,
+  Ve as InputGroup,
+  Ue as InputIcon,
+  Oe as Loading,
   It as Provider,
   Ge as Results,
   Qe as ResultsEmpty,
@@ -381,10 +381,10 @@ export {
   Xe as ResultsScrollAreaViewport,
   ze as ResultsTab,
   $e as ResultsTabList,
-  Ne as Root,
+  De as Root,
   St as TaglineBrandName,
   mt as TaglineContainer,
   pt as TaglineLogo,
   ht as TaglineText,
-  De as Wrapper
+  Ne as Wrapper
 };

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"),X=require("../../utils/form.cjs"),z=require("./actions/qa-model-response.cjs"),W=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",I=async(f,r)=>{if(r)return;const i=await re.fetchAndSolveChallenge(`${f}/v1/challenge`);if(i)return{"X-INKEEP-CHALLENGE-SOLUTION":btoa(JSON.stringify(i))}},oe=f=>{const{formConfig:r}=f,{baseSettings:i}=Y.useInkeepConfig(),{conversation:n}=Z.useInkeepConversation(),{logEvent:a}=ee.useChatEvents(),{baseUrl:d,bypassChallenge: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),[F,p]=t.useState(!1),[N,_]=t.useState({}),l=t.useMemo(()=>{const{primary:o,secondary:u}=r;return X.getFormDefaultValues([...o.fields,...u.fields])},[r]),{control:b,handleSubmit:A,formState:{errors:h,isSubmitting:P,isSubmitSuccessful:O},reset:C,trigger:k,setValue:x,setError:H}=J.useForm({defaultValues:l});t.useEffect(()=>{l&&C(l)},[C,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=b._formValues,E=r.primary.fields.reduce((e,m)=>(e[m.name]=c[m.name],e),{}),G=r.secondary.fields.filter(e=>e.aiGenerated!==!1),q=se.getQAModelMessages(E);a({eventName:"intelligent_form_primary_submitted",properties:{conversationId:n.id,fields:o,messages:q}});try{const e=await I(d,v),m=await I(d,v),[s,g]=await Promise.all([z.generateQAModelResponse(q,y,e),W.generateContextModelResponse({primaryFieldValues:E,fieldsToGenerate:G},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}}),g.suggestedValues){for(const[$,B]of Object.entries(g.suggestedValues))x($,B);a({eventName:"intelligent_form_context_suggestions",properties:{conversationId:n.id,suggestedFields:Object.keys(g.suggestedValues)}})}const w=s.aiAnnotations?.answerConfidence,T=w&&["very_confident","somewhat_confident"].includes(w),Q=s.recordsConsidered&&s.recordsConsidered.length>0;T&&Q&&s.answer?_({answer:s.answer,answerConfidence:w,recordsConsidered:s.recordsConsidered}):(p(!0),_({answer:null,recordsConsidered:s.recordsConsidered,suggestedValues:g.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=A(L),j=h?.root?.serverError;return{formConfig:r,control:b,errors:h,isSubmitSuccessful:O,isSubmitting:P,handleSubmit:U,loading:R,formError:j,submittedPrimaryForm:M,handleSubmitPrimaryForm:K,aiResponse:N,showSecondaryFields:F,setShowSecondaryFields:p}};exports.useInkeepIntelligentForm=oe;
+"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;