@inkeep/cxkit-primitives 0.5.15 → 0.5.17

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

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

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

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