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

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

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

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

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

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

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

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

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

package/dist/utils/graphql-client.cjs

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

package/dist/utils/graphql-client.js

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

package/package.json

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