@usereactify/search 5.59.0 → 5.59.1-beta.0

package/dist/src/hooks/usePagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePagination.js","sourceRoot":"","sources":["../../../src/hooks/usePagination.ts"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\n\nimport { ReactivesearchPaginationProps } from \"../types\";\nimport { useAnalytics } from \"../hooks\";\nimport { debug } from \"../utility\";\n\nexport const usePagination = (\n  input: ReactivesearchPaginationProps\n): {\n  /** The current page number, indexed from 0 */\n  currentPage: number;\n  /** The total amount of pages */\n  totalPages: number;\n  /** The total amount of pages to show within pagination components */\n  pagesToShow: Array<number>;\n  /** If there is a next page */\n  hasNextPage: boolean;\n  /** If there is a previous page */\n  hasPreviousPage: boolean;\n  /** The _actual_ current page number, indexed from 1 */\n  actualCurrentPage: number;\n  /** Function to build a URL for a specific page number, useful for Href links */\n  buildPagePath: (page: number) => string;\n  /** Function to change to the next page, if an event is provided the preventDefault() method will be called */\n  handleNextPage: (event?: React.SyntheticEvent) => void;\n  /** Function to change to the previous page, if an event is provided the preventDefault() method will be called */\n  handlePreviousPage: (event?: React.SyntheticEvent) => void;\n  /** Function to change to any page, if an event is provided the preventDefault() method will be called */\n  handlePageChange: (pageNumber: number, event?: React.SyntheticEvent) => void;\n} => {\n  const { track } = useAnalytics();\n\n  const buildPagePath = React.useCallback((page: number) => {\n    const currentPath = typeof window !== \"undefined\" ? window.location.pathname : \"\";\n\n    return currentPath.includes(\"page=\")\n      ? currentPath.replace(/page=\\d+/g, `page=${page}`)\n      : `${currentPath}${currentPath.includes(\"?\") ? \"&\" : \"?\"}page=${page}`;\n  }, []);\n\n  const pagesToShow = React.useMemo(\n    () => getPages(input.pages, input.totalPages, input.currentPage),\n    [input.pages, input.totalPages, input.currentPage]\n  );\n\n  // default input.currentPage is zero-indexed, actualCurrentPage is one-indexed\n  const actualCurrentPage = React.useMemo(\n    () => input.currentPage + 1,\n    [input.currentPage]\n  );\n\n  const hasNextPage = React.useMemo(\n    () => actualCurrentPage < input.totalPages,\n    [actualCurrentPage, input.totalPages]\n  );\n\n  const hasPreviousPage = React.useMemo(\n    () => actualCurrentPage > 1,\n    [actualCurrentPage]\n  );\n\n  const hasPage = React.useCallback(\n    (pageNumber: number) => {\n      return pageNumber >= 0 && pageNumber < input.totalPages;\n    },\n    [input.totalPages]\n  );\n\n  const handlePageChange = React.useCallback<\n    ReturnType<typeof usePagination>[\"handlePageChange\"]\n  >(\n    (pageNumber, event) => {\n      debug.log(\"usePagination\", \"handlePageChange[pageNumber]\", pageNumber);\n      event?.preventDefault();\n      if (!hasPage(pageNumber)) {\n        return;\n      }\n      input.setPage(pageNumber);\n      track({\n        eventName: \"paginationChange\",\n        payload: {\n          page: pageNumber,\n          source: window.location.pathname.includes(\"/search\")\n            ? \"search\"\n            : \"collection\",\n        },\n      });\n    },\n    [input.setPage, track]\n  );\n\n  const handleNextPage = React.useCallback<\n    ReturnType<typeof usePagination>[\"handleNextPage\"]\n  >(\n    (event) => {\n      debug.log(\"usePagination\", \"handleNextPage\", input.currentPage + 1);\n      handlePageChange(input.currentPage + 1, event);\n    },\n    [hasNextPage, input.currentPage, handlePageChange]\n  );\n\n  const handlePreviousPage = React.useCallback<\n    ReturnType<typeof usePagination>[\"handlePreviousPage\"]\n  >(\n    (event) => {\n      debug.log(\"usePagination\", \"handlePreviousPage\", input.currentPage - 1);\n      handlePageChange(input.currentPage - 1, event);\n    },\n    [hasPreviousPage, input.currentPage, handlePageChange]\n  );\n\n  return React.useMemo(\n    () => ({\n      currentPage: input.currentPage,\n      totalPages: input.totalPages,\n      pagesToShow,\n      hasNextPage,\n      buildPagePath,\n      hasPreviousPage,\n      actualCurrentPage,\n      handleNextPage,\n      handlePreviousPage,\n      handlePageChange,\n    }),\n    [\n      input.currentPage,\n      input.totalPages,\n      pagesToShow,\n      hasNextPage,\n      buildPagePath,\n      hasPreviousPage,\n      actualCurrentPage,\n      handleNextPage,\n      handlePreviousPage,\n      handlePageChange,\n    ]\n  );\n};\n\n// get a list of pages to display buttons for\n// @todo this is super hacky and needs to be cleaned up\nconst getPages = (pages: number, totalPages: number, currentPage: number) => {\n  const pagesToShow = pages > totalPages ? totalPages : pages;\n  const buffer = Math.floor(pagesToShow / 2);\n  let list: number[] = [];\n  let start = 0;\n  if (totalPages <= 5 || currentPage < buffer + 1) {\n    start = 0;\n  } else {\n    if (totalPages - buffer <= currentPage) {\n      start =\n        currentPage + 1 === totalPages\n          ? currentPage - (pagesToShow - 1)\n          : currentPage - (buffer + buffer / 2);\n    } else {\n      start = currentPage - buffer;\n    }\n  }\n  Array.apply(null, Array(pagesToShow)).map((item, index) => {\n    list.push(start + index);\n  });\n  return list;\n};\n"]}
+{"version":3,"file":"usePagination.js","sourceRoot":"","sources":["../../../src/hooks/usePagination.ts"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { useAnalytics } from \"../hooks\";\nimport type { ReactivesearchPaginationProps } from \"../types\";\nimport { debug } from \"../utility\";\n\nexport const usePagination = (\n  input: ReactivesearchPaginationProps\n): {\n  /** The current page number, indexed from 0 */\n  currentPage: number;\n  /** The total amount of pages */\n  totalPages: number;\n  /** The total amount of pages to show within pagination components */\n  pagesToShow: Array<number>;\n  /** If there is a next page */\n  hasNextPage: boolean;\n  /** If there is a previous page */\n  hasPreviousPage: boolean;\n  /** The _actual_ current page number, indexed from 1 */\n  actualCurrentPage: number;\n  /** Function to build a URL for a specific page number, useful for Href links */\n  buildPagePath: (page: number) => string;\n  /** Function to change to the next page, if an event is provided the preventDefault() method will be called */\n  handleNextPage: (event?: React.SyntheticEvent) => void;\n  /** Function to change to the previous page, if an event is provided the preventDefault() method will be called */\n  handlePreviousPage: (event?: React.SyntheticEvent) => void;\n  /** Function to change to any page, if an event is provided the preventDefault() method will be called */\n  handlePageChange: (pageNumber: number, event?: React.SyntheticEvent) => void;\n} => {\n  const { track } = useAnalytics();\n\n  const buildPagePath = React.useCallback((page: number) => {\n    const currentPath = typeof window !== \"undefined\" ? window.location.pathname : \"\";\n\n    return currentPath.includes(\"page=\")\n      ? currentPath.replace(/page=\\d+/g, `page=${page}`)\n      : `${currentPath}${currentPath.includes(\"?\") ? \"&\" : \"?\"}page=${page}`;\n  }, []);\n\n  const pagesToShow = React.useMemo(\n    () => getPages(input.pages, input.totalPages, input.currentPage),\n    [input.pages, input.totalPages, input.currentPage]\n  );\n\n  // default input.currentPage is zero-indexed, actualCurrentPage is one-indexed\n  const actualCurrentPage = React.useMemo(() => input.currentPage + 1, [input.currentPage]);\n\n  const hasNextPage = React.useMemo(() => actualCurrentPage < input.totalPages, [actualCurrentPage, input.totalPages]);\n\n  const hasPreviousPage = React.useMemo(() => actualCurrentPage > 1, [actualCurrentPage]);\n\n  const hasPage = React.useCallback(\n    (pageNumber: number) => {\n      return pageNumber >= 0 && pageNumber < input.totalPages;\n    },\n    [input.totalPages]\n  );\n\n  const handlePageChange = React.useCallback<ReturnType<typeof usePagination>[\"handlePageChange\"]>(\n    (pageNumber, event) => {\n      debug.log(\"usePagination\", \"handlePageChange[pageNumber]\", pageNumber);\n      event?.preventDefault();\n      if (!hasPage(pageNumber)) {\n        return;\n      }\n      input.setPage(pageNumber);\n      track({\n        eventName: \"paginationChange\",\n        payload: {\n          page: pageNumber,\n          source: window.location.pathname.includes(\"/search\") ? \"search\" : \"collection\",\n        },\n      });\n    },\n    [input.setPage, track, hasPage]\n  );\n\n  const handleNextPage = React.useCallback<ReturnType<typeof usePagination>[\"handleNextPage\"]>(\n    (event) => {\n      debug.log(\"usePagination\", \"handleNextPage\", input.currentPage + 1);\n      handlePageChange(input.currentPage + 1, event);\n    },\n    [input.currentPage, handlePageChange]\n  );\n\n  const handlePreviousPage = React.useCallback<ReturnType<typeof usePagination>[\"handlePreviousPage\"]>(\n    (event) => {\n      debug.log(\"usePagination\", \"handlePreviousPage\", input.currentPage - 1);\n      handlePageChange(input.currentPage - 1, event);\n    },\n    [input.currentPage, handlePageChange]\n  );\n\n  return React.useMemo(\n    () => ({\n      currentPage: input.currentPage,\n      totalPages: input.totalPages,\n      pagesToShow,\n      hasNextPage,\n      buildPagePath,\n      hasPreviousPage,\n      actualCurrentPage,\n      handleNextPage,\n      handlePreviousPage,\n      handlePageChange,\n    }),\n    [\n      input.currentPage,\n      input.totalPages,\n      pagesToShow,\n      hasNextPage,\n      buildPagePath,\n      hasPreviousPage,\n      actualCurrentPage,\n      handleNextPage,\n      handlePreviousPage,\n      handlePageChange,\n    ]\n  );\n};\n\n// get a list of pages to display buttons for\n// @todo this is super hacky and needs to be cleaned up\nconst getPages = (pages: number, totalPages: number, currentPage: number) => {\n  const pagesToShow = pages > totalPages ? totalPages : pages;\n  const buffer = Math.floor(pagesToShow / 2);\n  let start = 0;\n  if (totalPages <= 5 || currentPage < buffer + 1) {\n    start = 0;\n  } else {\n    if (totalPages - buffer <= currentPage) {\n      start = currentPage + 1 === totalPages ? currentPage - (pagesToShow - 1) : currentPage - (buffer + buffer / 2);\n    } else {\n      start = currentPage - buffer;\n    }\n  }\n\n  const list = Array.from({ length: pagesToShow }, (_item, index) => start + index);\n  return list;\n};\n"]}

package/dist/src/hooks/usePaginationLoadable.d.ts

@@ -1,4 +1,4 @@
-import { ReactivesearchResultProps } from "../types";
+import type { ReactivesearchResultProps } from "../types";
 export declare const usePaginationLoadable: (input: ReactivesearchResultProps) => {
     loading: boolean;
     hasMore: boolean;

package/dist/src/hooks/usePaginationLoadable.js

@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.usePaginationLoadable = void 0;
 const react_1 = __importDefault(require("react"));
-const _1 = require(".");
 const utility_1 = require("../utility");
+const _1 = require(".");
 const usePaginationLoadable = (input) => {
     const analyticsHook = (0, _1.useAnalytics)();
     const { filterStack } = (0, _1.useFilters)();
@@ -21,12 +21,10 @@ const usePaginationLoadable = (input) => {
             eventName: "paginationChange",
             payload: {
                 page: Math.ceil(input.resultStats.displayedResults / ((filterStack === null || filterStack === void 0 ? void 0 : filterStack.pageSize) || 20)) + 1,
-                source: window.location.pathname.includes("/search")
-                    ? "search"
-                    : "collection",
+                source: window.location.pathname.includes("/search") ? "search" : "collection",
             },
         });
-    }, [input.loadMore, analyticsHook.track, input.resultStats, filterStack]);
+    }, [input.loadMore, analyticsHook.track, input.resultStats, filterStack, hasMore]);
     return react_1.default.useMemo(() => ({
         loading: input.loading,
         hasMore,

package/dist/src/hooks/usePaginationLoadable.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePaginationLoadable.js","sourceRoot":"","sources":["../../../src/hooks/usePaginationLoadable.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,wBAA6C;AAC7C,wCAAmC;AAE5B,MAAM,qBAAqB,GAAG,CACnC,KAAgC,EAchC,EAAE;IACF,MAAM,aAAa,GAAG,IAAA,eAAY,GAAE,CAAC;IACrC,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,aAAU,GAAE,CAAC;IAErC,MAAM,OAAO,GACX,KAAK,CAAC,WAAW,CAAC,gBAAgB,KAAK,KAAK,CAAC,WAAW,CAAC,eAAe,CAAC;IAE3E,MAAM,cAAc,GAAG,eAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC5C,eAAK,CAAC,GAAG,CAAC,uBAAuB,EAAE,gBAAgB,CAAC,CAAC;QAErD,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO;QACT,CAAC;QAED,KAAK,CAAC,QAAQ,EAAE,CAAC;QACjB,aAAa,CAAC,KAAK,CAAC;YAClB,SAAS,EAAE,kBAAkB;YAC7B,OAAO,EAAE;gBACP,IAAI,EACF,IAAI,CAAC,IAAI,CACP,KAAK,CAAC,WAAW,CAAC,gBAAgB,GAAG,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,KAAI,EAAE,CAAC,CACnE,GAAG,CAAC;gBACP,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC;oBAClD,CAAC,CAAC,QAAQ;oBACV,CAAC,CAAC,YAAY;aACjB;SACF,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC;IAE1E,OAAO,eAAK,CAAC,OAAO,CAClB,GAAG,EAAE,CAAC,CAAC;QACL,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,OAAO;QACP,cAAc;QACd,WAAW,EAAE,KAAK,CAAC,WAAW;KAC/B,CAAC,EACF,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,KAAK,CAAC,WAAW,CAAC,CAC5D,CAAC;AACJ,CAAC,CAAC;AArDW,QAAA,qBAAqB,yBAqDhC","sourcesContent":["import React from \"react\";\n\nimport { ReactivesearchResultProps } from \"../types\";\nimport { useAnalytics, useFilters } from \".\";\nimport { debug } from \"../utility\";\n\nexport const usePaginationLoadable = (\n  input: ReactivesearchResultProps\n): {\n  loading: boolean;\n  hasMore: boolean;\n  handleLoadMore: () => void;\n  resultStats: {\n    time: number;\n    hidden: number;\n    promoted: number;\n    currentPage: number;\n    numberOfPages: number;\n    numberOfResults?: number;\n    displayedResults: number;\n  };\n} => {\n  const analyticsHook = useAnalytics();\n  const { filterStack } = useFilters();\n\n  const hasMore =\n    input.resultStats.displayedResults !== input.resultStats.numberOfResults;\n\n  const handleLoadMore = React.useCallback(() => {\n    debug.log(\"usePaginationLoadable\", \"handleLoadMore\");\n\n    if (!hasMore) {\n      return;\n    }\n\n    input.loadMore();\n    analyticsHook.track({\n      eventName: \"paginationChange\",\n      payload: {\n        page:\n          Math.ceil(\n            input.resultStats.displayedResults / (filterStack?.pageSize || 20)\n          ) + 1,\n        source: window.location.pathname.includes(\"/search\")\n          ? \"search\"\n          : \"collection\",\n      },\n    });\n  }, [input.loadMore, analyticsHook.track, input.resultStats, filterStack]);\n\n  return React.useMemo(\n    () => ({\n      loading: input.loading,\n      hasMore,\n      handleLoadMore,\n      resultStats: input.resultStats,\n    }),\n    [input.loading, hasMore, handleLoadMore, input.resultStats]\n  );\n};\n"]}
+{"version":3,"file":"usePaginationLoadable.js","sourceRoot":"","sources":["../../../src/hooks/usePaginationLoadable.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,wCAAmC;AACnC,wBAA6C;AAEtC,MAAM,qBAAqB,GAAG,CACnC,KAAgC,EAchC,EAAE;IACF,MAAM,aAAa,GAAG,IAAA,eAAY,GAAE,CAAC;IACrC,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,aAAU,GAAE,CAAC;IAErC,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,gBAAgB,KAAK,KAAK,CAAC,WAAW,CAAC,eAAe,CAAC;IAEzF,MAAM,cAAc,GAAG,eAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC5C,eAAK,CAAC,GAAG,CAAC,uBAAuB,EAAE,gBAAgB,CAAC,CAAC;QAErD,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO;QACT,CAAC;QAED,KAAK,CAAC,QAAQ,EAAE,CAAC;QACjB,aAAa,CAAC,KAAK,CAAC;YAClB,SAAS,EAAE,kBAAkB;YAC7B,OAAO,EAAE;gBACP,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,gBAAgB,GAAG,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,KAAI,EAAE,CAAC,CAAC,GAAG,CAAC;gBACvF,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY;aAC/E;SACF,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC;IAEnF,OAAO,eAAK,CAAC,OAAO,CAClB,GAAG,EAAE,CAAC,CAAC;QACL,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,OAAO;QACP,cAAc;QACd,WAAW,EAAE,KAAK,CAAC,WAAW;KAC/B,CAAC,EACF,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,KAAK,CAAC,WAAW,CAAC,CAC5D,CAAC;AACJ,CAAC,CAAC;AA/CW,QAAA,qBAAqB,yBA+ChC","sourcesContent":["import React from \"react\";\nimport type { ReactivesearchResultProps } from \"../types\";\nimport { debug } from \"../utility\";\nimport { useAnalytics, useFilters } from \".\";\n\nexport const usePaginationLoadable = (\n  input: ReactivesearchResultProps\n): {\n  loading: boolean;\n  hasMore: boolean;\n  handleLoadMore: () => void;\n  resultStats: {\n    time: number;\n    hidden: number;\n    promoted: number;\n    currentPage: number;\n    numberOfPages: number;\n    numberOfResults?: number;\n    displayedResults: number;\n  };\n} => {\n  const analyticsHook = useAnalytics();\n  const { filterStack } = useFilters();\n\n  const hasMore = input.resultStats.displayedResults !== input.resultStats.numberOfResults;\n\n  const handleLoadMore = React.useCallback(() => {\n    debug.log(\"usePaginationLoadable\", \"handleLoadMore\");\n\n    if (!hasMore) {\n      return;\n    }\n\n    input.loadMore();\n    analyticsHook.track({\n      eventName: \"paginationChange\",\n      payload: {\n        page: Math.ceil(input.resultStats.displayedResults / (filterStack?.pageSize || 20)) + 1,\n        source: window.location.pathname.includes(\"/search\") ? \"search\" : \"collection\",\n      },\n    });\n  }, [input.loadMore, analyticsHook.track, input.resultStats, filterStack, hasMore]);\n\n  return React.useMemo(\n    () => ({\n      loading: input.loading,\n      hasMore,\n      handleLoadMore,\n      resultStats: input.resultStats,\n    }),\n    [input.loading, hasMore, handleLoadMore, input.resultStats]\n  );\n};\n"]}

package/dist/src/hooks/useProductPrice.d.ts

@@ -1,5 +1,5 @@
 import currency from "currency.js";
-import { ElasticProduct } from "../types/elastic";
+import type { ElasticProduct } from "../types/elastic";
 export type UseProductPrice = {
     price?: currency;
     onSale: boolean;

package/dist/src/hooks/useProductPrice.js

@@ -63,7 +63,9 @@ const useProductPrice = (product) => {
             price: priceAsCurrency,
             compareAtPrice: compareAtPriceAsCurrency,
             formattedPrice: formatPrice(priceAsCurrency, currencyCode),
-            formattedCompareAtPrice: compareAtPriceAsCurrency ? formatPrice(compareAtPriceAsCurrency, currencyCode) : undefined,
+            formattedCompareAtPrice: compareAtPriceAsCurrency
+                ? formatPrice(compareAtPriceAsCurrency, currencyCode)
+                : undefined,
             currencyCode: currencyCode,
         };
     }, [product, reactifySearchContext.options.market, reactifySearchContext.config.markets]);

package/dist/src/hooks/useProductPrice.js.map

@@ -1 +1 @@
-{"version":3,"file":"useProductPrice.js","sourceRoot":"","sources":["../../../src/hooks/useProductPrice.ts"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport currency from \"currency.js\";\n\nimport { ElasticProduct } from \"../types/elastic\";\nimport { useReactifySearchContext } from \"./useReactifySearchContext\";\n\nexport type UseProductPrice = {\n  price?: currency;\n  onSale: boolean;\n  currencyCode: string;\n  compareAtPrice?: currency;\n  formattedPrice?: string;\n  formattedCompareAtPrice?: string;\n};\n\nexport const useProductPrice = (product: ElasticProduct): UseProductPrice => {\n  const reactifySearchContext = useReactifySearchContext();\n\n  const value = React.useMemo<UseProductPrice>(() => {\n    const getCurrencyCode = (): string => {\n      const currencyCode = product.presentment_price_ranges?.min_variant_price[0].currency_code ?? \"AUD\";\n      const currencyCodeMarket = reactifySearchContext.config.markets.find((market) => market.id === reactifySearchContext.options.market)?.currencyCode;\n  \n      return currencyCodeMarket ?? currencyCode;\n    }\n  \n    const getPriceDefault = (): {\n      price: number;\n      compareAtPrice: number | undefined;\n    } | undefined => {\n      if (product.variants?.[0].price) {\n        return {\n          price: product.variants?.[0].price,\n          compareAtPrice: product.variants?.[0].compare_at_price ?? undefined,\n        };\n      }\n  \n      return;\n    }\n  \n    const getPriceMarket = (): {\n      price: number;\n      compareAtPrice: number | undefined;\n    } | undefined => {\n      const currencyCode = getCurrencyCode();\n      if (!currencyCode) {\n        return;\n      }\n  \n      const presentmentPrice = product.variants?.[0].presentment_prices?.find((item) => item.price.currency_code === currencyCode);\n      if (!presentmentPrice) {\n        return;\n      }\n      \n      return {\n        price: presentmentPrice.price.amount,\n        compareAtPrice: presentmentPrice.compare_at_price?.amount ?? undefined,\n      };\n    };\n  \n    const getPrice = (): {\n      price: number;\n      compareAtPrice: number | undefined;\n    } | undefined => {\n      return getPriceMarket() ?? getPriceDefault();\n    }\n\n    const priceData = getPrice();\n    if (!priceData) {\n      return {\n        onSale: false,\n        price: undefined,\n        currencyCode: \"AUD\",\n        compareAtPrice: undefined,\n      };\n    }\n\n    const currencyCode = getCurrencyCode();\n    const onSale = Boolean(priceData.compareAtPrice && priceData.compareAtPrice > priceData.price);\n    const priceAsCurrency = currency(priceData.price);\n    const compareAtPriceAsCurrency = priceData.compareAtPrice ? currency(priceData.compareAtPrice) : undefined;\n\n    return {\n      onSale: onSale,\n      price: priceAsCurrency,\n      compareAtPrice: compareAtPriceAsCurrency,\n      formattedPrice: formatPrice(priceAsCurrency, currencyCode),\n      formattedCompareAtPrice: compareAtPriceAsCurrency ? formatPrice(compareAtPriceAsCurrency, currencyCode) : undefined,\n      currencyCode: currencyCode,\n    }\n  }, [product, reactifySearchContext.options.market, reactifySearchContext.config.markets]);\n\n  return value;\n};\n\nconst formatPrice = (price: currency, currencyCode: string): string => {\n  let priceString = new Intl.NumberFormat(\"en-AU\", {\n    style: \"currency\",\n    currency: currencyCode,\n  }).format(price.value);\n\n  if (\"AUD\" === currencyCode) {\n    priceString = `AU ${priceString}`;\n  }\n\n  return priceString;\n};\n"]}
+{"version":3,"file":"useProductPrice.js","sourceRoot":"","sources":["../../../src/hooks/useProductPrice.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,8DAAmC;AACnC,yEAAsE;AAY/D,MAAM,eAAe,GAAG,CAAC,OAAuB,EAAmB,EAAE;IAC1E,MAAM,qBAAqB,GAAG,IAAA,mDAAwB,GAAE,CAAC;IAEzD,MAAM,KAAK,GAAG,eAAK,CAAC,OAAO,CAAkB,GAAG,EAAE;QAChD,MAAM,eAAe,GAAG,GAAW,EAAE;;YACnC,MAAM,YAAY,GAAG,MAAA,MAAA,OAAO,CAAC,wBAAwB,0CAAE,iBAAiB,CAAC,CAAC,EAAE,aAAa,mCAAI,KAAK,CAAC;YACnG,MAAM,kBAAkB,GAAG,MAAA,qBAAqB,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAClE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,qBAAqB,CAAC,OAAO,CAAC,MAAM,CAC/D,0CAAE,YAAY,CAAC;YAEhB,OAAO,kBAAkB,aAAlB,kBAAkB,cAAlB,kBAAkB,GAAI,YAAY,CAAC;QAC5C,CAAC,CAAC;QAEF,MAAM,eAAe,GAAG,GAKV,EAAE;;YACd,IAAI,MAAA,OAAO,CAAC,QAAQ,0CAAG,CAAC,EAAE,KAAK,EAAE,CAAC;gBAChC,OAAO;oBACL,KAAK,EAAE,MAAA,OAAO,CAAC,QAAQ,0CAAG,CAAC,EAAE,KAAK;oBAClC,cAAc,EAAE,MAAA,MAAA,OAAO,CAAC,QAAQ,0CAAG,CAAC,EAAE,gBAAgB,mCAAI,SAAS;iBACpE,CAAC;YACJ,CAAC;YAED,OAAO;QACT,CAAC,CAAC;QAEF,MAAM,cAAc,GAAG,GAKT,EAAE;;YACd,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;YACvC,IAAI,CAAC,YAAY,EAAE,CAAC;gBAClB,OAAO;YACT,CAAC;YAED,MAAM,gBAAgB,GAAG,MAAA,MAAA,OAAO,CAAC,QAAQ,0CAAG,CAAC,EAAE,kBAAkB,0CAAE,IAAI,CACrE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,KAAK,YAAY,CACpD,CAAC;YACF,IAAI,CAAC,gBAAgB,EAAE,CAAC;gBACtB,OAAO;YACT,CAAC;YAED,OAAO;gBACL,KAAK,EAAE,gBAAgB,CAAC,KAAK,CAAC,MAAM;gBACpC,cAAc,EAAE,MAAA,MAAA,gBAAgB,CAAC,gBAAgB,0CAAE,MAAM,mCAAI,SAAS;aACvE,CAAC;QACJ,CAAC,CAAC;QAEF,MAAM,QAAQ,GAAG,GAKH,EAAE;;YACd,OAAO,MAAA,cAAc,EAAE,mCAAI,eAAe,EAAE,CAAC;QAC/C,CAAC,CAAC;QAEF,MAAM,SAAS,GAAG,QAAQ,EAAE,CAAC;QAC7B,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,OAAO;gBACL,MAAM,EAAE,KAAK;gBACb,KAAK,EAAE,SAAS;gBAChB,YAAY,EAAE,KAAK;gBACnB,cAAc,EAAE,SAAS;aAC1B,CAAC;QACJ,CAAC;QAED,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;QACvC,MAAM,MAAM,GAAG,OAAO,CAAC,SAAS,CAAC,cAAc,IAAI,SAAS,CAAC,cAAc,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;QAC/F,MAAM,eAAe,GAAG,IAAA,qBAAQ,EAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QAClD,MAAM,wBAAwB,GAAG,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,IAAA,qBAAQ,EAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAE3G,OAAO;YACL,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,eAAe;YACtB,cAAc,EAAE,wBAAwB;YACxC,cAAc,EAAE,WAAW,CAAC,eAAe,EAAE,YAAY,CAAC;YAC1D,uBAAuB,EAAE,wBAAwB;gBAC/C,CAAC,CAAC,WAAW,CAAC,wBAAwB,EAAE,YAAY,CAAC;gBACrD,CAAC,CAAC,SAAS;YACb,YAAY,EAAE,YAAY;SAC3B,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,qBAAqB,CAAC,OAAO,CAAC,MAAM,EAAE,qBAAqB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IAE1F,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AA1FW,QAAA,eAAe,mBA0F1B;AAEF,MAAM,WAAW,GAAG,CAAC,KAAe,EAAE,YAAoB,EAAU,EAAE;IACpE,IAAI,WAAW,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;QAC/C,KAAK,EAAE,UAAU;QACjB,QAAQ,EAAE,YAAY;KACvB,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAEvB,IAAI,KAAK,KAAK,YAAY,EAAE,CAAC;QAC3B,WAAW,GAAG,MAAM,WAAW,EAAE,CAAC;IACpC,CAAC;IAED,OAAO,WAAW,CAAC;AACrB,CAAC,CAAC","sourcesContent":["import React from \"react\";\nimport currency from \"currency.js\";\nimport { useReactifySearchContext } from \"./useReactifySearchContext\";\nimport type { ElasticProduct } from \"../types/elastic\";\n\nexport type UseProductPrice = {\n  price?: currency;\n  onSale: boolean;\n  currencyCode: string;\n  compareAtPrice?: currency;\n  formattedPrice?: string;\n  formattedCompareAtPrice?: string;\n};\n\nexport const useProductPrice = (product: ElasticProduct): UseProductPrice => {\n  const reactifySearchContext = useReactifySearchContext();\n\n  const value = React.useMemo<UseProductPrice>(() => {\n    const getCurrencyCode = (): string => {\n      const currencyCode = product.presentment_price_ranges?.min_variant_price[0].currency_code ?? \"AUD\";\n      const currencyCodeMarket = reactifySearchContext.config.markets.find(\n        (market) => market.id === reactifySearchContext.options.market\n      )?.currencyCode;\n\n      return currencyCodeMarket ?? currencyCode;\n    };\n\n    const getPriceDefault = ():\n      | {\n          price: number;\n          compareAtPrice: number | undefined;\n        }\n      | undefined => {\n      if (product.variants?.[0].price) {\n        return {\n          price: product.variants?.[0].price,\n          compareAtPrice: product.variants?.[0].compare_at_price ?? undefined,\n        };\n      }\n\n      return;\n    };\n\n    const getPriceMarket = ():\n      | {\n          price: number;\n          compareAtPrice: number | undefined;\n        }\n      | undefined => {\n      const currencyCode = getCurrencyCode();\n      if (!currencyCode) {\n        return;\n      }\n\n      const presentmentPrice = product.variants?.[0].presentment_prices?.find(\n        (item) => item.price.currency_code === currencyCode\n      );\n      if (!presentmentPrice) {\n        return;\n      }\n\n      return {\n        price: presentmentPrice.price.amount,\n        compareAtPrice: presentmentPrice.compare_at_price?.amount ?? undefined,\n      };\n    };\n\n    const getPrice = ():\n      | {\n          price: number;\n          compareAtPrice: number | undefined;\n        }\n      | undefined => {\n      return getPriceMarket() ?? getPriceDefault();\n    };\n\n    const priceData = getPrice();\n    if (!priceData) {\n      return {\n        onSale: false,\n        price: undefined,\n        currencyCode: \"AUD\",\n        compareAtPrice: undefined,\n      };\n    }\n\n    const currencyCode = getCurrencyCode();\n    const onSale = Boolean(priceData.compareAtPrice && priceData.compareAtPrice > priceData.price);\n    const priceAsCurrency = currency(priceData.price);\n    const compareAtPriceAsCurrency = priceData.compareAtPrice ? currency(priceData.compareAtPrice) : undefined;\n\n    return {\n      onSale: onSale,\n      price: priceAsCurrency,\n      compareAtPrice: compareAtPriceAsCurrency,\n      formattedPrice: formatPrice(priceAsCurrency, currencyCode),\n      formattedCompareAtPrice: compareAtPriceAsCurrency\n        ? formatPrice(compareAtPriceAsCurrency, currencyCode)\n        : undefined,\n      currencyCode: currencyCode,\n    };\n  }, [product, reactifySearchContext.options.market, reactifySearchContext.config.markets]);\n\n  return value;\n};\n\nconst formatPrice = (price: currency, currencyCode: string): string => {\n  let priceString = new Intl.NumberFormat(\"en-AU\", {\n    style: \"currency\",\n    currency: currencyCode,\n  }).format(price.value);\n\n  if (\"AUD\" === currencyCode) {\n    priceString = `AU ${priceString}`;\n  }\n\n  return priceString;\n};\n"]}

package/dist/src/hooks/useReactifySearchContext.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { Config, ConfigCuration, ConfigRedirect, ReactivesearchResultProps } from "../types";
+import type { Config, ConfigCuration, ConfigRedirect, ReactivesearchResultProps } from "../types";
 export type ReactifySearchMode = "search" | "collection" | "instant-search";
 export declare const ReactifySearchContext: React.Context<{
     config: Config;

package/dist/src/hooks/useReactifySearchContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"useReactifySearchContext.js","sourceRoot":"","sources":["../../../src/hooks/useReactifySearchContext.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAM7B,QAAA,qBAAqB,GAAG,eAAK,CAAC,aAAa,CAuDtD,SAAS,CAAC,CAAC;AAEN,MAAM,wBAAwB,GAAG,GAAG,EAAE;IAC3C,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,6BAAqB,CAAC,CAAC;IAClD,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,uEAAuE,CAAC,CAAC;IAC3F,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AANW,QAAA,wBAAwB,4BAMnC","sourcesContent":["import React, { useContext } from \"react\";\n\nimport { Config, ConfigCuration, ConfigRedirect, ReactivesearchResultProps } from \"../types\";\n\nexport type ReactifySearchMode = \"search\" | \"collection\" | \"instant-search\";\n\nexport const ReactifySearchContext = React.createContext<\n  | {\n      config: Config;\n      options: {\n        clientId: string;\n        mode: ReactifySearchMode;\n        index: string;\n        shopifyPermanentDomain: string;\n        market?: string;\n        filtersHandle?: string;\n        credentials?: string;\n        onRedirect?: (type: \"redirect\" | \"search\", url: string) => void;\n        theme: Record<string, unknown>;\n        additionalComponentIds?: Array<string>;\n        includeFields?: Array<string>;\n        excludeFields?: Array<string>;\n        query?: Record<string, string>;\n        configBaseUrl?: string;\n        devMode: boolean;\n        preload?: {\n          config: Config;\n          state: unknown;\n        };\n      } & (\n        | {\n            mode: \"search\";\n          }\n        | {\n            mode: \"collection\";\n            collectionHandle: string;\n          }\n        | {\n            mode: \"instant-search\";\n          }\n      );\n      search: {\n        searchTerm: string;\n        setSearchTerm: React.Dispatch<React.SetStateAction<string>>;\n        showInstantSearchResults: boolean;\n        setShowInstantSearchResults: React.Dispatch<React.SetStateAction<boolean>>;\n        searchRedirect: ConfigRedirect | undefined;\n      };\n      sortby: {\n        sortOption: string;\n        setSortOption: React.Dispatch<React.SetStateAction<string>>;\n      };\n      results: {\n        results: ReactivesearchResultProps[\"data\"];\n        setResults: React.Dispatch<React.SetStateAction<ReactivesearchResultProps[\"data\"]>>;\n        resultStats?: ReactivesearchResultProps[\"resultStats\"];\n        setResultStats: React.Dispatch<React.SetStateAction<ReactivesearchResultProps[\"resultStats\"] | undefined>>;\n      };\n      curation: ConfigCuration | undefined;\n    }\n  | undefined\n>(undefined);\n\nexport const useReactifySearchContext = () => {\n  const context = useContext(ReactifySearchContext);\n  if (!context) {\n    throw new Error(\"useReactifySearchContext must be used within a ReactifySearchProvider\");\n  }\n  return context;\n};\n"]}
+{"version":3,"file":"useReactifySearchContext.js","sourceRoot":"","sources":["../../../src/hooks/useReactifySearchContext.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAK7B,QAAA,qBAAqB,GAAG,eAAK,CAAC,aAAa,CAuDtD,SAAS,CAAC,CAAC;AAEN,MAAM,wBAAwB,GAAG,GAAG,EAAE;IAC3C,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,6BAAqB,CAAC,CAAC;IAClD,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,uEAAuE,CAAC,CAAC;IAC3F,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AANW,QAAA,wBAAwB,4BAMnC","sourcesContent":["import React, { useContext } from \"react\";\nimport type { Config, ConfigCuration, ConfigRedirect, ReactivesearchResultProps } from \"../types\";\n\nexport type ReactifySearchMode = \"search\" | \"collection\" | \"instant-search\";\n\nexport const ReactifySearchContext = React.createContext<\n  | {\n      config: Config;\n      options: {\n        clientId: string;\n        mode: ReactifySearchMode;\n        index: string;\n        shopifyPermanentDomain: string;\n        market?: string;\n        filtersHandle?: string;\n        credentials?: string;\n        onRedirect?: (type: \"redirect\" | \"search\", url: string) => void;\n        theme: Record<string, unknown>;\n        additionalComponentIds?: Array<string>;\n        includeFields?: Array<string>;\n        excludeFields?: Array<string>;\n        query?: Record<string, string>;\n        configBaseUrl?: string;\n        devMode: boolean;\n        preload?: {\n          config: Config;\n          state: unknown;\n        };\n      } & (\n        | {\n            mode: \"search\";\n          }\n        | {\n            mode: \"collection\";\n            collectionHandle: string;\n          }\n        | {\n            mode: \"instant-search\";\n          }\n      );\n      search: {\n        searchTerm: string;\n        setSearchTerm: React.Dispatch<React.SetStateAction<string>>;\n        showInstantSearchResults: boolean;\n        setShowInstantSearchResults: React.Dispatch<React.SetStateAction<boolean>>;\n        searchRedirect: ConfigRedirect | undefined;\n      };\n      sortby: {\n        sortOption: string;\n        setSortOption: React.Dispatch<React.SetStateAction<string>>;\n      };\n      results: {\n        results: ReactivesearchResultProps[\"data\"];\n        setResults: React.Dispatch<React.SetStateAction<ReactivesearchResultProps[\"data\"]>>;\n        resultStats?: ReactivesearchResultProps[\"resultStats\"];\n        setResultStats: React.Dispatch<React.SetStateAction<ReactivesearchResultProps[\"resultStats\"] | undefined>>;\n      };\n      curation: ConfigCuration | undefined;\n    }\n  | undefined\n>(undefined);\n\nexport const useReactifySearchContext = () => {\n  const context = useContext(ReactifySearchContext);\n  if (!context) {\n    throw new Error(\"useReactifySearchContext must be used within a ReactifySearchProvider\");\n  }\n  return context;\n};\n"]}

package/dist/src/hooks/useResults.d.ts

@@ -1,4 +1,4 @@
-import { ReactivesearchResultProps } from "../types";
+import type { ReactivesearchResultProps } from "../types";
 /** This hook must never be used to render results */
 export declare const useResults: () => {
     /** Equals true until first load has completed */

package/dist/src/hooks/useResults.js

@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useResults = void 0;
 const react_1 = __importDefault(require("react"));
-const utility_1 = require("../utility");
 const useReactifySearchContext_1 = require("./useReactifySearchContext");
+const utility_1 = require("../utility");
 /** This hook must never be used to render results */
 const useResults = () => {
     const context = (0, useReactifySearchContext_1.useReactifySearchContext)();
@@ -21,7 +21,7 @@ const useResults = () => {
         };
         window.addEventListener(`@usereactify/search:${context.options.mode}:results:update`, handler);
         return () => window.removeEventListener(`@usereactify/search:${context.options.mode}:results:update`, handler);
-    }, []);
+    }, [context.options.mode]);
     react_1.default.useEffect(() => {
         const handler = (event) => {
             setResultStats(event.detail);
@@ -31,13 +31,13 @@ const useResults = () => {
     }, [context.options.mode]);
     const handleSetResults = (value) => {
         const event = new CustomEvent(`@usereactify/search:${context.options.mode}:results:update`, {
-            detail: value
+            detail: value,
         });
         window.dispatchEvent(event);
     };
     const handleSetResultStats = (value) => {
         const event = new CustomEvent(`@usereactify/search:${context.options.mode}:resultStats:update`, {
-            detail: value
+            detail: value,
         });
         window.dispatchEvent(event);
     };

package/dist/src/hooks/useResults.js.map

@@ -1 +1 @@
-{"version":3,"file":"useResults.js","sourceRoot":"","sources":["../../../src/hooks/useResults.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,wCAAmC;AACnC,yEAAsE;AAEtE,qDAAqD;AAC9C,MAAM,UAAU,GAAG,GAWxB,EAAE;IACF,MAAM,OAAO,GAAG,IAAA,mDAAwB,GAAE,CAAC;IAC3C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,eAAK,CAAC,QAAQ,CAE1C,EAAE,CAAC,CAAC;IACN,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GACjC,eAAK,CAAC,QAAQ,EAA4C,CAAC;IAE7D,MAAM,OAAO,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACjC,OAAO,OAAO,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,eAAe,CAAA,KAAK,WAAW,CAAC;IAC7D,CAAC,EAAE,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,eAAe,CAAC,CAAC,CAAC;IAEnC,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,OAAO,GAAG,CACd,KAAkC,EAClC,EAAE;YACF,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAC3B,CAAC,CAAC;QACF,MAAM,CAAC,gBAAgB,CACrB,uBAAuB,OAAO,CAAC,OAAO,CAAC,IAAI,iBAAiB,EAC5D,OAAwB,CACzB,CAAC;QAEF,OAAO,GAAG,EAAE,CACV,MAAM,CAAC,mBAAmB,CACxB,uBAAuB,OAAO,CAAC,OAAO,CAAC,IAAI,iBAAiB,EAC5D,OAAwB,CACzB,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,OAAO,GAAG,CACd,KAAsC,EACtC,EAAE;YACF,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAC/B,CAAC,CAAC;QACF,MAAM,CAAC,gBAAgB,CACrB,uBAAuB,OAAO,CAAC,OAAO,CAAC,IAAI,qBAAqB,EAChE,OAAwB,CACzB,CAAC;QAEF,OAAO,GAAG,EAAE,CACV,MAAM,CAAC,mBAAmB,CACxB,uBAAuB,OAAO,CAAC,OAAO,CAAC,IAAI,qBAAqB,EAChE,OAAwB,CACzB,CAAC;IACN,CAAC,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;IAE3B,MAAM,gBAAgB,GAAG,CAAC,KAAqB,EAAE,EAAE;QACjD,MAAM,KAAK,GAAG,IAAI,WAAW,CAAiB,uBAAuB,OAAO,CAAC,OAAO,CAAC,IAAI,iBAAiB,EAAE;YAC1G,MAAM,EAAE,KAAK;SACd,CAAC,CAAC;QACH,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC,CAAA;IAED,MAAM,oBAAoB,GAAG,CAAC,KAAyB,EAAE,EAAE;QACzD,MAAM,KAAK,GAAG,IAAI,WAAW,CAAqB,uBAAuB,OAAO,CAAC,OAAO,CAAC,IAAI,qBAAqB,EAAE;YAClH,MAAM,EAAE,KAAK;SACd,CAAC,CAAC;QACH,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC,CAAA;IAED,eAAK,CAAC,IAAI,CAAC,YAAY,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC;IAC7C,eAAK,CAAC,IAAI,CAAC,YAAY,EAAE,aAAa,EAAE,WAAW,CAAC,CAAC;IAErD,OAAO;QACL,OAAO,EAAE,OAAO;QAChB,OAAO,EAAE,OAAO;QAChB,UAAU,EAAE,gBAAgB;QAC5B,WAAW,EAAE,WAAW;QACxB,cAAc,EAAE,oBAAoB;KACrC,CAAC;AACJ,CAAC,CAAC;AAnFW,QAAA,UAAU,cAmFrB","sourcesContent":["import React from \"react\";\n\nimport { ReactivesearchResultProps } from \"../types\";\nimport { debug } from \"../utility\";\nimport { useReactifySearchContext } from \"./useReactifySearchContext\";\n\n/** This hook must never be used to render results */\nexport const useResults = (): {\n  /** Equals true until first load has completed */\n  loading: boolean;\n  /** All of the current results */\n  results: ReactivesearchResultProps[\"data\"];\n  /** Function for setting the current results */\n  setResults: (value: ReactivesearchResultProps[\"data\"]) => void;\n  /** All of the current result stats */\n  resultStats?: ReactivesearchResultProps[\"resultStats\"];\n  /** Function for setting the current result stats */\n  setResultStats: (value: ReactivesearchResultProps[\"resultStats\"]) => void;\n} => {\n  const context = useReactifySearchContext();\n  const [results, setResults] = React.useState<\n    ReactivesearchResultProps[\"data\"]\n  >([]);\n  const [resultStats, setResultStats] =\n    React.useState<ReactivesearchResultProps[\"resultStats\"]>();\n\n  const loading = React.useMemo(() => {\n    return typeof resultStats?.numberOfResults === \"undefined\";\n  }, [resultStats?.numberOfResults]);\n\n  React.useEffect(() => {\n    const handler = (\n      event: CustomEvent<typeof results>\n    ) => {\n      setResults(event.detail);\n    };\n    window.addEventListener(\n      `@usereactify/search:${context.options.mode}:results:update`,\n      handler as EventListener\n    );\n\n    return () =>\n      window.removeEventListener(\n        `@usereactify/search:${context.options.mode}:results:update`,\n        handler as EventListener\n      );\n  }, []);\n\n  React.useEffect(() => {\n    const handler = (\n      event: CustomEvent<typeof resultStats>\n    ) => {\n      setResultStats(event.detail);\n    };\n    window.addEventListener(\n      `@usereactify/search:${context.options.mode}:resultStats:update`,\n      handler as EventListener\n    );\n\n    return () =>\n      window.removeEventListener(\n        `@usereactify/search:${context.options.mode}:resultStats:update`,\n        handler as EventListener\n      );\n  }, [context.options.mode]);\n\n  const handleSetResults = (value: typeof results) => {\n    const event = new CustomEvent<typeof results>(`@usereactify/search:${context.options.mode}:results:update`, {\n      detail: value\n    });\n    window.dispatchEvent(event);\n  }\n\n  const handleSetResultStats = (value: typeof resultStats) => {\n    const event = new CustomEvent<typeof resultStats>(`@usereactify/search:${context.options.mode}:resultStats:update`, {\n      detail: value\n    });\n    window.dispatchEvent(event);\n  }\n\n  debug.hook(\"useResults\", \"results\", results);\n  debug.hook(\"useResults\", \"resultStats\", resultStats);\n\n  return {\n    loading: loading,\n    results: results,\n    setResults: handleSetResults,\n    resultStats: resultStats,\n    setResultStats: handleSetResultStats,\n  };\n};\n"]}
+{"version":3,"file":"useResults.js","sourceRoot":"","sources":["../../../src/hooks/useResults.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,yEAAsE;AAEtE,wCAAmC;AAEnC,qDAAqD;AAC9C,MAAM,UAAU,GAAG,GAWxB,EAAE;IACF,MAAM,OAAO,GAAG,IAAA,mDAAwB,GAAE,CAAC;IAC3C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAoC,EAAE,CAAC,CAAC;IACpF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,eAAK,CAAC,QAAQ,EAA4C,CAAC;IAEjG,MAAM,OAAO,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACjC,OAAO,OAAO,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,eAAe,CAAA,KAAK,WAAW,CAAC;IAC7D,CAAC,EAAE,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,eAAe,CAAC,CAAC,CAAC;IAEnC,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,OAAO,GAAG,CAAC,KAAkC,EAAE,EAAE;YACrD,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAC3B,CAAC,CAAC;QACF,MAAM,CAAC,gBAAgB,CAAC,uBAAuB,OAAO,CAAC,OAAO,CAAC,IAAI,iBAAiB,EAAE,OAAwB,CAAC,CAAC;QAEhH,OAAO,GAAG,EAAE,CACV,MAAM,CAAC,mBAAmB,CACxB,uBAAuB,OAAO,CAAC,OAAO,CAAC,IAAI,iBAAiB,EAC5D,OAAwB,CACzB,CAAC;IACN,CAAC,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;IAE3B,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,OAAO,GAAG,CAAC,KAAsC,EAAE,EAAE;YACzD,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAC/B,CAAC,CAAC;QACF,MAAM,CAAC,gBAAgB,CAAC,uBAAuB,OAAO,CAAC,OAAO,CAAC,IAAI,qBAAqB,EAAE,OAAwB,CAAC,CAAC;QAEpH,OAAO,GAAG,EAAE,CACV,MAAM,CAAC,mBAAmB,CACxB,uBAAuB,OAAO,CAAC,OAAO,CAAC,IAAI,qBAAqB,EAChE,OAAwB,CACzB,CAAC;IACN,CAAC,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;IAE3B,MAAM,gBAAgB,GAAG,CAAC,KAAqB,EAAE,EAAE;QACjD,MAAM,KAAK,GAAG,IAAI,WAAW,CAAiB,uBAAuB,OAAO,CAAC,OAAO,CAAC,IAAI,iBAAiB,EAAE;YAC1G,MAAM,EAAE,KAAK;SACd,CAAC,CAAC;QACH,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,CAAC,KAAyB,EAAE,EAAE;QACzD,MAAM,KAAK,GAAG,IAAI,WAAW,CAC3B,uBAAuB,OAAO,CAAC,OAAO,CAAC,IAAI,qBAAqB,EAChE;YACE,MAAM,EAAE,KAAK;SACd,CACF,CAAC;QACF,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,eAAK,CAAC,IAAI,CAAC,YAAY,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC;IAC7C,eAAK,CAAC,IAAI,CAAC,YAAY,EAAE,aAAa,EAAE,WAAW,CAAC,CAAC;IAErD,OAAO;QACL,OAAO,EAAE,OAAO;QAChB,OAAO,EAAE,OAAO;QAChB,UAAU,EAAE,gBAAgB;QAC5B,WAAW,EAAE,WAAW;QACxB,cAAc,EAAE,oBAAoB;KACrC,CAAC;AACJ,CAAC,CAAC;AAzEW,QAAA,UAAU,cAyErB","sourcesContent":["import React from \"react\";\nimport { useReactifySearchContext } from \"./useReactifySearchContext\";\nimport type { ReactivesearchResultProps } from \"../types\";\nimport { debug } from \"../utility\";\n\n/** This hook must never be used to render results */\nexport const useResults = (): {\n  /** Equals true until first load has completed */\n  loading: boolean;\n  /** All of the current results */\n  results: ReactivesearchResultProps[\"data\"];\n  /** Function for setting the current results */\n  setResults: (value: ReactivesearchResultProps[\"data\"]) => void;\n  /** All of the current result stats */\n  resultStats?: ReactivesearchResultProps[\"resultStats\"];\n  /** Function for setting the current result stats */\n  setResultStats: (value: ReactivesearchResultProps[\"resultStats\"]) => void;\n} => {\n  const context = useReactifySearchContext();\n  const [results, setResults] = React.useState<ReactivesearchResultProps[\"data\"]>([]);\n  const [resultStats, setResultStats] = React.useState<ReactivesearchResultProps[\"resultStats\"]>();\n\n  const loading = React.useMemo(() => {\n    return typeof resultStats?.numberOfResults === \"undefined\";\n  }, [resultStats?.numberOfResults]);\n\n  React.useEffect(() => {\n    const handler = (event: CustomEvent<typeof results>) => {\n      setResults(event.detail);\n    };\n    window.addEventListener(`@usereactify/search:${context.options.mode}:results:update`, handler as EventListener);\n\n    return () =>\n      window.removeEventListener(\n        `@usereactify/search:${context.options.mode}:results:update`,\n        handler as EventListener\n      );\n  }, [context.options.mode]);\n\n  React.useEffect(() => {\n    const handler = (event: CustomEvent<typeof resultStats>) => {\n      setResultStats(event.detail);\n    };\n    window.addEventListener(`@usereactify/search:${context.options.mode}:resultStats:update`, handler as EventListener);\n\n    return () =>\n      window.removeEventListener(\n        `@usereactify/search:${context.options.mode}:resultStats:update`,\n        handler as EventListener\n      );\n  }, [context.options.mode]);\n\n  const handleSetResults = (value: typeof results) => {\n    const event = new CustomEvent<typeof results>(`@usereactify/search:${context.options.mode}:results:update`, {\n      detail: value,\n    });\n    window.dispatchEvent(event);\n  };\n\n  const handleSetResultStats = (value: typeof resultStats) => {\n    const event = new CustomEvent<typeof resultStats>(\n      `@usereactify/search:${context.options.mode}:resultStats:update`,\n      {\n        detail: value,\n      }\n    );\n    window.dispatchEvent(event);\n  };\n\n  debug.hook(\"useResults\", \"results\", results);\n  debug.hook(\"useResults\", \"resultStats\", resultStats);\n\n  return {\n    loading: loading,\n    results: results,\n    setResults: handleSetResults,\n    resultStats: resultStats,\n    setResultStats: handleSetResultStats,\n  };\n};\n"]}

package/dist/src/hooks/useSearch.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { ConfigRedirect, ElasticProduct } from "../types";
+import type { ConfigRedirect, ElasticProduct } from "../types";
 export declare const useSearch: () => {
     /** The current search term */
     searchTerm: string;

package/dist/src/hooks/useSearch.js

@@ -26,10 +26,12 @@ const useSearch = () => {
             method: "POST",
             body: JSON.stringify(searchBody),
             headers: searchHeaders,
-        }).then((response) => {
+        })
+            .then((response) => {
             utility_1.debug.log("useSearch", "submitSearchQuery[status]", response.status);
             return response.json();
-        }).catch((error) => {
+        })
+            .catch((error) => {
             utility_1.debug.log("useSearch", "submitSearchQuery[error]", error);
             return error;
         });
@@ -50,16 +52,13 @@ const useSearch = () => {
         if (!searchTerm) {
             return;
         }
-        const redirect = config.redirects.find((redirect) => redirect.query.trim().toLowerCase() ===
-            searchTerm.trim().toLowerCase());
+        const redirect = config.redirects.find((redirect) => redirect.query.trim().toLowerCase() === searchTerm.trim().toLowerCase());
         if (redirect) {
             utility_1.debug.log("useSearch", "submitSearchTerm[redirect]", redirect);
         }
         search.setShowInstantSearchResults(false);
         if (options.onRedirect) {
-            options.onRedirect(redirect ? "redirect" : "search", redirect
-                ? redirect.url
-                : `/search?q=${encodeURIComponent(searchTerm)}`);
+            options.onRedirect(redirect ? "redirect" : "search", redirect ? redirect.url : `/search?q=${encodeURIComponent(searchTerm)}`);
         }
         else if (redirect) {
             window.location.href = redirect.url;
@@ -67,11 +66,11 @@ const useSearch = () => {
         else {
             window.location.href = `/search?q=${encodeURIComponent(searchTerm)}`;
         }
-    }, [search.searchTerm]);
+    }, [search.searchTerm, config.redirects.find, options.onRedirect, search.setShowInstantSearchResults]);
     const handleSetSearchTerm = react_1.default.useCallback((searchTerm = "") => {
         utility_1.debug.log("useSearch", "setSearchTerm[searchTerm]", searchTerm);
         search.setSearchTerm(searchTerm);
-    }, [search.searchTerm]);
+    }, [search.setSearchTerm]);
     return {
         searchTerm: search.searchTerm,
         setSearchTerm: handleSetSearchTerm,

package/dist/src/hooks/useSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSearch.js","sourceRoot":"","sources":["../../../src/hooks/useSearch.ts"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\n\nimport { useReactifySearchContext } from \"../hooks\";\nimport { debug } from \"../utility\";\nimport { ConfigRedirect, ElasticProduct } from \"../types\";\n\n\nexport const useSearch = (): {\n  /** The current search term */\n  searchTerm: string;\n  /** Function for changing the current search term */\n  setSearchTerm: (searchTerm?: string) => void;\n  /** Function for navigating to the search page, includes logic for redirects */\n  submitSearchTerm: (searchTerm?: string) => void;\n  /** Function for retrieving search results for an opensearch query */\n  submitSearchQuery: (searchBody: any, searchHeaders: Record<string, string>) => Promise<{\n    results: Array<ElasticProduct>;\n    resultStats: {\n      time: number;\n      numberOfResults: number;\n      displayedResults: number;\n    };\n  }>;\n  /** Used to determine if instant search results should be displayed */\n  showInstantSearchResults: boolean;\n  /** Used to manually set the \"showInstantSearchResults\" value */\n  setShowInstantSearchResults: React.Dispatch<React.SetStateAction<boolean>>;\n  /** Contains any matching redirect for the current search term */\n  searchRedirect: ConfigRedirect | undefined;\n} => {\n  const { options, config, search } = useReactifySearchContext();\n\n  const handleSubmitSearchQuery = React.useCallback<ReturnType<typeof useSearch>[\"submitSearchQuery\"]>(\n    async (searchBody, searchHeaders) => {\n      debug.log(\"useSearch\", \"submitSearchQuery[body]\", searchBody);\n      debug.log(\"useSearch\", \"submitSearchQuery[headers]\", searchHeaders);\n      \n      const response = await fetch(`${config.endpoint}/${config.index}/_search`, {\n        method: \"POST\",\n        body: JSON.stringify(searchBody),\n        headers: searchHeaders,\n      }).then((response) => {\n        debug.log(\"useSearch\", \"submitSearchQuery[status]\", response.status);\n        \n        return response.json();\n      }).catch((error) => {\n        debug.log(\"useSearch\", \"submitSearchQuery[error]\", error);\n\n        return error;\n      })\n\n      debug.log(\"useSearch\", \"submitSearchQuery[response]\", response);\n\n      const value: Awaited<ReturnType<ReturnType<typeof useSearch>[\"submitSearchQuery\"]>> = {\n        results: response.hits?.hits?.map((item: { _source: ElasticProduct; }) => item._source) ?? [],\n        resultStats: {\n          time: response.took ?? NaN,\n          numberOfResults: response.hits?.total?.value ?? NaN,\n          displayedResults: response.hits?.hits?.length ?? NaN,\n        },\n      };\n\n      debug.log(\"useSearch\", \"submitSearchQuery[value]\", value);\n\n      return value;\n    },\n    [config.endpoint, config.index]\n  );\n\n  const handleSubmitSearchTerm = React.useCallback(\n    (searchTerm: string = search.searchTerm) => {\n      debug.log(\"useSearch\", \"submitSearchTerm[query]\", searchTerm);\n\n      if (!searchTerm) {\n        return;\n      }\n\n      const redirect = config.redirects.find(\n        (redirect) =>\n          redirect.query.trim().toLowerCase() ===\n          searchTerm.trim().toLowerCase()\n      );\n\n      if (redirect) {\n        debug.log(\"useSearch\", \"submitSearchTerm[redirect]\", redirect);\n      }\n\n      search.setShowInstantSearchResults(false);\n\n      if (options.onRedirect) {\n        options.onRedirect(\n          redirect ? \"redirect\" : \"search\",\n          redirect\n            ? redirect.url\n            : `/search?q=${encodeURIComponent(searchTerm)}`\n        );\n      } else if (redirect) {\n        window.location.href = redirect.url;\n      } else {\n        window.location.href = `/search?q=${encodeURIComponent(searchTerm)}`;\n      }\n    },\n    [search.searchTerm]\n  );\n\n  const handleSetSearchTerm = React.useCallback(\n    (searchTerm: string = \"\") => {\n      debug.log(\"useSearch\", \"setSearchTerm[searchTerm]\", searchTerm);\n\n      search.setSearchTerm(searchTerm);\n    },\n    [search.searchTerm]\n  );\n\n  return {\n    searchTerm: search.searchTerm,\n    setSearchTerm: handleSetSearchTerm,\n    submitSearchTerm: handleSubmitSearchTerm,\n    submitSearchQuery: handleSubmitSearchQuery,\n    showInstantSearchResults: !!search.showInstantSearchResults && !!search.searchTerm,\n    setShowInstantSearchResults: search.setShowInstantSearchResults,\n    searchRedirect: search.searchRedirect,\n  };\n};\n"]}
+{"version":3,"file":"useSearch.js","sourceRoot":"","sources":["../../../src/hooks/useSearch.ts"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { useReactifySearchContext } from \"../hooks\";\nimport type { ConfigRedirect, ElasticProduct } from \"../types\";\nimport { debug } from \"../utility\";\n\nexport const useSearch = (): {\n  /** The current search term */\n  searchTerm: string;\n  /** Function for changing the current search term */\n  setSearchTerm: (searchTerm?: string) => void;\n  /** Function for navigating to the search page, includes logic for redirects */\n  submitSearchTerm: (searchTerm?: string) => void;\n  /** Function for retrieving search results for an opensearch query */\n  submitSearchQuery: (\n    searchBody: any,\n    searchHeaders: Record<string, string>\n  ) => Promise<{\n    results: Array<ElasticProduct>;\n    resultStats: {\n      time: number;\n      numberOfResults: number;\n      displayedResults: number;\n    };\n  }>;\n  /** Used to determine if instant search results should be displayed */\n  showInstantSearchResults: boolean;\n  /** Used to manually set the \"showInstantSearchResults\" value */\n  setShowInstantSearchResults: React.Dispatch<React.SetStateAction<boolean>>;\n  /** Contains any matching redirect for the current search term */\n  searchRedirect: ConfigRedirect | undefined;\n} => {\n  const { options, config, search } = useReactifySearchContext();\n\n  const handleSubmitSearchQuery = React.useCallback<ReturnType<typeof useSearch>[\"submitSearchQuery\"]>(\n    async (searchBody, searchHeaders) => {\n      debug.log(\"useSearch\", \"submitSearchQuery[body]\", searchBody);\n      debug.log(\"useSearch\", \"submitSearchQuery[headers]\", searchHeaders);\n\n      const response = await fetch(`${config.endpoint}/${config.index}/_search`, {\n        method: \"POST\",\n        body: JSON.stringify(searchBody),\n        headers: searchHeaders,\n      })\n        .then((response) => {\n          debug.log(\"useSearch\", \"submitSearchQuery[status]\", response.status);\n\n          return response.json();\n        })\n        .catch((error) => {\n          debug.log(\"useSearch\", \"submitSearchQuery[error]\", error);\n\n          return error;\n        });\n\n      debug.log(\"useSearch\", \"submitSearchQuery[response]\", response);\n\n      const value: Awaited<ReturnType<ReturnType<typeof useSearch>[\"submitSearchQuery\"]>> = {\n        results: response.hits?.hits?.map((item: { _source: ElasticProduct }) => item._source) ?? [],\n        resultStats: {\n          time: response.took ?? NaN,\n          numberOfResults: response.hits?.total?.value ?? NaN,\n          displayedResults: response.hits?.hits?.length ?? NaN,\n        },\n      };\n\n      debug.log(\"useSearch\", \"submitSearchQuery[value]\", value);\n\n      return value;\n    },\n    [config.endpoint, config.index]\n  );\n\n  const handleSubmitSearchTerm = React.useCallback(\n    (searchTerm: string = search.searchTerm) => {\n      debug.log(\"useSearch\", \"submitSearchTerm[query]\", searchTerm);\n\n      if (!searchTerm) {\n        return;\n      }\n\n      const redirect = config.redirects.find(\n        (redirect) => redirect.query.trim().toLowerCase() === searchTerm.trim().toLowerCase()\n      );\n\n      if (redirect) {\n        debug.log(\"useSearch\", \"submitSearchTerm[redirect]\", redirect);\n      }\n\n      search.setShowInstantSearchResults(false);\n\n      if (options.onRedirect) {\n        options.onRedirect(\n          redirect ? \"redirect\" : \"search\",\n          redirect ? redirect.url : `/search?q=${encodeURIComponent(searchTerm)}`\n        );\n      } else if (redirect) {\n        window.location.href = redirect.url;\n      } else {\n        window.location.href = `/search?q=${encodeURIComponent(searchTerm)}`;\n      }\n    },\n    [search.searchTerm, config.redirects.find, options.onRedirect, search.setShowInstantSearchResults]\n  );\n\n  const handleSetSearchTerm = React.useCallback(\n    (searchTerm: string = \"\") => {\n      debug.log(\"useSearch\", \"setSearchTerm[searchTerm]\", searchTerm);\n\n      search.setSearchTerm(searchTerm);\n    },\n    [search.setSearchTerm]\n  );\n\n  return {\n    searchTerm: search.searchTerm,\n    setSearchTerm: handleSetSearchTerm,\n    submitSearchTerm: handleSubmitSearchTerm,\n    submitSearchQuery: handleSubmitSearchQuery,\n    showInstantSearchResults: !!search.showInstantSearchResults && !!search.searchTerm,\n    setShowInstantSearchResults: search.setShowInstantSearchResults,\n    searchRedirect: search.searchRedirect,\n  };\n};\n"]}

package/dist/src/hooks/useSortBy.d.ts

@@ -1,4 +1,4 @@
-import { ConfigSort } from "../types";
+import type { ConfigSort } from "../types";
 export declare const useSortBy: () => {
     /** The currently selected sort option */
     sortOption?: ConfigSort;

package/dist/src/hooks/useSortBy.js

@@ -46,7 +46,7 @@ const useSortBy = () => {
                 type: sortOptionHandle,
             },
         });
-    }, [typeof window === "undefined" ? "" : window.location.href]);
+    }, [reactifySearchContext.sortby.setSortOption, track]);
     return {
         sortOptions,
         sortOption,

package/dist/src/hooks/useSortBy.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSortBy.js","sourceRoot":"","sources":["../../../src/hooks/useSortBy.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,oCAAkE;AAClE,wCAAmC;AACnC,sDAAsE;AAE/D,MAAM,SAAS,GAAG,GAUvB,EAAE;IACF,MAAM,qBAAqB,GAAG,IAAA,gCAAwB,GAAE,CAAC;IACzD,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAEjC,MAAM,WAAW,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACrC,OAAO,IAAA,2BAAc,EAAC;YACpB,QAAQ,EAAE,qBAAqB,CAAC,OAAO;YACvC,MAAM,EAAE,qBAAqB,CAAC,MAAM;SACrC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,qBAAqB,CAAC,OAAO,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAC,CAAC;IAElE,MAAM,UAAU,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACpC,OAAO,IAAA,0BAAa,EAAC;YACnB,QAAQ,EAAE,qBAAqB,CAAC,OAAO;YACvC,MAAM,EAAE,qBAAqB,CAAC,MAAM;YACpC,UAAU,EAAE,qBAAqB,CAAC,MAAM,CAAC,UAAU;SACpD,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,qBAAqB,CAAC,OAAO,EAAE,qBAAqB,CAAC,MAAM,EAAE,qBAAqB,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC;IAE3G,MAAM,aAAa,GAAG,eAAK,CAAC,WAAW,CACrC,CAAC,gBAAwB,EAAE,kBAAkB,GAAG,KAAK,EAAE,EAAE;QACvD,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;YAClC,OAAO;QACT,CAAC;QAED,eAAK,CAAC,GAAG,CACP,WAAW,EACX,iCAAiC,EACjC,gBAAgB,CACjB,CAAC;QAEF,qBAAqB,CAAC,MAAM,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;QAE7D,IAAI,CAAC,kBAAkB,EAAE,CAAC;YACxB,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;YAC1C,IAAI,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC;gBACjC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;YACjD,CAAC;iBAAM,CAAC;gBACN,GAAG,CAAC,YAAY,CAAC,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;YACpD,CAAC;YACD,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC;QACnD,CAAC;QAED,KAAK,CAAC;YACJ,SAAS,EAAE,YAAY;YACvB,OAAO,EAAE;gBACP,IAAI,EAAE,gBAAgB;aACvB;SACF,CAAC,CAAC;IACL,CAAC,EACD,CAAC,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAC5D,CAAC;IAEF,OAAO;QACL,WAAW;QACX,UAAU;QACV,aAAa;KACd,CAAC;AACJ,CAAC,CAAC;AApEW,QAAA,SAAS,aAoEpB","sourcesContent":["import React from \"react\";\n\nimport { ConfigSort } from \"../types\";\nimport { useAnalytics, useReactifySearchContext } from \"../hooks\";\nimport { debug } from \"../utility\";\nimport { getSortOption, getSortOptions } from \"../utility/sortOption\";\n\nexport const useSortBy = (): {\n  /** The currently selected sort option */\n  sortOption?: ConfigSort;\n  /** All of the available sort options */\n  sortOptions: Array<ConfigSort>;\n  /** Function for changing the current sort option */\n  setSortOption: (\n    sortOptionHandle: string,\n    ignoreHistoryState?: boolean\n  ) => void;\n} => {\n  const reactifySearchContext = useReactifySearchContext();\n  const { track } = useAnalytics();\n\n  const sortOptions = React.useMemo(() => {\n    return getSortOptions({\n      provider: reactifySearchContext.options,\n      config: reactifySearchContext.config,\n    });\n  }, [reactifySearchContext.options, reactifySearchContext.config]);\n\n  const sortOption = React.useMemo(() => {\n    return getSortOption({\n      provider: reactifySearchContext.options,\n      config: reactifySearchContext.config,\n      sortOption: reactifySearchContext.sortby.sortOption,\n    })\n  }, [reactifySearchContext.options, reactifySearchContext.config, reactifySearchContext.sortby.sortOption]);\n\n  const setSortOption = React.useCallback(\n    (sortOptionHandle: string, ignoreHistoryState = false) => {\n      if (typeof window === \"undefined\") {\n        return;\n      }\n\n      debug.log(\n        \"useSortBy\",\n        \"setSortOption[sortOptionHandle]\",\n        sortOptionHandle\n      );\n\n      reactifySearchContext.sortby.setSortOption(sortOptionHandle);\n\n      if (!ignoreHistoryState) {\n        const url = new URL(window.location.href);\n        if (url.searchParams.has(\"sort\")) {\n          url.searchParams.set(\"sort\", sortOptionHandle);\n        } else {\n          url.searchParams.append(\"sort\", sortOptionHandle);\n        }\n        window.history.pushState({}, \"\", url.toString());\n      }\n\n      track({\n        eventName: \"sortChange\",\n        payload: {\n          type: sortOptionHandle,\n        },\n      });\n    },\n    [typeof window === \"undefined\" ? \"\" : window.location.href]\n  );\n\n  return {\n    sortOptions,\n    sortOption,\n    setSortOption,\n  };\n};\n"]}
+{"version":3,"file":"useSortBy.js","sourceRoot":"","sources":["../../../src/hooks/useSortBy.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,oCAAkE;AAElE,wCAAmC;AACnC,sDAAsE;AAE/D,MAAM,SAAS,GAAG,GAOvB,EAAE;IACF,MAAM,qBAAqB,GAAG,IAAA,gCAAwB,GAAE,CAAC;IACzD,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAEjC,MAAM,WAAW,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACrC,OAAO,IAAA,2BAAc,EAAC;YACpB,QAAQ,EAAE,qBAAqB,CAAC,OAAO;YACvC,MAAM,EAAE,qBAAqB,CAAC,MAAM;SACrC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,qBAAqB,CAAC,OAAO,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAC,CAAC;IAElE,MAAM,UAAU,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACpC,OAAO,IAAA,0BAAa,EAAC;YACnB,QAAQ,EAAE,qBAAqB,CAAC,OAAO;YACvC,MAAM,EAAE,qBAAqB,CAAC,MAAM;YACpC,UAAU,EAAE,qBAAqB,CAAC,MAAM,CAAC,UAAU;SACpD,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,qBAAqB,CAAC,OAAO,EAAE,qBAAqB,CAAC,MAAM,EAAE,qBAAqB,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC;IAE3G,MAAM,aAAa,GAAG,eAAK,CAAC,WAAW,CACrC,CAAC,gBAAwB,EAAE,kBAAkB,GAAG,KAAK,EAAE,EAAE;QACvD,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;YAClC,OAAO;QACT,CAAC;QAED,eAAK,CAAC,GAAG,CAAC,WAAW,EAAE,iCAAiC,EAAE,gBAAgB,CAAC,CAAC;QAE5E,qBAAqB,CAAC,MAAM,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;QAE7D,IAAI,CAAC,kBAAkB,EAAE,CAAC;YACxB,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;YAC1C,IAAI,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC;gBACjC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;YACjD,CAAC;iBAAM,CAAC;gBACN,GAAG,CAAC,YAAY,CAAC,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;YACpD,CAAC;YACD,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC;QACnD,CAAC;QAED,KAAK,CAAC;YACJ,SAAS,EAAE,YAAY;YACvB,OAAO,EAAE;gBACP,IAAI,EAAE,gBAAgB;aACvB;SACF,CAAC,CAAC;IACL,CAAC,EACD,CAAC,qBAAqB,CAAC,MAAM,CAAC,aAAa,EAAE,KAAK,CAAC,CACpD,CAAC;IAEF,OAAO;QACL,WAAW;QACX,UAAU;QACV,aAAa;KACd,CAAC;AACJ,CAAC,CAAC;AA7DW,QAAA,SAAS,aA6DpB","sourcesContent":["import React from \"react\";\nimport { useAnalytics, useReactifySearchContext } from \"../hooks\";\nimport type { ConfigSort } from \"../types\";\nimport { debug } from \"../utility\";\nimport { getSortOption, getSortOptions } from \"../utility/sortOption\";\n\nexport const useSortBy = (): {\n  /** The currently selected sort option */\n  sortOption?: ConfigSort;\n  /** All of the available sort options */\n  sortOptions: Array<ConfigSort>;\n  /** Function for changing the current sort option */\n  setSortOption: (sortOptionHandle: string, ignoreHistoryState?: boolean) => void;\n} => {\n  const reactifySearchContext = useReactifySearchContext();\n  const { track } = useAnalytics();\n\n  const sortOptions = React.useMemo(() => {\n    return getSortOptions({\n      provider: reactifySearchContext.options,\n      config: reactifySearchContext.config,\n    });\n  }, [reactifySearchContext.options, reactifySearchContext.config]);\n\n  const sortOption = React.useMemo(() => {\n    return getSortOption({\n      provider: reactifySearchContext.options,\n      config: reactifySearchContext.config,\n      sortOption: reactifySearchContext.sortby.sortOption,\n    });\n  }, [reactifySearchContext.options, reactifySearchContext.config, reactifySearchContext.sortby.sortOption]);\n\n  const setSortOption = React.useCallback(\n    (sortOptionHandle: string, ignoreHistoryState = false) => {\n      if (typeof window === \"undefined\") {\n        return;\n      }\n\n      debug.log(\"useSortBy\", \"setSortOption[sortOptionHandle]\", sortOptionHandle);\n\n      reactifySearchContext.sortby.setSortOption(sortOptionHandle);\n\n      if (!ignoreHistoryState) {\n        const url = new URL(window.location.href);\n        if (url.searchParams.has(\"sort\")) {\n          url.searchParams.set(\"sort\", sortOptionHandle);\n        } else {\n          url.searchParams.append(\"sort\", sortOptionHandle);\n        }\n        window.history.pushState({}, \"\", url.toString());\n      }\n\n      track({\n        eventName: \"sortChange\",\n        payload: {\n          type: sortOptionHandle,\n        },\n      });\n    },\n    [reactifySearchContext.sortby.setSortOption, track]\n  );\n\n  return {\n    sortOptions,\n    sortOption,\n    setSortOption,\n  };\n};\n"]}

package/dist/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,uCAAkC;AAClC,mEAAkC;AAElC,eAAK,CAAC,GAAG,CAAC,SAAS,EAAE,GAAG,sBAAG,CAAC,IAAI,KAAK,sBAAG,CAAC,OAAO,EAAE,CAAC,CAAC;AAEpD,+CAA6B;AAC7B,0CAAwB;AACxB,0CAAwB;AACxB,4CAA0B","sourcesContent":["import { debug } from \"./utility\";\nimport pkg from \"../package.json\";\n\ndebug.log(\"package\", `${pkg.name} v${pkg.version}`);\n\nexport * from \"./components\";\nexport * from \"./hooks\";\nexport * from \"./types\";\nexport * from \"./utility\";"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,uCAAkC;AAClC,mEAAkC;AAElC,eAAK,CAAC,GAAG,CAAC,SAAS,EAAE,GAAG,sBAAG,CAAC,IAAI,KAAK,sBAAG,CAAC,OAAO,EAAE,CAAC,CAAC;AAEpD,+CAA6B;AAC7B,0CAAwB;AACxB,0CAAwB;AACxB,4CAA0B","sourcesContent":["import { debug } from \"./utility\";\nimport pkg from \"../package.json\";\n\ndebug.log(\"package\", `${pkg.name} v${pkg.version}`);\n\nexport * from \"./components\";\nexport * from \"./hooks\";\nexport * from \"./types\";\nexport * from \"./utility\";\n"]}

package/dist/src/search-request-builder/base-builders.d.ts

@@ -0,0 +1,18 @@
+import { type CollectionSearchRequestOptions, type FunctionScoreQuery, type GenerateSearchRequestOptions, type QueryContainer, type SearchRequest } from "./types";
+import type { Boosting, SearchableField } from "../types/firestore";
+export declare function generateBaseSearchRequest(options: GenerateSearchRequestOptions): SearchRequest;
+export declare function generateCollectionSearchRequest(options: CollectionSearchRequestOptions): SearchRequest;
+export declare function generateCollectionBaseQuery(options: CollectionSearchRequestOptions): QueryContainer;
+export declare function generateWeightedSearchQuery(options: {
+    searchTerm: string;
+    searchableFields: SearchableField[];
+    boostingRules: Boosting[];
+    markets: string[];
+    market?: string;
+}): FunctionScoreQuery;
+export declare function generateWeightedCollectionQuery(options: {
+    collectionHandle: string;
+    boostingRules: Boosting[];
+    markets: string[];
+    market?: string;
+}): FunctionScoreQuery;

package/dist/src/search-request-builder/base-builders.js

@@ -0,0 +1,184 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateBaseSearchRequest = generateBaseSearchRequest;
+exports.generateCollectionSearchRequest = generateCollectionSearchRequest;
+exports.generateCollectionBaseQuery = generateCollectionBaseQuery;
+exports.generateWeightedSearchQuery = generateWeightedSearchQuery;
+exports.generateWeightedCollectionQuery = generateWeightedCollectionQuery;
+const types_1 = require("./types");
+const utils_1 = require("./utils");
+// Base Search Request Generation
+function generateBaseSearchRequest(options) {
+    var _a, _b, _c, _d;
+    if ((0, types_1.isCollectionOptions)(options)) {
+        // Collection search mode
+        const markets = (_b = (_a = options.curation) === null || _a === void 0 ? void 0 : _a.markets) !== null && _b !== void 0 ? _b : [];
+        return generateCollectionSearchRequest({
+            collectionHandle: options.collectionHandle,
+            markets: markets,
+        });
+    }
+    if ((0, types_1.isSearchOptions)(options)) {
+        // Term search mode
+        const markets = (_d = (_c = options.curation) === null || _c === void 0 ? void 0 : _c.markets) !== null && _d !== void 0 ? _d : [];
+        return generateTermSearchRequest({
+            searchTerm: options.searchTerm,
+            baseSearchRequestMode: options.baseSearchRequestMode,
+            relevanceFields: options.relevanceFields,
+            searchableFields: options.searchableFields,
+            markets: markets,
+        });
+    }
+    throw new Error("Invalid options: must be either search or collection options");
+}
+// Term Search Request Generation
+function generateTermSearchRequest(options) {
+    (0, utils_1.validateSearchInputs)(options);
+    if (options.baseSearchRequestMode === types_1.BaseSearchRequestMode.Weighted) {
+        return generateWeightedTermSearchRequest(options);
+    }
+    return generateRelevanceTermSearchRequest(options);
+}
+function generateWeightedTermSearchRequest(options) {
+    if (!options.searchableFields) {
+        throw new Error("SearchableFields required for weighted search");
+    }
+    const functionScoreQuery = generateWeightedSearchQuery({
+        searchTerm: options.searchTerm,
+        searchableFields: options.searchableFields,
+        boostingRules: [],
+        markets: options.markets,
+    });
+    return { query: { function_score: functionScoreQuery } };
+}
+function generateRelevanceTermSearchRequest(options) {
+    const fieldMappings = (0, utils_1.prepareRelevanceFields)(options.relevanceFields);
+    const multiMatchQueries = (0, utils_1.generateMultiMatchQueries)(options.searchTerm, fieldMappings);
+    const query = buildRelevanceQueryStructure(multiMatchQueries, options.markets);
+    return { query };
+}
+function buildRelevanceQueryStructure(multiMatchQueries, markets) {
+    return {
+        bool: {
+            must: [{ bool: { should: multiMatchQueries, minimum_should_match: "1" } }],
+            filter: (0, utils_1.generateMarketsFilter)(markets),
+        },
+    };
+}
+// Collection Search Request Generation
+function generateCollectionSearchRequest(options) {
+    const query = generateCollectionBaseQuery(options);
+    return { query };
+}
+function generateCollectionBaseQuery(options) {
+    const mustClauses = [
+        {
+            nested: {
+                path: "collections",
+                query: {
+                    term: { "collections.handle": options.collectionHandle },
+                },
+            },
+        },
+    ];
+    const marketClause = (0, utils_1.generateMarketsFilter)(options.markets);
+    if (marketClause.length > 0) {
+        mustClauses.push(...marketClause);
+    }
+    return { bool: { must: mustClauses } };
+}
+// Weighted Search Implementation - using corrected property names
+function generateWeightedSearchQuery(options) {
+    var _a, _b;
+    const searchTerms = (_b = (_a = options.searchTerm) === null || _a === void 0 ? void 0 : _a.split(" ")) !== null && _b !== void 0 ? _b : [];
+    const searchQueries = [];
+    for (const searchableField of options.searchableFields) {
+        const baseField = searchableField.field;
+        const maxEdits = searchableField.maxEdits;
+        for (const searchTerm of searchTerms) {
+            searchQueries.push({
+                match: { [baseField]: { query: searchTerm, fuzziness: maxEdits, analyzer: "regular_analyzer" } },
+            });
+            if (searchableField.synonymEnabled) {
+                searchQueries.push({
+                    match: { [baseField]: { query: searchTerm, fuzziness: maxEdits, analyzer: "synonym_analyzer" } },
+                });
+            }
+        }
+    }
+    const searchScores = [];
+    for (const field of options.searchableFields) {
+        const baseField = field.field;
+        const maxPoints = field.points;
+        const maxEdits = field.maxEdits;
+        for (let edits = 0; edits <= maxEdits; edits++) {
+            const weightMaxEdits = Math.max(maxPoints - maxEdits * (maxPoints / (100 / field.mistakePenaltyPercent)), 0);
+            const weightSomeEdits = maxPoints / (100 / field.mistakePenaltyPercent);
+            const weightBase = edits === maxEdits ? weightMaxEdits : weightSomeEdits;
+            for (const searchTerm of searchTerms) {
+                searchScores.push({
+                    filter: {
+                        match: { [baseField]: { query: searchTerm, fuzziness: edits, analyzer: "regular_analyzer" } },
+                    },
+                    weight: weightBase,
+                });
+                if (field.synonymEnabled && field.synonymPenaltyPercent > 0) {
+                    const weightSynonyms = weightBase * (1 - field.synonymPenaltyPercent / 100);
+                    searchScores.push({
+                        filter: {
+                            bool: {
+                                must_not: {
+                                    match: { [baseField]: { query: searchTerm, fuzziness: edits, analyzer: "regular_analyzer" } },
+                                },
+                                must: {
+                                    match: { [baseField]: { query: searchTerm, fuzziness: edits, analyzer: "synonym_analyzer" } },
+                                },
+                            },
+                        },
+                        weight: weightSynonyms,
+                    });
+                }
+            }
+        }
+    }
+    const marketClause = (0, utils_1.generateMarketsClause)(options.markets);
+    const boolQuery = { should: [...searchQueries] };
+    if (marketClause) {
+        boolQuery.filter = [marketClause];
+    }
+    return {
+        query: {
+            bool: boolQuery,
+        },
+        functions: [
+            ...searchScores,
+            ...(0, utils_1.generateBoostingRules)({ boostingRules: options.boostingRules, market: options.market }),
+        ],
+        score_mode: "sum",
+        boost_mode: "replace",
+    };
+}
+function generateWeightedCollectionQuery(options) {
+    const mustClauses = [
+        {
+            nested: {
+                path: "collections",
+                query: {
+                    term: { "collections.handle": options.collectionHandle },
+                },
+            },
+        },
+    ];
+    const marketClause = (0, utils_1.generateMarketsClause)(options.markets);
+    if (marketClause)
+        mustClauses.push(marketClause);
+    return {
+        query: {
+            bool: { must: mustClauses },
+        },
+        functions: (0, utils_1.generateBoostingRules)({ boostingRules: options.boostingRules, market: options.market }),
+        score_mode: "sum",
+        boost_mode: "replace",
+    };
+}
+//# sourceMappingURL=base-builders.js.map