@inkeep/cxkit-primitives 0.5.34 → 0.5.36

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

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

@@ -1,5 +1,5 @@
 "use client";
-import { useState as s, useRef as l, useCallback as o, useEffect as S, useImperativeHandle as oe, useMemo as C } from "react";
+import { useState as s, useRef as l, useCallback as o, useEffect as w, useImperativeHandle as oe, useMemo as v } from "react";
 import { useInkeepConfig as ce } from "../../providers/config-provider.js";
 import { useMediaQuery as ae } from "../../hooks/use-media-query.js";
 import le from "./search-query.graphql.js";
@@ -7,8 +7,8 @@ import { useTransformResults as ue } from "./transform-results.js";
 import { useSearchEvents as ie } from "../../providers/search-events-provider.js";
 import { useInstantUpdate as he } from "../../hooks/use-instant-update.js";
 import { graphqlRequest as fe } from "../../utils/graphql-client.js";
-const Re = () => {
-  const { baseSettings: D, searchSettings: K } = ce(), { apiKey: v, aiApiBaseUrl: W, userAuthToken: m, filters: k } = D, {
+const Te = () => {
+  const { baseSettings: D, searchSettings: K } = ce(), { apiKey: C, aiApiBaseUrl: W, userAuthToken: m, filters: k } = D, {
     maxResults: q,
     placeholder: A,
     defaultQuery: G,
@@ -22,12 +22,12 @@ const Re = () => {
   }, []), [p, b] = s([]), t = ue(p, n), M = u?.length ? typeof u[0] == "string" ? u[0] : u[0][0] : "All", [g, N] = s(M), { disableTransition: U, disabled: ee } = he(), te = o(
     (e) => {
       U(), N(e);
-      const r = t[e][0].id;
+      const r = t[e][0] ? t[e][0]?.id : void 0;
       i(r);
     },
     [t, U]
   );
-  S(() => {
+  w(() => {
     let e = g in t ? g : Object.keys(t)[0];
     if (!t[e]?.length) {
       const a = Object.keys(t).find((f) => t[f]?.length);
@@ -38,7 +38,7 @@ const Re = () => {
     const r = t[e]?.[0];
     r && i(r.id);
   }, [t]);
-  const T = ae("(max-width: 768px)"), h = l({}), Q = l(null), R = l(null);
+  const Q = ae("(max-width: 768px)"), h = l({}), R = l(null), T = l(null);
   oe(V, () => ({
     updateQuery(e) {
       x(e);
@@ -47,17 +47,17 @@ const Re = () => {
       F.current?.focus();
     }
   }));
-  const j = `${W}/graphql`, O = C(
+  const j = `${W}/graphql`, O = v(
     () => ({
-      Authorization: `Bearer ${v}`,
+      Authorization: `Bearer ${C}`,
       "Content-Type": "application/json",
       ...m ? { "User-Token": m } : {}
     }),
-    [v, m]
+    [C, m]
   ), B = o(
     async (e) => {
       const r = new AbortController();
-      Q.current = r;
+      R.current = r;
       try {
         y(null);
         const f = (await fe(
@@ -87,14 +87,14 @@ const Re = () => {
       }
     });
   }, []), P = () => {
-    Q.current && (Q.current.abort(), d(!1));
+    R.current && (R.current.abort(), d(!1));
   }, $ = o(
     (e) => {
-      if (R.current && window.clearTimeout(R.current), !e.searchQuery) {
+      if (T.current && window.clearTimeout(T.current), !e.searchQuery) {
         P(), b([]), y(null);
         return;
       }
-      R.current = window.setTimeout(() => {
+      T.current = window.setTimeout(() => {
         P(), _({
           eventName: "search_query_submitted",
           properties: {
@@ -106,7 +106,7 @@ const Re = () => {
       }, E);
     },
     [E, B]
-  ), w = C(
+  ), S = v(
     () => ({
       searchQuery: n,
       filters: {
@@ -117,11 +117,11 @@ const Re = () => {
     }),
     [n, q, k, I]
   );
-  S(() => {
-    J?.(w.searchQuery), $(w);
-  }, [$, w]);
+  w(() => {
+    J?.(S.searchQuery), $(S);
+  }, [$, S]);
   const c = l(null), [re, z] = s(!1);
-  S(() => (c.current !== null && window.clearTimeout(c.current), n ? c.current = window.setTimeout(() => {
+  w(() => (c.current !== null && window.clearTimeout(c.current), n ? c.current = window.setTimeout(() => {
     z(!0);
   }, 400) : z(!1), () => {
     c.current !== null && window.clearTimeout(c.current);
@@ -129,9 +129,9 @@ const Re = () => {
   const se = o(
     (e) => x(e.target.value),
     []
-  ), ne = C(
-    () => A || (T ? "Search..." : "Search for anything..."),
-    [A, T]
+  ), ne = v(
+    () => A || (Q ? "Search..." : "Search for anything..."),
+    [A, Q]
   );
   return {
     results: t,
@@ -149,9 +149,9 @@ const Re = () => {
     onSelectedItemChange: Z,
     transitionsDisabled: ee,
     inputRef: F,
-    isMobile: T
+    isMobile: Q
   };
 };
 export {
-  Re as useInkeepSearch
+  Te 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.34",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.36",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.34",
+      widgetLibraryVersion: "0.5.36",
       componentType: o,
       tags: r
     }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkeep/cxkit-primitives",
-  "version": "0.5.34",
+  "version": "0.5.36",
   "description": "",
   "license": "Inkeep, Inc. Customer License (IICL) v1.1",
   "homepage": "",
@@ -59,9 +59,9 @@
     "remark-gfm": "^4.0.1",
     "unist-util-visit": "^5.0.0",
     "use-sync-external-store": "^1.4.0",
-    "@inkeep/cxkit-color-mode": "0.5.34",
-    "@inkeep/cxkit-theme": "0.5.34",
-    "@inkeep/cxkit-types": "0.5.34"
+    "@inkeep/cxkit-color-mode": "0.5.36",
+    "@inkeep/cxkit-theme": "0.5.36",
+    "@inkeep/cxkit-types": "0.5.36"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",