@simpleapps-com/augur-hooks 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +971 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.cts +674 -0
- package/dist/index.d.ts +674 -0
- package/dist/index.js +971 -0
- package/dist/index.js.map +1 -0
- package/dist/web.cjs +117 -0
- package/dist/web.cjs.map +1 -0
- package/dist/web.d.cts +45 -0
- package/dist/web.d.ts +45 -0
- package/dist/web.js +117 -0
- package/dist/web.js.map +1 -0
- package/package.json +56 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/provider.tsx","../src/stores/cart-store.ts","../src/stores/items-filters-store.ts","../src/hooks/use-debounce.ts","../src/hooks/use-format-price.ts","../src/hooks/use-item-price.ts","../src/hooks/use-inv-mast-doc.ts","../src/hooks/use-item-category.ts","../src/hooks/use-inv-mast.ts","../src/hooks/use-inv-mast-stock.ts","../src/hooks/use-product-category.ts","../src/hooks/use-item-details.ts","../src/hooks/use-item-attributes.ts","../src/hooks/use-product-search.ts","../src/hooks/use-search-suggestions.ts","../src/hooks/use-cart-actions.ts","../src/hooks/use-cart-initialization.ts","../src/hooks/use-cart-pricing.ts","../src/hooks/use-pagination-prefetch.ts","../src/hooks/use-category-items-infinite.ts","../src/hooks/use-item-search-infinite.ts"],"sourcesContent":["import { createContext, useContext, type ReactNode } from \"react\";\n\n/**\n * Minimal type for the augur-api SDK instance.\n * Consumers provide their concrete AugurAPI instance; we keep the type\n * loose so augur-hooks doesn't need to depend directly on the SDK package.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type AugurApiClient = any;\n\ninterface AugurHooksProviderProps {\n api: AugurApiClient;\n children: ReactNode;\n}\n\nconst AugurApiContext = createContext<AugurApiClient | null>(null);\n\n/**\n * Provides the augur-api SDK instance to all hooks in the tree.\n *\n * ```tsx\n * import { AugurAPI } from \"@simpleapps-com/augur-api\";\n * const api = new AugurAPI({ baseUrl: \"...\", token: \"...\" });\n *\n * <AugurHooksProvider api={api}>\n * <App />\n * </AugurHooksProvider>\n * ```\n */\nexport function AugurHooksProvider({ api, children }: AugurHooksProviderProps) {\n return (\n <AugurApiContext.Provider value={api}>{children}</AugurApiContext.Provider>\n );\n}\n\n/**\n * Returns the augur-api SDK instance from context.\n * Throws if called outside of `<AugurHooksProvider>`.\n */\nexport function useAugurApi(): AugurApiClient {\n const api = useContext(AugurApiContext);\n if (!api) {\n throw new Error(\n \"useAugurApi must be used within an <AugurHooksProvider>. \" +\n \"Wrap your app with <AugurHooksProvider api={apiInstance}>.\",\n );\n }\n return api;\n}\n","import { create } from \"zustand\";\nimport { devtools } from \"zustand/middleware\";\nimport type { TCartLine } from \"@simpleapps-com/augur-utils\";\n\ninterface CartState {\n cartHdrUid: number | string | undefined;\n cartLines: TCartLine[];\n cartItemCount: number;\n setCartHdrUid: (cartHdrUid: number | string | undefined) => void;\n setCartLines: (cartLines: TCartLine[]) => void;\n}\n\nexport const useCartStore = create<CartState>()(\n devtools(\n (set) => ({\n cartHdrUid: undefined,\n cartLines: [],\n cartItemCount: 0,\n\n setCartHdrUid: (cartHdrUid) =>\n set({ cartHdrUid }, false, \"setCartHdrUid\"),\n\n setCartLines: (cartLines) => {\n const cartItemCount = cartLines.reduce(\n (sum, line) => sum + (line.quantity || 0),\n 0,\n );\n set({ cartLines, cartItemCount }, false, \"setCartLines\");\n },\n }),\n { name: \"CartStore\", enabled: process.env.NODE_ENV === \"development\" },\n ),\n);\n\n// Selector hooks -- only re-render when specific state changes\nexport const useCartHdrUid = () => useCartStore((s) => s.cartHdrUid);\nexport const useCartLines = () => useCartStore((s) => s.cartLines);\nexport const useCartItemCount = () => useCartStore((s) => s.cartItemCount);\nexport const useSetCartHdrUid = () => useCartStore((s) => s.setCartHdrUid);\nexport const useSetCartLines = () => useCartStore((s) => s.setCartLines);\n","import { create } from \"zustand\";\nimport { devtools } from \"zustand/middleware\";\nimport type { TItemsFilters } from \"@simpleapps-com/augur-utils\";\n\nconst DEFAULT_FILTER_STATE: TItemsFilters = {\n filters: [],\n limit: 12,\n offset: 0,\n sortBy: \"asc\",\n q: \"\",\n page: 1,\n};\n\ninterface ItemsFiltersState {\n initialFiltersState: TItemsFilters;\n itemsFilters: TItemsFilters;\n setItemsFilters: (itemFilters: TItemsFilters) => void;\n}\n\nexport const useItemFiltersStore = create<ItemsFiltersState>()(\n devtools(\n (set) => ({\n initialFiltersState: DEFAULT_FILTER_STATE,\n itemsFilters: DEFAULT_FILTER_STATE,\n setItemsFilters: (state) =>\n set({ itemsFilters: state }, false, \"setItemsFilters\"),\n }),\n {\n name: \"ItemsFiltersStore\",\n enabled: process.env.NODE_ENV === \"development\",\n },\n ),\n);\n","import { useEffect, useState } from \"react\";\n\n/**\n * Debounces a rapidly-changing value.\n * Returns the latest value only after `delay` ms of inactivity.\n */\nexport function useDebounce<T>(value: T, delay: number = 500): T {\n const [debouncedValue, setDebouncedValue] = useState<T>(value);\n\n useEffect(() => {\n const handler = setTimeout(() => {\n setDebouncedValue(value);\n }, delay);\n\n return () => {\n clearTimeout(handler);\n };\n }, [value, delay]);\n\n return debouncedValue;\n}\n","/**\n * Hook that returns a price formatter.\n * Wraps Intl.NumberFormat with configurable locale/currency.\n */\nexport function useFormatPrice(\n locale: string = \"en-US\",\n currency: string = \"USD\",\n) {\n const formatPrice = (price: number): string => {\n return new Intl.NumberFormat(locale, {\n style: \"currency\",\n currency,\n minimumFractionDigits: 2,\n }).format(price);\n };\n\n return { formatPrice };\n}\n","import { useQuery } from \"@tanstack/react-query\";\nimport { CACHE_CONFIG, type TPriceData } from \"@simpleapps-com/augur-utils\";\nimport { useAugurApi, type AugurApiClient } from \"../provider\";\n\ninterface UseItemPriceOptions {\n enabled?: boolean;\n /** Override the default queryFn (e.g. with a cached server action). */\n queryFn?: () => Promise<TPriceData>;\n}\n\nexport const PRICE_CACHE_OPTIONS = {\n ...CACHE_CONFIG.SEMI_STATIC,\n refetchOnReconnect: true,\n refetchOnWindowFocus: false,\n meta: { persist: true },\n} as const;\n\n/**\n * Generates a consistent query key for item price queries.\n * Usable in both client hooks and server-side prefetch.\n */\nexport const getItemPriceKey = (\n itemId: string | undefined,\n customerId: string | number | undefined,\n quantity: number = 1,\n) => {\n return [\"price\", itemId?.toUpperCase() || \"\", customerId, quantity] as const;\n};\n\n/**\n * Query options for item price. Accepts the SDK instance so it works\n * in both client (via provider) and server (via direct construction).\n */\nexport const getItemPriceOptions = (\n api: AugurApiClient,\n itemId: string | undefined,\n customerId: string | number | undefined,\n quantity: number = 1,\n) => ({\n queryKey: getItemPriceKey(itemId, customerId, quantity),\n queryFn: async (): Promise<TPriceData> => {\n const response = await api.pricing.priceEngine.get({\n itemId: itemId?.toUpperCase() || \"\",\n customerId: Number(customerId),\n quantity,\n });\n return response.data;\n },\n ...PRICE_CACHE_OPTIONS,\n});\n\n/**\n * Fetches and caches item pricing via the augur-api SDK.\n *\n * Pass `options.queryFn` to override with a cached server action:\n * ```ts\n * useItemPrice(itemId, customerId, 1, {\n * queryFn: () => getItemPriceCached(itemId, customerId, 1),\n * });\n * ```\n */\nexport function useItemPrice(\n itemId: string | undefined,\n customerId: string | number | undefined,\n quantity: number = 1,\n options: UseItemPriceOptions = {},\n) {\n const api = useAugurApi();\n const defaultOptions = getItemPriceOptions(api, itemId, customerId, quantity);\n\n return useQuery({\n ...defaultOptions,\n ...(options.queryFn ? { queryFn: options.queryFn } : {}),\n enabled: options.enabled ?? (Boolean(itemId) && Boolean(customerId)),\n retry: 3,\n });\n}\n","import { useQuery } from \"@tanstack/react-query\";\nimport { CACHE_CONFIG, type TInvMastDoc } from \"@simpleapps-com/augur-utils\";\nimport { useAugurApi, type AugurApiClient } from \"../provider\";\n\ninterface UseInvMastDocOptions {\n enabled?: boolean;\n includePricing?: \"Y\" | \"N\";\n /** Initial data from server -- enables instant render without loading state. */\n initialData?: TInvMastDoc;\n /** Override the default queryFn (e.g. with a cached server action). */\n queryFn?: () => Promise<TInvMastDoc>;\n}\n\nexport const INV_MAST_DOC_CACHE_OPTIONS = CACHE_CONFIG.STATIC;\n\n/**\n * Generates a consistent query key for inv mast doc queries.\n * Usable in both client hooks and server-side prefetch.\n */\nexport const getInvMastDocKey = (\n invMastUid: number,\n itemId: string,\n includePricing: \"Y\" | \"N\",\n) => {\n return [\n \"invMastDoc\",\n invMastUid,\n itemId.toUpperCase(),\n includePricing,\n ] as const;\n};\n\n/**\n * Query options for inv mast doc. Accepts the SDK instance so it works\n * in both client (via provider) and server (via direct construction).\n */\nexport const getInvMastDocOptions = (\n api: AugurApiClient,\n invMastUid: number,\n itemId: string,\n includePricing: \"Y\" | \"N\",\n) => ({\n queryKey: getInvMastDocKey(invMastUid, itemId, includePricing),\n queryFn: async (): Promise<TInvMastDoc> => {\n const response = await api.items.invMast.doc.list(invMastUid, {\n includePricing,\n });\n if (!response.data) throw new Error(\"Item not found\");\n return response.data;\n },\n ...INV_MAST_DOC_CACHE_OPTIONS,\n});\n\n/**\n * Fetches and caches an inventory master document via the augur-api SDK.\n */\nexport function useInvMastDoc(\n invMastUid: number,\n itemId: string,\n options: UseInvMastDocOptions = {},\n) {\n const api = useAugurApi();\n const queryOpts = getInvMastDocOptions(\n api,\n invMastUid,\n itemId,\n options.includePricing ?? \"N\",\n );\n\n const { data, isLoading, error } = useQuery<TInvMastDoc, Error>({\n ...queryOpts,\n ...(options.queryFn ? { queryFn: options.queryFn } : {}),\n enabled: options.enabled ?? true,\n initialData: options.initialData,\n });\n\n return { item: data, isLoading, error };\n}\n","import { useQuery } from \"@tanstack/react-query\";\nimport { CACHE_CONFIG, type TCategory } from \"@simpleapps-com/augur-utils\";\nimport { useAugurApi, type AugurApiClient } from \"../provider\";\nimport type { GetItemCategoryApiOptions } from \"../types\";\n\ninterface UseItemCategoryOptions {\n enabled?: boolean;\n apiOptions?: GetItemCategoryApiOptions;\n /** Override the default queryFn (e.g. with a cached server action). */\n queryFn?: () => Promise<TCategory>;\n}\n\nexport const CATEGORY_CACHE_OPTIONS = CACHE_CONFIG.STATIC;\n\ntype ItemCategoryQueryKey = readonly [\n \"itemCategory\",\n number,\n GetItemCategoryApiOptions | undefined,\n];\n\n/**\n * Generates a consistent query key for item category queries.\n * Usable in both client hooks and server-side prefetch.\n */\nexport const getItemCategoryKey = (\n itemCategoryUid: number,\n apiOptions?: GetItemCategoryApiOptions,\n): ItemCategoryQueryKey => {\n return [\"itemCategory\", itemCategoryUid, apiOptions] as const;\n};\n\n/**\n * Query options for item category. Accepts the SDK instance so it works\n * in both client (via provider) and server (via direct construction).\n */\nexport const getItemCategoryOptions = (\n api: AugurApiClient,\n itemCategoryUid: number,\n apiOptions?: GetItemCategoryApiOptions,\n) => ({\n queryKey: getItemCategoryKey(itemCategoryUid, apiOptions),\n queryFn: async (): Promise<TCategory> => {\n const response = await api.items.itemCategory.get(\n itemCategoryUid,\n apiOptions,\n );\n if (!response.data) throw new Error(\"Item category not found\");\n return response.data;\n },\n ...CATEGORY_CACHE_OPTIONS,\n});\n\n/**\n * Fetches and caches item category data via the augur-api SDK.\n */\nexport function useItemCategory(\n itemCategoryUid: number,\n options: UseItemCategoryOptions = {},\n) {\n const api = useAugurApi();\n const queryOpts = getItemCategoryOptions(\n api,\n itemCategoryUid,\n options.apiOptions,\n );\n\n const { data, isLoading, error } = useQuery<\n TCategory,\n Error,\n TCategory,\n ItemCategoryQueryKey\n >({\n ...queryOpts,\n ...(options.queryFn ? { queryFn: options.queryFn } : {}),\n enabled: options.enabled ?? true,\n });\n\n return { category: data, isLoading, error };\n}\n","import { useQuery } from \"@tanstack/react-query\";\nimport { CACHE_CONFIG, type TItemDetails } from \"@simpleapps-com/augur-utils\";\nimport { useAugurApi, type AugurApiClient } from \"../provider\";\n\ninterface UseInvMastOptions {\n enabled?: boolean;\n queryFn?: () => Promise<TItemDetails>;\n}\n\nexport const INV_MAST_CACHE_OPTIONS = CACHE_CONFIG.STATIC;\n\nexport const getInvMastKey = (invMastUid: number, itemId: string) => {\n return [\"invMast\", invMastUid, itemId.toUpperCase()] as const;\n};\n\nexport const getInvMastOptions = (\n api: AugurApiClient,\n invMastUid: number,\n itemId: string,\n) => ({\n queryKey: getInvMastKey(invMastUid, itemId),\n queryFn: async (): Promise<TItemDetails> => {\n const response = await api.items.invMast.get(invMastUid);\n if (!response.data) throw new Error(\"Item not found\");\n return response.data;\n },\n ...INV_MAST_CACHE_OPTIONS,\n});\n\nexport function useInvMast(\n invMastUid: number,\n itemId: string,\n options: UseInvMastOptions = {},\n) {\n const api = useAugurApi();\n const queryOpts = getInvMastOptions(api, invMastUid, itemId);\n\n const { data, isLoading, error } = useQuery<TItemDetails, Error>({\n ...queryOpts,\n ...(options.queryFn ? { queryFn: options.queryFn } : {}),\n enabled: options.enabled ?? true,\n });\n\n return { item: data, isLoading, error };\n}\n","import { useQuery } from \"@tanstack/react-query\";\nimport { CACHE_CONFIG, type TStockData } from \"@simpleapps-com/augur-utils\";\nimport { useAugurApi, type AugurApiClient } from \"../provider\";\n\ninterface UseInvMastStockOptions {\n enabled?: boolean;\n queryFn?: () => Promise<number>;\n}\n\nexport const getInvMastStockKey = (invMastUid: number | string) => {\n return [\"invMastStock\", invMastUid] as const;\n};\n\nexport const getInvMastStockOptions = (\n api: AugurApiClient,\n invMastUid: number | string,\n) => ({\n queryKey: getInvMastStockKey(invMastUid),\n queryFn: async (): Promise<number> => {\n const response = await api.items.invMast.stock.list(Number(invMastUid));\n const stockData: TStockData[] = response.data?.stockData ?? [];\n return stockData.reduce(\n (qty: number, stock: TStockData) => qty + stock.qtyOnHand,\n 0,\n );\n },\n ...CACHE_CONFIG.SEMI_STATIC,\n});\n\nexport function useInvMastStock(\n invMastUid: number | string,\n options: UseInvMastStockOptions = {},\n) {\n const api = useAugurApi();\n const queryOpts = getInvMastStockOptions(api, invMastUid);\n\n const { data, isLoading, error } = useQuery({\n ...queryOpts,\n ...(options.queryFn ? { queryFn: options.queryFn } : {}),\n enabled: (options.enabled ?? true) && !!invMastUid,\n retry: 3,\n retryDelay: (attemptIndex: number) =>\n Math.min(1000 * 2 ** attemptIndex, 10000),\n });\n\n return {\n qtyOnHand: data ?? null,\n loading: isLoading,\n error: error as Error | null,\n };\n}\n","import { useQuery } from \"@tanstack/react-query\";\nimport { CACHE_CONFIG, type TProductCategory } from \"@simpleapps-com/augur-utils\";\nimport { useAugurApi, type AugurApiClient } from \"../provider\";\n\ntype ProductCategoryResponse = {\n itemCategoryDesc: string;\n childrenTotal: number;\n children: TProductCategory[];\n categoryImage: string | null;\n};\n\ninterface UseProductCategoryOptions {\n enabled?: boolean;\n queryFn?: () => Promise<ProductCategoryResponse>;\n}\n\nexport const getProductCategoryKey = (\n itemCategoryUid: number | string | null,\n) => {\n return [\"productCategory\", itemCategoryUid] as const;\n};\n\nexport const getProductCategoryOptions = (\n api: AugurApiClient,\n itemCategoryUid: number | string,\n) => ({\n queryKey: getProductCategoryKey(itemCategoryUid),\n queryFn: async (): Promise<ProductCategoryResponse> => {\n const response = await api.items.itemCategory.get(\n Number(itemCategoryUid),\n );\n return response.data;\n },\n ...CACHE_CONFIG.STATIC,\n});\n\nexport function useProductCategory(\n itemCategoryUid: number | string | null,\n options: UseProductCategoryOptions = {},\n) {\n const api = useAugurApi();\n\n const { data, isLoading, error } = useQuery({\n ...(itemCategoryUid\n ? getProductCategoryOptions(api, itemCategoryUid)\n : { queryKey: getProductCategoryKey(null), queryFn: () => Promise.reject() }),\n ...(options.queryFn ? { queryFn: options.queryFn } : {}),\n enabled: (options.enabled ?? true) && !!itemCategoryUid,\n retry: 3,\n retryDelay: (attemptIndex: number) =>\n Math.min(1000 * 2 ** attemptIndex, 10000),\n });\n\n return {\n childrenTotal: data?.childrenTotal ?? 0,\n itemCategoryDesc: data?.itemCategoryDesc ?? \"\",\n productCategories: data?.children ?? null,\n productCategoryImage: data?.categoryImage ?? null,\n loading: isLoading,\n error: error as Error | null,\n };\n}\n","import { useQuery } from \"@tanstack/react-query\";\nimport { CACHE_CONFIG, type TItemDetails } from \"@simpleapps-com/augur-utils\";\nimport { useAugurApi, type AugurApiClient } from \"../provider\";\n\ninterface UseItemDetailsOptions {\n enabled?: boolean;\n queryFn?: () => Promise<TItemDetails>;\n}\n\nexport const getItemDetailsKey = (itemId: number | string) => {\n return [\"itemDetails\", itemId] as const;\n};\n\nexport const getItemDetailsOptions = (\n api: AugurApiClient,\n itemId: number | string,\n) => ({\n queryKey: getItemDetailsKey(itemId),\n queryFn: async (): Promise<TItemDetails> => {\n const response = await api.items.invMast.doc.list(Number(itemId));\n if (!response.data) throw new Error(\"Item not found\");\n return response.data;\n },\n ...CACHE_CONFIG.STATIC,\n});\n\nexport function useItemDetails(\n itemId: number | string | undefined,\n options: UseItemDetailsOptions = {},\n) {\n const api = useAugurApi();\n\n const { data, isLoading, error } = useQuery({\n ...(itemId\n ? getItemDetailsOptions(api, itemId)\n : { queryKey: getItemDetailsKey(\"\"), queryFn: () => Promise.reject() }),\n ...(options.queryFn ? { queryFn: options.queryFn } : {}),\n enabled: (options.enabled ?? true) && !!itemId,\n retry: 3,\n retryDelay: (attemptIndex: number) =>\n Math.min(1000 * 2 ** attemptIndex, 10000),\n });\n\n const categoryList = data?.categoryList ?? [];\n\n return {\n itemCategoryUid:\n categoryList.length > 0 ? categoryList[categoryList.length - 1] : null,\n itemDetails: data ?? null,\n loading: isLoading,\n error: error as Error | null,\n };\n}\n","import { useQuery } from \"@tanstack/react-query\";\nimport { CACHE_CONFIG } from \"@simpleapps-com/augur-utils\";\nimport { useAugurApi, type AugurApiClient } from \"../provider\";\n\ninterface UseItemAttributesOptions {\n enabled?: boolean;\n queryFn?: () => Promise<{ attributes: any[] }>;\n}\n\nexport const getItemAttributesKey = (\n itemCategoryUid: number | string | null,\n) => {\n return [\"itemAttributes\", itemCategoryUid] as const;\n};\n\nexport const getItemAttributesOptions = (\n api: AugurApiClient,\n itemCategoryUid: number | string,\n) => ({\n queryKey: getItemAttributesKey(itemCategoryUid),\n queryFn: async () => {\n const response = await api.openSearch.itemSearch.attributes.list({\n q: \"\",\n searchType: \"query\",\n classId5List: String(itemCategoryUid),\n });\n return response.data;\n },\n ...CACHE_CONFIG.STATIC,\n});\n\nexport function useItemAttributes(\n itemCategoryUid: number | string | null,\n options: UseItemAttributesOptions = {},\n) {\n const api = useAugurApi();\n\n const { data, isLoading, error } = useQuery({\n ...(itemCategoryUid\n ? getItemAttributesOptions(api, itemCategoryUid)\n : {\n queryKey: getItemAttributesKey(null),\n queryFn: () => Promise.reject(),\n }),\n ...(options.queryFn ? { queryFn: options.queryFn } : {}),\n enabled: (options.enabled ?? true) && !!itemCategoryUid,\n retry: 3,\n retryDelay: (attemptIndex: number) =>\n Math.min(1000 * 2 ** attemptIndex, 10000),\n });\n\n return {\n attributes: data?.attributes ?? null,\n loading: isLoading,\n error: error as Error | null,\n };\n}\n","import { useQuery } from \"@tanstack/react-query\";\nimport { CACHE_CONFIG, type TProductItem } from \"@simpleapps-com/augur-utils\";\nimport { useAugurApi, type AugurApiClient } from \"../provider\";\nimport type { PageData } from \"../types\";\n\ntype ProductSearchResponse = {\n items: TProductItem[];\n totalResults: number;\n};\n\ninterface UseProductSearchOptions {\n /** Override the default queryFn (e.g. with a cached server action). */\n queryFn?: () => Promise<ProductSearchResponse>;\n}\n\n/**\n * Generates a consistent query key for product search queries.\n */\nexport const getProductSearchKey = (pageData: PageData) => {\n return [\n \"productSearch\",\n pageData.q,\n pageData.limit,\n pageData.offset,\n pageData.sortBy,\n pageData.itemCategoryUid,\n ] as const;\n};\n\n/**\n * Query options for product search. Accepts the SDK instance so it works\n * in both client (via provider) and server (via direct construction).\n */\nexport const getProductSearchOptions = (\n api: AugurApiClient,\n pageData: PageData,\n) => ({\n queryKey: getProductSearchKey(pageData),\n queryFn: async (): Promise<ProductSearchResponse> => {\n const response = await api.openSearch.itemSearch.list({\n q: pageData.q,\n searchType: \"query\",\n size: pageData.limit,\n from: pageData.offset,\n classId5List: pageData.itemCategoryUid\n ? String(pageData.itemCategoryUid)\n : undefined,\n filters: pageData.filters\n ? JSON.stringify(pageData.filters)\n : undefined,\n });\n return response.data;\n },\n ...CACHE_CONFIG.SEMI_STATIC,\n});\n\n/**\n * Searches products via the augur-api OpenSearch endpoint.\n * Replaces the ampro-online pattern of fetching from a Next.js API route.\n */\nexport function useProductSearch(\n pageData: PageData,\n options: UseProductSearchOptions = {},\n) {\n const api = useAugurApi();\n const defaultOptions = getProductSearchOptions(api, pageData);\n\n const { data, isLoading, error } = useQuery({\n ...defaultOptions,\n ...(options.queryFn ? { queryFn: options.queryFn } : {}),\n retry: 3,\n retryDelay: (attemptIndex: number) =>\n Math.min(1000 * 2 ** attemptIndex, 10000),\n });\n\n return {\n productItems: data?.items ?? null,\n total: data?.totalResults ?? 0,\n loading: isLoading,\n error: error as Error | null,\n };\n}\n","import { useQuery } from \"@tanstack/react-query\";\nimport { CACHE_CONFIG } from \"@simpleapps-com/augur-utils\";\nimport { useAugurApi, type AugurApiClient } from \"../provider\";\nimport type { SearchSuggestionsResponse } from \"../types\";\n\ninterface UseSearchSuggestionsOptions {\n enabled?: boolean;\n limit?: number;\n offset?: number;\n /** Override the default queryFn (e.g. with a cached server action). */\n queryFn?: () => Promise<SearchSuggestionsResponse>;\n}\n\nconst SEARCH_SUGGESTIONS_CACHE_OPTIONS = CACHE_CONFIG.STATIC;\n\n/**\n * Generates a consistent query key for search suggestion queries.\n */\nexport const getSearchSuggestionsKey = (\n query: string,\n limit: number,\n offset: number,\n) => {\n return [\"searchSuggestions\", query, limit, offset] as const;\n};\n\n/**\n * Query options for search suggestions. Accepts the SDK instance so it works\n * in both client (via provider) and server (via direct construction).\n */\nexport const getSearchSuggestionsOptions = (\n api: AugurApiClient,\n query: string,\n limit: number = 10,\n offset: number = 0,\n) => ({\n queryKey: getSearchSuggestionsKey(query, limit, offset),\n queryFn: async (): Promise<SearchSuggestionsResponse> => {\n const response = await api.openSearch.suggestions.suggest.list({\n q: query,\n });\n return response.data;\n },\n ...SEARCH_SUGGESTIONS_CACHE_OPTIONS,\n});\n\n/**\n * Fetches search suggestions via the augur-api OpenSearch endpoint.\n * Replaces the ampro-online pattern of fetching from a Next.js API route.\n */\nexport function useSearchSuggestions(\n query: string,\n options: UseSearchSuggestionsOptions = {},\n) {\n const api = useAugurApi();\n const limit = options.limit ?? 10;\n const offset = options.offset ?? 0;\n const enabled = (options.enabled ?? true) && query.trim().length > 0;\n\n const defaultOptions = getSearchSuggestionsOptions(api, query, limit, offset);\n\n const { data, isLoading, error } = useQuery<\n SearchSuggestionsResponse,\n Error\n >({\n ...defaultOptions,\n ...(options.queryFn ? { queryFn: options.queryFn } : {}),\n enabled,\n });\n\n return {\n suggestions: data?.data ?? [],\n total: data?.total ?? 0,\n isLoading,\n error,\n };\n}\n","import { useCallback } from \"react\";\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport type { TCartLine } from \"@simpleapps-com/augur-utils\";\nimport {\n useCartHdrUid,\n useCartLines,\n useSetCartLines,\n} from \"../stores/cart-store\";\n\ntype CartLineInput = Pick<\n TCartLine,\n \"invMastUid\" | \"quantity\" | \"unitOfMeasure\"\n> & {\n cartHdrUid?: number | string | undefined;\n};\n\n/** Site-specific callbacks injected into useCartActions. */\nexport interface CartActionCallbacks {\n /** Add items to cart via API. Returns true on success. */\n addToCart: (\n cartHdrUid: number,\n items: Array<{\n cartHdrUid: number;\n invMastUid: number;\n quantity: number;\n unitOfMeasure: string;\n }>,\n ) => Promise<boolean | unknown>;\n /** Update cart lines via API. Returns true on success. */\n updateCartLines: (\n cartHdrUid: number,\n lines: TCartLine[],\n ) => Promise<boolean | unknown>;\n /** Delete all items from cart via API. Returns true on success. */\n deleteItemsFromCart: (cartHdrUid: number) => Promise<boolean | unknown>;\n /** Optional toast notification callback. */\n toast?: {\n info?: (message: string) => void;\n error?: (message: string) => void;\n success?: (message: string) => void;\n };\n}\n\ninterface CartActionOptions {\n showToast?: boolean;\n itemId?: string;\n onSuccess?: () => void;\n onError?: (error: Error) => void;\n}\n\n/**\n * Optimistic cart actions hook with automatic rollback on failure.\n *\n * Accepts site-specific server action callbacks so the hook itself\n * has no dependency on any particular server action implementation.\n *\n * @example\n * ```tsx\n * import { useCartActions } from \"@simpleapps-com/augur-hooks\";\n * import { addToCart, updateCartLines, deleteItemsFromCart } from \"@/lib/actions/commerce\";\n * import { toast } from \"react-toastify\";\n *\n * const cart = useCartActions({\n * addToCart, updateCartLines, deleteItemsFromCart,\n * toast: { info: toast.info, error: toast.error },\n * });\n *\n * await cart.addToCart({ invMastUid: 123, quantity: 1, unitOfMeasure: \"EA\" });\n * ```\n */\nexport function useCartActions(callbacks: CartActionCallbacks) {\n const queryClient = useQueryClient();\n const cartHdrUid = useCartHdrUid();\n const cartLines = useCartLines();\n const setCartLines = useSetCartLines();\n const notify = callbacks.toast;\n\n const cartHdrUidNum = typeof cartHdrUid === \"string\" ? Number(cartHdrUid) : cartHdrUid;\n\n const invalidateCartCache = useCallback(() => {\n queryClient.invalidateQueries({ queryKey: [\"cartLines\", cartHdrUid] });\n queryClient.invalidateQueries({\n queryKey: [\"cart-also-bought\", cartHdrUid],\n });\n }, [queryClient, cartHdrUid]);\n\n const addToCart = useCallback(\n async (\n item: CartLineInput,\n options: CartActionOptions = {},\n ): Promise<boolean> => {\n const { showToast = true, itemId = \"\", onSuccess, onError } = options;\n if (!cartHdrUidNum) throw new Error(\"Cart UID is not set\");\n\n const previousCartLines = [...cartLines];\n\n // Optimistic update\n const existingIndex = cartLines.findIndex(\n (line) => line.invMastUid === item.invMastUid,\n );\n\n let optimisticCartLines: TCartLine[];\n if (existingIndex >= 0) {\n optimisticCartLines = cartLines.map((line, index) =>\n index === existingIndex\n ? { ...line, quantity: line.quantity + item.quantity }\n : line,\n );\n } else {\n const newLine: TCartLine = {\n cartHdrUid: cartHdrUidNum,\n invMastUid: item.invMastUid,\n invMastUidCount: 1,\n isAssembly: \"N\",\n itemId: itemId,\n lineNo: cartLines.length + 1,\n lineNote: null,\n quantity: item.quantity,\n unitOfMeasure: item.unitOfMeasure,\n };\n optimisticCartLines = [...cartLines, newLine];\n }\n\n setCartLines(optimisticCartLines);\n\n try {\n const success = await callbacks.addToCart(cartHdrUidNum, [\n {\n cartHdrUid: cartHdrUidNum,\n invMastUid: item.invMastUid,\n quantity: item.quantity,\n unitOfMeasure: item.unitOfMeasure,\n },\n ]);\n\n if (!success) throw new Error(\"Failed to add item to cart\");\n\n invalidateCartCache();\n\n if (showToast && notify?.info) {\n notify.info(\n `${item.quantity} x ${itemId || \"Item\"} added to cart`,\n );\n }\n\n onSuccess?.();\n return true;\n } catch (error) {\n setCartLines(previousCartLines);\n if (showToast && notify?.error) {\n notify.error(\"Failed to add item to cart. Please try again.\");\n }\n onError?.(error as Error);\n return false;\n }\n },\n [cartHdrUid, cartLines, setCartLines, invalidateCartCache, callbacks, notify],\n );\n\n const updateQuantity = useCallback(\n async (\n invMastUid: number,\n newQuantity: number,\n options: CartActionOptions = {},\n ): Promise<boolean> => {\n const { showToast = false, onSuccess, onError } = options;\n if (!cartHdrUidNum) throw new Error(\"Cart UID is not set\");\n\n const previousCartLines = [...cartLines];\n\n const optimisticCartLines = cartLines.map((line) =>\n line.invMastUid === invMastUid\n ? { ...line, quantity: newQuantity }\n : line,\n );\n setCartLines(optimisticCartLines);\n\n try {\n const updatedLines = cartLines.map((line) =>\n line.invMastUid === invMastUid\n ? { ...line, quantity: newQuantity }\n : line,\n );\n\n const success = await callbacks.updateCartLines(\n cartHdrUidNum,\n updatedLines,\n );\n if (!success) throw new Error(\"Failed to update quantity\");\n\n invalidateCartCache();\n onSuccess?.();\n return true;\n } catch (error) {\n setCartLines(previousCartLines);\n if (showToast && notify?.error) {\n notify.error(\"Failed to update quantity. Please try again.\");\n }\n onError?.(error as Error);\n return false;\n }\n },\n [cartHdrUid, cartLines, setCartLines, invalidateCartCache, callbacks, notify],\n );\n\n const removeFromCart = useCallback(\n async (\n invMastUid: number,\n options: CartActionOptions = {},\n ): Promise<boolean> => {\n const { showToast = true, itemId = \"\", onSuccess, onError } = options;\n if (!cartHdrUidNum) throw new Error(\"Cart UID is not set\");\n\n const previousCartLines = [...cartLines];\n\n const optimisticCartLines = cartLines.filter(\n (line) => line.invMastUid !== invMastUid,\n );\n setCartLines(optimisticCartLines);\n\n try {\n const updatedLines = cartLines.map((line) =>\n line.invMastUid === invMastUid ? { ...line, quantity: 0 } : line,\n );\n\n const success = await callbacks.updateCartLines(\n cartHdrUidNum,\n updatedLines,\n );\n if (!success) throw new Error(\"Failed to remove item\");\n\n invalidateCartCache();\n if (showToast && notify?.info) {\n notify.info(`${itemId || \"Item\"} removed from cart`);\n }\n onSuccess?.();\n return true;\n } catch (error) {\n setCartLines(previousCartLines);\n if (showToast && notify?.error) {\n notify.error(\"Failed to remove item. Please try again.\");\n }\n onError?.(error as Error);\n return false;\n }\n },\n [cartHdrUid, cartLines, setCartLines, invalidateCartCache, callbacks, notify],\n );\n\n const clearCart = useCallback(\n async (options: Omit<CartActionOptions, \"itemId\"> = {}): Promise<boolean> => {\n const { showToast = true, onSuccess, onError } = options;\n if (!cartHdrUidNum) throw new Error(\"Cart UID is not set\");\n\n const previousCartLines = [...cartLines];\n setCartLines([]);\n\n try {\n const success = await callbacks.deleteItemsFromCart(cartHdrUidNum);\n if (!success) throw new Error(\"Failed to clear cart\");\n\n invalidateCartCache();\n if (showToast && notify?.info) {\n notify.info(\"Cart cleared\");\n }\n onSuccess?.();\n return true;\n } catch (error) {\n setCartLines(previousCartLines);\n if (showToast && notify?.error) {\n notify.error(\"Failed to clear cart. Please try again.\");\n }\n onError?.(error as Error);\n return false;\n }\n },\n [cartHdrUid, cartLines, setCartLines, invalidateCartCache, callbacks, notify],\n );\n\n const isInCart = useCallback(\n (invMastUid: number): boolean => {\n return cartLines.some((line) => line.invMastUid === invMastUid);\n },\n [cartLines],\n );\n\n const getItemQuantity = useCallback(\n (invMastUid: number): number => {\n return cartLines.find((line) => line.invMastUid === invMastUid)?.quantity ?? 0;\n },\n [cartLines],\n );\n\n return {\n addToCart,\n updateQuantity,\n removeFromCart,\n clearCart,\n isInCart,\n getItemQuantity,\n cartHdrUid,\n cartLines,\n invalidateCartCache,\n };\n}\n","import { useEffect, useRef } from \"react\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport { CACHE_CONFIG, type TCartLine } from \"@simpleapps-com/augur-utils\";\nimport {\n useCartHdrUid,\n useSetCartHdrUid,\n useSetCartLines,\n} from \"../stores/cart-store\";\n\nconst MAX_RETRY_ATTEMPTS = 7;\nconst RETRY_DELAY_MS = 1000;\n\n/** Session info passed from the consumer's auth system. */\nexport interface CartSessionInfo {\n /** Auth status: \"loading\" | \"authenticated\" | \"unauthenticated\" */\n status: \"loading\" | \"authenticated\" | \"unauthenticated\";\n /** User's ID (e.g., Joomla user ID). Undefined if not authenticated. */\n userId?: string | number;\n /** Cart header UID from the auth session, if available. */\n cartHdrUid?: number;\n}\n\n/** Site-specific callbacks injected into useCartInitialization. */\nexport interface CartInitCallbacks {\n /** Look up or create a cart header. Returns { cartHdrUid, cartToken? }. */\n cartHdrLookup: (\n userId: string | number,\n cartToken: string,\n ) => Promise<{ cartHdrUid: number; cartToken?: string } | null>;\n /** Fetch cart line items for a given cart header UID. */\n getCartLines: (cartHdrUid: number) => Promise<TCartLine[]>;\n /** Get the current cart token from cookies. */\n getCartToken: () => string | null;\n /** Save cart token to cookies. */\n saveCartToken: (token: string) => void;\n /** Generate a new unique cart token (e.g., uuidv4). */\n generateCartToken: () => string;\n}\n\n/**\n * Initialize cart state from session (authenticated) or cookie (guest).\n * Call once in the root layout.\n *\n * @example\n * ```tsx\n * import { useCartInitialization } from \"@simpleapps-com/augur-hooks\";\n * import { useSession } from \"next-auth/react\";\n * import { cartHdrLookup, getCartLines } from \"@/lib/actions/commerce\";\n * import { getCookie, setCookie } from \"cookies-next/client\";\n * import { v4 as uuidv4 } from \"uuid\";\n *\n * function CartInitializer() {\n * const { data: session, status } = useSession();\n *\n * useCartInitialization(\n * {\n * status,\n * userId: session?.user?.id,\n * cartHdrUid: session?.user?.cartHdrUid,\n * },\n * {\n * cartHdrLookup,\n * getCartLines,\n * getCartToken: () => getCookie(\"cartToken\") as string | null,\n * saveCartToken: (token) => setCookie(\"cartToken\", token, { maxAge: 604800, path: \"/\" }),\n * generateCartToken: uuidv4,\n * },\n * );\n *\n * return null;\n * }\n * ```\n */\nexport function useCartInitialization(\n session: CartSessionInfo,\n callbacks: CartInitCallbacks,\n) {\n const cartHdrUid = useCartHdrUid();\n const setCartHdrUid = useSetCartHdrUid();\n const setCartLines = useSetCartLines();\n\n const retryCountRef = useRef(0);\n const isInitializingRef = useRef(false);\n\n // Initialize cart header\n useEffect(() => {\n if (cartHdrUid || session.status === \"loading\") return;\n\n // Authenticated user — use session cartHdrUid\n if (session.cartHdrUid && session.status === \"authenticated\") {\n setCartHdrUid(session.cartHdrUid);\n return;\n }\n\n // Guest user — lookup/create cart\n if (session.status === \"unauthenticated\" && !isInitializingRef.current) {\n isInitializingRef.current = true;\n retryCountRef.current = 0;\n\n const initializeGuestCart = async () => {\n const existingToken = callbacks.getCartToken();\n const cartToken =\n existingToken && typeof existingToken === \"string\"\n ? existingToken\n : callbacks.generateCartToken();\n\n while (retryCountRef.current < MAX_RETRY_ATTEMPTS) {\n try {\n const cartHdr = await callbacks.cartHdrLookup(\"0\", cartToken);\n\n if (cartHdr && cartHdr.cartHdrUid !== 0) {\n callbacks.saveCartToken(cartToken);\n setCartHdrUid(cartHdr.cartHdrUid);\n isInitializingRef.current = false;\n return;\n }\n\n retryCountRef.current++;\n\n if (retryCountRef.current < MAX_RETRY_ATTEMPTS) {\n const delay = Math.min(\n RETRY_DELAY_MS * Math.pow(1.5, retryCountRef.current),\n 10000,\n );\n await new Promise((resolve) => setTimeout(resolve, delay));\n }\n } catch (error) {\n console.error(\n `Cart initialization attempt ${retryCountRef.current + 1} failed:`,\n error,\n );\n retryCountRef.current++;\n\n if (retryCountRef.current < MAX_RETRY_ATTEMPTS) {\n const delay = Math.min(\n RETRY_DELAY_MS * Math.pow(1.5, retryCountRef.current),\n 10000,\n );\n await new Promise((resolve) => setTimeout(resolve, delay));\n }\n }\n }\n\n console.error(\n `Cart initialization failed after ${MAX_RETRY_ATTEMPTS} attempts`,\n );\n isInitializingRef.current = false;\n };\n\n initializeGuestCart();\n }\n }, [session, cartHdrUid, setCartHdrUid, callbacks]);\n\n // Fetch cart lines when cartHdrUid is available\n const { data: cartLinesData } = useQuery({\n queryKey: [\"cartLines\", cartHdrUid],\n queryFn: () => callbacks.getCartLines(Number(cartHdrUid)),\n enabled: !!cartHdrUid,\n ...CACHE_CONFIG.CART,\n });\n\n // Sync cart lines to Zustand store\n useEffect(() => {\n if (cartLinesData) {\n setCartLines(cartLinesData);\n }\n }, [cartLinesData, setCartLines]);\n\n return {\n cartHdrUid,\n isInitializing: isInitializingRef.current,\n retryCount: retryCountRef.current,\n };\n}\n","import { useMemo } from \"react\";\nimport { useQueries } from \"@tanstack/react-query\";\nimport { useCartLines } from \"../stores/cart-store\";\nimport { getItemPriceOptions } from \"./use-item-price\";\nimport { useAugurApi } from \"../provider\";\n\nexport interface CartPriceData {\n unitPrice: number;\n priceData: Record<string, unknown> | null;\n}\n\nexport interface CartPricingResult {\n /** Map of itemId -> price data (with quantity-specific pricing) */\n prices: Record<string, CartPriceData>;\n /** Get unit price for an item (returns 0 if not found) */\n getUnitPrice: (itemId: string) => number;\n /** Get total price for an item (unitPrice * quantity) */\n getItemTotal: (itemId: string, quantity: number) => number;\n /** Cart subtotal (sum of all item totals) */\n subtotal: number;\n /** True if any price is still loading */\n isLoading: boolean;\n /** True if all prices loaded successfully */\n isSuccess: boolean;\n /** True if any price failed to load */\n isError: boolean;\n}\n\ninterface UseCartPricingOptions {\n customerId?: string | number;\n}\n\n/**\n * Centralized hook for cart/checkout pricing.\n *\n * Fetches prices for ALL cart items with their actual quantities\n * to support quantity-based price breaks. React Query dedupes\n * identical calls across components.\n */\nexport function useCartPricing(\n options: UseCartPricingOptions = {},\n): CartPricingResult {\n const api = useAugurApi();\n const cartLines = useCartLines();\n const { customerId } = options;\n\n const priceQueries = useQueries({\n queries: cartLines.map((line) => ({\n ...getItemPriceOptions(api, line.itemId, customerId, line.quantity),\n enabled: !!customerId && !!line.itemId,\n })),\n });\n\n const prices = useMemo(() => {\n const map: Record<string, CartPriceData> = {};\n cartLines.forEach((line, index) => {\n const queryResult = priceQueries[index];\n if (queryResult?.data) {\n map[line.itemId.toUpperCase()] = {\n unitPrice: queryResult.data.unitPrice ?? 0,\n priceData: queryResult.data as Record<string, unknown>,\n };\n }\n });\n return map;\n }, [cartLines, priceQueries]);\n\n const getUnitPrice = useMemo(() => {\n return (itemId: string): number => {\n return prices[itemId?.toUpperCase()]?.unitPrice ?? 0;\n };\n }, [prices]);\n\n const getItemTotal = useMemo(() => {\n return (itemId: string, quantity: number): number => {\n return getUnitPrice(itemId) * quantity;\n };\n }, [getUnitPrice]);\n\n const subtotal = useMemo(() => {\n return cartLines.reduce((sum, line) => {\n const unitPrice = prices[line.itemId.toUpperCase()]?.unitPrice ?? 0;\n return sum + unitPrice * line.quantity;\n }, 0);\n }, [cartLines, prices]);\n\n const isLoading = priceQueries.some((q) => q.isLoading);\n const isSuccess = priceQueries.every((q) => q.isSuccess);\n const isError = priceQueries.some((q) => q.isError);\n\n return {\n prices,\n getUnitPrice,\n getItemTotal,\n subtotal,\n isLoading,\n isSuccess,\n isError,\n };\n}\n\n/**\n * Get cart pricing query options for prefetching or parent components.\n */\nexport function getCartPricingQueryOptions(\n api: ReturnType<typeof useAugurApi>,\n cartLines: Array<{ itemId: string; quantity: number }>,\n customerId: string | number | undefined,\n) {\n return cartLines.map((line) => ({\n ...getItemPriceOptions(api, line.itemId, customerId, line.quantity),\n enabled: !!customerId && !!line.itemId,\n }));\n}\n","import { useQueryClient } from \"@tanstack/react-query\";\nimport { useCallback } from \"react\";\nimport type { QueryKey } from \"@tanstack/react-query\";\n\ninterface UsePaginationPrefetchOptions {\n /** Query key for the paginated data */\n queryKey: QueryKey;\n /** Function to fetch a page of data */\n queryFn: (offset: number) => Promise<unknown>;\n /** Number of items per page */\n pageSize: number;\n /** Stale time in ms (defaults to 10 minutes) */\n staleTime?: number;\n /** GC time in ms (defaults to 30 minutes) */\n gcTime?: number;\n enabled?: boolean;\n}\n\n/**\n * Prefetch adjacent pages on hover for instant pagination.\n * Accepts a generic queryFn so it works with any paginated resource.\n */\nexport const usePaginationPrefetch = ({\n queryKey,\n queryFn,\n pageSize,\n staleTime = 10 * 60 * 1000,\n gcTime = 30 * 60 * 1000,\n enabled = true,\n}: UsePaginationPrefetchOptions) => {\n const queryClient = useQueryClient();\n\n const prefetchPage = useCallback(\n async (page: number) => {\n if (!enabled) return;\n\n const offset = (page - 1) * pageSize;\n\n try {\n await queryClient.prefetchQuery({\n queryKey: [...queryKey, offset],\n queryFn: () => queryFn(offset),\n staleTime,\n gcTime,\n });\n } catch (error) {\n console.warn(`Error prefetching page ${page}:`, error);\n }\n },\n [queryKey, queryFn, pageSize, staleTime, gcTime, queryClient, enabled],\n );\n\n const handlePaginationHover = useCallback(\n (page: number) => {\n const timeoutId = setTimeout(() => prefetchPage(page), 150);\n return () => clearTimeout(timeoutId);\n },\n [prefetchPage],\n );\n\n return {\n prefetchPage,\n handlePaginationHover,\n };\n};\n","import { useInfiniteQuery } from \"@tanstack/react-query\";\nimport {\n CACHE_CONFIG,\n type TItemsFilters,\n type TProductItem,\n} from \"@simpleapps-com/augur-utils\";\nimport { useAugurApi } from \"../provider\";\n\ninterface CategoryItemsInfiniteResponse {\n data: TProductItem[];\n total: number;\n nextCursor?: number;\n}\n\ninterface UseCategoryItemsInfiniteOptions {\n enabled?: boolean;\n}\n\nexport const getCategoryItemsInfiniteKey = (\n itemCategoryUid: number,\n itemsFilters: TItemsFilters,\n) => {\n return [\n \"categoryItemsInfinite\",\n itemCategoryUid,\n JSON.stringify(itemsFilters),\n ] as const;\n};\n\n/**\n * Infinite scroll for category product listings.\n * Fetches pages of products via the augur-api SDK.\n */\nexport function useCategoryItemsInfinite(\n itemCategoryUid: number,\n itemsFilters: TItemsFilters,\n options: UseCategoryItemsInfiniteOptions = {},\n) {\n const api = useAugurApi();\n const { enabled = true } = options;\n\n return useInfiniteQuery<CategoryItemsInfiniteResponse>({\n queryKey: getCategoryItemsInfiniteKey(itemCategoryUid, itemsFilters),\n queryFn: async ({ pageParam = 0 }) => {\n const response = await api.openSearch.itemSearch.list({\n q: itemsFilters.q || \"\",\n searchType: \"query\",\n size: itemsFilters.limit,\n from: pageParam as number,\n classId5List: String(itemCategoryUid),\n filters: itemsFilters.filters?.length\n ? JSON.stringify(itemsFilters.filters)\n : undefined,\n });\n const items: TProductItem[] = response.data?.items ?? [];\n const total: number = response.data?.totalResults ?? 0;\n const nextOffset = (pageParam as number) + itemsFilters.limit;\n return {\n data: items,\n total,\n nextCursor: nextOffset < total ? nextOffset : undefined,\n };\n },\n initialPageParam: 0,\n getNextPageParam: (lastPage) => lastPage.nextCursor,\n ...CACHE_CONFIG.SEMI_STATIC,\n enabled: enabled && !!itemCategoryUid,\n });\n}\n","import { useInfiniteQuery } from \"@tanstack/react-query\";\nimport {\n CACHE_CONFIG,\n type TItemsFilters,\n type TProductItem,\n} from \"@simpleapps-com/augur-utils\";\nimport { useAugurApi } from \"../provider\";\n\ninterface ItemSearchInfiniteResponse {\n data: TProductItem[];\n total: number;\n nextCursor?: number;\n}\n\ninterface UseItemSearchInfiniteOptions {\n enabled?: boolean;\n}\n\nexport const getItemSearchInfiniteKey = (\n itemsFilters: TItemsFilters,\n itemCategoryUid?: number | string,\n) => {\n return [\n \"itemSearchInfinite\",\n JSON.stringify(itemsFilters),\n itemCategoryUid,\n ] as const;\n};\n\n/**\n * Infinite scroll for search results.\n * Fetches pages of products via the augur-api SDK OpenSearch endpoint.\n */\nexport function useItemSearchInfinite(\n itemsFilters: TItemsFilters,\n itemCategoryUid?: number | string,\n options: UseItemSearchInfiniteOptions = {},\n) {\n const api = useAugurApi();\n const { enabled = true } = options;\n\n return useInfiniteQuery<ItemSearchInfiniteResponse>({\n queryKey: getItemSearchInfiniteKey(itemsFilters, itemCategoryUid),\n queryFn: async ({ pageParam = 0 }) => {\n const response = await api.openSearch.itemSearch.list({\n q: itemsFilters.q,\n searchType: \"query\",\n size: itemsFilters.limit,\n from: pageParam as number,\n classId5List: itemCategoryUid\n ? String(itemCategoryUid)\n : undefined,\n filters: itemsFilters.filters?.length\n ? JSON.stringify(itemsFilters.filters)\n : undefined,\n });\n const items: TProductItem[] = response.data?.items ?? [];\n const total: number = response.data?.totalResults ?? 0;\n const nextOffset = (pageParam as number) + itemsFilters.limit;\n return {\n data: items,\n total,\n nextCursor: nextOffset < total ? nextOffset : undefined,\n };\n },\n initialPageParam: 0,\n getNextPageParam: (lastPage) => lastPage.nextCursor,\n ...CACHE_CONFIG.SEMI_STATIC,\n enabled: enabled && !!itemsFilters.q,\n meta: { persist: true },\n });\n}\n"],"mappings":";AAAA,SAAS,eAAe,kBAAkC;AA+BtD;AAhBJ,IAAM,kBAAkB,cAAqC,IAAI;AAc1D,SAAS,mBAAmB,EAAE,KAAK,SAAS,GAA4B;AAC7E,SACE,oBAAC,gBAAgB,UAAhB,EAAyB,OAAO,KAAM,UAAS;AAEpD;AAMO,SAAS,cAA8B;AAC5C,QAAM,MAAM,WAAW,eAAe;AACtC,MAAI,CAAC,KAAK;AACR,UAAM,IAAI;AAAA,MACR;AAAA,IAEF;AAAA,EACF;AACA,SAAO;AACT;;;AChDA,SAAS,cAAc;AACvB,SAAS,gBAAgB;AAWlB,IAAM,eAAe,OAAkB;AAAA,EAC5C;AAAA,IACE,CAAC,SAAS;AAAA,MACR,YAAY;AAAA,MACZ,WAAW,CAAC;AAAA,MACZ,eAAe;AAAA,MAEf,eAAe,CAAC,eACd,IAAI,EAAE,WAAW,GAAG,OAAO,eAAe;AAAA,MAE5C,cAAc,CAAC,cAAc;AAC3B,cAAM,gBAAgB,UAAU;AAAA,UAC9B,CAAC,KAAK,SAAS,OAAO,KAAK,YAAY;AAAA,UACvC;AAAA,QACF;AACA,YAAI,EAAE,WAAW,cAAc,GAAG,OAAO,cAAc;AAAA,MACzD;AAAA,IACF;AAAA,IACA,EAAE,MAAM,aAAa,SAAS,QAAQ,IAAI,aAAa,cAAc;AAAA,EACvE;AACF;AAGO,IAAM,gBAAgB,MAAM,aAAa,CAAC,MAAM,EAAE,UAAU;AAC5D,IAAM,eAAe,MAAM,aAAa,CAAC,MAAM,EAAE,SAAS;AAC1D,IAAM,mBAAmB,MAAM,aAAa,CAAC,MAAM,EAAE,aAAa;AAClE,IAAM,mBAAmB,MAAM,aAAa,CAAC,MAAM,EAAE,aAAa;AAClE,IAAM,kBAAkB,MAAM,aAAa,CAAC,MAAM,EAAE,YAAY;;;ACvCvE,SAAS,UAAAA,eAAc;AACvB,SAAS,YAAAC,iBAAgB;AAGzB,IAAM,uBAAsC;AAAA,EAC1C,SAAS,CAAC;AAAA,EACV,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,GAAG;AAAA,EACH,MAAM;AACR;AAQO,IAAM,sBAAsBD,QAA0B;AAAA,EAC3DC;AAAA,IACE,CAAC,SAAS;AAAA,MACR,qBAAqB;AAAA,MACrB,cAAc;AAAA,MACd,iBAAiB,CAAC,UAChB,IAAI,EAAE,cAAc,MAAM,GAAG,OAAO,iBAAiB;AAAA,IACzD;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,SAAS,QAAQ,IAAI,aAAa;AAAA,IACpC;AAAA,EACF;AACF;;;AChCA,SAAS,WAAW,gBAAgB;AAM7B,SAAS,YAAe,OAAU,QAAgB,KAAQ;AAC/D,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAY,KAAK;AAE7D,YAAU,MAAM;AACd,UAAM,UAAU,WAAW,MAAM;AAC/B,wBAAkB,KAAK;AAAA,IACzB,GAAG,KAAK;AAER,WAAO,MAAM;AACX,mBAAa,OAAO;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,OAAO,KAAK,CAAC;AAEjB,SAAO;AACT;;;AChBO,SAAS,eACd,SAAiB,SACjB,WAAmB,OACnB;AACA,QAAM,cAAc,CAAC,UAA0B;AAC7C,WAAO,IAAI,KAAK,aAAa,QAAQ;AAAA,MACnC,OAAO;AAAA,MACP;AAAA,MACA,uBAAuB;AAAA,IACzB,CAAC,EAAE,OAAO,KAAK;AAAA,EACjB;AAEA,SAAO,EAAE,YAAY;AACvB;;;ACjBA,SAAS,gBAAgB;AACzB,SAAS,oBAAqC;AASvC,IAAM,sBAAsB;AAAA,EACjC,GAAG,aAAa;AAAA,EAChB,oBAAoB;AAAA,EACpB,sBAAsB;AAAA,EACtB,MAAM,EAAE,SAAS,KAAK;AACxB;AAMO,IAAM,kBAAkB,CAC7B,QACA,YACA,WAAmB,MAChB;AACH,SAAO,CAAC,SAAS,QAAQ,YAAY,KAAK,IAAI,YAAY,QAAQ;AACpE;AAMO,IAAM,sBAAsB,CACjC,KACA,QACA,YACA,WAAmB,OACf;AAAA,EACJ,UAAU,gBAAgB,QAAQ,YAAY,QAAQ;AAAA,EACtD,SAAS,YAAiC;AACxC,UAAM,WAAW,MAAM,IAAI,QAAQ,YAAY,IAAI;AAAA,MACjD,QAAQ,QAAQ,YAAY,KAAK;AAAA,MACjC,YAAY,OAAO,UAAU;AAAA,MAC7B;AAAA,IACF,CAAC;AACD,WAAO,SAAS;AAAA,EAClB;AAAA,EACA,GAAG;AACL;AAYO,SAAS,aACd,QACA,YACA,WAAmB,GACnB,UAA+B,CAAC,GAChC;AACA,QAAM,MAAM,YAAY;AACxB,QAAM,iBAAiB,oBAAoB,KAAK,QAAQ,YAAY,QAAQ;AAE5E,SAAO,SAAS;AAAA,IACd,GAAG;AAAA,IACH,GAAI,QAAQ,UAAU,EAAE,SAAS,QAAQ,QAAQ,IAAI,CAAC;AAAA,IACtD,SAAS,QAAQ,YAAY,QAAQ,MAAM,KAAK,QAAQ,UAAU;AAAA,IAClE,OAAO;AAAA,EACT,CAAC;AACH;;;AC5EA,SAAS,YAAAC,iBAAgB;AACzB,SAAS,gBAAAC,qBAAsC;AAYxC,IAAM,6BAA6BC,cAAa;AAMhD,IAAM,mBAAmB,CAC9B,YACA,QACA,mBACG;AACH,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,OAAO,YAAY;AAAA,IACnB;AAAA,EACF;AACF;AAMO,IAAM,uBAAuB,CAClC,KACA,YACA,QACA,oBACI;AAAA,EACJ,UAAU,iBAAiB,YAAY,QAAQ,cAAc;AAAA,EAC7D,SAAS,YAAkC;AACzC,UAAM,WAAW,MAAM,IAAI,MAAM,QAAQ,IAAI,KAAK,YAAY;AAAA,MAC5D;AAAA,IACF,CAAC;AACD,QAAI,CAAC,SAAS,KAAM,OAAM,IAAI,MAAM,gBAAgB;AACpD,WAAO,SAAS;AAAA,EAClB;AAAA,EACA,GAAG;AACL;AAKO,SAAS,cACd,YACA,QACA,UAAgC,CAAC,GACjC;AACA,QAAM,MAAM,YAAY;AACxB,QAAM,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ,kBAAkB;AAAA,EAC5B;AAEA,QAAM,EAAE,MAAM,WAAW,MAAM,IAAIC,UAA6B;AAAA,IAC9D,GAAG;AAAA,IACH,GAAI,QAAQ,UAAU,EAAE,SAAS,QAAQ,QAAQ,IAAI,CAAC;AAAA,IACtD,SAAS,QAAQ,WAAW;AAAA,IAC5B,aAAa,QAAQ;AAAA,EACvB,CAAC;AAED,SAAO,EAAE,MAAM,MAAM,WAAW,MAAM;AACxC;;;AC7EA,SAAS,YAAAC,iBAAgB;AACzB,SAAS,gBAAAC,qBAAoC;AAWtC,IAAM,yBAAyBC,cAAa;AAY5C,IAAM,qBAAqB,CAChC,iBACA,eACyB;AACzB,SAAO,CAAC,gBAAgB,iBAAiB,UAAU;AACrD;AAMO,IAAM,yBAAyB,CACpC,KACA,iBACA,gBACI;AAAA,EACJ,UAAU,mBAAmB,iBAAiB,UAAU;AAAA,EACxD,SAAS,YAAgC;AACvC,UAAM,WAAW,MAAM,IAAI,MAAM,aAAa;AAAA,MAC5C;AAAA,MACA;AAAA,IACF;AACA,QAAI,CAAC,SAAS,KAAM,OAAM,IAAI,MAAM,yBAAyB;AAC7D,WAAO,SAAS;AAAA,EAClB;AAAA,EACA,GAAG;AACL;AAKO,SAAS,gBACd,iBACA,UAAkC,CAAC,GACnC;AACA,QAAM,MAAM,YAAY;AACxB,QAAM,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,EACV;AAEA,QAAM,EAAE,MAAM,WAAW,MAAM,IAAIC,UAKjC;AAAA,IACA,GAAG;AAAA,IACH,GAAI,QAAQ,UAAU,EAAE,SAAS,QAAQ,QAAQ,IAAI,CAAC;AAAA,IACtD,SAAS,QAAQ,WAAW;AAAA,EAC9B,CAAC;AAED,SAAO,EAAE,UAAU,MAAM,WAAW,MAAM;AAC5C;;;AC9EA,SAAS,YAAAC,iBAAgB;AACzB,SAAS,gBAAAC,qBAAuC;AAQzC,IAAM,yBAAyBC,cAAa;AAE5C,IAAM,gBAAgB,CAAC,YAAoB,WAAmB;AACnE,SAAO,CAAC,WAAW,YAAY,OAAO,YAAY,CAAC;AACrD;AAEO,IAAM,oBAAoB,CAC/B,KACA,YACA,YACI;AAAA,EACJ,UAAU,cAAc,YAAY,MAAM;AAAA,EAC1C,SAAS,YAAmC;AAC1C,UAAM,WAAW,MAAM,IAAI,MAAM,QAAQ,IAAI,UAAU;AACvD,QAAI,CAAC,SAAS,KAAM,OAAM,IAAI,MAAM,gBAAgB;AACpD,WAAO,SAAS;AAAA,EAClB;AAAA,EACA,GAAG;AACL;AAEO,SAAS,WACd,YACA,QACA,UAA6B,CAAC,GAC9B;AACA,QAAM,MAAM,YAAY;AACxB,QAAM,YAAY,kBAAkB,KAAK,YAAY,MAAM;AAE3D,QAAM,EAAE,MAAM,WAAW,MAAM,IAAIC,UAA8B;AAAA,IAC/D,GAAG;AAAA,IACH,GAAI,QAAQ,UAAU,EAAE,SAAS,QAAQ,QAAQ,IAAI,CAAC;AAAA,IACtD,SAAS,QAAQ,WAAW;AAAA,EAC9B,CAAC;AAED,SAAO,EAAE,MAAM,MAAM,WAAW,MAAM;AACxC;;;AC5CA,SAAS,YAAAC,iBAAgB;AACzB,SAAS,gBAAAC,qBAAqC;AAQvC,IAAM,qBAAqB,CAAC,eAAgC;AACjE,SAAO,CAAC,gBAAgB,UAAU;AACpC;AAEO,IAAM,yBAAyB,CACpC,KACA,gBACI;AAAA,EACJ,UAAU,mBAAmB,UAAU;AAAA,EACvC,SAAS,YAA6B;AACpC,UAAM,WAAW,MAAM,IAAI,MAAM,QAAQ,MAAM,KAAK,OAAO,UAAU,CAAC;AACtE,UAAM,YAA0B,SAAS,MAAM,aAAa,CAAC;AAC7D,WAAO,UAAU;AAAA,MACf,CAAC,KAAa,UAAsB,MAAM,MAAM;AAAA,MAChD;AAAA,IACF;AAAA,EACF;AAAA,EACA,GAAGC,cAAa;AAClB;AAEO,SAAS,gBACd,YACA,UAAkC,CAAC,GACnC;AACA,QAAM,MAAM,YAAY;AACxB,QAAM,YAAY,uBAAuB,KAAK,UAAU;AAExD,QAAM,EAAE,MAAM,WAAW,MAAM,IAAIC,UAAS;AAAA,IAC1C,GAAG;AAAA,IACH,GAAI,QAAQ,UAAU,EAAE,SAAS,QAAQ,QAAQ,IAAI,CAAC;AAAA,IACtD,UAAU,QAAQ,WAAW,SAAS,CAAC,CAAC;AAAA,IACxC,OAAO;AAAA,IACP,YAAY,CAAC,iBACX,KAAK,IAAI,MAAO,KAAK,cAAc,GAAK;AAAA,EAC5C,CAAC;AAED,SAAO;AAAA,IACL,WAAW,QAAQ;AAAA,IACnB,SAAS;AAAA,IACT;AAAA,EACF;AACF;;;AClDA,SAAS,YAAAC,iBAAgB;AACzB,SAAS,gBAAAC,qBAA2C;AAe7C,IAAM,wBAAwB,CACnC,oBACG;AACH,SAAO,CAAC,mBAAmB,eAAe;AAC5C;AAEO,IAAM,4BAA4B,CACvC,KACA,qBACI;AAAA,EACJ,UAAU,sBAAsB,eAAe;AAAA,EAC/C,SAAS,YAA8C;AACrD,UAAM,WAAW,MAAM,IAAI,MAAM,aAAa;AAAA,MAC5C,OAAO,eAAe;AAAA,IACxB;AACA,WAAO,SAAS;AAAA,EAClB;AAAA,EACA,GAAGC,cAAa;AAClB;AAEO,SAAS,mBACd,iBACA,UAAqC,CAAC,GACtC;AACA,QAAM,MAAM,YAAY;AAExB,QAAM,EAAE,MAAM,WAAW,MAAM,IAAIC,UAAS;AAAA,IAC1C,GAAI,kBACA,0BAA0B,KAAK,eAAe,IAC9C,EAAE,UAAU,sBAAsB,IAAI,GAAG,SAAS,MAAM,QAAQ,OAAO,EAAE;AAAA,IAC7E,GAAI,QAAQ,UAAU,EAAE,SAAS,QAAQ,QAAQ,IAAI,CAAC;AAAA,IACtD,UAAU,QAAQ,WAAW,SAAS,CAAC,CAAC;AAAA,IACxC,OAAO;AAAA,IACP,YAAY,CAAC,iBACX,KAAK,IAAI,MAAO,KAAK,cAAc,GAAK;AAAA,EAC5C,CAAC;AAED,SAAO;AAAA,IACL,eAAe,MAAM,iBAAiB;AAAA,IACtC,kBAAkB,MAAM,oBAAoB;AAAA,IAC5C,mBAAmB,MAAM,YAAY;AAAA,IACrC,sBAAsB,MAAM,iBAAiB;AAAA,IAC7C,SAAS;AAAA,IACT;AAAA,EACF;AACF;;;AC7DA,SAAS,YAAAC,iBAAgB;AACzB,SAAS,gBAAAC,qBAAuC;AAQzC,IAAM,oBAAoB,CAAC,WAA4B;AAC5D,SAAO,CAAC,eAAe,MAAM;AAC/B;AAEO,IAAM,wBAAwB,CACnC,KACA,YACI;AAAA,EACJ,UAAU,kBAAkB,MAAM;AAAA,EAClC,SAAS,YAAmC;AAC1C,UAAM,WAAW,MAAM,IAAI,MAAM,QAAQ,IAAI,KAAK,OAAO,MAAM,CAAC;AAChE,QAAI,CAAC,SAAS,KAAM,OAAM,IAAI,MAAM,gBAAgB;AACpD,WAAO,SAAS;AAAA,EAClB;AAAA,EACA,GAAGC,cAAa;AAClB;AAEO,SAAS,eACd,QACA,UAAiC,CAAC,GAClC;AACA,QAAM,MAAM,YAAY;AAExB,QAAM,EAAE,MAAM,WAAW,MAAM,IAAIC,UAAS;AAAA,IAC1C,GAAI,SACA,sBAAsB,KAAK,MAAM,IACjC,EAAE,UAAU,kBAAkB,EAAE,GAAG,SAAS,MAAM,QAAQ,OAAO,EAAE;AAAA,IACvE,GAAI,QAAQ,UAAU,EAAE,SAAS,QAAQ,QAAQ,IAAI,CAAC;AAAA,IACtD,UAAU,QAAQ,WAAW,SAAS,CAAC,CAAC;AAAA,IACxC,OAAO;AAAA,IACP,YAAY,CAAC,iBACX,KAAK,IAAI,MAAO,KAAK,cAAc,GAAK;AAAA,EAC5C,CAAC;AAED,QAAM,eAAe,MAAM,gBAAgB,CAAC;AAE5C,SAAO;AAAA,IACL,iBACE,aAAa,SAAS,IAAI,aAAa,aAAa,SAAS,CAAC,IAAI;AAAA,IACpE,aAAa,QAAQ;AAAA,IACrB,SAAS;AAAA,IACT;AAAA,EACF;AACF;;;ACpDA,SAAS,YAAAC,iBAAgB;AACzB,SAAS,gBAAAC,qBAAoB;AAQtB,IAAM,uBAAuB,CAClC,oBACG;AACH,SAAO,CAAC,kBAAkB,eAAe;AAC3C;AAEO,IAAM,2BAA2B,CACtC,KACA,qBACI;AAAA,EACJ,UAAU,qBAAqB,eAAe;AAAA,EAC9C,SAAS,YAAY;AACnB,UAAM,WAAW,MAAM,IAAI,WAAW,WAAW,WAAW,KAAK;AAAA,MAC/D,GAAG;AAAA,MACH,YAAY;AAAA,MACZ,cAAc,OAAO,eAAe;AAAA,IACtC,CAAC;AACD,WAAO,SAAS;AAAA,EAClB;AAAA,EACA,GAAGC,cAAa;AAClB;AAEO,SAAS,kBACd,iBACA,UAAoC,CAAC,GACrC;AACA,QAAM,MAAM,YAAY;AAExB,QAAM,EAAE,MAAM,WAAW,MAAM,IAAIC,UAAS;AAAA,IAC1C,GAAI,kBACA,yBAAyB,KAAK,eAAe,IAC7C;AAAA,MACE,UAAU,qBAAqB,IAAI;AAAA,MACnC,SAAS,MAAM,QAAQ,OAAO;AAAA,IAChC;AAAA,IACJ,GAAI,QAAQ,UAAU,EAAE,SAAS,QAAQ,QAAQ,IAAI,CAAC;AAAA,IACtD,UAAU,QAAQ,WAAW,SAAS,CAAC,CAAC;AAAA,IACxC,OAAO;AAAA,IACP,YAAY,CAAC,iBACX,KAAK,IAAI,MAAO,KAAK,cAAc,GAAK;AAAA,EAC5C,CAAC;AAED,SAAO;AAAA,IACL,YAAY,MAAM,cAAc;AAAA,IAChC,SAAS;AAAA,IACT;AAAA,EACF;AACF;;;ACxDA,SAAS,YAAAC,iBAAgB;AACzB,SAAS,gBAAAC,qBAAuC;AAiBzC,IAAM,sBAAsB,CAAC,aAAuB;AACzD,SAAO;AAAA,IACL;AAAA,IACA,SAAS;AAAA,IACT,SAAS;AAAA,IACT,SAAS;AAAA,IACT,SAAS;AAAA,IACT,SAAS;AAAA,EACX;AACF;AAMO,IAAM,0BAA0B,CACrC,KACA,cACI;AAAA,EACJ,UAAU,oBAAoB,QAAQ;AAAA,EACtC,SAAS,YAA4C;AACnD,UAAM,WAAW,MAAM,IAAI,WAAW,WAAW,KAAK;AAAA,MACpD,GAAG,SAAS;AAAA,MACZ,YAAY;AAAA,MACZ,MAAM,SAAS;AAAA,MACf,MAAM,SAAS;AAAA,MACf,cAAc,SAAS,kBACnB,OAAO,SAAS,eAAe,IAC/B;AAAA,MACJ,SAAS,SAAS,UACd,KAAK,UAAU,SAAS,OAAO,IAC/B;AAAA,IACN,CAAC;AACD,WAAO,SAAS;AAAA,EAClB;AAAA,EACA,GAAGC,cAAa;AAClB;AAMO,SAAS,iBACd,UACA,UAAmC,CAAC,GACpC;AACA,QAAM,MAAM,YAAY;AACxB,QAAM,iBAAiB,wBAAwB,KAAK,QAAQ;AAE5D,QAAM,EAAE,MAAM,WAAW,MAAM,IAAIC,UAAS;AAAA,IAC1C,GAAG;AAAA,IACH,GAAI,QAAQ,UAAU,EAAE,SAAS,QAAQ,QAAQ,IAAI,CAAC;AAAA,IACtD,OAAO;AAAA,IACP,YAAY,CAAC,iBACX,KAAK,IAAI,MAAO,KAAK,cAAc,GAAK;AAAA,EAC5C,CAAC;AAED,SAAO;AAAA,IACL,cAAc,MAAM,SAAS;AAAA,IAC7B,OAAO,MAAM,gBAAgB;AAAA,IAC7B,SAAS;AAAA,IACT;AAAA,EACF;AACF;;;ACjFA,SAAS,YAAAC,kBAAgB;AACzB,SAAS,gBAAAC,sBAAoB;AAY7B,IAAM,mCAAmCC,eAAa;AAK/C,IAAM,0BAA0B,CACrC,OACA,OACA,WACG;AACH,SAAO,CAAC,qBAAqB,OAAO,OAAO,MAAM;AACnD;AAMO,IAAM,8BAA8B,CACzC,KACA,OACA,QAAgB,IAChB,SAAiB,OACb;AAAA,EACJ,UAAU,wBAAwB,OAAO,OAAO,MAAM;AAAA,EACtD,SAAS,YAAgD;AACvD,UAAM,WAAW,MAAM,IAAI,WAAW,YAAY,QAAQ,KAAK;AAAA,MAC7D,GAAG;AAAA,IACL,CAAC;AACD,WAAO,SAAS;AAAA,EAClB;AAAA,EACA,GAAG;AACL;AAMO,SAAS,qBACd,OACA,UAAuC,CAAC,GACxC;AACA,QAAM,MAAM,YAAY;AACxB,QAAM,QAAQ,QAAQ,SAAS;AAC/B,QAAM,SAAS,QAAQ,UAAU;AACjC,QAAM,WAAW,QAAQ,WAAW,SAAS,MAAM,KAAK,EAAE,SAAS;AAEnE,QAAM,iBAAiB,4BAA4B,KAAK,OAAO,OAAO,MAAM;AAE5E,QAAM,EAAE,MAAM,WAAW,MAAM,IAAIC,WAGjC;AAAA,IACA,GAAG;AAAA,IACH,GAAI,QAAQ,UAAU,EAAE,SAAS,QAAQ,QAAQ,IAAI,CAAC;AAAA,IACtD;AAAA,EACF,CAAC;AAED,SAAO;AAAA,IACL,aAAa,MAAM,QAAQ,CAAC;AAAA,IAC5B,OAAO,MAAM,SAAS;AAAA,IACtB;AAAA,IACA;AAAA,EACF;AACF;;;AC5EA,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;AAqExB,SAAS,eAAe,WAAgC;AAC7D,QAAM,cAAc,eAAe;AACnC,QAAM,aAAa,cAAc;AACjC,QAAM,YAAY,aAAa;AAC/B,QAAM,eAAe,gBAAgB;AACrC,QAAM,SAAS,UAAU;AAEzB,QAAM,gBAAgB,OAAO,eAAe,WAAW,OAAO,UAAU,IAAI;AAE5E,QAAM,sBAAsB,YAAY,MAAM;AAC5C,gBAAY,kBAAkB,EAAE,UAAU,CAAC,aAAa,UAAU,EAAE,CAAC;AACrE,gBAAY,kBAAkB;AAAA,MAC5B,UAAU,CAAC,oBAAoB,UAAU;AAAA,IAC3C,CAAC;AAAA,EACH,GAAG,CAAC,aAAa,UAAU,CAAC;AAE5B,QAAM,YAAY;AAAA,IAChB,OACE,MACA,UAA6B,CAAC,MACT;AACrB,YAAM,EAAE,YAAY,MAAM,SAAS,IAAI,WAAW,QAAQ,IAAI;AAC9D,UAAI,CAAC,cAAe,OAAM,IAAI,MAAM,qBAAqB;AAEzD,YAAM,oBAAoB,CAAC,GAAG,SAAS;AAGvC,YAAM,gBAAgB,UAAU;AAAA,QAC9B,CAAC,SAAS,KAAK,eAAe,KAAK;AAAA,MACrC;AAEA,UAAI;AACJ,UAAI,iBAAiB,GAAG;AACtB,8BAAsB,UAAU;AAAA,UAAI,CAAC,MAAM,UACzC,UAAU,gBACN,EAAE,GAAG,MAAM,UAAU,KAAK,WAAW,KAAK,SAAS,IACnD;AAAA,QACN;AAAA,MACF,OAAO;AACL,cAAM,UAAqB;AAAA,UACzB,YAAY;AAAA,UACZ,YAAY,KAAK;AAAA,UACjB,iBAAiB;AAAA,UACjB,YAAY;AAAA,UACZ;AAAA,UACA,QAAQ,UAAU,SAAS;AAAA,UAC3B,UAAU;AAAA,UACV,UAAU,KAAK;AAAA,UACf,eAAe,KAAK;AAAA,QACtB;AACA,8BAAsB,CAAC,GAAG,WAAW,OAAO;AAAA,MAC9C;AAEA,mBAAa,mBAAmB;AAEhC,UAAI;AACF,cAAM,UAAU,MAAM,UAAU,UAAU,eAAe;AAAA,UACvD;AAAA,YACE,YAAY;AAAA,YACZ,YAAY,KAAK;AAAA,YACjB,UAAU,KAAK;AAAA,YACf,eAAe,KAAK;AAAA,UACtB;AAAA,QACF,CAAC;AAED,YAAI,CAAC,QAAS,OAAM,IAAI,MAAM,4BAA4B;AAE1D,4BAAoB;AAEpB,YAAI,aAAa,QAAQ,MAAM;AAC7B,iBAAO;AAAA,YACL,GAAG,KAAK,QAAQ,MAAM,UAAU,MAAM;AAAA,UACxC;AAAA,QACF;AAEA,oBAAY;AACZ,eAAO;AAAA,MACT,SAAS,OAAO;AACd,qBAAa,iBAAiB;AAC9B,YAAI,aAAa,QAAQ,OAAO;AAC9B,iBAAO,MAAM,+CAA+C;AAAA,QAC9D;AACA,kBAAU,KAAc;AACxB,eAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,CAAC,YAAY,WAAW,cAAc,qBAAqB,WAAW,MAAM;AAAA,EAC9E;AAEA,QAAM,iBAAiB;AAAA,IACrB,OACE,YACA,aACA,UAA6B,CAAC,MACT;AACrB,YAAM,EAAE,YAAY,OAAO,WAAW,QAAQ,IAAI;AAClD,UAAI,CAAC,cAAe,OAAM,IAAI,MAAM,qBAAqB;AAEzD,YAAM,oBAAoB,CAAC,GAAG,SAAS;AAEvC,YAAM,sBAAsB,UAAU;AAAA,QAAI,CAAC,SACzC,KAAK,eAAe,aAChB,EAAE,GAAG,MAAM,UAAU,YAAY,IACjC;AAAA,MACN;AACA,mBAAa,mBAAmB;AAEhC,UAAI;AACF,cAAM,eAAe,UAAU;AAAA,UAAI,CAAC,SAClC,KAAK,eAAe,aAChB,EAAE,GAAG,MAAM,UAAU,YAAY,IACjC;AAAA,QACN;AAEA,cAAM,UAAU,MAAM,UAAU;AAAA,UAC9B;AAAA,UACA;AAAA,QACF;AACA,YAAI,CAAC,QAAS,OAAM,IAAI,MAAM,2BAA2B;AAEzD,4BAAoB;AACpB,oBAAY;AACZ,eAAO;AAAA,MACT,SAAS,OAAO;AACd,qBAAa,iBAAiB;AAC9B,YAAI,aAAa,QAAQ,OAAO;AAC9B,iBAAO,MAAM,8CAA8C;AAAA,QAC7D;AACA,kBAAU,KAAc;AACxB,eAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,CAAC,YAAY,WAAW,cAAc,qBAAqB,WAAW,MAAM;AAAA,EAC9E;AAEA,QAAM,iBAAiB;AAAA,IACrB,OACE,YACA,UAA6B,CAAC,MACT;AACrB,YAAM,EAAE,YAAY,MAAM,SAAS,IAAI,WAAW,QAAQ,IAAI;AAC9D,UAAI,CAAC,cAAe,OAAM,IAAI,MAAM,qBAAqB;AAEzD,YAAM,oBAAoB,CAAC,GAAG,SAAS;AAEvC,YAAM,sBAAsB,UAAU;AAAA,QACpC,CAAC,SAAS,KAAK,eAAe;AAAA,MAChC;AACA,mBAAa,mBAAmB;AAEhC,UAAI;AACF,cAAM,eAAe,UAAU;AAAA,UAAI,CAAC,SAClC,KAAK,eAAe,aAAa,EAAE,GAAG,MAAM,UAAU,EAAE,IAAI;AAAA,QAC9D;AAEA,cAAM,UAAU,MAAM,UAAU;AAAA,UAC9B;AAAA,UACA;AAAA,QACF;AACA,YAAI,CAAC,QAAS,OAAM,IAAI,MAAM,uBAAuB;AAErD,4BAAoB;AACpB,YAAI,aAAa,QAAQ,MAAM;AAC7B,iBAAO,KAAK,GAAG,UAAU,MAAM,oBAAoB;AAAA,QACrD;AACA,oBAAY;AACZ,eAAO;AAAA,MACT,SAAS,OAAO;AACd,qBAAa,iBAAiB;AAC9B,YAAI,aAAa,QAAQ,OAAO;AAC9B,iBAAO,MAAM,0CAA0C;AAAA,QACzD;AACA,kBAAU,KAAc;AACxB,eAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,CAAC,YAAY,WAAW,cAAc,qBAAqB,WAAW,MAAM;AAAA,EAC9E;AAEA,QAAM,YAAY;AAAA,IAChB,OAAO,UAA6C,CAAC,MAAwB;AAC3E,YAAM,EAAE,YAAY,MAAM,WAAW,QAAQ,IAAI;AACjD,UAAI,CAAC,cAAe,OAAM,IAAI,MAAM,qBAAqB;AAEzD,YAAM,oBAAoB,CAAC,GAAG,SAAS;AACvC,mBAAa,CAAC,CAAC;AAEf,UAAI;AACF,cAAM,UAAU,MAAM,UAAU,oBAAoB,aAAa;AACjE,YAAI,CAAC,QAAS,OAAM,IAAI,MAAM,sBAAsB;AAEpD,4BAAoB;AACpB,YAAI,aAAa,QAAQ,MAAM;AAC7B,iBAAO,KAAK,cAAc;AAAA,QAC5B;AACA,oBAAY;AACZ,eAAO;AAAA,MACT,SAAS,OAAO;AACd,qBAAa,iBAAiB;AAC9B,YAAI,aAAa,QAAQ,OAAO;AAC9B,iBAAO,MAAM,yCAAyC;AAAA,QACxD;AACA,kBAAU,KAAc;AACxB,eAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,CAAC,YAAY,WAAW,cAAc,qBAAqB,WAAW,MAAM;AAAA,EAC9E;AAEA,QAAM,WAAW;AAAA,IACf,CAAC,eAAgC;AAC/B,aAAO,UAAU,KAAK,CAAC,SAAS,KAAK,eAAe,UAAU;AAAA,IAChE;AAAA,IACA,CAAC,SAAS;AAAA,EACZ;AAEA,QAAM,kBAAkB;AAAA,IACtB,CAAC,eAA+B;AAC9B,aAAO,UAAU,KAAK,CAAC,SAAS,KAAK,eAAe,UAAU,GAAG,YAAY;AAAA,IAC/E;AAAA,IACA,CAAC,SAAS;AAAA,EACZ;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;;;AChTA,SAAS,aAAAC,YAAW,cAAc;AAClC,SAAS,YAAAC,kBAAgB;AACzB,SAAS,gBAAAC,sBAAoC;AAO7C,IAAM,qBAAqB;AAC3B,IAAM,iBAAiB;AA+DhB,SAAS,sBACd,SACA,WACA;AACA,QAAM,aAAa,cAAc;AACjC,QAAM,gBAAgB,iBAAiB;AACvC,QAAM,eAAe,gBAAgB;AAErC,QAAM,gBAAgB,OAAO,CAAC;AAC9B,QAAM,oBAAoB,OAAO,KAAK;AAGtC,EAAAC,WAAU,MAAM;AACd,QAAI,cAAc,QAAQ,WAAW,UAAW;AAGhD,QAAI,QAAQ,cAAc,QAAQ,WAAW,iBAAiB;AAC5D,oBAAc,QAAQ,UAAU;AAChC;AAAA,IACF;AAGA,QAAI,QAAQ,WAAW,qBAAqB,CAAC,kBAAkB,SAAS;AACtE,wBAAkB,UAAU;AAC5B,oBAAc,UAAU;AAExB,YAAM,sBAAsB,YAAY;AACtC,cAAM,gBAAgB,UAAU,aAAa;AAC7C,cAAM,YACJ,iBAAiB,OAAO,kBAAkB,WACtC,gBACA,UAAU,kBAAkB;AAElC,eAAO,cAAc,UAAU,oBAAoB;AACjD,cAAI;AACF,kBAAM,UAAU,MAAM,UAAU,cAAc,KAAK,SAAS;AAE5D,gBAAI,WAAW,QAAQ,eAAe,GAAG;AACvC,wBAAU,cAAc,SAAS;AACjC,4BAAc,QAAQ,UAAU;AAChC,gCAAkB,UAAU;AAC5B;AAAA,YACF;AAEA,0BAAc;AAEd,gBAAI,cAAc,UAAU,oBAAoB;AAC9C,oBAAM,QAAQ,KAAK;AAAA,gBACjB,iBAAiB,KAAK,IAAI,KAAK,cAAc,OAAO;AAAA,gBACpD;AAAA,cACF;AACA,oBAAM,IAAI,QAAQ,CAAC,YAAY,WAAW,SAAS,KAAK,CAAC;AAAA,YAC3D;AAAA,UACF,SAAS,OAAO;AACd,oBAAQ;AAAA,cACN,+BAA+B,cAAc,UAAU,CAAC;AAAA,cACxD;AAAA,YACF;AACA,0BAAc;AAEd,gBAAI,cAAc,UAAU,oBAAoB;AAC9C,oBAAM,QAAQ,KAAK;AAAA,gBACjB,iBAAiB,KAAK,IAAI,KAAK,cAAc,OAAO;AAAA,gBACpD;AAAA,cACF;AACA,oBAAM,IAAI,QAAQ,CAAC,YAAY,WAAW,SAAS,KAAK,CAAC;AAAA,YAC3D;AAAA,UACF;AAAA,QACF;AAEA,gBAAQ;AAAA,UACN,oCAAoC,kBAAkB;AAAA,QACxD;AACA,0BAAkB,UAAU;AAAA,MAC9B;AAEA,0BAAoB;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,SAAS,YAAY,eAAe,SAAS,CAAC;AAGlD,QAAM,EAAE,MAAM,cAAc,IAAIC,WAAS;AAAA,IACvC,UAAU,CAAC,aAAa,UAAU;AAAA,IAClC,SAAS,MAAM,UAAU,aAAa,OAAO,UAAU,CAAC;AAAA,IACxD,SAAS,CAAC,CAAC;AAAA,IACX,GAAGC,eAAa;AAAA,EAClB,CAAC;AAGD,EAAAF,WAAU,MAAM;AACd,QAAI,eAAe;AACjB,mBAAa,aAAa;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,eAAe,YAAY,CAAC;AAEhC,SAAO;AAAA,IACL;AAAA,IACA,gBAAgB,kBAAkB;AAAA,IAClC,YAAY,cAAc;AAAA,EAC5B;AACF;;;AC7KA,SAAS,eAAe;AACxB,SAAS,kBAAkB;AAsCpB,SAAS,eACd,UAAiC,CAAC,GACf;AACnB,QAAM,MAAM,YAAY;AACxB,QAAM,YAAY,aAAa;AAC/B,QAAM,EAAE,WAAW,IAAI;AAEvB,QAAM,eAAe,WAAW;AAAA,IAC9B,SAAS,UAAU,IAAI,CAAC,UAAU;AAAA,MAChC,GAAG,oBAAoB,KAAK,KAAK,QAAQ,YAAY,KAAK,QAAQ;AAAA,MAClE,SAAS,CAAC,CAAC,cAAc,CAAC,CAAC,KAAK;AAAA,IAClC,EAAE;AAAA,EACJ,CAAC;AAED,QAAM,SAAS,QAAQ,MAAM;AAC3B,UAAM,MAAqC,CAAC;AAC5C,cAAU,QAAQ,CAAC,MAAM,UAAU;AACjC,YAAM,cAAc,aAAa,KAAK;AACtC,UAAI,aAAa,MAAM;AACrB,YAAI,KAAK,OAAO,YAAY,CAAC,IAAI;AAAA,UAC/B,WAAW,YAAY,KAAK,aAAa;AAAA,UACzC,WAAW,YAAY;AAAA,QACzB;AAAA,MACF;AAAA,IACF,CAAC;AACD,WAAO;AAAA,EACT,GAAG,CAAC,WAAW,YAAY,CAAC;AAE5B,QAAM,eAAe,QAAQ,MAAM;AACjC,WAAO,CAAC,WAA2B;AACjC,aAAO,OAAO,QAAQ,YAAY,CAAC,GAAG,aAAa;AAAA,IACrD;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,eAAe,QAAQ,MAAM;AACjC,WAAO,CAAC,QAAgB,aAA6B;AACnD,aAAO,aAAa,MAAM,IAAI;AAAA,IAChC;AAAA,EACF,GAAG,CAAC,YAAY,CAAC;AAEjB,QAAM,WAAW,QAAQ,MAAM;AAC7B,WAAO,UAAU,OAAO,CAAC,KAAK,SAAS;AACrC,YAAM,YAAY,OAAO,KAAK,OAAO,YAAY,CAAC,GAAG,aAAa;AAClE,aAAO,MAAM,YAAY,KAAK;AAAA,IAChC,GAAG,CAAC;AAAA,EACN,GAAG,CAAC,WAAW,MAAM,CAAC;AAEtB,QAAM,YAAY,aAAa,KAAK,CAAC,MAAM,EAAE,SAAS;AACtD,QAAM,YAAY,aAAa,MAAM,CAAC,MAAM,EAAE,SAAS;AACvD,QAAM,UAAU,aAAa,KAAK,CAAC,MAAM,EAAE,OAAO;AAElD,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAKO,SAAS,2BACd,KACA,WACA,YACA;AACA,SAAO,UAAU,IAAI,CAAC,UAAU;AAAA,IAC9B,GAAG,oBAAoB,KAAK,KAAK,QAAQ,YAAY,KAAK,QAAQ;AAAA,IAClE,SAAS,CAAC,CAAC,cAAc,CAAC,CAAC,KAAK;AAAA,EAClC,EAAE;AACJ;;;ACjHA,SAAS,kBAAAG,uBAAsB;AAC/B,SAAS,eAAAC,oBAAmB;AAqBrB,IAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY,KAAK,KAAK;AAAA,EACtB,SAAS,KAAK,KAAK;AAAA,EACnB,UAAU;AACZ,MAAoC;AAClC,QAAM,cAAcD,gBAAe;AAEnC,QAAM,eAAeC;AAAA,IACnB,OAAO,SAAiB;AACtB,UAAI,CAAC,QAAS;AAEd,YAAM,UAAU,OAAO,KAAK;AAE5B,UAAI;AACF,cAAM,YAAY,cAAc;AAAA,UAC9B,UAAU,CAAC,GAAG,UAAU,MAAM;AAAA,UAC9B,SAAS,MAAM,QAAQ,MAAM;AAAA,UAC7B;AAAA,UACA;AAAA,QACF,CAAC;AAAA,MACH,SAAS,OAAO;AACd,gBAAQ,KAAK,0BAA0B,IAAI,KAAK,KAAK;AAAA,MACvD;AAAA,IACF;AAAA,IACA,CAAC,UAAU,SAAS,UAAU,WAAW,QAAQ,aAAa,OAAO;AAAA,EACvE;AAEA,QAAM,wBAAwBA;AAAA,IAC5B,CAAC,SAAiB;AAChB,YAAM,YAAY,WAAW,MAAM,aAAa,IAAI,GAAG,GAAG;AAC1D,aAAO,MAAM,aAAa,SAAS;AAAA,IACrC;AAAA,IACA,CAAC,YAAY;AAAA,EACf;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;;;AChEA,SAAS,wBAAwB;AACjC;AAAA,EACE,gBAAAC;AAAA,OAGK;AAaA,IAAM,8BAA8B,CACzC,iBACA,iBACG;AACH,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,KAAK,UAAU,YAAY;AAAA,EAC7B;AACF;AAMO,SAAS,yBACd,iBACA,cACA,UAA2C,CAAC,GAC5C;AACA,QAAM,MAAM,YAAY;AACxB,QAAM,EAAE,UAAU,KAAK,IAAI;AAE3B,SAAO,iBAAgD;AAAA,IACrD,UAAU,4BAA4B,iBAAiB,YAAY;AAAA,IACnE,SAAS,OAAO,EAAE,YAAY,EAAE,MAAM;AACpC,YAAM,WAAW,MAAM,IAAI,WAAW,WAAW,KAAK;AAAA,QACpD,GAAG,aAAa,KAAK;AAAA,QACrB,YAAY;AAAA,QACZ,MAAM,aAAa;AAAA,QACnB,MAAM;AAAA,QACN,cAAc,OAAO,eAAe;AAAA,QACpC,SAAS,aAAa,SAAS,SAC3B,KAAK,UAAU,aAAa,OAAO,IACnC;AAAA,MACN,CAAC;AACD,YAAM,QAAwB,SAAS,MAAM,SAAS,CAAC;AACvD,YAAM,QAAgB,SAAS,MAAM,gBAAgB;AACrD,YAAM,aAAc,YAAuB,aAAa;AACxD,aAAO;AAAA,QACL,MAAM;AAAA,QACN;AAAA,QACA,YAAY,aAAa,QAAQ,aAAa;AAAA,MAChD;AAAA,IACF;AAAA,IACA,kBAAkB;AAAA,IAClB,kBAAkB,CAAC,aAAa,SAAS;AAAA,IACzC,GAAGC,eAAa;AAAA,IAChB,SAAS,WAAW,CAAC,CAAC;AAAA,EACxB,CAAC;AACH;;;ACpEA,SAAS,oBAAAC,yBAAwB;AACjC;AAAA,EACE,gBAAAC;AAAA,OAGK;AAaA,IAAM,2BAA2B,CACtC,cACA,oBACG;AACH,SAAO;AAAA,IACL;AAAA,IACA,KAAK,UAAU,YAAY;AAAA,IAC3B;AAAA,EACF;AACF;AAMO,SAAS,sBACd,cACA,iBACA,UAAwC,CAAC,GACzC;AACA,QAAM,MAAM,YAAY;AACxB,QAAM,EAAE,UAAU,KAAK,IAAI;AAE3B,SAAOC,kBAA6C;AAAA,IAClD,UAAU,yBAAyB,cAAc,eAAe;AAAA,IAChE,SAAS,OAAO,EAAE,YAAY,EAAE,MAAM;AACpC,YAAM,WAAW,MAAM,IAAI,WAAW,WAAW,KAAK;AAAA,QACpD,GAAG,aAAa;AAAA,QAChB,YAAY;AAAA,QACZ,MAAM,aAAa;AAAA,QACnB,MAAM;AAAA,QACN,cAAc,kBACV,OAAO,eAAe,IACtB;AAAA,QACJ,SAAS,aAAa,SAAS,SAC3B,KAAK,UAAU,aAAa,OAAO,IACnC;AAAA,MACN,CAAC;AACD,YAAM,QAAwB,SAAS,MAAM,SAAS,CAAC;AACvD,YAAM,QAAgB,SAAS,MAAM,gBAAgB;AACrD,YAAM,aAAc,YAAuB,aAAa;AACxD,aAAO;AAAA,QACL,MAAM;AAAA,QACN;AAAA,QACA,YAAY,aAAa,QAAQ,aAAa;AAAA,MAChD;AAAA,IACF;AAAA,IACA,kBAAkB;AAAA,IAClB,kBAAkB,CAAC,aAAa,SAAS;AAAA,IACzC,GAAGC,eAAa;AAAA,IAChB,SAAS,WAAW,CAAC,CAAC,aAAa;AAAA,IACnC,MAAM,EAAE,SAAS,KAAK;AAAA,EACxB,CAAC;AACH;","names":["create","devtools","useQuery","CACHE_CONFIG","CACHE_CONFIG","useQuery","useQuery","CACHE_CONFIG","CACHE_CONFIG","useQuery","useQuery","CACHE_CONFIG","CACHE_CONFIG","useQuery","useQuery","CACHE_CONFIG","CACHE_CONFIG","useQuery","useQuery","CACHE_CONFIG","CACHE_CONFIG","useQuery","useQuery","CACHE_CONFIG","CACHE_CONFIG","useQuery","useQuery","CACHE_CONFIG","CACHE_CONFIG","useQuery","useQuery","CACHE_CONFIG","CACHE_CONFIG","useQuery","useQuery","CACHE_CONFIG","CACHE_CONFIG","useQuery","useEffect","useQuery","CACHE_CONFIG","useEffect","useQuery","CACHE_CONFIG","useQueryClient","useCallback","CACHE_CONFIG","CACHE_CONFIG","useInfiniteQuery","CACHE_CONFIG","useInfiniteQuery","CACHE_CONFIG"]}
|
package/dist/web.cjs
ADDED
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/web/use-mobile-detection.tsx
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
var _react = require('react');
|
|
7
|
+
var _jsxruntime = require('react/jsx-runtime');
|
|
8
|
+
var MOBILE_BREAKPOINT = 992;
|
|
9
|
+
var THROTTLE_MS = 150;
|
|
10
|
+
var isMobileState = false;
|
|
11
|
+
var listeners = /* @__PURE__ */ new Set();
|
|
12
|
+
var throttleTimeout = null;
|
|
13
|
+
function getSnapshot() {
|
|
14
|
+
return isMobileState;
|
|
15
|
+
}
|
|
16
|
+
function getServerSnapshot() {
|
|
17
|
+
return false;
|
|
18
|
+
}
|
|
19
|
+
function subscribe(callback) {
|
|
20
|
+
if (listeners.size === 0 && typeof window !== "undefined") {
|
|
21
|
+
isMobileState = window.innerWidth <= MOBILE_BREAKPOINT;
|
|
22
|
+
const handleResize = () => {
|
|
23
|
+
if (throttleTimeout) return;
|
|
24
|
+
throttleTimeout = setTimeout(() => {
|
|
25
|
+
throttleTimeout = null;
|
|
26
|
+
const newValue = window.innerWidth <= MOBILE_BREAKPOINT;
|
|
27
|
+
if (newValue !== isMobileState) {
|
|
28
|
+
isMobileState = newValue;
|
|
29
|
+
listeners.forEach((listener) => listener());
|
|
30
|
+
}
|
|
31
|
+
}, THROTTLE_MS);
|
|
32
|
+
};
|
|
33
|
+
window.addEventListener("resize", handleResize, { passive: true });
|
|
34
|
+
subscribe._cleanup = () => {
|
|
35
|
+
window.removeEventListener("resize", handleResize);
|
|
36
|
+
if (throttleTimeout) {
|
|
37
|
+
clearTimeout(throttleTimeout);
|
|
38
|
+
throttleTimeout = null;
|
|
39
|
+
}
|
|
40
|
+
};
|
|
41
|
+
}
|
|
42
|
+
listeners.add(callback);
|
|
43
|
+
return () => {
|
|
44
|
+
listeners.delete(callback);
|
|
45
|
+
if (listeners.size === 0 && subscribe._cleanup) {
|
|
46
|
+
subscribe._cleanup();
|
|
47
|
+
}
|
|
48
|
+
};
|
|
49
|
+
}
|
|
50
|
+
function useIsMobile() {
|
|
51
|
+
return _react.useSyncExternalStore.call(void 0, subscribe, getSnapshot, getServerSnapshot);
|
|
52
|
+
}
|
|
53
|
+
var HydrationContext = _react.createContext.call(void 0, false);
|
|
54
|
+
function MobileProvider({ children }) {
|
|
55
|
+
const isHydrated = _react.useSyncExternalStore.call(void 0,
|
|
56
|
+
() => () => {
|
|
57
|
+
},
|
|
58
|
+
() => true,
|
|
59
|
+
() => false
|
|
60
|
+
);
|
|
61
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HydrationContext.Provider, { value: isHydrated, children });
|
|
62
|
+
}
|
|
63
|
+
function useIsHydrated() {
|
|
64
|
+
return _react.useContext.call(void 0, HydrationContext);
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
// src/web/use-mobile-optimized-intersection.ts
|
|
68
|
+
|
|
69
|
+
var useMobileOptimizedIntersection = ({
|
|
70
|
+
rootMarginMobile = "300px",
|
|
71
|
+
rootMarginDesktop = "150px",
|
|
72
|
+
threshold = 0,
|
|
73
|
+
enabled = true,
|
|
74
|
+
mobileBreakpoint = 992
|
|
75
|
+
} = {}) => {
|
|
76
|
+
const [isIntersecting, setIsIntersecting] = _react.useState.call(void 0, false);
|
|
77
|
+
const elementRef = _react.useRef.call(void 0, null);
|
|
78
|
+
_react.useEffect.call(void 0, () => {
|
|
79
|
+
if (!enabled || !elementRef.current) return;
|
|
80
|
+
const isMobile = window.innerWidth <= mobileBreakpoint;
|
|
81
|
+
const observer = new IntersectionObserver(
|
|
82
|
+
(entries) => {
|
|
83
|
+
entries.forEach((entry) => {
|
|
84
|
+
if (entry.isIntersecting && !isIntersecting) {
|
|
85
|
+
setIsIntersecting(true);
|
|
86
|
+
}
|
|
87
|
+
});
|
|
88
|
+
},
|
|
89
|
+
{
|
|
90
|
+
rootMargin: isMobile ? rootMarginMobile : rootMarginDesktop,
|
|
91
|
+
threshold
|
|
92
|
+
}
|
|
93
|
+
);
|
|
94
|
+
observer.observe(elementRef.current);
|
|
95
|
+
return () => {
|
|
96
|
+
observer.disconnect();
|
|
97
|
+
};
|
|
98
|
+
}, [
|
|
99
|
+
enabled,
|
|
100
|
+
rootMarginMobile,
|
|
101
|
+
rootMarginDesktop,
|
|
102
|
+
threshold,
|
|
103
|
+
isIntersecting,
|
|
104
|
+
mobileBreakpoint
|
|
105
|
+
]);
|
|
106
|
+
return {
|
|
107
|
+
ref: elementRef,
|
|
108
|
+
isIntersecting
|
|
109
|
+
};
|
|
110
|
+
};
|
|
111
|
+
|
|
112
|
+
|
|
113
|
+
|
|
114
|
+
|
|
115
|
+
|
|
116
|
+
exports.MobileProvider = MobileProvider; exports.useIsHydrated = useIsHydrated; exports.useIsMobile = useIsMobile; exports.useMobileOptimizedIntersection = useMobileOptimizedIntersection;
|
|
117
|
+
//# sourceMappingURL=web.cjs.map
|
package/dist/web.cjs.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/augur-packages/augur-packages/packages/augur-hooks/dist/web.cjs","../src/web/use-mobile-detection.tsx","../src/web/use-mobile-optimized-intersection.ts"],"names":[],"mappings":"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","file":"/home/runner/work/augur-packages/augur-packages/packages/augur-hooks/dist/web.cjs","sourcesContent":[null,"import {\n createContext,\n useContext,\n useSyncExternalStore,\n type ReactNode,\n} from \"react\";\n\nconst MOBILE_BREAKPOINT = 992;\nconst THROTTLE_MS = 150;\n\n// Singleton state for mobile detection\nlet isMobileState = false;\nconst listeners: Set<() => void> = new Set();\nlet throttleTimeout: ReturnType<typeof setTimeout> | null = null;\n\nfunction getSnapshot(): boolean {\n return isMobileState;\n}\n\nfunction getServerSnapshot(): boolean {\n return false;\n}\n\nfunction subscribe(callback: () => void): () => void {\n if (listeners.size === 0 && typeof window !== \"undefined\") {\n isMobileState = window.innerWidth <= MOBILE_BREAKPOINT;\n\n const handleResize = () => {\n if (throttleTimeout) return;\n\n throttleTimeout = setTimeout(() => {\n throttleTimeout = null;\n const newValue = window.innerWidth <= MOBILE_BREAKPOINT;\n if (newValue !== isMobileState) {\n isMobileState = newValue;\n listeners.forEach((listener) => listener());\n }\n }, THROTTLE_MS);\n };\n\n window.addEventListener(\"resize\", handleResize, { passive: true });\n\n (subscribe as any)._cleanup = () => {\n window.removeEventListener(\"resize\", handleResize);\n if (throttleTimeout) {\n clearTimeout(throttleTimeout);\n throttleTimeout = null;\n }\n };\n }\n\n listeners.add(callback);\n\n return () => {\n listeners.delete(callback);\n if (listeners.size === 0 && (subscribe as any)._cleanup) {\n (subscribe as any)._cleanup();\n }\n };\n}\n\n/**\n * Returns whether the screen is mobile-sized.\n * Uses `useSyncExternalStore` for proper SSR support.\n *\n * - SSR-safe: returns false on server, updates on client after hydration\n * - Single listener: one resize listener regardless of component count\n * - Throttled: resize events throttled to prevent excessive re-renders\n */\nexport function useIsMobile(): boolean {\n return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n}\n\nconst HydrationContext = createContext(false);\n\ninterface MobileProviderProps {\n children: ReactNode;\n}\n\n/**\n * Optional provider that tracks hydration state.\n * Wrap your app with this if you need to conditionally render\n * mobile-only content after hydration.\n */\nexport function MobileProvider({ children }: MobileProviderProps) {\n const isHydrated = useSyncExternalStore(\n () => () => {},\n () => true,\n () => false,\n );\n\n return (\n <HydrationContext.Provider value={isHydrated}>\n {children}\n </HydrationContext.Provider>\n );\n}\n\n/**\n * Returns true only after the client has hydrated.\n * Prevents hydration mismatches with conditional rendering.\n */\nexport function useIsHydrated(): boolean {\n return useContext(HydrationContext);\n}\n","\"use client\";\n\nimport { useEffect, useState, useRef } from \"react\";\n\ninterface UseMobileOptimizedIntersectionOptions {\n rootMarginMobile?: string;\n rootMarginDesktop?: string;\n threshold?: number;\n enabled?: boolean;\n mobileBreakpoint?: number;\n}\n\n/**\n * IntersectionObserver hook with mobile-optimized root margins.\n * Uses larger margins on mobile for more aggressive prefetching/lazy loading.\n */\nexport const useMobileOptimizedIntersection = ({\n rootMarginMobile = \"300px\",\n rootMarginDesktop = \"150px\",\n threshold = 0,\n enabled = true,\n mobileBreakpoint = 992,\n}: UseMobileOptimizedIntersectionOptions = {}) => {\n const [isIntersecting, setIsIntersecting] = useState(false);\n const elementRef = useRef<HTMLDivElement | null>(null);\n\n useEffect(() => {\n if (!enabled || !elementRef.current) return;\n\n const isMobile = window.innerWidth <= mobileBreakpoint;\n\n const observer = new IntersectionObserver(\n (entries) => {\n entries.forEach((entry) => {\n if (entry.isIntersecting && !isIntersecting) {\n setIsIntersecting(true);\n }\n });\n },\n {\n rootMargin: isMobile ? rootMarginMobile : rootMarginDesktop,\n threshold,\n },\n );\n\n observer.observe(elementRef.current);\n\n return () => {\n observer.disconnect();\n };\n }, [\n enabled,\n rootMarginMobile,\n rootMarginDesktop,\n threshold,\n isIntersecting,\n mobileBreakpoint,\n ]);\n\n return {\n ref: elementRef,\n isIntersecting,\n };\n};\n"]}
|
package/dist/web.d.cts
ADDED
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as react from 'react';
|
|
3
|
+
import { ReactNode } from 'react';
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* Returns whether the screen is mobile-sized.
|
|
7
|
+
* Uses `useSyncExternalStore` for proper SSR support.
|
|
8
|
+
*
|
|
9
|
+
* - SSR-safe: returns false on server, updates on client after hydration
|
|
10
|
+
* - Single listener: one resize listener regardless of component count
|
|
11
|
+
* - Throttled: resize events throttled to prevent excessive re-renders
|
|
12
|
+
*/
|
|
13
|
+
declare function useIsMobile(): boolean;
|
|
14
|
+
interface MobileProviderProps {
|
|
15
|
+
children: ReactNode;
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* Optional provider that tracks hydration state.
|
|
19
|
+
* Wrap your app with this if you need to conditionally render
|
|
20
|
+
* mobile-only content after hydration.
|
|
21
|
+
*/
|
|
22
|
+
declare function MobileProvider({ children }: MobileProviderProps): react_jsx_runtime.JSX.Element;
|
|
23
|
+
/**
|
|
24
|
+
* Returns true only after the client has hydrated.
|
|
25
|
+
* Prevents hydration mismatches with conditional rendering.
|
|
26
|
+
*/
|
|
27
|
+
declare function useIsHydrated(): boolean;
|
|
28
|
+
|
|
29
|
+
interface UseMobileOptimizedIntersectionOptions {
|
|
30
|
+
rootMarginMobile?: string;
|
|
31
|
+
rootMarginDesktop?: string;
|
|
32
|
+
threshold?: number;
|
|
33
|
+
enabled?: boolean;
|
|
34
|
+
mobileBreakpoint?: number;
|
|
35
|
+
}
|
|
36
|
+
/**
|
|
37
|
+
* IntersectionObserver hook with mobile-optimized root margins.
|
|
38
|
+
* Uses larger margins on mobile for more aggressive prefetching/lazy loading.
|
|
39
|
+
*/
|
|
40
|
+
declare const useMobileOptimizedIntersection: ({ rootMarginMobile, rootMarginDesktop, threshold, enabled, mobileBreakpoint, }?: UseMobileOptimizedIntersectionOptions) => {
|
|
41
|
+
ref: react.RefObject<HTMLDivElement | null>;
|
|
42
|
+
isIntersecting: boolean;
|
|
43
|
+
};
|
|
44
|
+
|
|
45
|
+
export { MobileProvider, useIsHydrated, useIsMobile, useMobileOptimizedIntersection };
|
package/dist/web.d.ts
ADDED
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as react from 'react';
|
|
3
|
+
import { ReactNode } from 'react';
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* Returns whether the screen is mobile-sized.
|
|
7
|
+
* Uses `useSyncExternalStore` for proper SSR support.
|
|
8
|
+
*
|
|
9
|
+
* - SSR-safe: returns false on server, updates on client after hydration
|
|
10
|
+
* - Single listener: one resize listener regardless of component count
|
|
11
|
+
* - Throttled: resize events throttled to prevent excessive re-renders
|
|
12
|
+
*/
|
|
13
|
+
declare function useIsMobile(): boolean;
|
|
14
|
+
interface MobileProviderProps {
|
|
15
|
+
children: ReactNode;
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* Optional provider that tracks hydration state.
|
|
19
|
+
* Wrap your app with this if you need to conditionally render
|
|
20
|
+
* mobile-only content after hydration.
|
|
21
|
+
*/
|
|
22
|
+
declare function MobileProvider({ children }: MobileProviderProps): react_jsx_runtime.JSX.Element;
|
|
23
|
+
/**
|
|
24
|
+
* Returns true only after the client has hydrated.
|
|
25
|
+
* Prevents hydration mismatches with conditional rendering.
|
|
26
|
+
*/
|
|
27
|
+
declare function useIsHydrated(): boolean;
|
|
28
|
+
|
|
29
|
+
interface UseMobileOptimizedIntersectionOptions {
|
|
30
|
+
rootMarginMobile?: string;
|
|
31
|
+
rootMarginDesktop?: string;
|
|
32
|
+
threshold?: number;
|
|
33
|
+
enabled?: boolean;
|
|
34
|
+
mobileBreakpoint?: number;
|
|
35
|
+
}
|
|
36
|
+
/**
|
|
37
|
+
* IntersectionObserver hook with mobile-optimized root margins.
|
|
38
|
+
* Uses larger margins on mobile for more aggressive prefetching/lazy loading.
|
|
39
|
+
*/
|
|
40
|
+
declare const useMobileOptimizedIntersection: ({ rootMarginMobile, rootMarginDesktop, threshold, enabled, mobileBreakpoint, }?: UseMobileOptimizedIntersectionOptions) => {
|
|
41
|
+
ref: react.RefObject<HTMLDivElement | null>;
|
|
42
|
+
isIntersecting: boolean;
|
|
43
|
+
};
|
|
44
|
+
|
|
45
|
+
export { MobileProvider, useIsHydrated, useIsMobile, useMobileOptimizedIntersection };
|
package/dist/web.js
ADDED
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
// src/web/use-mobile-detection.tsx
|
|
2
|
+
import {
|
|
3
|
+
createContext,
|
|
4
|
+
useContext,
|
|
5
|
+
useSyncExternalStore
|
|
6
|
+
} from "react";
|
|
7
|
+
import { jsx } from "react/jsx-runtime";
|
|
8
|
+
var MOBILE_BREAKPOINT = 992;
|
|
9
|
+
var THROTTLE_MS = 150;
|
|
10
|
+
var isMobileState = false;
|
|
11
|
+
var listeners = /* @__PURE__ */ new Set();
|
|
12
|
+
var throttleTimeout = null;
|
|
13
|
+
function getSnapshot() {
|
|
14
|
+
return isMobileState;
|
|
15
|
+
}
|
|
16
|
+
function getServerSnapshot() {
|
|
17
|
+
return false;
|
|
18
|
+
}
|
|
19
|
+
function subscribe(callback) {
|
|
20
|
+
if (listeners.size === 0 && typeof window !== "undefined") {
|
|
21
|
+
isMobileState = window.innerWidth <= MOBILE_BREAKPOINT;
|
|
22
|
+
const handleResize = () => {
|
|
23
|
+
if (throttleTimeout) return;
|
|
24
|
+
throttleTimeout = setTimeout(() => {
|
|
25
|
+
throttleTimeout = null;
|
|
26
|
+
const newValue = window.innerWidth <= MOBILE_BREAKPOINT;
|
|
27
|
+
if (newValue !== isMobileState) {
|
|
28
|
+
isMobileState = newValue;
|
|
29
|
+
listeners.forEach((listener) => listener());
|
|
30
|
+
}
|
|
31
|
+
}, THROTTLE_MS);
|
|
32
|
+
};
|
|
33
|
+
window.addEventListener("resize", handleResize, { passive: true });
|
|
34
|
+
subscribe._cleanup = () => {
|
|
35
|
+
window.removeEventListener("resize", handleResize);
|
|
36
|
+
if (throttleTimeout) {
|
|
37
|
+
clearTimeout(throttleTimeout);
|
|
38
|
+
throttleTimeout = null;
|
|
39
|
+
}
|
|
40
|
+
};
|
|
41
|
+
}
|
|
42
|
+
listeners.add(callback);
|
|
43
|
+
return () => {
|
|
44
|
+
listeners.delete(callback);
|
|
45
|
+
if (listeners.size === 0 && subscribe._cleanup) {
|
|
46
|
+
subscribe._cleanup();
|
|
47
|
+
}
|
|
48
|
+
};
|
|
49
|
+
}
|
|
50
|
+
function useIsMobile() {
|
|
51
|
+
return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
|
|
52
|
+
}
|
|
53
|
+
var HydrationContext = createContext(false);
|
|
54
|
+
function MobileProvider({ children }) {
|
|
55
|
+
const isHydrated = useSyncExternalStore(
|
|
56
|
+
() => () => {
|
|
57
|
+
},
|
|
58
|
+
() => true,
|
|
59
|
+
() => false
|
|
60
|
+
);
|
|
61
|
+
return /* @__PURE__ */ jsx(HydrationContext.Provider, { value: isHydrated, children });
|
|
62
|
+
}
|
|
63
|
+
function useIsHydrated() {
|
|
64
|
+
return useContext(HydrationContext);
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
// src/web/use-mobile-optimized-intersection.ts
|
|
68
|
+
import { useEffect, useState, useRef } from "react";
|
|
69
|
+
var useMobileOptimizedIntersection = ({
|
|
70
|
+
rootMarginMobile = "300px",
|
|
71
|
+
rootMarginDesktop = "150px",
|
|
72
|
+
threshold = 0,
|
|
73
|
+
enabled = true,
|
|
74
|
+
mobileBreakpoint = 992
|
|
75
|
+
} = {}) => {
|
|
76
|
+
const [isIntersecting, setIsIntersecting] = useState(false);
|
|
77
|
+
const elementRef = useRef(null);
|
|
78
|
+
useEffect(() => {
|
|
79
|
+
if (!enabled || !elementRef.current) return;
|
|
80
|
+
const isMobile = window.innerWidth <= mobileBreakpoint;
|
|
81
|
+
const observer = new IntersectionObserver(
|
|
82
|
+
(entries) => {
|
|
83
|
+
entries.forEach((entry) => {
|
|
84
|
+
if (entry.isIntersecting && !isIntersecting) {
|
|
85
|
+
setIsIntersecting(true);
|
|
86
|
+
}
|
|
87
|
+
});
|
|
88
|
+
},
|
|
89
|
+
{
|
|
90
|
+
rootMargin: isMobile ? rootMarginMobile : rootMarginDesktop,
|
|
91
|
+
threshold
|
|
92
|
+
}
|
|
93
|
+
);
|
|
94
|
+
observer.observe(elementRef.current);
|
|
95
|
+
return () => {
|
|
96
|
+
observer.disconnect();
|
|
97
|
+
};
|
|
98
|
+
}, [
|
|
99
|
+
enabled,
|
|
100
|
+
rootMarginMobile,
|
|
101
|
+
rootMarginDesktop,
|
|
102
|
+
threshold,
|
|
103
|
+
isIntersecting,
|
|
104
|
+
mobileBreakpoint
|
|
105
|
+
]);
|
|
106
|
+
return {
|
|
107
|
+
ref: elementRef,
|
|
108
|
+
isIntersecting
|
|
109
|
+
};
|
|
110
|
+
};
|
|
111
|
+
export {
|
|
112
|
+
MobileProvider,
|
|
113
|
+
useIsHydrated,
|
|
114
|
+
useIsMobile,
|
|
115
|
+
useMobileOptimizedIntersection
|
|
116
|
+
};
|
|
117
|
+
//# sourceMappingURL=web.js.map
|
package/dist/web.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/web/use-mobile-detection.tsx","../src/web/use-mobile-optimized-intersection.ts"],"sourcesContent":["import {\n createContext,\n useContext,\n useSyncExternalStore,\n type ReactNode,\n} from \"react\";\n\nconst MOBILE_BREAKPOINT = 992;\nconst THROTTLE_MS = 150;\n\n// Singleton state for mobile detection\nlet isMobileState = false;\nconst listeners: Set<() => void> = new Set();\nlet throttleTimeout: ReturnType<typeof setTimeout> | null = null;\n\nfunction getSnapshot(): boolean {\n return isMobileState;\n}\n\nfunction getServerSnapshot(): boolean {\n return false;\n}\n\nfunction subscribe(callback: () => void): () => void {\n if (listeners.size === 0 && typeof window !== \"undefined\") {\n isMobileState = window.innerWidth <= MOBILE_BREAKPOINT;\n\n const handleResize = () => {\n if (throttleTimeout) return;\n\n throttleTimeout = setTimeout(() => {\n throttleTimeout = null;\n const newValue = window.innerWidth <= MOBILE_BREAKPOINT;\n if (newValue !== isMobileState) {\n isMobileState = newValue;\n listeners.forEach((listener) => listener());\n }\n }, THROTTLE_MS);\n };\n\n window.addEventListener(\"resize\", handleResize, { passive: true });\n\n (subscribe as any)._cleanup = () => {\n window.removeEventListener(\"resize\", handleResize);\n if (throttleTimeout) {\n clearTimeout(throttleTimeout);\n throttleTimeout = null;\n }\n };\n }\n\n listeners.add(callback);\n\n return () => {\n listeners.delete(callback);\n if (listeners.size === 0 && (subscribe as any)._cleanup) {\n (subscribe as any)._cleanup();\n }\n };\n}\n\n/**\n * Returns whether the screen is mobile-sized.\n * Uses `useSyncExternalStore` for proper SSR support.\n *\n * - SSR-safe: returns false on server, updates on client after hydration\n * - Single listener: one resize listener regardless of component count\n * - Throttled: resize events throttled to prevent excessive re-renders\n */\nexport function useIsMobile(): boolean {\n return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n}\n\nconst HydrationContext = createContext(false);\n\ninterface MobileProviderProps {\n children: ReactNode;\n}\n\n/**\n * Optional provider that tracks hydration state.\n * Wrap your app with this if you need to conditionally render\n * mobile-only content after hydration.\n */\nexport function MobileProvider({ children }: MobileProviderProps) {\n const isHydrated = useSyncExternalStore(\n () => () => {},\n () => true,\n () => false,\n );\n\n return (\n <HydrationContext.Provider value={isHydrated}>\n {children}\n </HydrationContext.Provider>\n );\n}\n\n/**\n * Returns true only after the client has hydrated.\n * Prevents hydration mismatches with conditional rendering.\n */\nexport function useIsHydrated(): boolean {\n return useContext(HydrationContext);\n}\n","\"use client\";\n\nimport { useEffect, useState, useRef } from \"react\";\n\ninterface UseMobileOptimizedIntersectionOptions {\n rootMarginMobile?: string;\n rootMarginDesktop?: string;\n threshold?: number;\n enabled?: boolean;\n mobileBreakpoint?: number;\n}\n\n/**\n * IntersectionObserver hook with mobile-optimized root margins.\n * Uses larger margins on mobile for more aggressive prefetching/lazy loading.\n */\nexport const useMobileOptimizedIntersection = ({\n rootMarginMobile = \"300px\",\n rootMarginDesktop = \"150px\",\n threshold = 0,\n enabled = true,\n mobileBreakpoint = 992,\n}: UseMobileOptimizedIntersectionOptions = {}) => {\n const [isIntersecting, setIsIntersecting] = useState(false);\n const elementRef = useRef<HTMLDivElement | null>(null);\n\n useEffect(() => {\n if (!enabled || !elementRef.current) return;\n\n const isMobile = window.innerWidth <= mobileBreakpoint;\n\n const observer = new IntersectionObserver(\n (entries) => {\n entries.forEach((entry) => {\n if (entry.isIntersecting && !isIntersecting) {\n setIsIntersecting(true);\n }\n });\n },\n {\n rootMargin: isMobile ? rootMarginMobile : rootMarginDesktop,\n threshold,\n },\n );\n\n observer.observe(elementRef.current);\n\n return () => {\n observer.disconnect();\n };\n }, [\n enabled,\n rootMarginMobile,\n rootMarginDesktop,\n threshold,\n isIntersecting,\n mobileBreakpoint,\n ]);\n\n return {\n ref: elementRef,\n isIntersecting,\n };\n};\n"],"mappings":";AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAuFH;AArFJ,IAAM,oBAAoB;AAC1B,IAAM,cAAc;AAGpB,IAAI,gBAAgB;AACpB,IAAM,YAA6B,oBAAI,IAAI;AAC3C,IAAI,kBAAwD;AAE5D,SAAS,cAAuB;AAC9B,SAAO;AACT;AAEA,SAAS,oBAA6B;AACpC,SAAO;AACT;AAEA,SAAS,UAAU,UAAkC;AACnD,MAAI,UAAU,SAAS,KAAK,OAAO,WAAW,aAAa;AACzD,oBAAgB,OAAO,cAAc;AAErC,UAAM,eAAe,MAAM;AACzB,UAAI,gBAAiB;AAErB,wBAAkB,WAAW,MAAM;AACjC,0BAAkB;AAClB,cAAM,WAAW,OAAO,cAAc;AACtC,YAAI,aAAa,eAAe;AAC9B,0BAAgB;AAChB,oBAAU,QAAQ,CAAC,aAAa,SAAS,CAAC;AAAA,QAC5C;AAAA,MACF,GAAG,WAAW;AAAA,IAChB;AAEA,WAAO,iBAAiB,UAAU,cAAc,EAAE,SAAS,KAAK,CAAC;AAEjE,IAAC,UAAkB,WAAW,MAAM;AAClC,aAAO,oBAAoB,UAAU,YAAY;AACjD,UAAI,iBAAiB;AACnB,qBAAa,eAAe;AAC5B,0BAAkB;AAAA,MACpB;AAAA,IACF;AAAA,EACF;AAEA,YAAU,IAAI,QAAQ;AAEtB,SAAO,MAAM;AACX,cAAU,OAAO,QAAQ;AACzB,QAAI,UAAU,SAAS,KAAM,UAAkB,UAAU;AACvD,MAAC,UAAkB,SAAS;AAAA,IAC9B;AAAA,EACF;AACF;AAUO,SAAS,cAAuB;AACrC,SAAO,qBAAqB,WAAW,aAAa,iBAAiB;AACvE;AAEA,IAAM,mBAAmB,cAAc,KAAK;AAWrC,SAAS,eAAe,EAAE,SAAS,GAAwB;AAChE,QAAM,aAAa;AAAA,IACjB,MAAM,MAAM;AAAA,IAAC;AAAA,IACb,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAEA,SACE,oBAAC,iBAAiB,UAAjB,EAA0B,OAAO,YAC/B,UACH;AAEJ;AAMO,SAAS,gBAAyB;AACvC,SAAO,WAAW,gBAAgB;AACpC;;;ACtGA,SAAS,WAAW,UAAU,cAAc;AAcrC,IAAM,iCAAiC,CAAC;AAAA,EAC7C,mBAAmB;AAAA,EACnB,oBAAoB;AAAA,EACpB,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,mBAAmB;AACrB,IAA2C,CAAC,MAAM;AAChD,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,KAAK;AAC1D,QAAM,aAAa,OAA8B,IAAI;AAErD,YAAU,MAAM;AACd,QAAI,CAAC,WAAW,CAAC,WAAW,QAAS;AAErC,UAAM,WAAW,OAAO,cAAc;AAEtC,UAAM,WAAW,IAAI;AAAA,MACnB,CAAC,YAAY;AACX,gBAAQ,QAAQ,CAAC,UAAU;AACzB,cAAI,MAAM,kBAAkB,CAAC,gBAAgB;AAC3C,8BAAkB,IAAI;AAAA,UACxB;AAAA,QACF,CAAC;AAAA,MACH;AAAA,MACA;AAAA,QACE,YAAY,WAAW,mBAAmB;AAAA,QAC1C;AAAA,MACF;AAAA,IACF;AAEA,aAAS,QAAQ,WAAW,OAAO;AAEnC,WAAO,MAAM;AACX,eAAS,WAAW;AAAA,IACtB;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SAAO;AAAA,IACL,KAAK;AAAA,IACL;AAAA,EACF;AACF;","names":[]}
|
package/package.json
ADDED
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@simpleapps-com/augur-hooks",
|
|
3
|
+
"version": "0.1.0",
|
|
4
|
+
"description": "Cross-platform React Query hooks and Zustand stores for Augur ecommerce sites",
|
|
5
|
+
"license": "MIT",
|
|
6
|
+
"repository": {
|
|
7
|
+
"type": "git",
|
|
8
|
+
"url": "https://github.com/simpleapps-com/augur-packages.git",
|
|
9
|
+
"directory": "packages/augur-hooks"
|
|
10
|
+
},
|
|
11
|
+
"type": "module",
|
|
12
|
+
"exports": {
|
|
13
|
+
".": {
|
|
14
|
+
"types": "./dist/index.d.ts",
|
|
15
|
+
"import": "./dist/index.js",
|
|
16
|
+
"require": "./dist/index.cjs"
|
|
17
|
+
},
|
|
18
|
+
"./web": {
|
|
19
|
+
"types": "./dist/web.d.ts",
|
|
20
|
+
"import": "./dist/web.js",
|
|
21
|
+
"require": "./dist/web.cjs"
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
"sideEffects": false,
|
|
25
|
+
"files": [
|
|
26
|
+
"dist"
|
|
27
|
+
],
|
|
28
|
+
"dependencies": {
|
|
29
|
+
"@simpleapps-com/augur-utils": "0.1.0"
|
|
30
|
+
},
|
|
31
|
+
"peerDependencies": {
|
|
32
|
+
"react": "^19.0.0",
|
|
33
|
+
"@tanstack/react-query": "^5.80.0",
|
|
34
|
+
"@tanstack/react-query-persist-client": "^5.80.0",
|
|
35
|
+
"zustand": "^5.0.0",
|
|
36
|
+
"@simpleapps-com/augur-api": "^0.9.0"
|
|
37
|
+
},
|
|
38
|
+
"devDependencies": {
|
|
39
|
+
"@tanstack/react-query": "^5.80.0",
|
|
40
|
+
"@types/node": "^22.0.0",
|
|
41
|
+
"@types/react": "^19.0.0",
|
|
42
|
+
"@types/react-dom": "^19.0.0",
|
|
43
|
+
"react": "^19.0.0",
|
|
44
|
+
"tsup": "^8.5.0",
|
|
45
|
+
"vitest": "^3.2.0",
|
|
46
|
+
"zustand": "^5.0.0",
|
|
47
|
+
"@augur-packages/tsconfig": "0.0.0"
|
|
48
|
+
},
|
|
49
|
+
"scripts": {
|
|
50
|
+
"build": "tsup",
|
|
51
|
+
"dev": "tsup --watch",
|
|
52
|
+
"lint": "eslint src/",
|
|
53
|
+
"test": "vitest run --passWithNoTests",
|
|
54
|
+
"typecheck": "tsc --noEmit"
|
|
55
|
+
}
|
|
56
|
+
}
|