@inkeep/cxkit-primitives 0.0.0-dev-20250221234142

package/dist/components/embedded-search/search-provider.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),t=require("react"),i=require("./use-inkeep-search.cjs"),a=require("../../providers/search-events-provider.cjs"),c=t.createContext(void 0),u=e=>r.jsx(a.SearchEventsProviderWithBase,{children:r.jsx(s,{...e})}),s=({children:e,...o})=>{const n=i.useInkeepSearch();return r.jsx(c.Provider,{value:{...n,...o},children:e})},h=()=>{const e=t.useContext(c);if(!e)throw new Error("useSearch must be used within a SearchProvider");return e};exports.SearchProvider=u;exports.SearchProviderImpl=s;exports.useSearch=h;

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

@@ -0,0 +1,21 @@
+import { useInkeepSearch } from './use-inkeep-search';
+export interface EmbeddedSearchProviderProps {
+    /**
+     * Whether to show the search.
+     * @default false
+     */
+    isHidden?: boolean;
+    /**
+     * Whether to autofocus the search input on load.
+     * @default true
+     */
+    shouldAutoFocusInput?: boolean;
+}
+export type SearchContextValue = ReturnType<typeof useInkeepSearch> & Omit<EmbeddedSearchProviderProps, 'children'>;
+interface SearchProviderProps extends Pick<EmbeddedSearchProviderProps, 'shouldAutoFocusInput' | 'isHidden'> {
+    children: React.ReactNode;
+}
+export declare const SearchProvider: React.FC<SearchProviderProps>;
+export declare const SearchProviderImpl: React.FC<SearchProviderProps>;
+export declare const useSearch: () => SearchContextValue;
+export {};

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

@@ -0,0 +1,21 @@
+import { useInkeepSearch } from './use-inkeep-search';
+export interface EmbeddedSearchProviderProps {
+    /**
+     * Whether to show the search.
+     * @default false
+     */
+    isHidden?: boolean;
+    /**
+     * Whether to autofocus the search input on load.
+     * @default true
+     */
+    shouldAutoFocusInput?: boolean;
+}
+export type SearchContextValue = ReturnType<typeof useInkeepSearch> & Omit<EmbeddedSearchProviderProps, 'children'>;
+interface SearchProviderProps extends Pick<EmbeddedSearchProviderProps, 'shouldAutoFocusInput' | 'isHidden'> {
+    children: React.ReactNode;
+}
+export declare const SearchProvider: React.FC<SearchProviderProps>;
+export declare const SearchProviderImpl: React.FC<SearchProviderProps>;
+export declare const useSearch: () => SearchContextValue;
+export {};

package/dist/components/embedded-search/search-provider.js

@@ -0,0 +1,19 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { createContext as n, useContext as s } from "react";
+import { useInkeepSearch as i } from "./use-inkeep-search.js";
+import { SearchEventsProviderWithBase as a } from "../../providers/search-events-provider.js";
+const t = n(void 0), S = (r) => /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(h, { ...r }) }), h = ({ children: r, ...o }) => {
+  const c = i();
+  return /* @__PURE__ */ e(t.Provider, { value: { ...c, ...o }, children: r });
+}, p = () => {
+  const r = s(t);
+  if (!r)
+    throw new Error("useSearch must be used within a SearchProvider");
+  return r;
+};
+export {
+  S as SearchProvider,
+  h as SearchProviderImpl,
+  p as useSearch
+};

package/dist/components/embedded-search/search-query.graphql.cjs

@@ -0,0 +1,82 @@
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=`query GetSearchResults($searchInput: SearchInput!) {
+  search(searchInput: $searchInput) {
+    searchHits {
+      id
+      hitOnRoot
+      url
+      title
+      preview
+
+      ... on DocumentationHit {
+        rootRecord {
+          __typename
+          id
+          title
+          url
+          preview
+          ... on DocumentationRecord {
+            pathBreadcrumbs
+            contentType
+          }
+        }
+        pathHeadings {
+          content
+        }
+        content {
+          content
+        }
+      }
+
+      ... on StackOverflowHit {
+        rootRecord {
+          __typename
+          id
+          title
+          url
+          preview
+          ... on StackOverflowRecord {
+            body
+            createdAt
+
+            markedAsCorrectAnswer {
+              url
+              score
+              content
+            }
+          }
+        }
+      }
+
+      ... on GitHubIssueHit {
+        rootRecord {
+          __typename
+          id
+          title
+          url
+          preview
+          ... on GitHubIssueRecord {
+            createdAt
+            body
+            state
+          }
+        }
+      }
+
+      ... on DiscourseHit {
+        rootRecord {
+          __typename
+          id
+          title
+          url
+          preview
+          ... on DiscourseRecord {
+            createdAt
+            body
+          }
+        }
+      }
+    }
+    searchQuery
+  }
+}
+`;exports.default=n;

package/dist/components/embedded-search/search-query.graphql.js

@@ -0,0 +1,86 @@
+"use client";
+const n = `query GetSearchResults($searchInput: SearchInput!) {
+  search(searchInput: $searchInput) {
+    searchHits {
+      id
+      hitOnRoot
+      url
+      title
+      preview
+
+      ... on DocumentationHit {
+        rootRecord {
+          __typename
+          id
+          title
+          url
+          preview
+          ... on DocumentationRecord {
+            pathBreadcrumbs
+            contentType
+          }
+        }
+        pathHeadings {
+          content
+        }
+        content {
+          content
+        }
+      }
+
+      ... on StackOverflowHit {
+        rootRecord {
+          __typename
+          id
+          title
+          url
+          preview
+          ... on StackOverflowRecord {
+            body
+            createdAt
+
+            markedAsCorrectAnswer {
+              url
+              score
+              content
+            }
+          }
+        }
+      }
+
+      ... on GitHubIssueHit {
+        rootRecord {
+          __typename
+          id
+          title
+          url
+          preview
+          ... on GitHubIssueRecord {
+            createdAt
+            body
+            state
+          }
+        }
+      }
+
+      ... on DiscourseHit {
+        rootRecord {
+          __typename
+          id
+          title
+          url
+          preview
+          ... on DiscourseRecord {
+            createdAt
+            body
+          }
+        }
+      }
+    }
+    searchQuery
+  }
+}
+`;
+export {
+  n as default
+};

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

@@ -0,0 +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;

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

@@ -0,0 +1,3 @@
+import { SearchHit } from '@inkeep/cxkit-types';
+import { TransformedSourceItem } from '../../providers/source-item-provider';
+export declare const useTransformResults: (items: SearchHit[], query: string) => Record<string, TransformedSourceItem[]>;

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

@@ -0,0 +1,3 @@
+import { SearchHit } from '@inkeep/cxkit-types';
+import { TransformedSourceItem } from '../../providers/source-item-provider';
+export declare const useTransformResults: (items: SearchHit[], query: string) => Record<string, TransformedSourceItem[]>;

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

@@ -0,0 +1,113 @@
+"use client";
+import { useMemo as w } from "react";
+import { useInkeepConfig as S } from "../../providers/config-provider.js";
+const O = (e, r) => {
+  const {
+    baseSettings: { transformSource: o, organizationDisplayName: s },
+    searchSettings: { tabs: u, searchQueryParamKey: b, shouldOpenLinksInNewTab: g }
+  } = S();
+  return w(() => {
+    const R = u.length > 0 ? u : ["All"], n = {}, m = /* @__PURE__ */ 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 (m.has(c)) continue;
+      m.add(c);
+      const d = T(c, r, b), a = o(
+        {
+          title: t.title,
+          url: d,
+          description: k(t),
+          type: v(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
+      }, 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`);
+          continue;
+        }
+        n[p].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,
+    o,
+    s,
+    u,
+    r,
+    b,
+    g
+  ]);
+};
+function T(e, r, o) {
+  try {
+    const s = new URL(e);
+    return s.searchParams.set(o, r), s.toString();
+  } catch {
+    return e;
+  }
+}
+const k = (e) => {
+  switch (e.rootRecord.__typename) {
+    case "DocumentationRecord": {
+      const r = h(e.pathHeadings?.at(-1)?.content || ""), o = h(e.content?.content || "");
+      return e.preview || o || r;
+    }
+    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 r = /(https?:\/\/\S+)/g;
+  return e.replace(r, (o) => {
+    const s = o.split("/");
+    return s.length > 3 ? `...${s.slice(-2).join("/")}` : o;
+  });
+}, v = (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";
+  }
+};
+export {
+  O as useTransformResults
+};

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

@@ -0,0 +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;

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

@@ -0,0 +1,21 @@
+import { SearchHit } from '@inkeep/cxkit-types';
+import { TransformedSourceItem } from '../..';
+import { Dispatch, SetStateAction, RefObject } from 'react';
+export declare const useInkeepSearch: () => {
+    results: Record<string, TransformedSourceItem[]>;
+    resultsList: SearchHit[];
+    hasContent: boolean;
+    loading: boolean;
+    error: string | null;
+    query: string;
+    onInput: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    placeholder: string;
+    tab: string;
+    onTabChange: (value: string) => void;
+    selectedItem: string | undefined;
+    setSelectedItem: Dispatch<SetStateAction<string | undefined>>;
+    onSelectedItemChange: (value: string) => void;
+    transitionsDisabled: boolean;
+    inputRef: RefObject<HTMLInputElement | null>;
+    isMobile: boolean;
+};

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

@@ -0,0 +1,21 @@
+import { SearchHit } from '@inkeep/cxkit-types';
+import { TransformedSourceItem } from '../..';
+import { Dispatch, SetStateAction, RefObject } from 'react';
+export declare const useInkeepSearch: () => {
+    results: Record<string, TransformedSourceItem[]>;
+    resultsList: SearchHit[];
+    hasContent: boolean;
+    loading: boolean;
+    error: string | null;
+    query: string;
+    onInput: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    placeholder: string;
+    tab: string;
+    onTabChange: (value: string) => void;
+    selectedItem: string | undefined;
+    setSelectedItem: Dispatch<SetStateAction<string | undefined>>;
+    onSelectedItemChange: (value: string) => void;
+    transitionsDisabled: boolean;
+    inputRef: RefObject<HTMLInputElement | null>;
+    isMobile: boolean;
+};

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

@@ -0,0 +1,137 @@
+"use client";
+import { useState as s, useRef as l, useCallback as n, useEffect as j, useImperativeHandle as X, useMemo as T } from "react";
+import { useInkeepConfig as Y } from "../../providers/config-provider.js";
+import { useMediaQuery as Z } from "../../hooks/use-media-query.js";
+import ee from "./search-query.graphql.js";
+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,
+    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) => {
+    a(e);
+  }, []), [f, d] = s([]), t = te(f, c), [y, L] = s("All"), { disableTransition: _, disabled: W } = se(), G = n(
+    (e) => {
+      _(), L(e), a(t[e][0].id);
+    },
+    [t, _]
+  );
+  j(() => {
+    let e = y in t ? y : 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);
+    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, () => ({
+    updateQuery(e) {
+      w(e);
+    },
+    focusInput: () => {
+      q.current?.focus();
+    }
+  }));
+  const x = `${F}/graphql`, H = T(
+    () => ({
+      Authorization: `Bearer ${R}`,
+      "Content-Type": "application/json",
+      ...h ? { "User-Token": h } : {}
+    }),
+    [R, h]
+  ), I = 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;
+        i.current[e.searchQuery] = u, d(u);
+      } catch (o) {
+        if (o.name === "AbortError")
+          return;
+        m("Failed to fetch search results. Please try again.");
+      }
+      E(!1);
+    },
+    [x, H]
+  ), N = n((e) => {
+    const r = i.current[e.searchQuery];
+    v({
+      eventName: "search_query_response_received",
+      properties: {
+        searchQuery: e.searchQuery,
+        totalHits: r?.length
+      }
+    });
+  }, []), U = n(
+    (e) => {
+      if (g.current && window.clearTimeout(g.current), !e.searchQuery) {
+        d([]), m(null);
+        return;
+      }
+      g.current = window.setTimeout(() => {
+        v({
+          eventName: "search_query_submitted",
+          properties: {
+            searchQuery: e.searchQuery
+          }
+        }), i.current[e.searchQuery] ? (d(i.current[e.searchQuery]), N(e)) : I(e).then(() => {
+          N(e);
+        });
+      }, k);
+    },
+    [k, I]
+  ), Q = T(
+    () => ({
+      searchQuery: c,
+      filters: {
+        limit: S
+      }
+    }),
+    [c, S]
+  );
+  j(() => {
+    $?.(Q.searchQuery), U(Q);
+  }, [U, Q]);
+  const J = n(
+    (e) => w(e.target.value),
+    []
+  ), V = T(
+    () => C || (p ? "Search..." : "Search for anything..."),
+    [C, p]
+  );
+  return {
+    results: t,
+    resultsList: f,
+    hasContent: f.length > 0 || A,
+    loading: A,
+    error: B,
+    query: c,
+    onInput: J,
+    placeholder: V,
+    tab: y,
+    onTabChange: G,
+    selectedItem: D,
+    setSelectedItem: a,
+    onSelectedItemChange: K,
+    transitionsDisabled: W,
+    inputRef: q,
+    isMobile: p
+  };
+};
+export {
+  fe as useInkeepSearch
+};

package/dist/components/embedded-search.cjs

@@ -0,0 +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;