@behio/storefront-sdk 0.1.3 → 0.1.5

package/dist/react.js

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunkSNODOM7Ljs = require('./chunk-SNODOM7L.js');
+var _chunkGGAO5T5Pjs = require('./chunk-GGAO5T5P.js');
 
 // src/react/provider.tsx
 var _react = require('react');
@@ -114,7 +114,7 @@ function BehioProvider({
   const storageAdapter = _react.useMemo.call(void 0, () => resolveStorage(storageOption), [storageOption]);
   const clientRef = _react.useRef.call(void 0, null);
   if (!clientRef.current) {
-    clientRef.current = new (0, _chunkSNODOM7Ljs.BehioStorefront)({
+    clientRef.current = new (0, _chunkGGAO5T5Pjs.BehioStorefront)({
       apiKey,
       baseUrl,
       locale,
@@ -157,16 +157,69 @@ function BehioProvider({
 
 // src/react/hooks/use-products.ts
 
+
 function useProducts(query) {
   const { client } = useBehio();
-  const { initialData, enabled, ...productsQuery } = _nullishCoalesce(query, () => ( {}));
-  const serializedQuery = JSON.stringify(productsQuery);
-  return _reactquery.useQuery.call(void 0, {
-    queryKey: ["behio", "products", serializedQuery],
-    queryFn: () => client.catalog.getProducts(productsQuery),
-    initialData,
-    enabled
-  });
+  const { initialData, enabled, page: initialPage, limit, ...filters } = _nullishCoalesce(query, () => ( {}));
+  const [page, setPage] = _react.useState.call(void 0, _nullishCoalesce(initialPage, () => ( 1)));
+  const serializedFilters = _react.useMemo.call(void 0, () => JSON.stringify({ ...filters, limit }), [filters, limit]);
+  const infinite = _reactquery.useInfiniteQuery.call(void 0, {
+    queryKey: ["behio", "products", serializedFilters, page],
+    queryFn: ({ pageParam }) => client.catalog.getProducts({ ...filters, limit, page: pageParam }),
+    initialPageParam: page,
+    getNextPageParam: (lastPage2) => lastPage2.page < lastPage2.totalPages ? lastPage2.page + 1 : void 0,
+    getPreviousPageParam: (firstPage2) => firstPage2.page > 1 ? firstPage2.page - 1 : void 0,
+    initialData: initialData ? { pages: [initialData], pageParams: [initialData.page] } : void 0,
+    enabled: enabled !== false
+  });
+  const items = _react.useMemo.call(void 0, 
+    () => _nullishCoalesce(_optionalChain([infinite, 'access', _ => _.data, 'optionalAccess', _2 => _2.pages, 'access', _3 => _3.flatMap, 'call', _4 => _4((p) => p.items)]), () => ( [])),
+    [infinite.data]
+  );
+  const lastPage = _optionalChain([infinite, 'access', _5 => _5.data, 'optionalAccess', _6 => _6.pages, 'access', _7 => _7[infinite.data.pages.length - 1]]);
+  const firstPage = _optionalChain([infinite, 'access', _8 => _8.data, 'optionalAccess', _9 => _9.pages, 'access', _10 => _10[0]]);
+  const loadMore = _react.useCallback.call(void 0, () => {
+    if (infinite.hasNextPage && !infinite.isFetchingNextPage) {
+      return infinite.fetchNextPage();
+    }
+    return Promise.resolve();
+  }, [infinite]);
+  const goToPage = _react.useCallback.call(void 0, (newPage) => {
+    setPage(newPage);
+  }, []);
+  return {
+    // --- Data ---
+    /** All items from all loaded pages (flat array) — for infinite scroll */
+    items,
+    /** Raw React Query data with all pages */
+    data: infinite.data,
+    /** Last loaded page meta */
+    total: _nullishCoalesce(_optionalChain([lastPage, 'optionalAccess', _11 => _11.total]), () => ( 0)),
+    totalPages: _nullishCoalesce(_optionalChain([lastPage, 'optionalAccess', _12 => _12.totalPages]), () => ( 0)),
+    currentPage: _nullishCoalesce(_optionalChain([lastPage, 'optionalAccess', _13 => _13.page]), () => ( page)),
+    limit: _nullishCoalesce(_nullishCoalesce(_optionalChain([lastPage, 'optionalAccess', _14 => _14.limit]), () => ( limit)), () => ( 20)),
+    // --- Pagination controls ---
+    /** Current page (manual pagination) */
+    page,
+    /** Change page (traditional pagination — replaces items) */
+    setPage: goToPage,
+    /** Load next page (append to items — for infinite scroll / load more button) */
+    loadMore,
+    /** Fetch previous page */
+    loadPrevious: infinite.fetchPreviousPage,
+    /** Can load more? */
+    hasMore: _nullishCoalesce(infinite.hasNextPage, () => ( false)),
+    hasPrevious: _nullishCoalesce(infinite.hasPreviousPage, () => ( false)),
+    // --- States ---
+    isLoading: infinite.isLoading,
+    isFetching: infinite.isFetching,
+    isLoadingMore: infinite.isFetchingNextPage,
+    error: infinite.error,
+    isError: infinite.isError,
+    // --- Manual control ---
+    /** Force refetch all loaded pages */
+    refetch: infinite.refetch
+  };
 }
 
 // src/react/hooks/use-product.ts
@@ -176,37 +229,47 @@ function useProduct(slug, options) {
   return _reactquery.useQuery.call(void 0, {
     queryKey: ["behio", "product", slug],
     queryFn: () => client.catalog.getProduct(slug, {
-      locale: _optionalChain([options, 'optionalAccess', _ => _.locale]),
-      currency: _optionalChain([options, 'optionalAccess', _2 => _2.currency])
+      locale: _optionalChain([options, 'optionalAccess', _15 => _15.locale]),
+      currency: _optionalChain([options, 'optionalAccess', _16 => _16.currency])
     }),
-    initialData: _optionalChain([options, 'optionalAccess', _3 => _3.initialData]),
-    enabled: _nullishCoalesce(_optionalChain([options, 'optionalAccess', _4 => _4.enabled]), () => ( !!slug))
+    initialData: _optionalChain([options, 'optionalAccess', _17 => _17.initialData]),
+    enabled: _optionalChain([options, 'optionalAccess', _18 => _18.enabled]) !== false && !!slug
   });
 }
 
 // src/react/hooks/use-categories.ts
 
-function useCategories(locale) {
+function useCategories(locale, options) {
   const { client } = useBehio();
   return _reactquery.useQuery.call(void 0, {
     queryKey: ["behio", "categories", locale],
     queryFn: async () => {
       const result = await client.catalog.getCategories(locale);
       return result.categories;
-    }
+    },
+    enabled: _optionalChain([options, 'optionalAccess', _19 => _19.enabled]) !== false
+  });
+}
+function useCategory(slug, options) {
+  const { client } = useBehio();
+  return _reactquery.useQuery.call(void 0, {
+    queryKey: ["behio", "category", slug, _optionalChain([options, 'optionalAccess', _20 => _20.locale])],
+    queryFn: () => client.catalog.getCategory(slug, _optionalChain([options, 'optionalAccess', _21 => _21.locale])),
+    enabled: _optionalChain([options, 'optionalAccess', _22 => _22.enabled]) !== false && !!slug
   });
 }
 
 // src/react/hooks/use-labels.ts
 
-function useLabels(locale) {
+function useLabels(locale, options) {
   const { client } = useBehio();
   return _reactquery.useQuery.call(void 0, {
     queryKey: ["behio", "labels", locale],
     queryFn: async () => {
       const result = await client.catalog.getLabels(locale);
       return result.labels;
-    }
+    },
+    enabled: _optionalChain([options, 'optionalAccess', _23 => _23.enabled]) !== false
   });
 }
 
@@ -215,26 +278,27 @@ function useLabels(locale) {
 function useFeatured(options) {
   const { client } = useBehio();
   return _reactquery.useQuery.call(void 0, {
-    queryKey: ["behio", "featured", _optionalChain([options, 'optionalAccess', _5 => _5.locale]), _optionalChain([options, 'optionalAccess', _6 => _6.currency])],
+    queryKey: ["behio", "featured", _optionalChain([options, 'optionalAccess', _24 => _24.locale]), _optionalChain([options, 'optionalAccess', _25 => _25.currency])],
     queryFn: () => client.catalog.getFeatured({
-      locale: _optionalChain([options, 'optionalAccess', _7 => _7.locale]),
-      currency: _optionalChain([options, 'optionalAccess', _8 => _8.currency])
+      locale: _optionalChain([options, 'optionalAccess', _26 => _26.locale]),
+      currency: _optionalChain([options, 'optionalAccess', _27 => _27.currency])
     }),
-    initialData: _optionalChain([options, 'optionalAccess', _9 => _9.initialData]),
-    enabled: _optionalChain([options, 'optionalAccess', _10 => _10.enabled])
+    initialData: _optionalChain([options, 'optionalAccess', _28 => _28.initialData]),
+    enabled: _optionalChain([options, 'optionalAccess', _29 => _29.enabled]) !== false
   });
 }
 
 // src/react/hooks/use-filters.ts
 
-function useFilters() {
+function useFilters(options) {
   const { client } = useBehio();
   return _reactquery.useQuery.call(void 0, {
     queryKey: ["behio", "filters"],
     queryFn: async () => {
       const result = await client.catalog.getFilters();
       return result.filters;
-    }
+    },
+    enabled: _optionalChain([options, 'optionalAccess', _30 => _30.enabled]) !== false
   });
 }
 
@@ -243,7 +307,7 @@ function useFilters() {
 
 function useSearch(query, options) {
   const { client } = useBehio();
-  const debounceMs = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _11 => _11.debounceMs]), () => ( 300));
+  const debounceMs = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _31 => _31.debounceMs]), () => ( 300));
   const [debouncedQuery, setDebouncedQuery] = _react.useState.call(void 0, query);
   _react.useEffect.call(void 0, () => {
     if (debounceMs <= 0) {
@@ -254,12 +318,12 @@ function useSearch(query, options) {
     return () => clearTimeout(timer);
   }, [query, debounceMs]);
   return _reactquery.useQuery.call(void 0, {
-    queryKey: ["behio", "search", debouncedQuery, _optionalChain([options, 'optionalAccess', _12 => _12.page]), _optionalChain([options, 'optionalAccess', _13 => _13.limit])],
+    queryKey: ["behio", "search", debouncedQuery, _optionalChain([options, 'optionalAccess', _32 => _32.page]), _optionalChain([options, 'optionalAccess', _33 => _33.limit])],
     queryFn: () => client.catalog.search(debouncedQuery, {
-      page: _optionalChain([options, 'optionalAccess', _14 => _14.page]),
-      limit: _optionalChain([options, 'optionalAccess', _15 => _15.limit])
+      page: _optionalChain([options, 'optionalAccess', _34 => _34.page]),
+      limit: _optionalChain([options, 'optionalAccess', _35 => _35.limit])
     }),
-    enabled: (_nullishCoalesce(_optionalChain([options, 'optionalAccess', _16 => _16.enabled]), () => ( true))) && debouncedQuery.length > 0
+    enabled: _optionalChain([options, 'optionalAccess', _36 => _36.enabled]) !== false && debouncedQuery.length > 0
   });
 }
 
@@ -267,7 +331,7 @@ function useSearch(query, options) {
 
 
 var CART_KEY = ["behio", "cart"];
-function useCart() {
+function useCart(options) {
   const { client, storage } = useBehio();
   const queryClient = _reactquery.useQueryClient.call(void 0, );
   const {
@@ -278,7 +342,7 @@ function useCart() {
     queryKey: [...CART_KEY],
     queryFn: () => client.cart.get(),
     // Only fetch if we have a cart session or are logged in
-    enabled: !!client.getCartSession() || !!client.getAccessToken()
+    enabled: _optionalChain([options, 'optionalAccess', _37 => _37.enabled]) !== false && (!!client.getCartSession() || !!client.getAccessToken())
   });
   const addMutation = _reactquery.useMutation.call(void 0, {
     mutationFn: async ({ productId, quantity }) => {
@@ -311,7 +375,7 @@ function useCart() {
       return { previous };
     },
     onError: (_err, _vars, context) => {
-      if (_optionalChain([context, 'optionalAccess', _17 => _17.previous])) {
+      if (_optionalChain([context, 'optionalAccess', _38 => _38.previous])) {
         queryClient.setQueryData([...CART_KEY], context.previous);
       }
     },
@@ -337,7 +401,7 @@ function useCart() {
       return { previous };
     },
     onError: (_err, _vars, context) => {
-      if (_optionalChain([context, 'optionalAccess', _18 => _18.previous])) {
+      if (_optionalChain([context, 'optionalAccess', _39 => _39.previous])) {
         queryClient.setQueryData([...CART_KEY], context.previous);
       }
     },
@@ -414,7 +478,7 @@ function useCart() {
     removeDiscount,
     merge,
     // Computed
-    itemCount: _nullishCoalesce(_optionalChain([cart, 'optionalAccess', _19 => _19.itemCount]), () => ( 0)),
+    itemCount: _nullishCoalesce(_optionalChain([cart, 'optionalAccess', _40 => _40.itemCount]), () => ( 0)),
     isEmpty: !cart || cart.items.length === 0,
     // Mutation states
     isAdding: addMutation.isPending,
@@ -426,17 +490,17 @@ function useCart() {
 // src/react/hooks/use-cart-count.ts
 
 var CART_KEY2 = ["behio", "cart"];
-function useCartCount() {
+function useCartCount(options) {
   const { client } = useBehio();
   const queryClient = _reactquery.useQueryClient.call(void 0, );
   const cachedCart = queryClient.getQueryData([...CART_KEY2]);
   const { data } = _reactquery.useQuery.call(void 0, {
     queryKey: [...CART_KEY2],
     queryFn: () => client.cart.get(),
-    enabled: !cachedCart && (!!client.getCartSession() || !!client.getAccessToken())
+    enabled: _optionalChain([options, 'optionalAccess', _41 => _41.enabled]) !== false && !cachedCart && (!!client.getCartSession() || !!client.getAccessToken())
   });
   const cart = _nullishCoalesce(cachedCart, () => ( data));
-  return _nullishCoalesce(_optionalChain([cart, 'optionalAccess', _20 => _20.itemCount]), () => ( 0));
+  return _nullishCoalesce(_optionalChain([cart, 'optionalAccess', _42 => _42.itemCount]), () => ( 0));
 }
 
 // src/react/hooks/use-auth.ts
@@ -564,7 +628,7 @@ function useAuth() {
 
 
 var CUSTOMER_KEY2 = ["behio", "customer"];
-function useCustomer() {
+function useCustomer(options) {
   const { client } = useBehio();
   const queryClient = _reactquery.useQueryClient.call(void 0, );
   const {
@@ -574,7 +638,7 @@ function useCustomer() {
   } = _reactquery.useQuery.call(void 0, {
     queryKey: [...CUSTOMER_KEY2],
     queryFn: () => client.customer.getProfile(),
-    enabled: !!client.getAccessToken()
+    enabled: _optionalChain([options, 'optionalAccess', _43 => _43.enabled]) !== false && !!client.getAccessToken()
   });
   const updateMutation = _reactquery.useMutation.call(void 0, {
     mutationFn: (data2) => client.customer.updateProfile(data2),
@@ -599,7 +663,7 @@ function useCustomer() {
 
 
 var ADDRESSES_KEY = ["behio", "addresses"];
-function useAddresses() {
+function useAddresses(options) {
   const { client } = useBehio();
   const queryClient = _reactquery.useQueryClient.call(void 0, );
   const {
@@ -612,7 +676,7 @@ function useAddresses() {
       const result = await client.customer.getAddresses();
       return result.items;
     },
-    enabled: !!client.getAccessToken()
+    enabled: _optionalChain([options, 'optionalAccess', _44 => _44.enabled]) !== false && !!client.getAccessToken()
   });
   const createMutation = _reactquery.useMutation.call(void 0, {
     mutationFn: (address) => client.customer.createAddress(address),
@@ -658,22 +722,59 @@ function useAddresses() {
 
 // src/react/hooks/use-orders.ts
 
+
 function useOrders(options) {
   const { client } = useBehio();
-  return _reactquery.useQuery.call(void 0, {
-    queryKey: ["behio", "orders", _optionalChain([options, 'optionalAccess', _21 => _21.page]), _optionalChain([options, 'optionalAccess', _22 => _22.limit])],
-    queryFn: () => client.orders.list({
-      page: _optionalChain([options, 'optionalAccess', _23 => _23.page]),
-      limit: _optionalChain([options, 'optionalAccess', _24 => _24.limit])
-    }),
-    enabled: (_nullishCoalesce(_optionalChain([options, 'optionalAccess', _25 => _25.enabled]), () => ( true))) && !!client.getAccessToken()
-  });
+  const { page: initialPage, limit, enabled } = _nullishCoalesce(options, () => ( {}));
+  const [page, setPage] = _react.useState.call(void 0, _nullishCoalesce(initialPage, () => ( 1)));
+  const infinite = _reactquery.useInfiniteQuery.call(void 0, {
+    queryKey: ["behio", "orders", limit, page],
+    queryFn: ({ pageParam }) => client.orders.list({ limit, page: pageParam }),
+    initialPageParam: page,
+    getNextPageParam: (lastPage2) => lastPage2.page < lastPage2.totalPages ? lastPage2.page + 1 : void 0,
+    getPreviousPageParam: (firstPage) => firstPage.page > 1 ? firstPage.page - 1 : void 0,
+    enabled: enabled !== false && !!client.getAccessToken()
+  });
+  const items = _react.useMemo.call(void 0, 
+    () => _nullishCoalesce(_optionalChain([infinite, 'access', _45 => _45.data, 'optionalAccess', _46 => _46.pages, 'access', _47 => _47.flatMap, 'call', _48 => _48((p) => p.items)]), () => ( [])),
+    [infinite.data]
+  );
+  const lastPage = _optionalChain([infinite, 'access', _49 => _49.data, 'optionalAccess', _50 => _50.pages, 'access', _51 => _51[infinite.data.pages.length - 1]]);
+  const loadMore = _react.useCallback.call(void 0, () => {
+    if (infinite.hasNextPage && !infinite.isFetchingNextPage) {
+      return infinite.fetchNextPage();
+    }
+    return Promise.resolve();
+  }, [infinite]);
+  const goToPage = _react.useCallback.call(void 0, (newPage) => {
+    setPage(newPage);
+  }, []);
+  return {
+    items,
+    data: infinite.data,
+    total: _nullishCoalesce(_optionalChain([lastPage, 'optionalAccess', _52 => _52.total]), () => ( 0)),
+    totalPages: _nullishCoalesce(_optionalChain([lastPage, 'optionalAccess', _53 => _53.totalPages]), () => ( 0)),
+    currentPage: _nullishCoalesce(_optionalChain([lastPage, 'optionalAccess', _54 => _54.page]), () => ( page)),
+    limit: _nullishCoalesce(_nullishCoalesce(_optionalChain([lastPage, 'optionalAccess', _55 => _55.limit]), () => ( limit)), () => ( 20)),
+    page,
+    setPage: goToPage,
+    loadMore,
+    loadPrevious: infinite.fetchPreviousPage,
+    hasMore: _nullishCoalesce(infinite.hasNextPage, () => ( false)),
+    hasPrevious: _nullishCoalesce(infinite.hasPreviousPage, () => ( false)),
+    isLoading: infinite.isLoading,
+    isFetching: infinite.isFetching,
+    isLoadingMore: infinite.isFetchingNextPage,
+    error: infinite.error,
+    isError: infinite.isError,
+    refetch: infinite.refetch
+  };
 }
 
 // src/react/hooks/use-order.ts
 
 
-function useOrder(orderNumber) {
+function useOrder(orderNumber, options) {
   const { client } = useBehio();
   const queryClient = _reactquery.useQueryClient.call(void 0, );
   const {
@@ -683,7 +784,7 @@ function useOrder(orderNumber) {
   } = _reactquery.useQuery.call(void 0, {
     queryKey: ["behio", "order", orderNumber],
     queryFn: () => client.orders.get(orderNumber),
-    enabled: !!orderNumber && !!client.getAccessToken()
+    enabled: _optionalChain([options, 'optionalAccess', _56 => _56.enabled]) !== false && !!orderNumber && !!client.getAccessToken()
   });
   const cancelMutation = _reactquery.useMutation.call(void 0, {
     mutationFn: () => client.orders.cancel(orderNumber),
@@ -740,35 +841,42 @@ function useCheckout() {
 
 // src/react/hooks/use-pages.ts
 
-function usePages(locale) {
+function usePages(locale, options) {
   const { client } = useBehio();
   return _reactquery.useQuery.call(void 0, {
     queryKey: ["behio", "pages", locale],
     queryFn: async () => {
       const result = await client.pages.list(locale);
       return result.pages;
-    }
+    },
+    enabled: _optionalChain([options, 'optionalAccess', _57 => _57.enabled]) !== false
   });
 }
-function usePage(slug, locale) {
+function usePage(slug, locale, options) {
   const { client } = useBehio();
   return _reactquery.useQuery.call(void 0, {
     queryKey: ["behio", "page", slug, locale],
     queryFn: () => client.pages.get(slug, locale),
-    enabled: !!slug
+    enabled: _optionalChain([options, 'optionalAccess', _58 => _58.enabled]) !== false && !!slug
   });
 }
 
 // src/react/hooks/use-shop-info.ts
 
-function useShopInfo() {
+function useShopInfo(options) {
   const { client } = useBehio();
   return _reactquery.useQuery.call(void 0, {
     queryKey: ["behio", "shop-info"],
-    queryFn: () => client.getShopInfo()
+    queryFn: () => client.getShopInfo(),
+    enabled: _optionalChain([options, 'optionalAccess', _59 => _59.enabled]) !== false
   });
 }
 
+// src/react/hooks/use-behio-client.ts
+function useBehioClient() {
+  return useBehio().client;
+}
+
 // src/react/utils/format-price.ts
 function formatPrice(amount, currency, locale) {
   const resolvedLocale = _nullishCoalesce(locale, () => ( "cs"));
@@ -810,4 +918,6 @@ function formatPrice(amount, currency, locale) {
 
 
 
-exports.BehioProvider = BehioProvider; exports.cookieStorage = cookieStorage; exports.createMemoryStorage = createMemoryStorage; exports.detectStorage = detectStorage; exports.formatPrice = formatPrice; exports.localStorageAdapter = localStorageAdapter; exports.memoryStorage = memoryStorage; exports.useAddresses = useAddresses; exports.useAuth = useAuth; exports.useBehio = useBehio; exports.useCart = useCart; exports.useCartCount = useCartCount; exports.useCategories = useCategories; exports.useCheckout = useCheckout; exports.useCustomer = useCustomer; exports.useFeatured = useFeatured; exports.useFilters = useFilters; exports.useLabels = useLabels; exports.useOrder = useOrder; exports.useOrders = useOrders; exports.usePage = usePage; exports.usePages = usePages; exports.useProduct = useProduct; exports.useProducts = useProducts; exports.useSearch = useSearch; exports.useShopInfo = useShopInfo;
+
+
+exports.BehioProvider = BehioProvider; exports.cookieStorage = cookieStorage; exports.createMemoryStorage = createMemoryStorage; exports.detectStorage = detectStorage; exports.formatPrice = formatPrice; exports.localStorageAdapter = localStorageAdapter; exports.memoryStorage = memoryStorage; exports.useAddresses = useAddresses; exports.useAuth = useAuth; exports.useBehio = useBehio; exports.useBehioClient = useBehioClient; exports.useCart = useCart; exports.useCartCount = useCartCount; exports.useCategories = useCategories; exports.useCategory = useCategory; exports.useCheckout = useCheckout; exports.useCustomer = useCustomer; exports.useFeatured = useFeatured; exports.useFilters = useFilters; exports.useLabels = useLabels; exports.useOrder = useOrder; exports.useOrders = useOrders; exports.usePage = usePage; exports.usePages = usePages; exports.useProduct = useProduct; exports.useProducts = useProducts; exports.useSearch = useSearch; exports.useShopInfo = useShopInfo;