@shopify/shop-minis-react/dist/hooks/product/useProductSearch.js

React component library for Shopify Shop Minis with Tailwind CSS v4 support (source-only, requires TypeScript)

import { useState as S, useCallback as y, useEffect as h } from "react";
import b from "../../_virtual/debounce.js";
import { useShopActions as g } from "../../internal/useShopActions.js";
import { useShopActionInfiniteQuery as k } from "../../internal/reactQuery/useShopActionInfiniteQuery.js";
const x = (a) => {
  const { getProductSearch: d } = g(), {
    query: e,
    filters: o,
    sortBy: s,
    includeSensitive: c = !1,
    skip: f = !1,
    ...u
  } = a ?? {}, [t, p] = S(e), r = y(
    b((n) => {
      p((i) => i === n ? i : n);
    }, 300),
    []
  );
  h(() => (r(e), () => {
    r.cancel();
  }), [e, r]);
  const { data: m, ...l } = k(
    [
      "productSearch",
      t,
      o,
      s,
      c,
      u
    ],
    d,
    {
      query: t,
      filters: o,
      sortBy: s,
      includeSensitive: c,
      ...u
    },
    {
      skip: f || t.trim().length === 0
    }
  );
  return {
    ...l,
    products: m,
    isTyping: t !== e
  };
};
export {
  x as useProductSearch
};
//# sourceMappingURL=useProductSearch.js.map