@usereactify/search 5.59.0 → 5.59.1-beta.0

package/dist/src/components/Filter/Filter.js

@@ -15,35 +15,36 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Filter = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importDefault(require("react"));
 const ReactiveComponent_1 = __importDefault(require("@usereactify/search-internals/lib/components/basic/ReactiveComponent"));
 const MultiList_1 = __importDefault(require("@usereactify/search-internals/lib/components/list/MultiList"));
 const SingleList_1 = __importDefault(require("@usereactify/search-internals/lib/components/list/SingleList"));
-const SingleRange_1 = __importDefault(require("@usereactify/search-internals/lib/components/range/SingleRange"));
 const MultiRange_1 = __importDefault(require("@usereactify/search-internals/lib/components/range/MultiRange"));
-const hooks_1 = require("../../hooks");
+const SingleRange_1 = __importDefault(require("@usereactify/search-internals/lib/components/range/SingleRange"));
 const components_1 = require("../../components");
-const props_1 = require("../../utility/props");
+const hooks_1 = require("../../hooks");
 const useReactSliderProps_1 = require("../../hooks/react-slider/useReactSliderProps");
+const props_1 = require("../../utility/props");
 const Filter = (props) => {
     if ("single" === props.filter.displayType) {
         if ("range" === props.filter.displayView) {
-            return react_1.default.createElement(FilterRangeSingle, Object.assign({}, props));
+            return (0, jsx_runtime_1.jsx)(FilterRangeSingle, Object.assign({}, props));
         }
-        return react_1.default.createElement(FilterSingleList, Object.assign({}, props));
+        return (0, jsx_runtime_1.jsx)(FilterSingleList, Object.assign({}, props));
     }
     if ("multi" === props.filter.displayType) {
         if ("range" === props.filter.displayView) {
-            return react_1.default.createElement(FilterRangeMulti, Object.assign({}, props));
+            return (0, jsx_runtime_1.jsx)(FilterRangeMulti, Object.assign({}, props));
         }
-        return react_1.default.createElement(FilterMultiList, Object.assign({}, props));
+        return (0, jsx_runtime_1.jsx)(FilterMultiList, Object.assign({}, props));
     }
     if ("slider" === props.filter.displayType) {
-        return react_1.default.createElement(FilterSlider, Object.assign({}, props));
+        return (0, jsx_runtime_1.jsx)(FilterSlider, Object.assign({}, props));
     }
     // TODO: Legacy range filter, migrate to new single and multi ranges
     if ("range" === props.filter.displayType) {
-        return react_1.default.createElement(FilterRangeSingle, Object.assign({}, props));
+        return (0, jsx_runtime_1.jsx)(FilterRangeSingle, Object.assign({}, props));
     }
     console.warn(`filter with display type "${props.filter.displayType}" not yet supported`);
     return null;
@@ -58,7 +59,7 @@ const FilterSingleList = (props) => {
         filterGroup: filtersHook.filterStack,
     }, props.filter);
     const reactiveProps = (0, props_1.getPropsFilterList)(props.filter);
-    return (react_1.default.createElement(SingleList_1.default, Object.assign({}, sharedProps, reactiveProps, { render: (reactivesearchFilterProps) => (react_1.default.createElement(FilterListInner, Object.assign({}, props, { reactivesearchFilterProps: reactivesearchFilterProps }))) })));
+    return ((0, jsx_runtime_1.jsx)(SingleList_1.default, Object.assign({}, sharedProps, reactiveProps, { render: (reactivesearchFilterProps) => ((0, jsx_runtime_1.jsx)(FilterListInner, Object.assign({}, props, { reactivesearchFilterProps: reactivesearchFilterProps }))) })));
 };
 const FilterMultiList = (props) => {
     const reactifySearchContext = (0, hooks_1.useReactifySearchContext)();
@@ -69,7 +70,7 @@ const FilterMultiList = (props) => {
         filterGroup: filtersHook.filterStack,
     }, props.filter);
     const reactiveProps = (0, props_1.getPropsFilterList)(props.filter);
-    return (react_1.default.createElement(MultiList_1.default, Object.assign({}, sharedProps, reactiveProps, { render: (reactivesearchFilterProps) => (react_1.default.createElement(FilterListInner, Object.assign({}, props, { reactivesearchFilterProps: reactivesearchFilterProps }))) })));
+    return ((0, jsx_runtime_1.jsx)(MultiList_1.default, Object.assign({}, sharedProps, reactiveProps, { render: (reactivesearchFilterProps) => ((0, jsx_runtime_1.jsx)(FilterListInner, Object.assign({}, props, { reactivesearchFilterProps: reactivesearchFilterProps }))) })));
 };
 const FilterRangeSingle = (props) => {
     var _a;
@@ -83,12 +84,9 @@ const FilterRangeSingle = (props) => {
     const reactiveProps = (0, props_1.getPropsFilterRange)(props.filter);
     const filterRangeProps = (0, hooks_1.useFilterRangeProps)(props.filter);
     const RenderRangeComponent = (_a = props.renderFilterRange) !== null && _a !== void 0 ? _a : components_1.ExampleFilterRange;
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("div", { style: {
-                display: "none",
-            } },
-            react_1.default.createElement(SingleRange_1.default, Object.assign({}, sharedProps, reactiveProps, { value: filterRangeProps.values[0], onChange: filterRangeProps.handleChange }))),
-        react_1.default.createElement(RenderRangeComponent, { filterRangeProps: filterRangeProps, filter: props.filter })));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { style: {
+                    display: "none",
+                }, children: (0, jsx_runtime_1.jsx)(SingleRange_1.default, Object.assign({}, sharedProps, reactiveProps, { onChange: filterRangeProps.handleChange, value: filterRangeProps.values[0] })) }), (0, jsx_runtime_1.jsx)(RenderRangeComponent, { filter: props.filter, filterRangeProps: filterRangeProps })] }));
 };
 const FilterRangeMulti = (props) => {
     var _a;
@@ -102,18 +100,15 @@ const FilterRangeMulti = (props) => {
     const reactiveProps = (0, props_1.getPropsFilterRange)(props.filter);
     const filterRangeProps = (0, hooks_1.useFilterRangeProps)(props.filter);
     const RenderRangeComponent = (_a = props.renderFilterRange) !== null && _a !== void 0 ? _a : components_1.ExampleFilterRange;
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("div", { style: {
-                display: "none",
-            } },
-            react_1.default.createElement(MultiRange_1.default, Object.assign({}, sharedProps, reactiveProps, { value: filterRangeProps.values, 
-                // @note: onChange handler must be defined for controlled component to work correctly
-                onChange: () => { }, onValueChange: (values) => {
-                    if (values.length === 0) {
-                        filterRangeProps.handleClear();
-                    }
-                } }))),
-        react_1.default.createElement(RenderRangeComponent, { filterRangeProps: filterRangeProps, filter: props.filter })));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { style: {
+                    display: "none",
+                }, children: (0, jsx_runtime_1.jsx)(MultiRange_1.default, Object.assign({}, sharedProps, reactiveProps, { onChange: () => { }, 
+                    // @note: onChange handler must be defined for controlled component to work correctly
+                    onValueChange: (values) => {
+                        if (values.length === 0) {
+                            filterRangeProps.handleClear();
+                        }
+                    }, value: filterRangeProps.values })) }), (0, jsx_runtime_1.jsx)(RenderRangeComponent, { filter: props.filter, filterRangeProps: filterRangeProps })] }));
 };
 const FilterSlider = (props) => {
     const reactifySearchContext = (0, hooks_1.useReactifySearchContext)();
@@ -125,9 +120,9 @@ const FilterSlider = (props) => {
     }, props.filter);
     const filterSliderProps = (0, hooks_1.useFilterSliderProps)(props.filter);
     const reactiveProps = (0, props_1.getPropsFilterSlider)(props.filter, "", filterSliderProps.value);
-    return (react_1.default.createElement(ReactiveComponent_1.default, Object.assign({}, sharedProps, { defaultQuery: () => reactiveProps.defaultQuery, value: filterSliderProps.value, render: (reactivesearchFilterProps) => {
-            return (react_1.default.createElement(FilterSliderInner, Object.assign({}, props, { filterSliderProps: filterSliderProps, customQuery: reactiveProps.customQuery, reactivesearchFilterProps: reactivesearchFilterProps })));
-        } })));
+    return ((0, jsx_runtime_1.jsx)(ReactiveComponent_1.default, Object.assign({}, sharedProps, { defaultQuery: () => reactiveProps.defaultQuery, render: (reactivesearchFilterProps) => {
+            return ((0, jsx_runtime_1.jsx)(FilterSliderInner, Object.assign({}, props, { customQuery: reactiveProps.customQuery, filterSliderProps: filterSliderProps, reactivesearchFilterProps: reactivesearchFilterProps })));
+        }, value: filterSliderProps.value })));
 };
 // inner component exists only so we can use memos in reactivesearch render functions
 const FilterSliderInner = (props) => {
@@ -146,9 +141,9 @@ const FilterSliderInner = (props) => {
             query: props.customQuery,
             value: filterSliderProps.value,
         });
-    }, [filterSliderProps.value]);
+    }, [filterSliderProps.value, props.customQuery, props.reactivesearchFilterProps.setQuery]);
     const RenderSliderComponent = (_g = props.renderFilterSlider) !== null && _g !== void 0 ? _g : components_1.ExampleFilterSlider;
-    return (react_1.default.createElement(RenderSliderComponent, Object.assign({ filterSliderProps: filterSliderProps, reactSliderProps: reactSliderProps, filter: filter }, otherProps)));
+    return ((0, jsx_runtime_1.jsx)(RenderSliderComponent, Object.assign({ filter: filter, filterSliderProps: filterSliderProps, reactSliderProps: reactSliderProps }, otherProps)));
 };
 // inner component exists only so we can use memos in reactivesearch render functions
 const FilterListInner = (props) => {
@@ -160,6 +155,6 @@ const FilterListInner = (props) => {
         return null;
     }
     const RenderListComponent = (_a = props.renderFilterList) !== null && _a !== void 0 ? _a : components_1.ExampleFilterList;
-    return (react_1.default.createElement(RenderListComponent, Object.assign({ filterListProps: filterListProps, filter: filter }, otherProps)));
+    return (0, jsx_runtime_1.jsx)(RenderListComponent, Object.assign({ filter: filter, filterListProps: filterListProps }, otherProps));
 };
 //# sourceMappingURL=Filter.js.map

package/dist/src/components/Filter/Filter.js.map

@@ -1 +1 @@
-{"version":3,"file":"Filter.js","sourceRoot":"","sources":["../../../../src/components/Filter/Filter.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport ReactiveComponent from \"@usereactify/search-internals/lib/components/basic/ReactiveComponent\";\nimport MultiList from \"@usereactify/search-internals/lib/components/list/MultiList\";\nimport SingleList from \"@usereactify/search-internals/lib/components/list/SingleList\";\nimport SingleRange from \"@usereactify/search-internals/lib/components/range/SingleRange\";\nimport MultiRange from \"@usereactify/search-internals/lib/components/range/MultiRange\";\n\nimport type {\n  ConfigFilterFacet,\n  ReactivesearchFilterListProps,\n} from \"../../types\";\nimport {\n  useFilterListProps,\n  useFilterRangeProps,\n  useFilterSliderProps,\n  useFilters,\n  useReactifySearchContext,\n} from \"../../hooks\";\nimport {\n  ExampleFilterList,\n  ExampleFilterRange,\n  ExampleFilterSlider,\n} from \"../../components\";\nimport { getPropsFilterList, getPropsFilterRange, getPropsFilterSlider, getPropsShared } from \"../../utility/props\";\nimport { useReactSliderProps } from \"../../hooks/react-slider/useReactSliderProps\";\n\nexport type FilterProps = {\n  /** The filter option being rendered */\n  filter: ConfigFilterFacet;\n  /** Render method for List filters */\n  renderFilterList?: React.FC<{\n    filter: ConfigFilterFacet;\n    filterListProps: ReturnType<typeof useFilterListProps>;\n  }>;\n  /** Render method for Range filters */\n  renderFilterRange?: React.FC<{\n    filter: ConfigFilterFacet;\n    filterRangeProps: ReturnType<typeof useFilterRangeProps>;\n  }>;\n\n  /** Render method for Slider filters */\n  renderFilterSlider?: React.FC<{\n    filter: ConfigFilterFacet;\n    filterSliderProps: ReturnType<typeof useFilterSliderProps>;\n    reactSliderProps: ReturnType<typeof useReactSliderProps>;\n  }>;\n  /** Show filters even when no options are available */\n  showEmptyFilters?: boolean;\n};\n\nexport const Filter: React.FC<FilterProps> = (props) => {\n  if (\"single\" === props.filter.displayType) {\n    if (\"range\" === props.filter.displayView) {\n      return <FilterRangeSingle {...props} />;\n    }\n    return <FilterSingleList {...props} />;\n  }\n\n  if (\"multi\" === props.filter.displayType) {\n    if (\"range\" === props.filter.displayView) {\n      return <FilterRangeMulti {...props} />;\n    }\n    return <FilterMultiList {...props} />;\n  }\n\n  if (\"slider\" === props.filter.displayType) {\n    return <FilterSlider {...props} />;\n  }\n\n  // TODO: Legacy range filter, migrate to new single and multi ranges\n  if (\"range\" === props.filter.displayType) {\n    return <FilterRangeSingle {...props} />;\n  }\n\n  console.warn(\n    `filter with display type \"${props.filter.displayType}\" not yet supported`\n  );\n\n  return null;\n};\n\nconst FilterSingleList: React.FC<FilterProps> = (props) => {\n  const reactifySearchContext = useReactifySearchContext();\n  const filtersHook = useFilters();\n  const sharedProps = getPropsShared({\n    provider: reactifySearchContext.options,\n    config: reactifySearchContext.config,\n    filterGroup: filtersHook.filterStack,\n  }, props.filter);\n  const reactiveProps = getPropsFilterList(props.filter);\n\n  return (\n    <SingleList\n      {...sharedProps}\n      {...reactiveProps}\n      render={(reactivesearchFilterProps: ReactivesearchFilterListProps) => (\n        <FilterListInner\n          {...props}\n          reactivesearchFilterProps={reactivesearchFilterProps}\n        />\n      )}\n    />\n  );\n};\n\nconst FilterMultiList: React.FC<FilterProps> = (props) => {\n  const reactifySearchContext = useReactifySearchContext();\n  const filtersHook = useFilters();\n  const sharedProps = getPropsShared({\n    provider: reactifySearchContext.options,\n    config: reactifySearchContext.config,\n    filterGroup: filtersHook.filterStack,\n  }, props.filter);\n  const reactiveProps = getPropsFilterList(props.filter);\n\n  return (\n    <MultiList\n      {...sharedProps}\n      {...reactiveProps}\n      render={(reactivesearchFilterProps: ReactivesearchFilterListProps) => (\n        <FilterListInner\n          {...props}\n          reactivesearchFilterProps={reactivesearchFilterProps}\n        />\n      )}\n    />\n  );\n};\n\nconst FilterRangeSingle: React.FC<FilterProps> = (props) => {\n  const reactifySearchContext = useReactifySearchContext();\n  const filtersHook = useFilters();\n  const sharedProps = getPropsShared({\n    provider: reactifySearchContext.options,\n    config: reactifySearchContext.config,\n    filterGroup: filtersHook.filterStack,\n  }, props.filter);\n  const reactiveProps = getPropsFilterRange(props.filter);\n\n  const filterRangeProps = useFilterRangeProps(props.filter);\n\n  const RenderRangeComponent = props.renderFilterRange ?? ExampleFilterRange;\n\n  return (\n    <>\n      <div\n        style={{\n          display: \"none\",\n        }}\n      >\n        <SingleRange\n          {...sharedProps}\n          {...reactiveProps}\n          value={filterRangeProps.values[0]}\n          onChange={filterRangeProps.handleChange}\n        />\n      </div>\n      <RenderRangeComponent\n        filterRangeProps={filterRangeProps}\n        filter={props.filter}\n      />\n    </>\n  );\n};\n\nconst FilterRangeMulti: React.FC<FilterProps> = (props) => {\n  const reactifySearchContext = useReactifySearchContext();\n  const filtersHook = useFilters();\n  const sharedProps = getPropsShared({\n    provider: reactifySearchContext.options,\n    config: reactifySearchContext.config,\n    filterGroup: filtersHook.filterStack,\n  }, props.filter);\n  const reactiveProps = getPropsFilterRange(props.filter);\n\n  const filterRangeProps = useFilterRangeProps(props.filter);\n\n  const RenderRangeComponent = props.renderFilterRange ?? ExampleFilterRange;\n\n  return (\n    <>\n      <div\n        style={{\n          display: \"none\",\n        }}\n      >\n        <MultiRange\n          {...sharedProps}\n          {...reactiveProps}\n          value={filterRangeProps.values}\n          // @note: onChange handler must be defined for controlled component to work correctly\n          onChange={() => {}}\n          onValueChange={(values) => {\n            if (values.length === 0) {\n              filterRangeProps.handleClear();\n            }\n          }}\n        />\n      </div>\n      <RenderRangeComponent\n        filterRangeProps={filterRangeProps}\n        filter={props.filter}\n      />\n    </>\n  );\n};\n\nconst FilterSlider: React.FC<FilterProps> = (props) => {\n  const reactifySearchContext = useReactifySearchContext();\n  const filtersHook = useFilters();\n  const sharedProps = getPropsShared({\n    provider: reactifySearchContext.options,\n    config: reactifySearchContext.config,\n    filterGroup: filtersHook.filterStack,\n  }, props.filter);\n  const filterSliderProps = useFilterSliderProps(props.filter);\n  const reactiveProps = getPropsFilterSlider(props.filter, \"\", filterSliderProps.value);\n\n  return (\n    <ReactiveComponent\n      {...sharedProps}\n      defaultQuery={() => reactiveProps.defaultQuery}\n      value={filterSliderProps.value}\n      render={(reactivesearchFilterProps) => {\n        return (\n          <FilterSliderInner\n            {...props}\n            filterSliderProps={filterSliderProps}\n            customQuery={reactiveProps.customQuery}\n            reactivesearchFilterProps={reactivesearchFilterProps}\n          />\n        );\n      }}\n    />\n  );\n};\n\n// inner component exists only so we can use memos in reactivesearch render functions\nconst FilterSliderInner: React.FC<\n  FilterProps & { reactivesearchFilterProps: any; filterSliderProps: ReturnType<typeof useFilterSliderProps>; customQuery: any; }\n> = (props) => {\n  const {\n    filter,\n    renderFilterSlider,\n    filterSliderProps,\n    reactivesearchFilterProps,\n    ...otherProps\n  } = props;\n\n  const filterRange: [number, number] = [\n    reactivesearchFilterProps.aggregations?.min?.value ?? 0,\n    reactivesearchFilterProps.aggregations?.max?.value ?? 0,\n  ];\n\n  const reactSliderProps = useReactSliderProps(\n    filter,\n    filterSliderProps.value,\n    filterRange,\n    filterSliderProps.handleChange,\n  );\n\n  React.useEffect(() => {\n    if (!props.customQuery) {\n      return;\n    }\n\n    props.reactivesearchFilterProps.setQuery({\n      query: props.customQuery,\n      value: filterSliderProps.value,\n    });\n  }, [filterSliderProps.value]);\n\n  const RenderSliderComponent = props.renderFilterSlider ?? ExampleFilterSlider;\n\n  return (\n    <RenderSliderComponent\n      filterSliderProps={filterSliderProps}\n      reactSliderProps={reactSliderProps}\n      filter={filter}\n      {...otherProps}\n    />\n  );\n};\n\n// inner component exists only so we can use memos in reactivesearch render functions\nconst FilterListInner: React.FC<\n  FilterProps & { reactivesearchFilterProps: ReactivesearchFilterListProps }\n> = (props) => {\n  const { filter, renderFilterList, reactivesearchFilterProps, ...otherProps } =\n    props;\n\n  const filterListProps = useFilterListProps(filter, reactivesearchFilterProps);\n\n  // hide entire filter when no options available\n  if (!props.showEmptyFilters && 0 === filterListProps.options.length) {\n    return null;\n  }\n\n  const RenderListComponent = props.renderFilterList ?? ExampleFilterList;\n\n  return (\n    <RenderListComponent\n      filterListProps={filterListProps}\n      filter={filter}\n      {...otherProps}\n    />\n  );\n};\n"]}
+{"version":3,"file":"Filter.js","sourceRoot":"","sources":["../../../../src/components/Filter/Filter.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport ReactiveComponent from \"@usereactify/search-internals/lib/components/basic/ReactiveComponent\";\nimport MultiList from \"@usereactify/search-internals/lib/components/list/MultiList\";\nimport SingleList from \"@usereactify/search-internals/lib/components/list/SingleList\";\nimport MultiRange from \"@usereactify/search-internals/lib/components/range/MultiRange\";\nimport SingleRange from \"@usereactify/search-internals/lib/components/range/SingleRange\";\nimport { ExampleFilterList, ExampleFilterRange, ExampleFilterSlider } from \"../../components\";\nimport {\n  useFilterListProps,\n  useFilterRangeProps,\n  useFilterSliderProps,\n  useFilters,\n  useReactifySearchContext,\n} from \"../../hooks\";\nimport { useReactSliderProps } from \"../../hooks/react-slider/useReactSliderProps\";\nimport type { ConfigFilterFacet, ReactivesearchFilterListProps } from \"../../types\";\nimport { getPropsFilterList, getPropsFilterRange, getPropsFilterSlider, getPropsShared } from \"../../utility/props\";\n\nexport type FilterProps = {\n  /** The filter option being rendered */\n  filter: ConfigFilterFacet;\n  /** Render method for List filters */\n  renderFilterList?: React.FC<{\n    filter: ConfigFilterFacet;\n    filterListProps: ReturnType<typeof useFilterListProps>;\n  }>;\n  /** Render method for Range filters */\n  renderFilterRange?: React.FC<{\n    filter: ConfigFilterFacet;\n    filterRangeProps: ReturnType<typeof useFilterRangeProps>;\n  }>;\n\n  /** Render method for Slider filters */\n  renderFilterSlider?: React.FC<{\n    filter: ConfigFilterFacet;\n    filterSliderProps: ReturnType<typeof useFilterSliderProps>;\n    reactSliderProps: ReturnType<typeof useReactSliderProps>;\n  }>;\n  /** Show filters even when no options are available */\n  showEmptyFilters?: boolean;\n};\n\nexport const Filter: React.FC<FilterProps> = (props) => {\n  if (\"single\" === props.filter.displayType) {\n    if (\"range\" === props.filter.displayView) {\n      return <FilterRangeSingle {...props} />;\n    }\n    return <FilterSingleList {...props} />;\n  }\n\n  if (\"multi\" === props.filter.displayType) {\n    if (\"range\" === props.filter.displayView) {\n      return <FilterRangeMulti {...props} />;\n    }\n    return <FilterMultiList {...props} />;\n  }\n\n  if (\"slider\" === props.filter.displayType) {\n    return <FilterSlider {...props} />;\n  }\n\n  // TODO: Legacy range filter, migrate to new single and multi ranges\n  if (\"range\" === props.filter.displayType) {\n    return <FilterRangeSingle {...props} />;\n  }\n\n  console.warn(`filter with display type \"${props.filter.displayType}\" not yet supported`);\n\n  return null;\n};\n\nconst FilterSingleList: React.FC<FilterProps> = (props) => {\n  const reactifySearchContext = useReactifySearchContext();\n  const filtersHook = useFilters();\n  const sharedProps = getPropsShared(\n    {\n      provider: reactifySearchContext.options,\n      config: reactifySearchContext.config,\n      filterGroup: filtersHook.filterStack,\n    },\n    props.filter\n  );\n  const reactiveProps = getPropsFilterList(props.filter);\n\n  return (\n    <SingleList\n      {...sharedProps}\n      {...reactiveProps}\n      render={(reactivesearchFilterProps: ReactivesearchFilterListProps) => (\n        <FilterListInner {...props} reactivesearchFilterProps={reactivesearchFilterProps} />\n      )}\n    />\n  );\n};\n\nconst FilterMultiList: React.FC<FilterProps> = (props) => {\n  const reactifySearchContext = useReactifySearchContext();\n  const filtersHook = useFilters();\n  const sharedProps = getPropsShared(\n    {\n      provider: reactifySearchContext.options,\n      config: reactifySearchContext.config,\n      filterGroup: filtersHook.filterStack,\n    },\n    props.filter\n  );\n  const reactiveProps = getPropsFilterList(props.filter);\n\n  return (\n    <MultiList\n      {...sharedProps}\n      {...reactiveProps}\n      render={(reactivesearchFilterProps: ReactivesearchFilterListProps) => (\n        <FilterListInner {...props} reactivesearchFilterProps={reactivesearchFilterProps} />\n      )}\n    />\n  );\n};\n\nconst FilterRangeSingle: React.FC<FilterProps> = (props) => {\n  const reactifySearchContext = useReactifySearchContext();\n  const filtersHook = useFilters();\n  const sharedProps = getPropsShared(\n    {\n      provider: reactifySearchContext.options,\n      config: reactifySearchContext.config,\n      filterGroup: filtersHook.filterStack,\n    },\n    props.filter\n  );\n  const reactiveProps = getPropsFilterRange(props.filter);\n\n  const filterRangeProps = useFilterRangeProps(props.filter);\n\n  const RenderRangeComponent = props.renderFilterRange ?? ExampleFilterRange;\n\n  return (\n    <>\n      <div\n        style={{\n          display: \"none\",\n        }}\n      >\n        <SingleRange\n          {...sharedProps}\n          {...reactiveProps}\n          onChange={filterRangeProps.handleChange}\n          value={filterRangeProps.values[0]}\n        />\n      </div>\n      <RenderRangeComponent filter={props.filter} filterRangeProps={filterRangeProps} />\n    </>\n  );\n};\n\nconst FilterRangeMulti: React.FC<FilterProps> = (props) => {\n  const reactifySearchContext = useReactifySearchContext();\n  const filtersHook = useFilters();\n  const sharedProps = getPropsShared(\n    {\n      provider: reactifySearchContext.options,\n      config: reactifySearchContext.config,\n      filterGroup: filtersHook.filterStack,\n    },\n    props.filter\n  );\n  const reactiveProps = getPropsFilterRange(props.filter);\n\n  const filterRangeProps = useFilterRangeProps(props.filter);\n\n  const RenderRangeComponent = props.renderFilterRange ?? ExampleFilterRange;\n\n  return (\n    <>\n      <div\n        style={{\n          display: \"none\",\n        }}\n      >\n        <MultiRange\n          {...sharedProps}\n          {...reactiveProps}\n          onChange={() => {}}\n          // @note: onChange handler must be defined for controlled component to work correctly\n          onValueChange={(values) => {\n            if (values.length === 0) {\n              filterRangeProps.handleClear();\n            }\n          }}\n          value={filterRangeProps.values}\n        />\n      </div>\n      <RenderRangeComponent filter={props.filter} filterRangeProps={filterRangeProps} />\n    </>\n  );\n};\n\nconst FilterSlider: React.FC<FilterProps> = (props) => {\n  const reactifySearchContext = useReactifySearchContext();\n  const filtersHook = useFilters();\n  const sharedProps = getPropsShared(\n    {\n      provider: reactifySearchContext.options,\n      config: reactifySearchContext.config,\n      filterGroup: filtersHook.filterStack,\n    },\n    props.filter\n  );\n  const filterSliderProps = useFilterSliderProps(props.filter);\n  const reactiveProps = getPropsFilterSlider(props.filter, \"\", filterSliderProps.value);\n\n  return (\n    <ReactiveComponent\n      {...sharedProps}\n      defaultQuery={() => reactiveProps.defaultQuery}\n      render={(reactivesearchFilterProps) => {\n        return (\n          <FilterSliderInner\n            {...props}\n            customQuery={reactiveProps.customQuery}\n            filterSliderProps={filterSliderProps}\n            reactivesearchFilterProps={reactivesearchFilterProps}\n          />\n        );\n      }}\n      value={filterSliderProps.value}\n    />\n  );\n};\n\n// inner component exists only so we can use memos in reactivesearch render functions\nconst FilterSliderInner: React.FC<\n  FilterProps & {\n    reactivesearchFilterProps: any;\n    filterSliderProps: ReturnType<typeof useFilterSliderProps>;\n    customQuery: any;\n  }\n> = (props) => {\n  const { filter, renderFilterSlider, filterSliderProps, reactivesearchFilterProps, ...otherProps } = props;\n\n  const filterRange: [number, number] = [\n    reactivesearchFilterProps.aggregations?.min?.value ?? 0,\n    reactivesearchFilterProps.aggregations?.max?.value ?? 0,\n  ];\n\n  const reactSliderProps = useReactSliderProps(\n    filter,\n    filterSliderProps.value,\n    filterRange,\n    filterSliderProps.handleChange\n  );\n\n  React.useEffect(() => {\n    if (!props.customQuery) {\n      return;\n    }\n\n    props.reactivesearchFilterProps.setQuery({\n      query: props.customQuery,\n      value: filterSliderProps.value,\n    });\n  }, [filterSliderProps.value, props.customQuery, props.reactivesearchFilterProps.setQuery]);\n\n  const RenderSliderComponent = props.renderFilterSlider ?? ExampleFilterSlider;\n\n  return (\n    <RenderSliderComponent\n      filter={filter}\n      filterSliderProps={filterSliderProps}\n      reactSliderProps={reactSliderProps}\n      {...otherProps}\n    />\n  );\n};\n\n// inner component exists only so we can use memos in reactivesearch render functions\nconst FilterListInner: React.FC<FilterProps & { reactivesearchFilterProps: ReactivesearchFilterListProps }> = (\n  props\n) => {\n  const { filter, renderFilterList, reactivesearchFilterProps, ...otherProps } = props;\n\n  const filterListProps = useFilterListProps(filter, reactivesearchFilterProps);\n\n  // hide entire filter when no options available\n  if (!props.showEmptyFilters && 0 === filterListProps.options.length) {\n    return null;\n  }\n\n  const RenderListComponent = props.renderFilterList ?? ExampleFilterList;\n\n  return <RenderListComponent filter={filter} filterListProps={filterListProps} {...otherProps} />;\n};\n"]}

package/dist/src/components/Filter/Filters.d.ts

@@ -1,7 +1,7 @@
-import React from "react";
-import { useFilterListProps, useFilterRangeProps, useFilterSliderProps } from "../../hooks";
-import { ConfigFilterFacet } from "../../types";
-import { useReactSliderProps } from "../../hooks/react-slider/useReactSliderProps";
+import type React from "react";
+import { type useFilterListProps, type useFilterRangeProps, type useFilterSliderProps } from "../../hooks";
+import type { useReactSliderProps } from "../../hooks/react-slider/useReactSliderProps";
+import type { ConfigFilterFacet } from "../../types";
 export type FiltersProps = {
     /** Render method for List filters */
     renderFilterList?: React.FC<{

package/dist/src/components/Filter/Filters.js

@@ -1,16 +1,13 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Filters = void 0;
-const react_1 = __importDefault(require("react"));
-const hooks_1 = require("../../hooks");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const components_1 = require("../../components");
+const hooks_1 = require("../../hooks");
 const Filters = (props) => {
     var _a;
     const filterStackHook = (0, hooks_1.useFilters)();
-    return (react_1.default.createElement(react_1.default.Fragment, null, (_a = filterStackHook.filters) === null || _a === void 0 ? void 0 : _a.map((filter) => (react_1.default.createElement(components_1.Filter, { key: filter.id, filter: filter, renderFilterList: props.renderFilterList, renderFilterSlider: props.renderFilterSlider, renderFilterRange: props.renderFilterRange, showEmptyFilters: props.showEmptyFilters })))));
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (_a = filterStackHook.filters) === null || _a === void 0 ? void 0 : _a.map((filter) => ((0, jsx_runtime_1.jsx)(components_1.Filter, { filter: filter, renderFilterList: props.renderFilterList, renderFilterRange: props.renderFilterRange, renderFilterSlider: props.renderFilterSlider, showEmptyFilters: props.showEmptyFilters }, filter.id))) }));
 };
 exports.Filters = Filters;
 //# sourceMappingURL=Filters.js.map

package/dist/src/components/Filter/Filters.js.map

@@ -1 +1 @@
-{"version":3,"file":"Filters.js","sourceRoot":"","sources":["../../../../src/components/Filter/Filters.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,uCAKqB;AACrB,iDAA0C;AAyBnC,MAAM,OAAO,GAA2B,CAAC,KAAK,EAAE,EAAE;;IACvD,MAAM,eAAe,GAAG,IAAA,kBAAU,GAAE,CAAC;IAErC,OAAO,CACL,8DACG,MAAA,eAAe,CAAC,OAAO,0CAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACxC,8BAAC,mBAAM,IACL,GAAG,EAAE,MAAM,CAAC,EAAE,EACd,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,EACxC,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,EAC5C,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EAC1C,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,GACxC,CACH,CAAC,CACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAjBW,QAAA,OAAO,WAiBlB","sourcesContent":["import React from \"react\";\n\nimport {\n  useFilterListProps,\n  useFilterRangeProps,\n  useFilters,\n  useFilterSliderProps,\n} from \"../../hooks\";\nimport { Filter } from \"../../components\";\nimport { ConfigFilterFacet } from \"../../types\";\nimport { useReactSliderProps } from \"../../hooks/react-slider/useReactSliderProps\";\n\nexport type FiltersProps = {\n  /** Render method for List filters */\n  renderFilterList?: React.FC<{\n    filter: ConfigFilterFacet;\n    filterListProps: ReturnType<typeof useFilterListProps>;\n  }>;\n  /** Render method for Range filters */\n  renderFilterRange?: React.FC<{\n    filter: ConfigFilterFacet;\n    filterRangeProps: ReturnType<typeof useFilterRangeProps>;\n  }>;\n  /** Render method for Slider filters */\n  renderFilterSlider?: React.FC<{\n    filter: ConfigFilterFacet;\n    filterSliderProps: ReturnType<typeof useFilterSliderProps>;\n    reactSliderProps: ReturnType<typeof useReactSliderProps>;\n  }>;\n  /** Show filters even when no options are available */\n  showEmptyFilters?: boolean;\n};\n\nexport const Filters: React.FC<FiltersProps> = (props) => {\n  const filterStackHook = useFilters();\n\n  return (\n    <>\n      {filterStackHook.filters?.map((filter) => (\n        <Filter\n          key={filter.id}\n          filter={filter}\n          renderFilterList={props.renderFilterList}\n          renderFilterSlider={props.renderFilterSlider}\n          renderFilterRange={props.renderFilterRange}\n          showEmptyFilters={props.showEmptyFilters}\n        />\n      ))}\n    </>\n  );\n};\n"]}
+{"version":3,"file":"Filters.js","sourceRoot":"","sources":["../../../../src/components/Filter/Filters.tsx"],"names":[],"mappings":";;;;AACA,iDAA0C;AAC1C,uCAAuH;AAyBhH,MAAM,OAAO,GAA2B,CAAC,KAAK,EAAE,EAAE;;IACvD,MAAM,eAAe,GAAG,IAAA,kBAAU,GAAE,CAAC;IAErC,OAAO,CACL,2DACG,MAAA,eAAe,CAAC,OAAO,0CAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACxC,uBAAC,mBAAM,IACL,MAAM,EAAE,MAAM,EAEd,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,EACxC,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EAC1C,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,EAC5C,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,IAJnC,MAAM,CAAC,EAAE,CAKd,CACH,CAAC,GACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAjBW,QAAA,OAAO,WAiBlB","sourcesContent":["import type React from \"react\";\nimport { Filter } from \"../../components\";\nimport { type useFilterListProps, type useFilterRangeProps, type useFilterSliderProps, useFilters } from \"../../hooks\";\nimport type { useReactSliderProps } from \"../../hooks/react-slider/useReactSliderProps\";\nimport type { ConfigFilterFacet } from \"../../types\";\n\nexport type FiltersProps = {\n  /** Render method for List filters */\n  renderFilterList?: React.FC<{\n    filter: ConfigFilterFacet;\n    filterListProps: ReturnType<typeof useFilterListProps>;\n  }>;\n  /** Render method for Range filters */\n  renderFilterRange?: React.FC<{\n    filter: ConfigFilterFacet;\n    filterRangeProps: ReturnType<typeof useFilterRangeProps>;\n  }>;\n  /** Render method for Slider filters */\n  renderFilterSlider?: React.FC<{\n    filter: ConfigFilterFacet;\n    filterSliderProps: ReturnType<typeof useFilterSliderProps>;\n    reactSliderProps: ReturnType<typeof useReactSliderProps>;\n  }>;\n  /** Show filters even when no options are available */\n  showEmptyFilters?: boolean;\n};\n\nexport const Filters: React.FC<FiltersProps> = (props) => {\n  const filterStackHook = useFilters();\n\n  return (\n    <>\n      {filterStackHook.filters?.map((filter) => (\n        <Filter\n          filter={filter}\n          key={filter.id}\n          renderFilterList={props.renderFilterList}\n          renderFilterRange={props.renderFilterRange}\n          renderFilterSlider={props.renderFilterSlider}\n          showEmptyFilters={props.showEmptyFilters}\n        />\n      ))}\n    </>\n  );\n};\n"]}

package/dist/src/components/Filter/FiltersSelected.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import type React from "react";
 export type FiltersSelectedProps = {
     /** Render method called once for all active filters */
     render?: React.FC<{

package/dist/src/components/Filter/FiltersSelected.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FiltersSelected = void 0;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const SelectedFilters_1 = __importDefault(require("@usereactify/search-internals/lib/components/basic/SelectedFilters"));
 const components_1 = require("../../components");
 const hooks_1 = require("../../hooks");
@@ -13,14 +13,9 @@ const FiltersSelected = (props) => {
     const context = (0, hooks_1.useReactifySearchContext)();
     const filtersHook = (0, hooks_1.useFilters)();
     const RenderComponent = (_a = props.render) !== null && _a !== void 0 ? _a : components_1.ExampleFiltersSelected;
-    return (react_1.default.createElement(SelectedFilters_1.default, { render: ({ selectedValues, setValue }) => {
+    return ((0, jsx_runtime_1.jsx)(SelectedFilters_1.default, { render: ({ selectedValues, setValue }) => {
             const selectedFilters = Object.entries(selectedValues)
-                .filter(([key, item]) => {
-                var _a, _b;
-                return (item === null || item === void 0 ? void 0 : item.URLParams) &&
-                    (item === null || item === void 0 ? void 0 : item.showFilter) &&
-                    (!!((_a = item === null || item === void 0 ? void 0 : item.value) === null || _a === void 0 ? void 0 : _a.length) || !!((_b = item === null || item === void 0 ? void 0 : item.value) === null || _b === void 0 ? void 0 : _b.label));
-            })
+                .filter(([_key, item]) => { var _a, _b; return (item === null || item === void 0 ? void 0 : item.URLParams) && (item === null || item === void 0 ? void 0 : item.showFilter) && (!!((_a = item === null || item === void 0 ? void 0 : item.value) === null || _a === void 0 ? void 0 : _a.length) || !!((_b = item === null || item === void 0 ? void 0 : item.value) === null || _b === void 0 ? void 0 : _b.label)); })
                 .map(([key, item]) => ({
                 key: key,
                 label: item.label,
@@ -73,7 +68,7 @@ const FiltersSelected = (props) => {
             if (!selectedFilters.length) {
                 return null;
             }
-            return (react_1.default.createElement(RenderComponent, { selectedFilters: selectedFilters, handleRemove: handleRemove }));
+            return (0, jsx_runtime_1.jsx)(RenderComponent, { handleRemove: handleRemove, selectedFilters: selectedFilters });
         } }));
 };
 exports.FiltersSelected = FiltersSelected;

package/dist/src/components/Filter/FiltersSelected.js.map

@@ -1 +1 @@
-{"version":3,"file":"FiltersSelected.js","sourceRoot":"","sources":["../../../../src/components/Filter/FiltersSelected.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport SelectedFilters from \"@usereactify/search-internals/lib/components/basic/SelectedFilters\";\n\nimport { ExampleFiltersSelected } from \"../../components\";\nimport { useFilters, useReactifySearchContext } from \"../../hooks\";\n\nexport type FiltersSelectedProps = {\n  /** Render method called once for all active filters */\n  render?: React.FC<{\n    selectedFilters: Array<{\n      key: string;\n      label: string;\n      value:\n        | Array<string>\n        | string\n        | { label: string; start: number; end: number }\n        | Array<{ label: string; start: number; end: number }>;\n    }>;\n    handleRemove: (\n      filterKey: string,\n      filterValues?: Array<string | number>\n    ) => void;\n  }>;\n};\n\nexport const FiltersSelected: React.FC<FiltersSelectedProps> = (props) => {\n  const context = useReactifySearchContext();\n  const filtersHook = useFilters();\n\n  const RenderComponent = props.render ?? ExampleFiltersSelected;\n\n  return (\n    <SelectedFilters\n      render={({ selectedValues, setValue }) => {\n        const selectedFilters = (\n          Object.entries(selectedValues) as Array<[string, any]>\n        )\n          .filter(\n            ([key, item]) =>\n              item?.URLParams &&\n              item?.showFilter &&\n              (!!item?.value?.length || !!item?.value?.label)\n          )\n          .map(([key, item]) => ({\n            key: key,\n            label: item.label,\n            value: item.value,\n          }));\n\n        const handleRemove = (\n          selectedFilterKey: string,\n          selectedFilterValues: Array<string | number> = []\n        ) => {\n          const filter = filtersHook.filters?.find(\n            (filter) => filter.handle === selectedFilterKey\n          );\n          if (!filter) {\n            return;\n          }\n\n          if (filter.displayType === \"slider\") {\n            const event = new CustomEvent<{\n              handle: string;\n              value: [];\n            }>(`@usereactify/search:${context.options.mode}:filter:${filter.handle}:update`, {\n              detail: {\n                handle: filter.handle,\n                value: [],\n              },\n            });\n            window.dispatchEvent(event);\n\n            return;\n          }\n\n          if (selectedFilterValues.length === 0) {\n            setValue(selectedFilterKey, null);\n\n            return;\n          }\n\n          if (selectedFilterValues.length > 0) {\n            if (filter.displayType === \"single\") {\n              setValue(selectedFilterKey, null);\n            }\n            if (filter.displayType === \"multi\") {\n              if (filter.displayView === \"range\") {\n                const values = selectedValues[selectedFilterKey].value\n                  .filter(\n                    (value: { label: string }) =>\n                      !selectedFilterValues.includes(value.label)\n                  )\n                  .map((value: { label: string }) => value.label);\n\n                const event = new CustomEvent<{\n                  handle: string;\n                  value: Array<string>;\n                }>(`@usereactify/search:${context.options.mode}:filter:${filter.handle}:update`, {\n                  detail: {\n                    handle: filter.handle,\n                    value: values,\n                  },\n                });\n                window.dispatchEvent(event);\n              }\n              if (filter.displayView !== \"range\") {\n                const values = selectedValues[selectedFilterKey].value.filter(\n                  (value: string) => !selectedFilterValues.includes(value)\n                );\n                setValue(selectedFilterKey, values);\n              }\n            }\n          }\n        };\n\n        if (!selectedFilters.length) {\n          return null;\n        }\n\n        return (\n          <RenderComponent\n            selectedFilters={selectedFilters}\n            handleRemove={handleRemove}\n          />\n        );\n      }}\n    />\n  );\n};\n"]}
+{"version":3,"file":"FiltersSelected.js","sourceRoot":"","sources":["../../../../src/components/Filter/FiltersSelected.tsx"],"names":[],"mappings":"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","sourcesContent":["import type React from \"react\";\nimport SelectedFilters from \"@usereactify/search-internals/lib/components/basic/SelectedFilters\";\nimport { ExampleFiltersSelected } from \"../../components\";\nimport { useFilters, useReactifySearchContext } from \"../../hooks\";\n\nexport type FiltersSelectedProps = {\n  /** Render method called once for all active filters */\n  render?: React.FC<{\n    selectedFilters: Array<{\n      key: string;\n      label: string;\n      value:\n        | Array<string>\n        | string\n        | { label: string; start: number; end: number }\n        | Array<{ label: string; start: number; end: number }>;\n    }>;\n    handleRemove: (filterKey: string, filterValues?: Array<string | number>) => void;\n  }>;\n};\n\nexport const FiltersSelected: React.FC<FiltersSelectedProps> = (props) => {\n  const context = useReactifySearchContext();\n  const filtersHook = useFilters();\n\n  const RenderComponent = props.render ?? ExampleFiltersSelected;\n\n  return (\n    <SelectedFilters\n      render={({ selectedValues, setValue }) => {\n        const selectedFilters = (Object.entries(selectedValues) as Array<[string, any]>)\n          .filter(\n            ([_key, item]) => item?.URLParams && item?.showFilter && (!!item?.value?.length || !!item?.value?.label)\n          )\n          .map(([key, item]) => ({\n            key: key,\n            label: item.label,\n            value: item.value,\n          }));\n\n        const handleRemove = (selectedFilterKey: string, selectedFilterValues: Array<string | number> = []) => {\n          const filter = filtersHook.filters?.find((filter) => filter.handle === selectedFilterKey);\n          if (!filter) {\n            return;\n          }\n\n          if (filter.displayType === \"slider\") {\n            const event = new CustomEvent<{\n              handle: string;\n              value: [];\n            }>(`@usereactify/search:${context.options.mode}:filter:${filter.handle}:update`, {\n              detail: {\n                handle: filter.handle,\n                value: [],\n              },\n            });\n            window.dispatchEvent(event);\n\n            return;\n          }\n\n          if (selectedFilterValues.length === 0) {\n            setValue(selectedFilterKey, null);\n\n            return;\n          }\n\n          if (selectedFilterValues.length > 0) {\n            if (filter.displayType === \"single\") {\n              setValue(selectedFilterKey, null);\n            }\n            if (filter.displayType === \"multi\") {\n              if (filter.displayView === \"range\") {\n                const values = selectedValues[selectedFilterKey].value\n                  .filter((value: { label: string }) => !selectedFilterValues.includes(value.label))\n                  .map((value: { label: string }) => value.label);\n\n                const event = new CustomEvent<{\n                  handle: string;\n                  value: Array<string>;\n                }>(`@usereactify/search:${context.options.mode}:filter:${filter.handle}:update`, {\n                  detail: {\n                    handle: filter.handle,\n                    value: values,\n                  },\n                });\n                window.dispatchEvent(event);\n              }\n              if (filter.displayView !== \"range\") {\n                const values = selectedValues[selectedFilterKey].value.filter(\n                  (value: string) => !selectedFilterValues.includes(value)\n                );\n                setValue(selectedFilterKey, values);\n              }\n            }\n          }\n        };\n\n        if (!selectedFilters.length) {\n          return null;\n        }\n\n        return <RenderComponent handleRemove={handleRemove} selectedFilters={selectedFilters} />;\n      }}\n    />\n  );\n};\n"]}

package/dist/src/components/ReactifySearchProvider/ReactifySearchProvider.d.ts

@@ -1,5 +1,5 @@
-import { PropsWithChildren, ReactNode } from "react";
-import { Config } from "../../types";
+import { type PropsWithChildren, type ReactNode } from "react";
+import type { Config } from "../../types";
 export type ReactifySearchProviderProps = {
     /** Standard react children */
     children?: ReactNode | undefined;

package/dist/src/components/ReactifySearchProvider/ReactifySearchProvider.js

@@ -27,12 +27,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReactifySearchProvider = ReactifySearchProvider;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 // @ts-expect-error missing types
 const GaGtag = __importStar(require("ga-gtag"));
 const package_json_1 = __importDefault(require("../../../package.json"));
-const hooks_1 = require("../../hooks");
 const components_1 = require("../../components");
+const hooks_1 = require("../../hooks");
 const utility_1 = require("../../utility");
 const curation_1 = require("../../utility/curation");
 function ReactifySearchProvider(props) {
@@ -46,7 +47,7 @@ function ReactifySearchProvider(props) {
             },
         });
     }, [props]);
-    return react_1.default.createElement(ReactifySearchInner, Object.assign({}, props));
+    return (0, jsx_runtime_1.jsx)(ReactifySearchInner, Object.assign({}, props));
 }
 function ReactifySearchInner(props) {
     var _a, _b;
@@ -74,7 +75,7 @@ function ReactifySearchInner(props) {
             if (indexFromURLParam)
                 setIndexFromURL(indexFromURLParam);
         }
-    }, []);
+    }, [searchTerm, sortOption]);
     // results
     const [results, setResults] = (0, react_1.useState)([]);
     // curation
@@ -111,17 +112,28 @@ function ReactifySearchInner(props) {
             },
             curation: curation,
         };
-    }, [config, props, searchTerm, showInstantSearchResults, searchRedirect, sortOption, results, resultStats, curation]);
+    }, [
+        config,
+        props,
+        searchTerm,
+        showInstantSearchResults,
+        searchRedirect,
+        sortOption,
+        results,
+        resultStats,
+        curation,
+        indexFromURL,
+        theme,
+    ]);
     (0, react_1.useEffect)(() => {
         utility_1.debug.log("curation", "content", curation);
-    }, [curation === null || curation === void 0 ? void 0 : curation.id]);
+    }, [curation === null || curation === void 0 ? void 0 : curation.id, curation]);
     utility_1.debug.hook("ReactifySearchProvider", "context", contextValue);
     if (!contextValue) {
         if (props.renderBooting)
             return props.renderBooting();
         return null;
     }
-    return (react_1.default.createElement(hooks_1.ReactifySearchContext.Provider, { value: contextValue },
-        react_1.default.createElement(components_1.UtilityAuthenticatedReactiveBase, null, props.children)));
+    return ((0, jsx_runtime_1.jsx)(hooks_1.ReactifySearchContext.Provider, { value: contextValue, children: (0, jsx_runtime_1.jsx)(components_1.UtilityAuthenticatedReactiveBase, { children: props.children }) }));
 }
 //# sourceMappingURL=ReactifySearchProvider.js.map

package/dist/src/components/ReactifySearchProvider/ReactifySearchProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReactifySearchProvider.js","sourceRoot":"","sources":["../../../../src/components/ReactifySearchProvider/ReactifySearchProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkEA,wDAcC;AAhFD,+CAA0F;AAC1F,iCAAiC;AACjC,gDAAkC;AAElC,yEAAwC;AAExC,uCAA+D;AAC/D,iDAAoE;AACpE,2CAAsC;AAEtC,qDAAqD;AAwDrD,SAAgB,sBAAsB,CAAC,KAAqD;IAC1F,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,eAAK,CAAC,GAAG,CAAC,wBAAwB,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;QAEpD,MAAM,CAAC,OAAO,CAAC,cAAc,EAAE;YAC7B,aAAa,EAAE,KAAK;YACpB,eAAe,EAAE;gBACf,IAAI,EAAE,KAAK,CAAC,sBAAsB;gBAClC,OAAO,EAAE,sBAAG,CAAC,OAAO;aACrB;SACF,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,8BAAC,mBAAmB,oBAAK,KAAK,EAAI,CAAC;AAC5C,CAAC;AAED,SAAS,mBAAmB,CAAC,KAAqD;;IAChF,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,iBAAS,EAAC,KAAK,CAAC,sBAAsB,EAAE,MAAA,KAAK,CAAC,OAAO,0CAAE,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;IACvG,MAAM,KAAK,GAAG,MAAA,KAAK,CAAC,KAAK,mCAAI,EAAE,UAAU,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,CAAC;IAE5F,cAAc;IACd,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAS,EAAE,CAAC,CAAC;IACzD,MAAM,CAAC,wBAAwB,EAAE,2BAA2B,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IACzF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAS,EAAE,CAAC,CAAC;IACzD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAgB,IAAI,CAAC,CAAC;IACtE,MAAM,cAAc,GAAG,IAAA,eAAO,EAA6B,GAAG,EAAE;QAC9D,OAAO,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,CAAC,IAAI,CAC3B,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,KAAK,UAAU,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CACtF,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC;IAEpC,0CAA0C;IAC1C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;YAClC,MAAM,SAAS,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;YAC9D,MAAM,iBAAiB,GAAG,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;YAC7C,MAAM,iBAAiB,GAAG,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;YAChD,MAAM,iBAAiB,GAAG,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;YACjD,IAAI,iBAAiB,IAAI,iBAAiB,KAAK,UAAU;gBAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;YAC5F,IAAI,iBAAiB,IAAI,iBAAiB,KAAK,UAAU;gBAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;YAC5F,IAAI,iBAAiB;gBAAE,eAAe,CAAC,iBAAiB,CAAC,CAAC;QAC5D,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,UAAU;IACV,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAoC,EAAE,CAAC,CAAC;IAE9E,WAAW;IACX,MAAM,QAAQ,GAAG,IAAA,eAAO,EAA6B,GAAG,EAAE;QACxD,IAAI,CAAC,MAAM;YAAE,OAAO,SAAS,CAAC;QAC9B,OAAO,IAAA,sBAAW,EAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,CAAC;IAClF,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;IAEhC,eAAe;IACf,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,GAA4C,CAAC;IAE3F,MAAM,YAAY,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;;QAChC,IAAI,CAAC,MAAM;YAAE,OAAO;QAEpB,OAAO;YACL,MAAM,EAAE,MAAM;YACd,OAAO,kCACF,KAAK,KACR,QAAQ,EAAE,MAAA,KAAK,CAAC,QAAQ,mCAAI,OAAO,EACnC,KAAK,EAAE,MAAA,MAAA,KAAK,CAAC,KAAK,mCAAI,YAAY,mCAAI,MAAM,CAAC,KAAK,EAClD,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,OAAO,EAAE,MAAA,KAAK,CAAC,OAAO,mCAAI,KAAK,GAChC;YACD,MAAM,EAAE;gBACN,UAAU,EAAE,UAAU;gBACtB,aAAa,EAAE,aAAa;gBAC5B,wBAAwB,EAAE,wBAAwB;gBAClD,2BAA2B,EAAE,2BAA2B;gBACxD,cAAc,EAAE,cAAc;aAC/B;YACD,MAAM,EAAE;gBACN,UAAU,EAAE,UAAU;gBACtB,aAAa,EAAE,aAAa;aAC7B;YACD,OAAO,EAAE;gBACP,OAAO,EAAE,OAAO;gBAChB,UAAU,EAAE,UAAU;gBACtB,WAAW,EAAE,WAAW;gBACxB,cAAc,EAAE,cAAc;aAC/B;YACD,QAAQ,EAAE,QAAQ;SACnB,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,wBAAwB,EAAE,cAAc,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtH,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,eAAK,CAAC,GAAG,CAAC,UAAU,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC;IAC7C,CAAC,EAAE,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,EAAE,CAAC,CAAC,CAAC;IAEnB,eAAK,CAAC,IAAI,CAAC,wBAAwB,EAAE,SAAS,EAAE,YAAY,CAAC,CAAC;IAE9D,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,IAAI,KAAK,CAAC,aAAa;YAAE,OAAO,KAAK,CAAC,aAAa,EAAE,CAAC;QACtD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,8BAAC,6BAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY;QACjD,8BAAC,6CAAgC,QAAE,KAAK,CAAC,QAAQ,CAAoC,CACtD,CAClC,CAAC;AACJ,CAAC","sourcesContent":["import React, { PropsWithChildren, ReactNode, useEffect, useMemo, useState } from \"react\";\n// @ts-expect-error missing types\nimport * as GaGtag from \"ga-gtag\";\n\nimport pkg from \"../../../package.json\";\n\nimport { ReactifySearchContext, useConfig } from \"../../hooks\";\nimport { UtilityAuthenticatedReactiveBase } from \"../../components\";\nimport { debug } from \"../../utility\";\nimport { Config, ConfigCuration, ConfigRedirect, ReactivesearchResultProps } from \"../../types\";\nimport { getCuration } from \"../../utility/curation\";\n\nexport type ReactifySearchProviderProps = {\n  /** Standard react children */\n  children?: ReactNode | undefined;\n  /** The search area the provider will be used in */\n  mode: \"search\" | \"collection\" | \"instant-search\";\n  /** The variation of the search area the provider will be used in */\n  /** Shopify store domain used to resolve the site configuration */\n  shopifyPermanentDomain: string;\n  /** Market ID used to change merchandising based on market e.g. 7494533198 */\n  market?: string;\n  /** Callback function for redirects, suitable for headless sites to avoid full page refresh */\n  onRedirect?: (type: \"redirect\" | \"search\", url: string) => void;\n  /** Render method to display a component when the config is loading */\n  renderBooting?: () => JSX.Element | null;\n  /** Advanced usage: Override the default Reactify Search id (for telemetry) */\n  clientId?: string;\n  /** Advanced usage: Override the default Filters selection logic */\n  filtersHandle?: string;\n  /** Advanced usage: Array of additional component IDs managed outside of Reactify Search */\n  additionalComponentIds?: Array<string>;\n  /** Advanced usage: Override the default Elasticsearch index */\n  index?: string;\n  /** Advanced usage: Override the default Reactify Search config (for multi-instance stores) */\n  configId?: string;\n  /** Advanced usage: Override the default Elasticsearch credentials */\n  credentials?: string;\n  /** Advanced usage: Override the default ReactiveBase theme */\n  theme?: Record<string, unknown>;\n  /** Advanced usage: Fields to include in the Elasticsearch response e.g. [\"title\"] */\n  includeFields?: Array<string>;\n  /** Advanced usage: Fields to exclude from the Elasticsearch response e.g. [\"variant_skus\", \"*price*\"] */\n  excludeFields?: Array<string>;\n  /** Advanced usage: Server content for SSR */\n  query?: Record<string, string>;\n  /** Advanced usage: Override the default config base URL for local testing */\n  configBaseUrl?: string;\n  /** Development mode: enables score breakdown features (default: false) */\n  devMode?: boolean;\n  preload?: {\n    config: Config;\n    state: unknown;\n  };\n} & (\n  | {\n      mode: \"search\";\n    }\n  | {\n      mode: \"collection\";\n      /** Collection object that includes the handle, used to find curations */\n      collectionHandle: string;\n    }\n  | { mode: \"instant-search\" }\n);\n\nexport function ReactifySearchProvider(props: PropsWithChildren<ReactifySearchProviderProps>) {\n  useEffect(() => {\n    debug.log(\"ReactifySearchProvider\", \"props\", props);\n\n    GaGtag.install(\"G-DV00Z0X5VP\", {\n      cookie_prefix: \"_rs\",\n      user_properties: {\n        shop: props.shopifyPermanentDomain,\n        version: pkg.version,\n      },\n    });\n  }, [props]);\n\n  return <ReactifySearchInner {...props} />;\n}\n\nfunction ReactifySearchInner(props: PropsWithChildren<ReactifySearchProviderProps>) {\n  const { config } = useConfig(props.shopifyPermanentDomain, props.preload?.config, props.configBaseUrl);\n  const theme = props.theme ?? { typography: { fontFamily: \"inherit\", fontSize: \"inherit\" } };\n\n  // search term\n  const [searchTerm, setSearchTerm] = useState<string>(\"\");\n  const [showInstantSearchResults, setShowInstantSearchResults] = useState<boolean>(false);\n  const [sortOption, setSortOption] = useState<string>(\"\");\n  const [indexFromURL, setIndexFromURL] = useState<string | null>(null);\n  const searchRedirect = useMemo<ConfigRedirect | undefined>(() => {\n    return config?.redirects.find(\n      (redirect) => redirect.query.trim().toLowerCase() === searchTerm.trim().toLowerCase()\n    );\n  }, [config?.redirects, searchTerm]);\n\n  // hydration-safe URL param initialization\n  useEffect(() => {\n    if (typeof window !== \"undefined\") {\n      const urlParams = new URLSearchParams(window.location.search);\n      const searchTermFromURL = urlParams.get(\"q\");\n      const searchSortFromURL = urlParams.get(\"sort\");\n      const indexFromURLParam = urlParams.get(\"index\");\n      if (searchTermFromURL && searchTermFromURL !== searchTerm) setSearchTerm(searchTermFromURL);\n      if (searchSortFromURL && searchSortFromURL !== sortOption) setSortOption(searchSortFromURL);\n      if (indexFromURLParam) setIndexFromURL(indexFromURLParam);\n    }\n  }, []);\n\n  // results\n  const [results, setResults] = useState<ReactivesearchResultProps[\"data\"]>([]);\n\n  // curation\n  const curation = useMemo<ConfigCuration | undefined>(() => {\n    if (!config) return undefined;\n    return getCuration({ provider: props, config: config, searchTerm: searchTerm });\n  }, [props, config, searchTerm]);\n\n  // result stats\n  const [resultStats, setResultStats] = useState<ReactivesearchResultProps[\"resultStats\"]>();\n\n  const contextValue = useMemo(() => {\n    if (!config) return;\n\n    return {\n      config: config,\n      options: {\n        ...props,\n        clientId: props.clientId ?? \"theme\",\n        index: props.index ?? indexFromURL ?? config.index,\n        filtersHandle: props.filtersHandle,\n        credentials: props.credentials,\n        theme: theme,\n        configBaseUrl: props.configBaseUrl,\n        devMode: props.devMode ?? false,\n      },\n      search: {\n        searchTerm: searchTerm,\n        setSearchTerm: setSearchTerm,\n        showInstantSearchResults: showInstantSearchResults,\n        setShowInstantSearchResults: setShowInstantSearchResults,\n        searchRedirect: searchRedirect,\n      },\n      sortby: {\n        sortOption: sortOption,\n        setSortOption: setSortOption,\n      },\n      results: {\n        results: results,\n        setResults: setResults,\n        resultStats: resultStats,\n        setResultStats: setResultStats,\n      },\n      curation: curation,\n    };\n  }, [config, props, searchTerm, showInstantSearchResults, searchRedirect, sortOption, results, resultStats, curation]);\n\n  useEffect(() => {\n    debug.log(\"curation\", \"content\", curation);\n  }, [curation?.id]);\n\n  debug.hook(\"ReactifySearchProvider\", \"context\", contextValue);\n\n  if (!contextValue) {\n    if (props.renderBooting) return props.renderBooting();\n    return null;\n  }\n\n  return (\n    <ReactifySearchContext.Provider value={contextValue}>\n      <UtilityAuthenticatedReactiveBase>{props.children}</UtilityAuthenticatedReactiveBase>\n    </ReactifySearchContext.Provider>\n  );\n}\n"]}
+{"version":3,"file":"ReactifySearchProvider.js","sourceRoot":"","sources":["../../../../src/components/ReactifySearchProvider/ReactifySearchProvider.tsx"],"names":[],"mappings":"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","sourcesContent":["import { type PropsWithChildren, type ReactNode, useEffect, useMemo, useState } from \"react\";\n// @ts-expect-error missing types\nimport * as GaGtag from \"ga-gtag\";\nimport pkg from \"../../../package.json\";\nimport { UtilityAuthenticatedReactiveBase } from \"../../components\";\nimport { ReactifySearchContext, useConfig } from \"../../hooks\";\nimport type { Config, ConfigCuration, ConfigRedirect, ReactivesearchResultProps } from \"../../types\";\nimport { debug } from \"../../utility\";\nimport { getCuration } from \"../../utility/curation\";\n\nexport type ReactifySearchProviderProps = {\n  /** Standard react children */\n  children?: ReactNode | undefined;\n  /** The search area the provider will be used in */\n  mode: \"search\" | \"collection\" | \"instant-search\";\n  /** The variation of the search area the provider will be used in */\n  /** Shopify store domain used to resolve the site configuration */\n  shopifyPermanentDomain: string;\n  /** Market ID used to change merchandising based on market e.g. 7494533198 */\n  market?: string;\n  /** Callback function for redirects, suitable for headless sites to avoid full page refresh */\n  onRedirect?: (type: \"redirect\" | \"search\", url: string) => void;\n  /** Render method to display a component when the config is loading */\n  renderBooting?: () => JSX.Element | null;\n  /** Advanced usage: Override the default Reactify Search id (for telemetry) */\n  clientId?: string;\n  /** Advanced usage: Override the default Filters selection logic */\n  filtersHandle?: string;\n  /** Advanced usage: Array of additional component IDs managed outside of Reactify Search */\n  additionalComponentIds?: Array<string>;\n  /** Advanced usage: Override the default Elasticsearch index */\n  index?: string;\n  /** Advanced usage: Override the default Reactify Search config (for multi-instance stores) */\n  configId?: string;\n  /** Advanced usage: Override the default Elasticsearch credentials */\n  credentials?: string;\n  /** Advanced usage: Override the default ReactiveBase theme */\n  theme?: Record<string, unknown>;\n  /** Advanced usage: Fields to include in the Elasticsearch response e.g. [\"title\"] */\n  includeFields?: Array<string>;\n  /** Advanced usage: Fields to exclude from the Elasticsearch response e.g. [\"variant_skus\", \"*price*\"] */\n  excludeFields?: Array<string>;\n  /** Advanced usage: Server content for SSR */\n  query?: Record<string, string>;\n  /** Advanced usage: Override the default config base URL for local testing */\n  configBaseUrl?: string;\n  /** Development mode: enables score breakdown features (default: false) */\n  devMode?: boolean;\n  preload?: {\n    config: Config;\n    state: unknown;\n  };\n} & (\n  | {\n      mode: \"search\";\n    }\n  | {\n      mode: \"collection\";\n      /** Collection object that includes the handle, used to find curations */\n      collectionHandle: string;\n    }\n  | { mode: \"instant-search\" }\n);\n\nexport function ReactifySearchProvider(props: PropsWithChildren<ReactifySearchProviderProps>) {\n  useEffect(() => {\n    debug.log(\"ReactifySearchProvider\", \"props\", props);\n\n    GaGtag.install(\"G-DV00Z0X5VP\", {\n      cookie_prefix: \"_rs\",\n      user_properties: {\n        shop: props.shopifyPermanentDomain,\n        version: pkg.version,\n      },\n    });\n  }, [props]);\n\n  return <ReactifySearchInner {...props} />;\n}\n\nfunction ReactifySearchInner(props: PropsWithChildren<ReactifySearchProviderProps>) {\n  const { config } = useConfig(props.shopifyPermanentDomain, props.preload?.config, props.configBaseUrl);\n  const theme = props.theme ?? { typography: { fontFamily: \"inherit\", fontSize: \"inherit\" } };\n\n  // search term\n  const [searchTerm, setSearchTerm] = useState<string>(\"\");\n  const [showInstantSearchResults, setShowInstantSearchResults] = useState<boolean>(false);\n  const [sortOption, setSortOption] = useState<string>(\"\");\n  const [indexFromURL, setIndexFromURL] = useState<string | null>(null);\n  const searchRedirect = useMemo<ConfigRedirect | undefined>(() => {\n    return config?.redirects.find(\n      (redirect) => redirect.query.trim().toLowerCase() === searchTerm.trim().toLowerCase()\n    );\n  }, [config?.redirects, searchTerm]);\n\n  // hydration-safe URL param initialization\n  useEffect(() => {\n    if (typeof window !== \"undefined\") {\n      const urlParams = new URLSearchParams(window.location.search);\n      const searchTermFromURL = urlParams.get(\"q\");\n      const searchSortFromURL = urlParams.get(\"sort\");\n      const indexFromURLParam = urlParams.get(\"index\");\n      if (searchTermFromURL && searchTermFromURL !== searchTerm) setSearchTerm(searchTermFromURL);\n      if (searchSortFromURL && searchSortFromURL !== sortOption) setSortOption(searchSortFromURL);\n      if (indexFromURLParam) setIndexFromURL(indexFromURLParam);\n    }\n  }, [searchTerm, sortOption]);\n\n  // results\n  const [results, setResults] = useState<ReactivesearchResultProps[\"data\"]>([]);\n\n  // curation\n  const curation = useMemo<ConfigCuration | undefined>(() => {\n    if (!config) return undefined;\n    return getCuration({ provider: props, config: config, searchTerm: searchTerm });\n  }, [props, config, searchTerm]);\n\n  // result stats\n  const [resultStats, setResultStats] = useState<ReactivesearchResultProps[\"resultStats\"]>();\n\n  const contextValue = useMemo(() => {\n    if (!config) return;\n\n    return {\n      config: config,\n      options: {\n        ...props,\n        clientId: props.clientId ?? \"theme\",\n        index: props.index ?? indexFromURL ?? config.index,\n        filtersHandle: props.filtersHandle,\n        credentials: props.credentials,\n        theme: theme,\n        configBaseUrl: props.configBaseUrl,\n        devMode: props.devMode ?? false,\n      },\n      search: {\n        searchTerm: searchTerm,\n        setSearchTerm: setSearchTerm,\n        showInstantSearchResults: showInstantSearchResults,\n        setShowInstantSearchResults: setShowInstantSearchResults,\n        searchRedirect: searchRedirect,\n      },\n      sortby: {\n        sortOption: sortOption,\n        setSortOption: setSortOption,\n      },\n      results: {\n        results: results,\n        setResults: setResults,\n        resultStats: resultStats,\n        setResultStats: setResultStats,\n      },\n      curation: curation,\n    };\n  }, [\n    config,\n    props,\n    searchTerm,\n    showInstantSearchResults,\n    searchRedirect,\n    sortOption,\n    results,\n    resultStats,\n    curation,\n    indexFromURL,\n    theme,\n  ]);\n\n  useEffect(() => {\n    debug.log(\"curation\", \"content\", curation);\n  }, [curation?.id, curation]);\n\n  debug.hook(\"ReactifySearchProvider\", \"context\", contextValue);\n\n  if (!contextValue) {\n    if (props.renderBooting) return props.renderBooting();\n    return null;\n  }\n\n  return (\n    <ReactifySearchContext.Provider value={contextValue}>\n      <UtilityAuthenticatedReactiveBase>{props.children}</UtilityAuthenticatedReactiveBase>\n    </ReactifySearchContext.Provider>\n  );\n}\n"]}

package/dist/src/components/Result/ResultCardCallout.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { ElasticCallout } from "../../types";
-import { ResultsProps } from "..";
+import type { ElasticCallout } from "../../types";
+import { type ResultsProps } from "..";
 export type ResultCardCalloutProps = {
     pagePosition: number;
     document: ElasticCallout;

package/dist/src/components/Result/ResultCardCallout.js

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ResultCardCallout = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importDefault(require("react"));
 const react_intersection_observer_1 = require("react-intersection-observer");
 const hooks_1 = require("../../hooks");
@@ -39,9 +40,9 @@ const ResultCardCallout = (props) => {
             (_a = props.onView) === null || _a === void 0 ? void 0 : _a.call(props);
             handleView();
         }
-    }, [inView]);
+    }, [inView, handleView, props.onView]);
     const RenderComponent = (_a = props.render) !== null && _a !== void 0 ? _a : __1.ExampleResultCardCallout;
-    return react_1.default.createElement(RenderComponent, Object.assign({}, props, { itemRef: ref, handleClick: handleClick }));
+    return (0, jsx_runtime_1.jsx)(RenderComponent, Object.assign({}, props, { handleClick: handleClick, itemRef: ref }));
 };
 exports.ResultCardCallout = ResultCardCallout;
 //# sourceMappingURL=ResultCardCallout.js.map

package/dist/src/components/Result/ResultCardCallout.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResultCardCallout.js","sourceRoot":"","sources":["../../../../src/components/Result/ResultCardCallout.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,6EAAwD;AAGxD,uCAA2C;AAC3C,0BAA4D;AAUrD,MAAM,iBAAiB,GAAqC,CAAC,KAAK,EAAE,EAAE;;IAC3E,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IACjC,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,IAAA,uCAAS,EAAC;QAChC,SAAS,EAAE,GAAG;QACd,WAAW,EAAE,IAAI;KAClB,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,eAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACzC,KAAK,CAAC;YACJ,SAAS,EAAE,gBAAgB;YAC3B,OAAO,EAAE;gBACP,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;gBACxB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK;aAC3B;SACF,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAE3B,MAAM,UAAU,GAAG,eAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACxC,KAAK,CAAC;YACJ,SAAS,EAAE,eAAe;YAC1B,OAAO,EAAE;gBACP,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;gBACxB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK;aAC3B;SACF,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAE3B,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;;QACnB,IAAI,MAAM,EAAE,CAAC;YACX,MAAA,KAAK,CAAC,MAAM,qDAAI,CAAC;YACjB,UAAU,EAAE,CAAC;QACf,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,eAAe,GAAG,MAAA,KAAK,CAAC,MAAM,mCAAI,4BAAwB,CAAC;IAEjE,OAAO,8BAAC,eAAe,oBAAK,KAAK,IAAE,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE,WAAW,IAAI,CAAC;AAChF,CAAC,CAAC;AArCW,QAAA,iBAAiB,qBAqC5B","sourcesContent":["import React from \"react\";\nimport { useInView } from \"react-intersection-observer\";\n\nimport { ElasticCallout } from \"../../types\";\nimport { useAnalytics } from \"../../hooks\";\nimport { ResultsProps, ExampleResultCardCallout } from \"..\";\n\nexport type ResultCardCalloutProps = {\n  pagePosition: number;\n  document: ElasticCallout;\n  callout: ElasticCallout[\"callout\"];\n  render?: ResultsProps[\"renderResultCardCallout\"];\n  onView?: () => void;\n};\n\nexport const ResultCardCallout: React.FC<ResultCardCalloutProps> = (props) => {\n  const { track } = useAnalytics();\n  const { ref, inView } = useInView({\n    threshold: 0.5,\n    triggerOnce: true,\n  });\n\n  const handleClick = React.useCallback(() => {\n    track({\n      eventName: \"clickPromotion\",\n      payload: {\n        link: props.callout.link,\n        title: props.callout.title,\n      },\n    });\n  }, [track, props.callout]);\n\n  const handleView = React.useCallback(() => {\n    track({\n      eventName: \"viewPromotion\",\n      payload: {\n        link: props.callout.link,\n        title: props.callout.title,\n      },\n    });\n  }, [track, props.callout]);\n\n  React.useEffect(() => {\n    if (inView) {\n      props.onView?.();\n      handleView();\n    }\n  }, [inView]);\n\n  const RenderComponent = props.render ?? ExampleResultCardCallout;\n\n  return <RenderComponent {...props} itemRef={ref} handleClick={handleClick} />;\n};\n"]}
+{"version":3,"file":"ResultCardCallout.js","sourceRoot":"","sources":["../../../../src/components/Result/ResultCardCallout.tsx"],"names":[],"mappings":";;;;;;;AAAA,kDAA0B;AAC1B,6EAAwD;AACxD,uCAA2C;AAE3C,0BAAiE;AAU1D,MAAM,iBAAiB,GAAqC,CAAC,KAAK,EAAE,EAAE;;IAC3E,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IACjC,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,IAAA,uCAAS,EAAC;QAChC,SAAS,EAAE,GAAG;QACd,WAAW,EAAE,IAAI;KAClB,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,eAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACzC,KAAK,CAAC;YACJ,SAAS,EAAE,gBAAgB;YAC3B,OAAO,EAAE;gBACP,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;gBACxB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK;aAC3B;SACF,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAE3B,MAAM,UAAU,GAAG,eAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACxC,KAAK,CAAC;YACJ,SAAS,EAAE,eAAe;YAC1B,OAAO,EAAE;gBACP,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;gBACxB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK;aAC3B;SACF,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAE3B,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;;QACnB,IAAI,MAAM,EAAE,CAAC;YACX,MAAA,KAAK,CAAC,MAAM,qDAAI,CAAC;YACjB,UAAU,EAAE,CAAC;QACf,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IAEvC,MAAM,eAAe,GAAG,MAAA,KAAK,CAAC,MAAM,mCAAI,4BAAwB,CAAC;IAEjE,OAAO,uBAAC,eAAe,oBAAK,KAAK,IAAE,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;AAChF,CAAC,CAAC;AArCW,QAAA,iBAAiB,qBAqC5B","sourcesContent":["import React from \"react\";\nimport { useInView } from \"react-intersection-observer\";\nimport { useAnalytics } from \"../../hooks\";\nimport type { ElasticCallout } from \"../../types\";\nimport { ExampleResultCardCallout, type ResultsProps } from \"..\";\n\nexport type ResultCardCalloutProps = {\n  pagePosition: number;\n  document: ElasticCallout;\n  callout: ElasticCallout[\"callout\"];\n  render?: ResultsProps[\"renderResultCardCallout\"];\n  onView?: () => void;\n};\n\nexport const ResultCardCallout: React.FC<ResultCardCalloutProps> = (props) => {\n  const { track } = useAnalytics();\n  const { ref, inView } = useInView({\n    threshold: 0.5,\n    triggerOnce: true,\n  });\n\n  const handleClick = React.useCallback(() => {\n    track({\n      eventName: \"clickPromotion\",\n      payload: {\n        link: props.callout.link,\n        title: props.callout.title,\n      },\n    });\n  }, [track, props.callout]);\n\n  const handleView = React.useCallback(() => {\n    track({\n      eventName: \"viewPromotion\",\n      payload: {\n        link: props.callout.link,\n        title: props.callout.title,\n      },\n    });\n  }, [track, props.callout]);\n\n  React.useEffect(() => {\n    if (inView) {\n      props.onView?.();\n      handleView();\n    }\n  }, [inView, handleView, props.onView]);\n\n  const RenderComponent = props.render ?? ExampleResultCardCallout;\n\n  return <RenderComponent {...props} handleClick={handleClick} itemRef={ref} />;\n};\n"]}

package/dist/src/components/Result/ResultCardProduct.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
+import { type ResultsProps } from "../../components";
 import type { ElasticProduct } from "../../types";
-import { ResultsProps } from "../../components";
 export type ResultCardProductProps = {
     pagePosition: number;
     product: ElasticProduct;

package/dist/src/components/Result/ResultCardProduct.js

@@ -4,10 +4,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ResultCardProduct = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importDefault(require("react"));
 const react_intersection_observer_1 = require("react-intersection-observer");
-const hooks_1 = require("../../hooks");
 const components_1 = require("../../components");
+const hooks_1 = require("../../hooks");
 const ResultCardProduct = (props) => {
     var _a;
     const productPrice = (0, hooks_1.useProductPrice)(props.product);
@@ -44,9 +45,9 @@ const ResultCardProduct = (props) => {
             (_a = props.onView) === null || _a === void 0 ? void 0 : _a.call(props);
             handleView();
         }
-    }, [inView]);
+    }, [inView, handleView, props.onView]);
     const RenderComponent = (_a = props.render) !== null && _a !== void 0 ? _a : components_1.ExampleResultCardProduct;
-    return (react_1.default.createElement(RenderComponent, Object.assign({}, productPrice, { pagePosition: props.pagePosition, product: props.product, document: props.document, itemRef: ref, handleClick: handleClick })));
+    return ((0, jsx_runtime_1.jsx)(RenderComponent, Object.assign({}, productPrice, { document: props.document, handleClick: handleClick, itemRef: ref, pagePosition: props.pagePosition, product: props.product })));
 };
 exports.ResultCardProduct = ResultCardProduct;
 //# sourceMappingURL=ResultCardProduct.js.map

package/dist/src/components/Result/ResultCardProduct.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResultCardProduct.js","sourceRoot":"","sources":["../../../../src/components/Result/ResultCardProduct.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,6EAAwD;AAGxD,uCAA4D;AAC5D,iDAA0E;AAUnE,MAAM,iBAAiB,GAAqC,CAAC,KAAK,EAAE,EAAE;;IAC3E,MAAM,YAAY,GAAG,IAAA,uBAAe,EAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAEpD,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IACjC,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,IAAA,uCAAS,EAAC;QAChC,SAAS,EAAE,GAAG;QACd,WAAW,EAAE,IAAI;KAClB,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,eAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACzC,KAAK,CAAC;YACJ,SAAS,EAAE,cAAc;YACzB,OAAO,EAAE;gBACP,cAAc,EAAE;oBACd,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;oBACpB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK;iBAC3B;aACF;SACF,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAE3B,MAAM,UAAU,GAAG,eAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACxC,KAAK,CAAC;YACJ,SAAS,EAAE,aAAa;YACxB,OAAO,EAAE;gBACP,cAAc,EAAE;oBACd,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;oBACpB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK;iBAC3B;aACF;SACF,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAE3B,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;;QACnB,IAAI,MAAM,EAAE,CAAC;YACX,MAAA,KAAK,CAAC,MAAM,qDAAI,CAAC;YACjB,UAAU,EAAE,CAAC;QACf,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,eAAe,GAAG,MAAA,KAAK,CAAC,MAAM,mCAAI,qCAAwB,CAAC;IAEjE,OAAO,CACL,8BAAC,eAAe,oBACV,YAAY,IAChB,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,OAAO,EAAE,GAAG,EACZ,WAAW,EAAE,WAAW,IACxB,CACH,CAAC;AACJ,CAAC,CAAC;AApDW,QAAA,iBAAiB,qBAoD5B","sourcesContent":["import React from \"react\";\nimport { useInView } from \"react-intersection-observer\";\n\nimport type { ElasticProduct } from \"../../types\";\nimport { useProductPrice, useAnalytics } from \"../../hooks\";\nimport { ResultsProps, ExampleResultCardProduct } from \"../../components\";\n\nexport type ResultCardProductProps = {\n  pagePosition: number;\n  product: ElasticProduct;\n  document: ElasticProduct;\n  render?: ResultsProps[\"renderResultCardProduct\"];\n  onView?: () => void;\n};\n\nexport const ResultCardProduct: React.FC<ResultCardProductProps> = (props) => {\n  const productPrice = useProductPrice(props.product);\n\n  const { track } = useAnalytics();\n  const { ref, inView } = useInView({\n    threshold: 0.5,\n    triggerOnce: true,\n  });\n\n  const handleClick = React.useCallback(() => {\n    track({\n      eventName: \"clickProduct\",\n      payload: {\n        elasticProduct: {\n          id: props.product.id,\n          title: props.product.title,\n        },\n      },\n    });\n  }, [track, props.product]);\n\n  const handleView = React.useCallback(() => {\n    track({\n      eventName: \"viewProduct\",\n      payload: {\n        elasticProduct: {\n          id: props.product.id,\n          title: props.product.title,\n        },\n      },\n    });\n  }, [track, props.product]);\n\n  React.useEffect(() => {\n    if (inView) {\n      props.onView?.();\n      handleView();\n    }\n  }, [inView]);\n\n  const RenderComponent = props.render ?? ExampleResultCardProduct;\n\n  return (\n    <RenderComponent\n      {...productPrice}\n      pagePosition={props.pagePosition}\n      product={props.product}\n      document={props.document}\n      itemRef={ref}\n      handleClick={handleClick}\n    />\n  );\n};\n"]}
+{"version":3,"file":"ResultCardProduct.js","sourceRoot":"","sources":["../../../../src/components/Result/ResultCardProduct.tsx"],"names":[],"mappings":";;;;;;;AAAA,kDAA0B;AAC1B,6EAAwD;AACxD,iDAA+E;AAC/E,uCAA4D;AAWrD,MAAM,iBAAiB,GAAqC,CAAC,KAAK,EAAE,EAAE;;IAC3E,MAAM,YAAY,GAAG,IAAA,uBAAe,EAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAEpD,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IACjC,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,IAAA,uCAAS,EAAC;QAChC,SAAS,EAAE,GAAG;QACd,WAAW,EAAE,IAAI;KAClB,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,eAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACzC,KAAK,CAAC;YACJ,SAAS,EAAE,cAAc;YACzB,OAAO,EAAE;gBACP,cAAc,EAAE;oBACd,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;oBACpB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK;iBAC3B;aACF;SACF,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAE3B,MAAM,UAAU,GAAG,eAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACxC,KAAK,CAAC;YACJ,SAAS,EAAE,aAAa;YACxB,OAAO,EAAE;gBACP,cAAc,EAAE;oBACd,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;oBACpB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK;iBAC3B;aACF;SACF,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAE3B,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;;QACnB,IAAI,MAAM,EAAE,CAAC;YACX,MAAA,KAAK,CAAC,MAAM,qDAAI,CAAC;YACjB,UAAU,EAAE,CAAC;QACf,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IAEvC,MAAM,eAAe,GAAG,MAAA,KAAK,CAAC,MAAM,mCAAI,qCAAwB,CAAC;IAEjE,OAAO,CACL,uBAAC,eAAe,oBACV,YAAY,IAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,GAAG,EACZ,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,OAAO,EAAE,KAAK,CAAC,OAAO,IACtB,CACH,CAAC;AACJ,CAAC,CAAC;AApDW,QAAA,iBAAiB,qBAoD5B","sourcesContent":["import React from \"react\";\nimport { useInView } from \"react-intersection-observer\";\nimport { ExampleResultCardProduct, type ResultsProps } from \"../../components\";\nimport { useAnalytics, useProductPrice } from \"../../hooks\";\nimport type { ElasticProduct } from \"../../types\";\n\nexport type ResultCardProductProps = {\n  pagePosition: number;\n  product: ElasticProduct;\n  document: ElasticProduct;\n  render?: ResultsProps[\"renderResultCardProduct\"];\n  onView?: () => void;\n};\n\nexport const ResultCardProduct: React.FC<ResultCardProductProps> = (props) => {\n  const productPrice = useProductPrice(props.product);\n\n  const { track } = useAnalytics();\n  const { ref, inView } = useInView({\n    threshold: 0.5,\n    triggerOnce: true,\n  });\n\n  const handleClick = React.useCallback(() => {\n    track({\n      eventName: \"clickProduct\",\n      payload: {\n        elasticProduct: {\n          id: props.product.id,\n          title: props.product.title,\n        },\n      },\n    });\n  }, [track, props.product]);\n\n  const handleView = React.useCallback(() => {\n    track({\n      eventName: \"viewProduct\",\n      payload: {\n        elasticProduct: {\n          id: props.product.id,\n          title: props.product.title,\n        },\n      },\n    });\n  }, [track, props.product]);\n\n  React.useEffect(() => {\n    if (inView) {\n      props.onView?.();\n      handleView();\n    }\n  }, [inView, handleView, props.onView]);\n\n  const RenderComponent = props.render ?? ExampleResultCardProduct;\n\n  return (\n    <RenderComponent\n      {...productPrice}\n      document={props.document}\n      handleClick={handleClick}\n      itemRef={ref}\n      pagePosition={props.pagePosition}\n      product={props.product}\n    />\n  );\n};\n"]}