@usereactify/search 5.26.0 → 5.26.1

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

@@ -8,5 +8,4 @@ export * from "./Search";
 export * from "./Sensor";
 export * from "./SortBy";
 export * from "./Stats";
-export * from "./Suggestions";
 export * from "./Utility";

package/dist/src/components/index.js

@@ -20,6 +20,5 @@ __exportStar(require("./Search"), exports);
 __exportStar(require("./Sensor"), exports);
 __exportStar(require("./SortBy"), exports);
 __exportStar(require("./Stats"), exports);
-__exportStar(require("./Suggestions"), exports);
 __exportStar(require("./Utility"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,4CAA0B;AAC1B,oDAAkC;AAClC,6CAA2B;AAC3B,2CAAyB;AACzB,2DAAyC;AACzC,2CAAyB;AACzB,2CAAyB;AACzB,2CAAyB;AACzB,2CAAyB;AACzB,0CAAwB;AACxB,gDAA8B;AAC9B,4CAA0B","sourcesContent":["export * from \"./Example\";\nexport * from \"./CustomComponent\";\nexport * from \"./ClearAll\";\nexport * from \"./Filter\";\nexport * from \"./ReactifySearchProvider\";\nexport * from \"./Result\";\nexport * from \"./Search\";\nexport * from \"./Sensor\";\nexport * from \"./SortBy\";\nexport * from \"./Stats\";\nexport * from \"./Suggestions\";\nexport * from \"./Utility\";\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,4CAA0B;AAC1B,oDAAkC;AAClC,6CAA2B;AAC3B,2CAAyB;AACzB,2DAAyC;AACzC,2CAAyB;AACzB,2CAAyB;AACzB,2CAAyB;AACzB,2CAAyB;AACzB,0CAAwB;AACxB,4CAA0B","sourcesContent":["export * from \"./Example\";\nexport * from \"./CustomComponent\";\nexport * from \"./ClearAll\";\nexport * from \"./Filter\";\nexport * from \"./ReactifySearchProvider\";\nexport * from \"./Result\";\nexport * from \"./Search\";\nexport * from \"./Sensor\";\nexport * from \"./SortBy\";\nexport * from \"./Stats\";\nexport * from \"./Utility\";\n"]}

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

@@ -14,6 +14,3 @@ export * from "./useFilterSliderProps";
 export * from "./useFilterCollapsedState";
 export * from "./useConfig";
 export * from "./useReactifySearchContext";
-export * from "./useResults";
-export * from "./useFlags";
-export * from "./useIndices";

package/dist/src/hooks/index.js

@@ -26,7 +26,4 @@ __exportStar(require("./useFilterSliderProps"), exports);
 __exportStar(require("./useFilterCollapsedState"), exports);
 __exportStar(require("./useConfig"), exports);
 __exportStar(require("./useReactifySearchContext"), exports);
-__exportStar(require("./useResults"), exports);
-__exportStar(require("./useFlags"), exports);
-__exportStar(require("./useIndices"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,mDAAiC;AAEjC,gDAA8B;AAC9B,8CAA4B;AAC5B,kDAAgC;AAChC,0DAAwC;AACxC,8CAA4B;AAC5B,gDAA8B;AAC9B,iDAA+B;AAC/B,+CAA6B;AAC7B,oDAAkC;AAClC,uDAAqC;AACrC,wDAAsC;AACtC,yDAAuC;AACvC,4DAA0C;AAC1C,8CAA4B;AAC5B,6DAA2C;AAC3C,+CAA6B;AAC7B,6CAA2B;AAC3B,+CAA6B","sourcesContent":["export * from \"./reactivesearch\";\n\nexport * from \"./useDebugger\";\nexport * from \"./useSortBy\";\nexport * from \"./usePagination\";\nexport * from \"./usePaginationLoadable\";\nexport * from \"./useSearch\";\nexport * from \"./useCuration\";\nexport * from \"./useAnalytics\";\nexport * from \"./useFilters\";\nexport * from \"./useProductPrice\";\nexport * from \"./useFilterListProps\";\nexport * from \"./useFilterRangeProps\";\nexport * from \"./useFilterSliderProps\";\nexport * from \"./useFilterCollapsedState\";\nexport * from \"./useConfig\";\nexport * from \"./useReactifySearchContext\";\nexport * from \"./useResults\";\nexport * from \"./useFlags\";\nexport * from \"./useIndices\";\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,mDAAiC;AAEjC,gDAA8B;AAC9B,8CAA4B;AAC5B,kDAAgC;AAChC,0DAAwC;AACxC,8CAA4B;AAC5B,gDAA8B;AAC9B,iDAA+B;AAC/B,+CAA6B;AAC7B,oDAAkC;AAClC,uDAAqC;AACrC,wDAAsC;AACtC,yDAAuC;AACvC,4DAA0C;AAC1C,8CAA4B;AAC5B,6DAA2C","sourcesContent":["export * from \"./reactivesearch\";\n\nexport * from \"./useDebugger\";\nexport * from \"./useSortBy\";\nexport * from \"./usePagination\";\nexport * from \"./usePaginationLoadable\";\nexport * from \"./useSearch\";\nexport * from \"./useCuration\";\nexport * from \"./useAnalytics\";\nexport * from \"./useFilters\";\nexport * from \"./useProductPrice\";\nexport * from \"./useFilterListProps\";\nexport * from \"./useFilterRangeProps\";\nexport * from \"./useFilterSliderProps\";\nexport * from \"./useFilterCollapsedState\";\nexport * from \"./useConfig\";\nexport * from \"./useReactifySearchContext\";\n"]}

package/dist/src/hooks/reactivesearch/useReactiveBaseProps.d.ts

@@ -1,2 +1,7 @@
-import { ReactiveBaseProps } from "@appbaseio/reactivesearch/lib/components/basic/ReactiveBase";
-export declare const useReactiveBaseProps: () => ReactiveBaseProps;
+export declare const useReactiveBaseProps: () => {
+    app: string;
+    url: string;
+    credentials: string;
+    theme: Record<string, unknown>;
+    transformResponse: (response: any) => Promise<any>;
+};

package/dist/src/hooks/reactivesearch/useReactiveBaseProps.js

@@ -15,13 +15,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useReactiveBaseProps = void 0;
 const react_1 = __importDefault(require("react"));
 const hooks_1 = require("../../hooks");
-const package_json_1 = __importDefault(require("../../../package.json"));
 const useReactiveBaseProps = () => {
     const { options } = (0, hooks_1.useReactifySearchContext)();
     const reactiveBaseProps = react_1.default.useMemo(() => ({
         app: options.index,
-        url: options.endpoint,
-        credentials: options.credentials,
+        url: options.credentials.endpoint,
+        credentials: `${options.credentials.username}:${options.credentials.password}`,
         theme: options.theme,
         transformResponse: (response) => __awaiter(void 0, void 0, void 0, function* () {
             var _a, _b, _c, _d;
@@ -39,13 +38,7 @@ const useReactiveBaseProps = () => {
             }
             return response;
         }),
-        headers: {
-            "x-reactify-shop": options.shopifyPermanentDomain,
-            "x-reactify-mode": options.mode,
-            "x-reactify-client-id": options.clientId,
-            "x-reactify-client-version": package_json_1.default.version,
-        },
-    }), [options.index, options.endpoint, options.credentials, options.theme]);
+    }), [options.credentials, options.theme]);
     return reactiveBaseProps;
 };
 exports.useReactiveBaseProps = useReactiveBaseProps;

package/dist/src/hooks/reactivesearch/useReactiveBaseProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useReactiveBaseProps.js","sourceRoot":"","sources":["../../../../src/hooks/reactivesearch/useReactiveBaseProps.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,kDAA0B;AAG1B,uCAAuD;AAEvD,yEAAwC;AAEjC,MAAM,oBAAoB,GAAG,GAAsB,EAAE;IAC1D,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,gCAAwB,GAAE,CAAC;IAE/C,MAAM,iBAAiB,GAAG,eAAK,CAAC,OAAO,CACrC,GAAG,EAAE,CAAC,CAAC;QACL,GAAG,EAAE,OAAO,CAAC,KAAK;QAClB,GAAG,EAAE,OAAO,CAAC,QAAQ;QACrB,WAAW,EAAE,OAAO,CAAC,WAAW;QAChC,KAAK,EAAE,OAAO,CAAC,KAAK;QACpB,iBAAiB,EAAE,CAAO,QAAa,EAAE,EAAE;;YACzC,+EAA+E;YAC/E,uDAAuD;YACvD,EAAE;YACF,qFAAqF;YACrF,qFAAqF;YACrF,kEAAkE;YAClE,EAAE;YACF,0DAA0D;YAC1D,IACE,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,YAAY,0CAAE,qBAAqB,0CAAE,qBAAqB,EACpE;gBACA,QAAQ,CAAC,YAAY,CAAC,qBAAqB;oBACzC,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,YAAY,0CAAE,qBAAqB,0CAAE,qBAAqB,CAAC;aACxE;YAED,OAAO,QAAQ,CAAC;QAClB,CAAC,CAAA;QACD,OAAO,EAAE;YACP,iBAAiB,EAAE,OAAO,CAAC,sBAAsB;YACjD,iBAAiB,EAAE,OAAO,CAAC,IAAI;YAC/B,sBAAsB,EAAE,OAAO,CAAC,QAAQ;YACxC,2BAA2B,EAAE,sBAAG,CAAC,OAAO;SACzC;KACF,CAAC,EACF,CAAC,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,QAAQ,EAAE,OAAO,CAAC,WAAW,EAAE,OAAO,CAAC,KAAK,CAAC,CACtE,CAAC;IAEF,OAAO,iBAAiB,CAAC;AAC3B,CAAC,CAAC;AAtCW,QAAA,oBAAoB,wBAsC/B","sourcesContent":["import React from \"react\";\nimport { ReactiveBaseProps } from \"@appbaseio/reactivesearch/lib/components/basic/ReactiveBase\";\n\nimport { useReactifySearchContext } from \"../../hooks\";\n\nimport pkg from \"../../../package.json\";\n\nexport const useReactiveBaseProps = (): ReactiveBaseProps => {\n  const { options } = useReactifySearchContext();\n\n  const reactiveBaseProps = React.useMemo<ReactiveBaseProps>(\n    () => ({\n      app: options.index,\n      url: options.endpoint,\n      credentials: options.credentials,\n      theme: options.theme,\n      transformResponse: async (response: any) => {\n        // support filtering inside nested aggregations by moving the inner aggregation\n        // up one level such that reactivesearch understands it\n        //\n        // see useReactiveFilterListProps > defaultQuery to see how a filter is being applied\n        // to variant aggregations to ensure that only in stock sizes are displayed as filter\n        // options, this involves a nested filter, which requires this fix\n        //\n        // https://github.com/appbaseio/reactivesearch/issues/1530\n        if (\n          response?.aggregations?.reactivesearch_nested?.reactify_nested_outer\n        ) {\n          response.aggregations.reactivesearch_nested =\n            response?.aggregations?.reactivesearch_nested?.reactify_nested_outer;\n        }\n\n        return response;\n      },\n      headers: {\n        \"x-reactify-shop\": options.shopifyPermanentDomain,\n        \"x-reactify-mode\": options.mode,\n        \"x-reactify-client-id\": options.clientId,\n        \"x-reactify-client-version\": pkg.version,\n      },\n    }),\n    [options.index, options.endpoint, options.credentials, options.theme]\n  );\n\n  return reactiveBaseProps;\n};\n"]}
+{"version":3,"file":"useReactiveBaseProps.js","sourceRoot":"","sources":["../../../../src/hooks/reactivesearch/useReactiveBaseProps.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,uCAAuD;AAEhD,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,gCAAwB,GAAE,CAAC;IAE/C,MAAM,iBAAiB,GAAG,eAAK,CAAC,OAAO,CACrC,GAAG,EAAE,CAAC,CAAC;QACL,GAAG,EAAE,OAAO,CAAC,KAAK;QAClB,GAAG,EAAE,OAAO,CAAC,WAAW,CAAC,QAAQ;QACjC,WAAW,EAAE,GAAG,OAAO,CAAC,WAAW,CAAC,QAAQ,IAAI,OAAO,CAAC,WAAW,CAAC,QAAQ,EAAE;QAC9E,KAAK,EAAE,OAAO,CAAC,KAAK;QACpB,iBAAiB,EAAE,CAAO,QAAa,EAAE,EAAE;;YACzC,+EAA+E;YAC/E,uDAAuD;YACvD,EAAE;YACF,qFAAqF;YACrF,qFAAqF;YACrF,kEAAkE;YAClE,EAAE;YACF,0DAA0D;YAC1D,IACE,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,YAAY,0CAAE,qBAAqB,0CAAE,qBAAqB,EACpE;gBACA,QAAQ,CAAC,YAAY,CAAC,qBAAqB;oBACzC,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,YAAY,0CAAE,qBAAqB,0CAAE,qBAAqB,CAAC;aACxE;YAED,OAAO,QAAQ,CAAC;QAClB,CAAC,CAAA;KACF,CAAC,EACF,CAAC,OAAO,CAAC,WAAW,EAAE,OAAO,CAAC,KAAK,CAAC,CACrC,CAAC;IAEF,OAAO,iBAAiB,CAAC;AAC3B,CAAC,CAAC;AAhCW,QAAA,oBAAoB,wBAgC/B","sourcesContent":["import React from \"react\";\nimport { useReactifySearchContext } from \"../../hooks\";\n\nexport const useReactiveBaseProps = () => {\n  const { options } = useReactifySearchContext();\n\n  const reactiveBaseProps = React.useMemo(\n    () => ({\n      app: options.index,\n      url: options.credentials.endpoint,\n      credentials: `${options.credentials.username}:${options.credentials.password}`,\n      theme: options.theme,\n      transformResponse: async (response: any) => {\n        // support filtering inside nested aggregations by moving the inner aggregation\n        // up one level such that reactivesearch understands it\n        //\n        // see useReactiveFilterListProps > defaultQuery to see how a filter is being applied\n        // to variant aggregations to ensure that only in stock sizes are displayed as filter\n        // options, this involves a nested filter, which requires this fix\n        //\n        // https://github.com/appbaseio/reactivesearch/issues/1530\n        if (\n          response?.aggregations?.reactivesearch_nested?.reactify_nested_outer\n        ) {\n          response.aggregations.reactivesearch_nested =\n            response?.aggregations?.reactivesearch_nested?.reactify_nested_outer;\n        }\n\n        return response;\n      },\n    }),\n    [options.credentials, options.theme]\n  );\n\n  return reactiveBaseProps;\n};\n"]}

package/dist/src/hooks/reactivesearch/useReactiveDataSearchProps.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+export declare const useReactiveDataSearchProps: (options: {
+    [key: string]: any;
+    debounce?: number | undefined;
+    placeholder?: string | undefined;
+    inputClassName?: string | undefined;
+}) => {
+    debounce?: number | undefined;
+    placeholder: string;
+    inputClassName?: string | undefined;
+    type: string;
+    showIcon: boolean;
+    fuzziness: 0 | 2 | 1 | "AUTO";
+    queryFormat: "and" | "or";
+    autosuggest: boolean;
+    value: string;
+    onKeyUp: (event: React.KeyboardEvent) => void;
+    componentId: string;
+    dataField: string[];
+    fieldWeights: number[];
+    onChange: (value: string, triggerQuery: () => {}) => void;
+    onBlur: () => void;
+    onFocus: () => void;
+    innerClass: {
+        input: string | undefined;
+    };
+};

package/dist/src/hooks/reactivesearch/useReactiveDataSearchProps.js

@@ -0,0 +1,71 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useReactiveDataSearchProps = void 0;
+const react_1 = __importDefault(require("react"));
+const ahooks_1 = require("ahooks");
+const hooks_1 = require("../../hooks");
+// default field for when zero search fields have been configured in Reactify
+const defaultSearchField = {
+    id: "title",
+    field: "title",
+    importance: 0,
+    searchType: "instant_search",
+};
+const useReactiveDataSearchProps = (options) => {
+    var _a;
+    const { config } = (0, hooks_1.useReactifySearchContext)();
+    const { searchTerm, submitSearchTerm, setSearchTerm, setShowInstantSearchResults, } = (0, hooks_1.useSearch)();
+    const searchFields = react_1.default.useMemo(() => 0 < config.fields.length
+        ? config.fields.filter((field) => ["always_search", "instant_search"].includes(field.searchType))
+        : [defaultSearchField], []);
+    const handleKeyPress = react_1.default.useCallback((event) => {
+        if ("Enter" !== event.key)
+            return;
+        submitSearchTerm();
+    }, [submitSearchTerm]);
+    const { track } = (0, hooks_1.useAnalytics)();
+    const trackQuery = react_1.default.useCallback(() => {
+        if (!searchTerm || (searchTerm && searchTerm.length < 3))
+            return;
+        track({ eventName: "search", payload: { searchTerm: searchTerm } });
+    }, [searchTerm, track]);
+    const { run: runDebouncedTriggerQuery, cancel: cancelDebouncedTriggerQuery } = (0, ahooks_1.useDebounceFn)((triggerQuery) => {
+        triggerQuery();
+        trackQuery();
+    }, {
+        wait: (_a = options.debounce) !== null && _a !== void 0 ? _a : 300,
+    });
+    const reactiveDataSearchProps = react_1.default.useMemo(() => {
+        var _a;
+        return (Object.assign({ type: "search", showIcon: false, fuzziness: 1, queryFormat: "and", autosuggest: false, value: searchTerm !== null && searchTerm !== void 0 ? searchTerm : "", onKeyUp: handleKeyPress, componentId: "SearchInput", placeholder: (_a = options.placeholder) !== null && _a !== void 0 ? _a : "Search for a product...", dataField: searchFields.map((field) => field.field), fieldWeights: searchFields.map((field) => field.importance), onChange: (value, triggerQuery) => {
+                setSearchTerm(value);
+                if (!!value) {
+                    runDebouncedTriggerQuery(triggerQuery);
+                }
+                else {
+                    cancelDebouncedTriggerQuery();
+                }
+            }, onBlur: () => {
+                // setTimeout ensures that results are still clickable before close
+                setTimeout(() => setShowInstantSearchResults(false), 300);
+            }, onFocus: () => {
+                setShowInstantSearchResults(true);
+            }, innerClass: {
+                input: options.inputClassName,
+            } }, options));
+    }, [
+        searchTerm,
+        handleKeyPress,
+        options.placeholder,
+        searchFields,
+        setSearchTerm,
+        runDebouncedTriggerQuery,
+        cancelDebouncedTriggerQuery,
+    ]);
+    return reactiveDataSearchProps;
+};
+exports.useReactiveDataSearchProps = useReactiveDataSearchProps;
+//# sourceMappingURL=useReactiveDataSearchProps.js.map

package/dist/src/hooks/reactivesearch/useReactiveDataSearchProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReactiveDataSearchProps.js","sourceRoot":"","sources":["../../../../src/hooks/reactivesearch/useReactiveDataSearchProps.ts"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { useDebounceFn } from \"ahooks\";\n\nimport type { ConfigField } from \"../../types/config\";\n\nimport { useReactifySearchContext, useSearch, useAnalytics } from \"../../hooks\";\n\n// default field for when zero search fields have been configured in Reactify\nconst defaultSearchField: ConfigField = {\n  id: \"title\",\n  field: \"title\",\n  importance: 0,\n  searchType: \"instant_search\",\n};\n\nexport const useReactiveDataSearchProps = (options: {\n  [key: string]: any;\n  debounce?: number;\n  placeholder?: string;\n  inputClassName?: string;\n}) => {\n  const { config } = useReactifySearchContext();\n  const {\n    searchTerm,\n    submitSearchTerm,\n    setSearchTerm,\n    setShowInstantSearchResults,\n  } = useSearch();\n\n  const searchFields = React.useMemo(\n    () =>\n      0 < config.fields.length\n        ? config.fields.filter((field) =>\n            [\"always_search\", \"instant_search\"].includes(field.searchType)\n          )\n        : [defaultSearchField],\n    []\n  );\n\n  const handleKeyPress = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (\"Enter\" !== event.key) return;\n      submitSearchTerm();\n    },\n    [submitSearchTerm]\n  );\n\n  const { track } = useAnalytics();\n\n  const trackQuery = React.useCallback(() => {\n    if (!searchTerm || (searchTerm && searchTerm.length < 3)) return;\n    track({ eventName: \"search\", payload: { searchTerm: searchTerm } });\n  }, [searchTerm, track]);\n\n  const { run: runDebouncedTriggerQuery, cancel: cancelDebouncedTriggerQuery } =\n    useDebounceFn(\n      (triggerQuery: () => void) => {\n        triggerQuery();\n        trackQuery();\n      },\n      {\n        wait: options.debounce ?? 300,\n      }\n    );\n\n  const reactiveDataSearchProps = React.useMemo(\n    () => ({\n      type: \"search\",\n      showIcon: false,\n      fuzziness: 1 as 0 | 1 | 2 | \"AUTO\",\n      queryFormat: \"and\" as \"and\" | \"or\",\n      autosuggest: false,\n      value: searchTerm ?? \"\",\n      onKeyUp: handleKeyPress,\n      componentId: \"SearchInput\",\n      placeholder: options.placeholder ?? \"Search for a product...\",\n      dataField: searchFields.map((field) => field.field),\n      fieldWeights: searchFields.map((field) => field.importance),\n      onChange: (value: string, triggerQuery: () => {}) => {\n        setSearchTerm(value);\n        if (!!value) {\n          runDebouncedTriggerQuery(triggerQuery);\n        } else {\n          cancelDebouncedTriggerQuery();\n        }\n      },\n      onBlur: () => {\n        // setTimeout ensures that results are still clickable before close\n        setTimeout(() => setShowInstantSearchResults(false), 300);\n      },\n      onFocus: () => {\n        setShowInstantSearchResults(true);\n      },\n      innerClass: {\n        input: options.inputClassName,\n      },\n      ...options,\n    }),\n    [\n      searchTerm,\n      handleKeyPress,\n      options.placeholder,\n      searchFields,\n      setSearchTerm,\n      runDebouncedTriggerQuery,\n      cancelDebouncedTriggerQuery,\n    ]\n  );\n\n  return reactiveDataSearchProps;\n};\n"]}

package/dist/src/hooks/reactivesearch/useReactiveFilterListProps.d.ts

@@ -4,7 +4,6 @@ import type { ConfigFilterOption } from "../../types/config";
  */
 export declare const useReactiveFilterListProps: (filter: ConfigFilterOption) => {
     size: number | undefined;
-    queryFormat: "and" | "or";
     showFilter: boolean;
     showLoadMore: boolean;
     showSearch: boolean;

package/dist/src/hooks/reactivesearch/useReactiveFilterListProps.js

@@ -6,15 +6,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useReactiveFilterListProps = void 0;
 const react_1 = __importDefault(require("react"));
 const useReactiveFilterSharedProps_1 = require("./useReactiveFilterSharedProps");
+const useReactiveReactProp_1 = require("./useReactiveReactProp");
 /**
  * For use with @appbaseio/reactivesearch SingleList and MultiList components
  */
 const useReactiveFilterListProps = (filter) => {
+    const reactiveReactProp = (0, useReactiveReactProp_1.useReactiveReactProp)(filter.handle);
     const reactiveFilterSharedProps = (0, useReactiveFilterSharedProps_1.useReactiveFilterSharedProps)(filter);
     const reactiveFilterListProps = react_1.default.useMemo(() => {
-        var _a, _b, _c, _d;
-        return (Object.assign(Object.assign({}, reactiveFilterSharedProps), { size: parseInt(filter.displaySize) || undefined, queryFormat: (_a = filter.settingsFilterLogic) !== null && _a !== void 0 ? _a : "or", showFilter: (_b = filter.settingsShowFilter) !== null && _b !== void 0 ? _b : true, showLoadMore: (_c = filter.settingsShowMore) !== null && _c !== void 0 ? _c : false, showSearch: (_d = filter.settingsShowSearch) !== null && _d !== void 0 ? _d : false, showRadio: false, showCheckbox: false }));
-    }, [filter, reactiveFilterSharedProps]);
+        var _a, _b, _c;
+        return (Object.assign(Object.assign({}, reactiveFilterSharedProps), { size: parseInt(filter.displaySize) || undefined, showFilter: (_a = filter.settingsShowFilter) !== null && _a !== void 0 ? _a : true, showLoadMore: (_b = filter.settingsShowMore) !== null && _b !== void 0 ? _b : false, showSearch: (_c = filter.settingsShowSearch) !== null && _c !== void 0 ? _c : false, showRadio: false, showCheckbox: false }));
+    }, [filter, reactiveReactProp]);
     return reactiveFilterListProps;
 };
 exports.useReactiveFilterListProps = useReactiveFilterListProps;

package/dist/src/hooks/reactivesearch/useReactiveFilterListProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useReactiveFilterListProps.js","sourceRoot":"","sources":["../../../../src/hooks/reactivesearch/useReactiveFilterListProps.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,iFAA8E;AAE9E;;GAEG;AACI,MAAM,0BAA0B,GAAG,CAAC,MAA0B,EAAE,EAAE;IACvE,MAAM,yBAAyB,GAAG,IAAA,2DAA4B,EAAC,MAAM,CAAC,CAAC;IAEvE,MAAM,uBAAuB,GAAG,eAAK,CAAC,OAAO,CAC3C,GAAG,EAAE;;QAAC,OAAA,iCACD,yBAAyB,KAC5B,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,SAAS,EAC/C,WAAW,EAAE,MAAA,MAAM,CAAC,mBAAmB,mCAAI,IAAI,EAC/C,UAAU,EAAE,MAAA,MAAM,CAAC,kBAAkB,mCAAI,IAAI,EAC7C,YAAY,EAAE,MAAA,MAAM,CAAC,gBAAgB,mCAAI,KAAK,EAC9C,UAAU,EAAE,MAAA,MAAM,CAAC,kBAAkB,mCAAI,KAAK,EAC9C,SAAS,EAAE,KAAK,EAChB,YAAY,EAAE,KAAK,IACnB,CAAA;KAAA,EACF,CAAC,MAAM,EAAE,yBAAyB,CAAC,CACpC,CAAC;IAEF,OAAO,uBAAuB,CAAC;AACjC,CAAC,CAAC;AAlBW,QAAA,0BAA0B,8BAkBrC","sourcesContent":["import React from \"react\";\n\nimport type { ConfigFilterOption } from \"../../types/config\";\nimport { useReactiveFilterSharedProps } from \"./useReactiveFilterSharedProps\";\n\n/**\n * For use with @appbaseio/reactivesearch SingleList and MultiList components\n */\nexport const useReactiveFilterListProps = (filter: ConfigFilterOption) => {\n  const reactiveFilterSharedProps = useReactiveFilterSharedProps(filter);\n\n  const reactiveFilterListProps = React.useMemo(\n    () => ({\n      ...reactiveFilterSharedProps,\n      size: parseInt(filter.displaySize) || undefined,\n      queryFormat: filter.settingsFilterLogic ?? \"or\",\n      showFilter: filter.settingsShowFilter ?? true,\n      showLoadMore: filter.settingsShowMore ?? false,\n      showSearch: filter.settingsShowSearch ?? false,\n      showRadio: false,\n      showCheckbox: false,\n    }),\n    [filter, reactiveFilterSharedProps]\n  );\n\n  return reactiveFilterListProps;\n};\n"]}
+{"version":3,"file":"useReactiveFilterListProps.js","sourceRoot":"","sources":["../../../../src/hooks/reactivesearch/useReactiveFilterListProps.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,iFAA8E;AAE9E,iEAA8D;AAE9D;;GAEG;AACI,MAAM,0BAA0B,GAAG,CAAC,MAA0B,EAAE,EAAE;IACvE,MAAM,iBAAiB,GAAG,IAAA,2CAAoB,EAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IAC9D,MAAM,yBAAyB,GAAG,IAAA,2DAA4B,EAAC,MAAM,CAAC,CAAC;IAEvE,MAAM,uBAAuB,GAAG,eAAK,CAAC,OAAO,CAC3C,GAAG,EAAE;;QAAC,OAAA,iCACD,yBAAyB,KAC5B,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,SAAS,EAC/C,UAAU,EAAE,MAAA,MAAM,CAAC,kBAAkB,mCAAI,IAAI,EAC7C,YAAY,EAAE,MAAA,MAAM,CAAC,gBAAgB,mCAAI,KAAK,EAC9C,UAAU,EAAE,MAAA,MAAM,CAAC,kBAAkB,mCAAI,KAAK,EAC9C,SAAS,EAAE,KAAK,EAChB,YAAY,EAAE,KAAK,IACnB,CAAA;KAAA,EACF,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAC5B,CAAC;IAEF,OAAO,uBAAuB,CAAC;AACjC,CAAC,CAAC;AAlBW,QAAA,0BAA0B,8BAkBrC","sourcesContent":["import React from \"react\";\n\nimport type { ConfigFilterOption } from \"../../types/config\";\nimport { useReactiveFilterSharedProps } from \"./useReactiveFilterSharedProps\";\n\nimport { useReactiveReactProp } from \"./useReactiveReactProp\";\n\n/**\n * For use with @appbaseio/reactivesearch SingleList and MultiList components\n */\nexport const useReactiveFilterListProps = (filter: ConfigFilterOption) => {\n  const reactiveReactProp = useReactiveReactProp(filter.handle);\n  const reactiveFilterSharedProps = useReactiveFilterSharedProps(filter);\n\n  const reactiveFilterListProps = React.useMemo(\n    () => ({\n      ...reactiveFilterSharedProps,\n      size: parseInt(filter.displaySize) || undefined,\n      showFilter: filter.settingsShowFilter ?? true,\n      showLoadMore: filter.settingsShowMore ?? false,\n      showSearch: filter.settingsShowSearch ?? false,\n      showRadio: false,\n      showCheckbox: false,\n    }),\n    [filter, reactiveReactProp]\n  );\n\n  return reactiveFilterListProps;\n};\n"]}

package/dist/src/hooks/reactivesearch/useReactiveFilterRangeProps.d.ts

@@ -3,7 +3,6 @@ import { ConfigFilterOption } from "../../types";
  * For use with @appbaseio/reactivesearch SingleRange and MultiRange components
  */
 export declare const useReactiveFilterRangeProps: (filter: ConfigFilterOption) => {
-    queryFormat: "and" | "or";
     showFilter: boolean;
     showRadio: boolean;
     showCheckbox: boolean;

package/dist/src/hooks/reactivesearch/useReactiveFilterRangeProps.js

@@ -6,10 +6,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useReactiveFilterRangeProps = void 0;
 const react_1 = __importDefault(require("react"));
 const useReactiveFilterSharedProps_1 = require("./useReactiveFilterSharedProps");
+const useReactiveReactProp_1 = require("./useReactiveReactProp");
 /**
  * For use with @appbaseio/reactivesearch SingleRange and MultiRange components
  */
 const useReactiveFilterRangeProps = (filter) => {
+    const reactiveReactProp = (0, useReactiveReactProp_1.useReactiveReactProp)(filter.handle);
     const reactiveFilterSharedProps = (0, useReactiveFilterSharedProps_1.useReactiveFilterSharedProps)(filter);
     const data = react_1.default.useMemo(() => {
         var _a, _b;
@@ -23,9 +25,9 @@ const useReactiveFilterRangeProps = (filter) => {
         })) !== null && _b !== void 0 ? _b : []);
     }, []);
     const reactiveFilterRangeProps = react_1.default.useMemo(() => {
-        var _a, _b;
-        return (Object.assign(Object.assign({}, reactiveFilterSharedProps), { queryFormat: (_a = filter.settingsFilterLogic) !== null && _a !== void 0 ? _a : "or", showFilter: (_b = filter.settingsShowFilter) !== null && _b !== void 0 ? _b : true, showRadio: false, showCheckbox: false, data: data }));
-    }, [filter, reactiveFilterSharedProps]);
+        var _a;
+        return (Object.assign(Object.assign({}, reactiveFilterSharedProps), { showFilter: (_a = filter.settingsShowFilter) !== null && _a !== void 0 ? _a : true, showRadio: false, showCheckbox: false, data: data }));
+    }, [filter, reactiveReactProp]);
     return reactiveFilterRangeProps;
 };
 exports.useReactiveFilterRangeProps = useReactiveFilterRangeProps;

package/dist/src/hooks/reactivesearch/useReactiveFilterRangeProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useReactiveFilterRangeProps.js","sourceRoot":"","sources":["../../../../src/hooks/reactivesearch/useReactiveFilterRangeProps.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAI1B,iFAA8E;AAE9E;;GAEG;AACI,MAAM,2BAA2B,GAAG,CAAC,MAA0B,EAAE,EAAE;IACxE,MAAM,yBAAyB,GAAG,IAAA,2DAA4B,EAAC,MAAM,CAAC,CAAC;IAEvE,MAAM,IAAI,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;;QAC9B,OAAO,CACL,MAAA,MAAA,MAAM,CAAC,mBAAmB,0CAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;YACzC,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YAC9C,OAAO;gBACL,KAAK,EAAE,KAAK;gBACZ,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;gBAClC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,gBAAgB;aACnD,CAAC;QACJ,CAAC,CAAC,mCAAI,EAAE,CACT,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,wBAAwB,GAAG,eAAK,CAAC,OAAO,CAC5C,GAAG,EAAE;;QAAC,OAAA,iCACD,yBAAyB,KAC5B,WAAW,EAAE,MAAA,MAAM,CAAC,mBAAmB,mCAAI,IAAI,EAC/C,UAAU,EAAE,MAAA,MAAM,CAAC,kBAAkB,mCAAI,IAAI,EAC7C,SAAS,EAAE,KAAK,EAChB,YAAY,EAAE,KAAK,EACnB,IAAI,EAAE,IAAI,IACV,CAAA;KAAA,EACF,CAAC,MAAM,EAAE,yBAAyB,CAAC,CACpC,CAAC;IAEF,OAAO,wBAAwB,CAAC;AAClC,CAAC,CAAC;AA7BW,QAAA,2BAA2B,+BA6BtC","sourcesContent":["import React from \"react\";\n\nimport { ConfigFilterOption } from \"../../types\";\n\nimport { useReactiveFilterSharedProps } from \"./useReactiveFilterSharedProps\";\n\n/**\n * For use with @appbaseio/reactivesearch SingleRange and MultiRange components\n */\nexport const useReactiveFilterRangeProps = (filter: ConfigFilterOption) => {\n  const reactiveFilterSharedProps = useReactiveFilterSharedProps(filter);\n\n  const data = React.useMemo(() => {\n    return (\n      filter.displayRangeOptions?.map((option) => {\n        const [label, start, end] = option.split(\":\");\n        return {\n          label: label,\n          start: start ? parseInt(start) : 0,\n          end: end ? parseInt(end) : Number.MAX_SAFE_INTEGER,\n        };\n      }) ?? []\n    );\n  }, []);\n\n  const reactiveFilterRangeProps = React.useMemo(\n    () => ({\n      ...reactiveFilterSharedProps,\n      queryFormat: filter.settingsFilterLogic ?? \"or\",\n      showFilter: filter.settingsShowFilter ?? true,\n      showRadio: false,\n      showCheckbox: false,\n      data: data,\n    }),\n    [filter, reactiveFilterSharedProps]\n  );\n\n  return reactiveFilterRangeProps;\n};\n"]}
+{"version":3,"file":"useReactiveFilterRangeProps.js","sourceRoot":"","sources":["../../../../src/hooks/reactivesearch/useReactiveFilterRangeProps.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAI1B,iFAA8E;AAC9E,iEAA8D;AAE9D;;GAEG;AACI,MAAM,2BAA2B,GAAG,CAAC,MAA0B,EAAE,EAAE;IACxE,MAAM,iBAAiB,GAAG,IAAA,2CAAoB,EAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IAC9D,MAAM,yBAAyB,GAAG,IAAA,2DAA4B,EAAC,MAAM,CAAC,CAAC;IAEvE,MAAM,IAAI,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;;QAC9B,OAAO,CACL,MAAA,MAAA,MAAM,CAAC,mBAAmB,0CAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;YACzC,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YAC9C,OAAO;gBACL,KAAK,EAAE,KAAK;gBACZ,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;gBAClC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,gBAAgB;aACnD,CAAC;QACJ,CAAC,CAAC,mCAAI,EAAE,CACT,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,wBAAwB,GAAG,eAAK,CAAC,OAAO,CAC5C,GAAG,EAAE;;QAAC,OAAA,iCACD,yBAAyB,KAC5B,UAAU,EAAE,MAAA,MAAM,CAAC,kBAAkB,mCAAI,IAAI,EAC7C,SAAS,EAAE,KAAK,EAChB,YAAY,EAAE,KAAK,EACnB,IAAI,EAAE,IAAI,IACV,CAAA;KAAA,EACF,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAC5B,CAAC;IAEF,OAAO,wBAAwB,CAAC;AAClC,CAAC,CAAC;AA7BW,QAAA,2BAA2B,+BA6BtC","sourcesContent":["import React from \"react\";\n\nimport { ConfigFilterOption } from \"../../types\";\n\nimport { useReactiveFilterSharedProps } from \"./useReactiveFilterSharedProps\";\nimport { useReactiveReactProp } from \"./useReactiveReactProp\";\n\n/**\n * For use with @appbaseio/reactivesearch SingleRange and MultiRange components\n */\nexport const useReactiveFilterRangeProps = (filter: ConfigFilterOption) => {\n  const reactiveReactProp = useReactiveReactProp(filter.handle);\n  const reactiveFilterSharedProps = useReactiveFilterSharedProps(filter);\n\n  const data = React.useMemo(() => {\n    return (\n      filter.displayRangeOptions?.map((option) => {\n        const [label, start, end] = option.split(\":\");\n        return {\n          label: label,\n          start: start ? parseInt(start) : 0,\n          end: end ? parseInt(end) : Number.MAX_SAFE_INTEGER,\n        };\n      }) ?? []\n    );\n  }, []);\n\n  const reactiveFilterRangeProps = React.useMemo(\n    () => ({\n      ...reactiveFilterSharedProps,\n      showFilter: filter.settingsShowFilter ?? true,\n      showRadio: false,\n      showCheckbox: false,\n      data: data,\n    }),\n    [filter, reactiveReactProp]\n  );\n\n  return reactiveFilterRangeProps;\n};\n"]}

package/dist/src/hooks/reactivesearch/useReactiveFilterSharedProps.js

@@ -10,7 +10,7 @@ const useReactiveReactProp_1 = require("./useReactiveReactProp");
  * For use with all @appbaseio/reactivesearch filter components
  */
 const useReactiveFilterSharedProps = (filter) => {
-    const reactiveReactProp = (0, useReactiveReactProp_1.useReactiveReactProp)(filter.handle, filter);
+    const reactiveReactProp = (0, useReactiveReactProp_1.useReactiveReactProp)(filter.handle);
     const nestedField = react_1.default.useMemo(() => {
         const nestedFields = ["variants"];
         const topField = filter.field.split(".")[0];

package/dist/src/hooks/reactivesearch/useReactiveFilterSharedProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useReactiveFilterSharedProps.js","sourceRoot":"","sources":["../../../../src/hooks/reactivesearch/useReactiveFilterSharedProps.ts"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\n\nimport type { ConfigFilterOption } from \"../../types/config\";\n\nimport { useReactiveReactProp } from \"./useReactiveReactProp\";\n\n/**\n * For use with all @appbaseio/reactivesearch filter components\n */\nexport const useReactiveFilterSharedProps = (filter: ConfigFilterOption) => {\n  const reactiveReactProp = useReactiveReactProp(filter.handle, filter);\n\n  const nestedField = React.useMemo(() => {\n    const nestedFields = [\"variants\"];\n    const topField = filter.field.split(\".\")[0];\n    if (nestedFields.includes(topField)) return topField;\n    return undefined;\n  }, [filter]);\n\n  // define a custom query for when settingsHideUnavailable is enabled and the target field is inside variants\n  // customQuery defines how this filter affects *other* components like the results component\n  const customQuery = React.useMemo(() => {\n    if (\n      !filter.settingsHideUnavailable ||\n      !filter.field.startsWith(\"variants.\")\n    )\n      return undefined;\n\n    return (value?: string | string[]) => {\n      if (!value) return {};\n\n      // reactivesearch sometimes returns string, sometimes string[]\n      const valueArray = \"string\" === typeof value ? [value] : value;\n\n      if (0 === valueArray.length) return {};\n\n      return {\n        query: {\n          nested: {\n            path: \"variants\",\n            query: {\n              bool: {\n                must: [\n                  {\n                    match: {\n                      \"variants.available\": \"true\",\n                    },\n                  },\n                  {\n                    terms: {\n                      [filter.field]: valueArray,\n                    },\n                  },\n                ],\n              },\n            },\n          },\n        },\n      };\n    };\n  }, [filter]);\n\n  // define a default query for when settingsHideUnavailable is enabled and the target field is inside variants\n  // defaultQuery defines how this filter affects itself i.e. the options displayed\n  const defaultQuery = React.useMemo(() => {\n    if (\n      !filter.settingsHideUnavailable ||\n      !filter.field.startsWith(\"variants.\")\n    )\n      return undefined;\n\n    // override the aggregation query to filter the results by the variants.available attribute\n    return () => {\n      return {\n        aggs: {\n          reactivesearch_nested: {\n            nested: { path: \"variants\" },\n            aggs: {\n              reactify_nested_outer: {\n                filter: {\n                  match: {\n                    \"variants.available\": \"true\",\n                  },\n                },\n                aggs: {\n                  [filter.field]: {\n                    terms: {\n                      field: filter.field,\n                      size: 100,\n                      order: { _count: \"desc\" },\n                    },\n                  },\n                },\n              },\n            },\n          },\n        },\n      };\n    };\n  }, [filter]);\n\n  const reactiveFilterSharedProps = React.useMemo(\n    () => ({\n      nestedField,\n      customQuery,\n      defaultQuery,\n      URLParams: true,\n      componentId: filter.handle,\n      dataField: filter.field,\n      filterLabel: filter.name,\n      react: reactiveReactProp,\n    }),\n    [filter, reactiveReactProp]\n  );\n\n  return reactiveFilterSharedProps;\n};\n"]}
+{"version":3,"file":"useReactiveFilterSharedProps.js","sourceRoot":"","sources":["../../../../src/hooks/reactivesearch/useReactiveFilterSharedProps.ts"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\n\nimport type { ConfigFilterOption } from \"../../types/config\";\n\nimport { useReactiveReactProp } from \"./useReactiveReactProp\";\n\n/**\n * For use with all @appbaseio/reactivesearch filter components\n */\nexport const useReactiveFilterSharedProps = (filter: ConfigFilterOption) => {\n  const reactiveReactProp = useReactiveReactProp(filter.handle);\n\n  const nestedField = React.useMemo(() => {\n    const nestedFields = [\"variants\"];\n    const topField = filter.field.split(\".\")[0];\n    if (nestedFields.includes(topField)) return topField;\n    return undefined;\n  }, [filter]);\n\n  // define a custom query for when settingsHideUnavailable is enabled and the target field is inside variants\n  // customQuery defines how this filter affects *other* components like the results component\n  const customQuery = React.useMemo(() => {\n    if (\n      !filter.settingsHideUnavailable ||\n      !filter.field.startsWith(\"variants.\")\n    )\n      return undefined;\n\n    return (value?: string | string[]) => {\n      if (!value) return {};\n\n      // reactivesearch sometimes returns string, sometimes string[]\n      const valueArray = \"string\" === typeof value ? [value] : value;\n\n      if (0 === valueArray.length) return {};\n\n      return {\n        query: {\n          nested: {\n            path: \"variants\",\n            query: {\n              bool: {\n                must: [\n                  {\n                    match: {\n                      \"variants.available\": \"true\",\n                    },\n                  },\n                  {\n                    terms: {\n                      [filter.field]: valueArray,\n                    },\n                  },\n                ],\n              },\n            },\n          },\n        },\n      };\n    };\n  }, [filter]);\n\n  // define a default query for when settingsHideUnavailable is enabled and the target field is inside variants\n  // defaultQuery defines how this filter affects itself i.e. the options displayed\n  const defaultQuery = React.useMemo(() => {\n    if (\n      !filter.settingsHideUnavailable ||\n      !filter.field.startsWith(\"variants.\")\n    )\n      return undefined;\n\n    // override the aggregation query to filter the results by the variants.available attribute\n    return () => {\n      return {\n        aggs: {\n          reactivesearch_nested: {\n            nested: { path: \"variants\" },\n            aggs: {\n              reactify_nested_outer: {\n                filter: {\n                  match: {\n                    \"variants.available\": \"true\",\n                  },\n                },\n                aggs: {\n                  [filter.field]: {\n                    terms: {\n                      field: filter.field,\n                      size: 100,\n                      order: { _count: \"desc\" },\n                    },\n                  },\n                },\n              },\n            },\n          },\n        },\n      };\n    };\n  }, [filter]);\n\n  const reactiveFilterSharedProps = React.useMemo(\n    () => ({\n      nestedField,\n      customQuery,\n      defaultQuery,\n      URLParams: true,\n      componentId: filter.handle,\n      dataField: filter.field,\n      filterLabel: filter.name,\n      react: reactiveReactProp,\n    }),\n    [filter, reactiveReactProp]\n  );\n\n  return reactiveFilterSharedProps;\n};\n"]}

package/dist/src/hooks/reactivesearch/useReactiveFilterSliderProps.js

@@ -6,10 +6,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useReactiveFilterSliderProps = void 0;
 const react_1 = __importDefault(require("react"));
 const useReactiveFilterSharedProps_1 = require("./useReactiveFilterSharedProps");
+const useReactiveReactProp_1 = require("./useReactiveReactProp");
 /**
  * For use with @appbaseio/reactivesearch RangeSlider component
  */
 const useReactiveFilterSliderProps = (filter) => {
+    const reactiveReactProp = (0, useReactiveReactProp_1.useReactiveReactProp)(filter.handle);
     const reactiveFilterSharedProps = (0, useReactiveFilterSharedProps_1.useReactiveFilterSharedProps)(filter);
     const rangeLabelsFn = react_1.default.useCallback((min, max) => {
         var _a, _b, _c, _d;
@@ -21,7 +23,7 @@ const useReactiveFilterSliderProps = (filter) => {
     const reactiveFilterSliderProps = react_1.default.useMemo(() => {
         var _a, _b;
         return (Object.assign(Object.assign({}, reactiveFilterSharedProps), { showFilter: (_a = filter.settingsShowFilter) !== null && _a !== void 0 ? _a : true, rangeLabels: rangeLabelsFn, stepValue: (_b = parseInt(filter.displaySliderStep)) !== null && _b !== void 0 ? _b : undefined }));
-    }, [filter, reactiveFilterSharedProps]);
+    }, [filter, reactiveReactProp]);
     return reactiveFilterSliderProps;
 };
 exports.useReactiveFilterSliderProps = useReactiveFilterSliderProps;

package/dist/src/hooks/reactivesearch/useReactiveFilterSliderProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useReactiveFilterSliderProps.js","sourceRoot":"","sources":["../../../../src/hooks/reactivesearch/useReactiveFilterSliderProps.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,iFAA8E;AAE9E;;GAEG;AACI,MAAM,4BAA4B,GAAG,CAAC,MAA0B,EAAE,EAAE;IACzE,MAAM,yBAAyB,GAAG,IAAA,2DAA4B,EAAC,MAAM,CAAC,CAAC;IAEvE,MAAM,aAAa,GAAG,eAAK,CAAC,WAAW,CACrC,CAAC,GAAW,EAAE,GAAW,EAAE,EAAE;;QAAC,OAAA,CAAC;YAC7B,KAAK,EAAE,GAAG,MAAA,MAAM,CAAC,mBAAmB,mCAAI,EAAE,GAAG,GAAG,GAC9C,MAAA,MAAM,CAAC,mBAAmB,mCAAI,EAChC,EAAE;YACF,GAAG,EAAE,GAAG,MAAA,MAAM,CAAC,mBAAmB,mCAAI,EAAE,GAAG,GAAG,GAC5C,MAAA,MAAM,CAAC,mBAAmB,mCAAI,EAChC,EAAE;SACH,CAAC,CAAA;KAAA,EACF,EAAE,CACH,CAAC;IAEF,MAAM,yBAAyB,GAAG,eAAK,CAAC,OAAO,CAC7C,GAAG,EAAE;;QAAC,OAAA,iCACD,yBAAyB,KAC5B,UAAU,EAAE,MAAA,MAAM,CAAC,kBAAkB,mCAAI,IAAI,EAC7C,WAAW,EAAE,aAAa,EAC1B,SAAS,EAAE,MAAA,QAAQ,CAAC,MAAM,CAAC,iBAAiB,CAAC,mCAAI,SAAS,IAC1D,CAAA;KAAA,EACF,CAAC,MAAM,EAAE,yBAAyB,CAAC,CACpC,CAAC;IAEF,OAAO,yBAAyB,CAAC;AACnC,CAAC,CAAC;AA1BW,QAAA,4BAA4B,gCA0BvC","sourcesContent":["import React from \"react\";\n\nimport type { ConfigFilterOption } from \"../../types/config\";\nimport { useReactiveFilterSharedProps } from \"./useReactiveFilterSharedProps\";\n\n/**\n * For use with @appbaseio/reactivesearch RangeSlider component\n */\nexport const useReactiveFilterSliderProps = (filter: ConfigFilterOption) => {\n  const reactiveFilterSharedProps = useReactiveFilterSharedProps(filter);\n\n  const rangeLabelsFn = React.useCallback(\n    (min: number, max: number) => ({\n      start: `${filter.displaySliderPrefix ?? \"\"}${min}${\n        filter.displaySliderSuffix ?? \"\"\n      }`,\n      end: `${filter.displaySliderPrefix ?? \"\"}${max}${\n        filter.displaySliderSuffix ?? \"\"\n      }`,\n    }),\n    []\n  );\n\n  const reactiveFilterSliderProps = React.useMemo(\n    () => ({\n      ...reactiveFilterSharedProps,\n      showFilter: filter.settingsShowFilter ?? true,\n      rangeLabels: rangeLabelsFn,\n      stepValue: parseInt(filter.displaySliderStep) ?? undefined,\n    }),\n    [filter, reactiveFilterSharedProps]\n  );\n\n  return reactiveFilterSliderProps;\n};\n"]}
+{"version":3,"file":"useReactiveFilterSliderProps.js","sourceRoot":"","sources":["../../../../src/hooks/reactivesearch/useReactiveFilterSliderProps.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,iFAA8E;AAE9E,iEAA8D;AAE9D;;GAEG;AACI,MAAM,4BAA4B,GAAG,CAAC,MAA0B,EAAE,EAAE;IACzE,MAAM,iBAAiB,GAAG,IAAA,2CAAoB,EAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IAC9D,MAAM,yBAAyB,GAAG,IAAA,2DAA4B,EAAC,MAAM,CAAC,CAAC;IAEvE,MAAM,aAAa,GAAG,eAAK,CAAC,WAAW,CACrC,CAAC,GAAW,EAAE,GAAW,EAAE,EAAE;;QAAC,OAAA,CAAC;YAC7B,KAAK,EAAE,GAAG,MAAA,MAAM,CAAC,mBAAmB,mCAAI,EAAE,GAAG,GAAG,GAC9C,MAAA,MAAM,CAAC,mBAAmB,mCAAI,EAChC,EAAE;YACF,GAAG,EAAE,GAAG,MAAA,MAAM,CAAC,mBAAmB,mCAAI,EAAE,GAAG,GAAG,GAC5C,MAAA,MAAM,CAAC,mBAAmB,mCAAI,EAChC,EAAE;SACH,CAAC,CAAA;KAAA,EACF,EAAE,CACH,CAAC;IAEF,MAAM,yBAAyB,GAAG,eAAK,CAAC,OAAO,CAC7C,GAAG,EAAE;;QAAC,OAAA,iCACD,yBAAyB,KAC5B,UAAU,EAAE,MAAA,MAAM,CAAC,kBAAkB,mCAAI,IAAI,EAC7C,WAAW,EAAE,aAAa,EAC1B,SAAS,EAAE,MAAA,QAAQ,CAAC,MAAM,CAAC,iBAAiB,CAAC,mCAAI,SAAS,IAC1D,CAAA;KAAA,EACF,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAC5B,CAAC;IAEF,OAAO,yBAAyB,CAAC;AACnC,CAAC,CAAC;AA3BW,QAAA,4BAA4B,gCA2BvC","sourcesContent":["import React from \"react\";\n\nimport type { ConfigFilterOption } from \"../../types/config\";\nimport { useReactiveFilterSharedProps } from \"./useReactiveFilterSharedProps\";\n\nimport { useReactiveReactProp } from \"./useReactiveReactProp\";\n\n/**\n * For use with @appbaseio/reactivesearch RangeSlider component\n */\nexport const useReactiveFilterSliderProps = (filter: ConfigFilterOption) => {\n  const reactiveReactProp = useReactiveReactProp(filter.handle);\n  const reactiveFilterSharedProps = useReactiveFilterSharedProps(filter);\n\n  const rangeLabelsFn = React.useCallback(\n    (min: number, max: number) => ({\n      start: `${filter.displaySliderPrefix ?? \"\"}${min}${\n        filter.displaySliderSuffix ?? \"\"\n      }`,\n      end: `${filter.displaySliderPrefix ?? \"\"}${max}${\n        filter.displaySliderSuffix ?? \"\"\n      }`,\n    }),\n    []\n  );\n\n  const reactiveFilterSliderProps = React.useMemo(\n    () => ({\n      ...reactiveFilterSharedProps,\n      showFilter: filter.settingsShowFilter ?? true,\n      rangeLabels: rangeLabelsFn,\n      stepValue: parseInt(filter.displaySliderStep) ?? undefined,\n    }),\n    [filter, reactiveReactProp]\n  );\n\n  return reactiveFilterSliderProps;\n};\n"]}

package/dist/src/hooks/reactivesearch/useReactiveReactProp.d.ts

@@ -1,4 +1,3 @@
-import { ConfigFilterOption } from "../../types";
-export declare const useReactiveReactProp: (currentHandle?: string | undefined, filter?: ConfigFilterOption | undefined) => {
+export declare const useReactiveReactProp: (currentHandle?: string | undefined) => {
     and: string[];
 };

package/dist/src/hooks/reactivesearch/useReactiveReactProp.js

@@ -7,25 +7,20 @@ exports.useReactiveReactProp = void 0;
 const react_1 = __importDefault(require("react"));
 const hooks_1 = require("../../hooks");
 const components_1 = require("../../components");
-const useReactiveReactProp = (currentHandle, filter) => {
+const useReactiveReactProp = (currentHandle) => {
     const { options } = (0, hooks_1.useReactifySearchContext)();
     const { filterStack } = (0, hooks_1.useFilters)();
-    const reactProp = react_1.default.useMemo(() => {
+    return react_1.default.useMemo(() => {
         var _a, _b;
-        if (filter && filter.settingsShowEmptyValues) {
-            return {
-                and: components_1.SENSOR_IDS,
-            };
-        }
         return {
             and: [
+                "SearchInput",
                 ...components_1.SENSOR_IDS,
                 ...((_a = options.additionalComponentIds) !== null && _a !== void 0 ? _a : []),
                 ...((_b = filterStack === null || filterStack === void 0 ? void 0 : filterStack.options.map((filter) => filter.handle)) !== null && _b !== void 0 ? _b : []),
             ].filter((handle) => handle !== currentHandle),
         };
     }, [filterStack, currentHandle, options.additionalComponentIds]);
-    return reactProp;
 };
 exports.useReactiveReactProp = useReactiveReactProp;
 //# sourceMappingURL=useReactiveReactProp.js.map

package/dist/src/hooks/reactivesearch/useReactiveReactProp.js.map

@@ -1 +1 @@
-{"version":3,"file":"useReactiveReactProp.js","sourceRoot":"","sources":["../../../../src/hooks/reactivesearch/useReactiveReactProp.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,uCAAmE;AACnE,iDAA8C;AAGvC,MAAM,oBAAoB,GAAG,CAClC,aAAsB,EACtB,MAA2B,EAC3B,EAAE;IACF,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,gCAAwB,GAAE,CAAC;IAC/C,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,GAAE,CAAC;IAErC,MAAM,SAAS,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;;QACnC,IAAI,MAAM,IAAI,MAAM,CAAC,uBAAuB,EAAE;YAC5C,OAAO;gBACL,GAAG,EAAE,uBAAU;aAChB,CAAC;SACH;QAED,OAAO;YACL,GAAG,EAAE;gBACH,GAAG,uBAAU;gBACb,GAAG,CAAC,MAAA,OAAO,CAAC,sBAAsB,mCAAI,EAAE,CAAC;gBACzC,GAAG,CAAC,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,mCAAI,EAAE,CAAC;aAC/D,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,KAAK,aAAa,CAAC;SAC/C,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,aAAa,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAC,CAAC;IAEjE,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAxBW,QAAA,oBAAoB,wBAwB/B","sourcesContent":["import React from \"react\";\n\nimport { useReactifySearchContext, useFilters } from \"../../hooks\";\nimport { SENSOR_IDS } from \"../../components\";\nimport { ConfigFilterOption } from \"../../types\";\n\nexport const useReactiveReactProp = (\n  currentHandle?: string,\n  filter?: ConfigFilterOption\n) => {\n  const { options } = useReactifySearchContext();\n  const { filterStack } = useFilters();\n\n  const reactProp = React.useMemo(() => {\n    if (filter && filter.settingsShowEmptyValues) {\n      return {\n        and: SENSOR_IDS,\n      };\n    }\n\n    return {\n      and: [\n        ...SENSOR_IDS,\n        ...(options.additionalComponentIds ?? []),\n        ...(filterStack?.options.map((filter) => filter.handle) ?? []),\n      ].filter((handle) => handle !== currentHandle),\n    };\n  }, [filterStack, currentHandle, options.additionalComponentIds]);\n\n  return reactProp;\n};\n"]}
+{"version":3,"file":"useReactiveReactProp.js","sourceRoot":"","sources":["../../../../src/hooks/reactivesearch/useReactiveReactProp.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,uCAAmE;AACnE,iDAA8C;AAEvC,MAAM,oBAAoB,GAAG,CAAC,aAAsB,EAAE,EAAE;IAC7D,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,gCAAwB,GAAE,CAAC;IAC/C,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,GAAE,CAAC;IAErC,OAAO,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;;QACxB,OAAO;YACL,GAAG,EAAE;gBACH,aAAa;gBACb,GAAG,uBAAU;gBACb,GAAG,CAAC,MAAA,OAAO,CAAC,sBAAsB,mCAAI,EAAE,CAAC;gBACzC,GAAG,CAAC,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,mCAAI,EAAE,CAAC;aAC/D,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,KAAK,aAAa,CAAC;SAC/C,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,aAAa,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAC,CAAC;AACnE,CAAC,CAAC;AAdW,QAAA,oBAAoB,wBAc/B","sourcesContent":["import React from \"react\";\n\nimport { useReactifySearchContext, useFilters } from \"../../hooks\";\nimport { SENSOR_IDS } from \"../../components\";\n\nexport const useReactiveReactProp = (currentHandle?: string) => {\n  const { options } = useReactifySearchContext();\n  const { filterStack } = useFilters();\n\n  return React.useMemo(() => {\n    return {\n      and: [\n        \"SearchInput\",\n        ...SENSOR_IDS,\n        ...(options.additionalComponentIds ?? []),\n        ...(filterStack?.options.map((filter) => filter.handle) ?? []),\n      ].filter((handle) => handle !== currentHandle),\n    };\n  }, [filterStack, currentHandle, options.additionalComponentIds]);\n};\n"]}

package/dist/src/hooks/useAnalytics.js

@@ -14,22 +14,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAnalytics = void 0;
 const axios_1 = __importDefault(require("axios"));
-const package_json_1 = __importDefault(require("../../package.json"));
 const hooks_1 = require("../hooks");
 const utility_1 = require("../utility");
-function getCookie(name) {
-    var _a, _b;
-    try {
-        const cookie = `; ${document.cookie}`.split(`; ${name}=`);
-        if (cookie.length === 2) {
-            return (_b = (_a = cookie.pop()) === null || _a === void 0 ? void 0 : _a.split(";").shift()) !== null && _b !== void 0 ? _b : "";
-        }
-    }
-    catch (error) {
-        console.error(error);
-    }
-    return "";
-}
 const useAnalytics = () => {
     const { options } = (0, hooks_1.useReactifySearchContext)();
     const url = "https://analytics.search.reactify.app/record/";
@@ -40,13 +26,7 @@ const useAnalytics = () => {
         }
         utility_1.debug.log("useAnalytics", "track", event);
         const events = getTrackEvents(event);
-        return axios_1.default.post(url, { events }, {
-            headers: {
-                "X-Reactify-Tenant": options.shopifyPermanentDomain,
-                "X-Reactify-Client": getCookie("_rs_ga"),
-                "X-Reactify-Version": package_json_1.default.version,
-            },
-        });
+        return axios_1.default.post(url, { events }, { headers: { "X-Reactify-Tenant": options.shopifyPermanentDomain } });
     });
     return { track };
 };
@@ -59,7 +39,7 @@ function getTrackEvents(event) {
             events = [
                 {
                     eventName,
-                    payload: Object.assign(Object.assign({}, event.payload), { searchTerm: event.payload.searchTerm.trim() }),
+                    payload: event.payload,
                 },
             ];
             break;
@@ -67,7 +47,7 @@ function getTrackEvents(event) {
             events = [
                 {
                     eventName,
-                    payload: Object.assign(Object.assign({}, event.payload), { searchTerm: event.payload.searchTerm.trim() }),
+                    payload: event.payload,
                 },
             ];
             break;

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

@@ -1 +1 @@
-{"version":3,"file":"useAnalytics.js","sourceRoot":"","sources":["../../../src/hooks/useAnalytics.ts"],"names":[],"mappings":"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","sourcesContent":["import axios from \"axios\";\n\nimport pkg from \"../../package.json\";\n\nimport { useReactifySearchContext } from \"../hooks\";\nimport { debug } from \"../utility\";\n\nfunction getCookie(name: string): string {\n  try {\n    const cookie = `; ${document.cookie}`.split(`; ${name}=`);\n    if (cookie.length === 2) {\n      return cookie.pop()?.split(\";\").shift() ?? \"\";\n    }\n  } catch (error) {\n    console.error(error);\n  }\n\n  return \"\";\n}\n\nexport const useAnalytics = () => {\n  const { options } = useReactifySearchContext();\n  const url = \"https://analytics.search.reactify.app/record/\";\n  const track = async (event: TrackEvent) => {\n    if (!options.shopifyPermanentDomain) {\n      console.warn(\n        new Error(\n          'Unable to send tracking event, missing value for \"shopifyPermanentDomain\".'\n        )\n      );\n\n      return;\n    }\n\n    debug.log(\"useAnalytics\", \"track\", event);\n\n    const events = getTrackEvents(event);\n    return axios.post(\n      url,\n      { events },\n      {\n        headers: {\n          \"X-Reactify-Tenant\": options.shopifyPermanentDomain,\n          \"X-Reactify-Client\": getCookie(\"_rs_ga\"),\n          \"X-Reactify-Version\": pkg.version,\n        },\n      }\n    );\n  };\n\n  return { track };\n};\n\nfunction getTrackEvents(event: TrackEvent): TrackEvent[] {\n  const { eventName } = event;\n  let events: TrackEvent[] = [];\n\n  switch (eventName) {\n    case \"search\":\n      events = [\n        {\n          eventName,\n          payload: {\n            ...event.payload,\n            searchTerm: event.payload.searchTerm.trim(),\n          },\n        },\n      ];\n\n      break;\n\n    case \"zeroResults\":\n      events = [\n        {\n          eventName,\n          payload: {\n            ...event.payload,\n            searchTerm: event.payload.searchTerm.trim(),\n          },\n        },\n      ];\n\n      break;\n\n    case \"viewProduct\":\n      events = [\n        {\n          eventName,\n          payload: event.payload,\n        },\n      ];\n\n      break;\n\n    case \"clickProduct\":\n      events = [\n        {\n          eventName,\n          payload: event.payload,\n        },\n      ];\n\n      break;\n\n    case \"viewPromotion\":\n      events = [\n        {\n          eventName,\n          payload: event.payload,\n        },\n      ];\n\n      break;\n\n    case \"clickPromotion\":\n      events = [\n        {\n          eventName,\n          payload: event.payload,\n        },\n      ];\n\n      break;\n\n    case \"paginationChange\":\n      events = [\n        {\n          eventName,\n          payload: event.payload,\n        },\n      ];\n\n      break;\n\n    case \"sortChange\":\n      events = [\n        {\n          eventName,\n          payload: event.payload,\n        },\n      ];\n\n      break;\n\n    case \"filterChange\":\n      events = [\n        {\n          eventName,\n          payload: event.payload,\n        },\n      ];\n\n      break;\n  }\n\n  return events;\n}\n\nexport type TrackEvent =\n  | TrackEvent.SearchEvent\n  | TrackEvent.ZeroResultsEvent\n  | TrackEvent.ViewProductEvent\n  | TrackEvent.ClickProductEvent\n  | TrackEvent.ViewPromotionEvent\n  | TrackEvent.ClickPromotionEvent\n  | TrackEvent.PaginationChangeEvent\n  | TrackEvent.SortChangeEvent\n  | TrackEvent.FilterChangeEvent;\n\nexport namespace TrackEvent {\n  export interface SearchEvent {\n    eventName: \"search\";\n    payload: SearchEvent.Payload;\n  }\n\n  export namespace SearchEvent {\n    export interface Payload {\n      searchTerm: string;\n    }\n  }\n\n  export interface ZeroResultsEvent {\n    eventName: \"zeroResults\";\n    payload: ZeroResultsEvent.Payload;\n  }\n\n  export namespace ZeroResultsEvent {\n    export interface Payload {\n      searchTerm: string;\n    }\n  }\n\n  export interface ViewProductEvent {\n    eventName: \"viewProduct\";\n    payload: ViewProductEvent.Payload;\n  }\n\n  export namespace ViewProductEvent {\n    export interface Payload {\n      elasticProduct: ElasticProduct;\n    }\n  }\n\n  export interface ClickProductEvent {\n    eventName: \"clickProduct\";\n    payload: ClickProductEvent.Payload;\n  }\n\n  export namespace ClickProductEvent {\n    export interface Payload {\n      elasticProduct: ElasticProduct;\n    }\n  }\n\n  export interface ViewPromotionEvent {\n    eventName: \"viewPromotion\";\n    payload: ViewPromotionEvent.Payload;\n  }\n\n  export namespace ViewPromotionEvent {\n    export interface Payload {\n      link: string;\n      title: string;\n    }\n  }\n\n  export interface ClickPromotionEvent {\n    eventName: \"clickPromotion\";\n    payload: ClickPromotionEvent.Payload;\n  }\n\n  export namespace ClickPromotionEvent {\n    export interface Payload {\n      link: string;\n      title: string;\n    }\n  }\n\n  export interface PaginationChangeEvent {\n    eventName: \"paginationChange\";\n    payload: PaginationChangeEvent.Payload;\n  }\n\n  export namespace PaginationChangeEvent {\n    export interface Payload {\n      page: number;\n      source: \"search\" | \"collection\";\n    }\n  }\n\n  export interface SortChangeEvent {\n    eventName: \"sortChange\";\n    payload: SortChangeEvent.Payload;\n  }\n\n  export namespace SortChangeEvent {\n    export interface Payload {\n      type: string;\n    }\n  }\n\n  export interface FilterChangeEvent {\n    eventName: \"filterChange\";\n    payload: FilterChangeEvent.Payload;\n  }\n\n  export namespace FilterChangeEvent {\n    export interface Payload {\n      name: string;\n      value: string;\n    }\n  }\n\n  export interface ElasticProduct {\n    id: number;\n    title: string;\n  }\n}\n"]}
+{"version":3,"file":"useAnalytics.js","sourceRoot":"","sources":["../../../src/hooks/useAnalytics.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,oCAAoD;AACpD,wCAAmC;AAE5B,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,gCAAwB,GAAE,CAAC;IAC/C,MAAM,GAAG,GAAG,+CAA+C,CAAC;IAC5D,MAAM,KAAK,GAAG,CAAO,KAAiB,EAAE,EAAE;QACxC,IAAI,CAAC,OAAO,CAAC,sBAAsB,EAAE;YACnC,OAAO,CAAC,IAAI,CACV,IAAI,KAAK,CACP,4EAA4E,CAC7E,CACF,CAAC;YAEF,OAAO;SACR;QAED,eAAK,CAAC,GAAG,CAAC,cAAc,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;QAE1C,MAAM,MAAM,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;QACrC,OAAO,eAAK,CAAC,IAAI,CACf,GAAG,EACH,EAAE,MAAM,EAAE,EACV,EAAE,OAAO,EAAE,EAAE,mBAAmB,EAAE,OAAO,CAAC,sBAAsB,EAAE,EAAE,CACrE,CAAC;IACJ,CAAC,CAAA,CAAC;IAEF,OAAO,EAAE,KAAK,EAAE,CAAC;AACnB,CAAC,CAAC;AAzBW,QAAA,YAAY,gBAyBvB;AAEF,SAAS,cAAc,CAAC,KAAiB;IACvC,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC5B,IAAI,MAAM,GAAiB,EAAE,CAAC;IAE9B,QAAQ,SAAS,EAAE;QACjB,KAAK,QAAQ;YACX,MAAM,GAAG;gBACP;oBACE,SAAS;oBACT,OAAO,EAAE,KAAK,CAAC,OAAO;iBACvB;aACF,CAAC;YAEF,MAAM;QAER,KAAK,aAAa;YAChB,MAAM,GAAG;gBACP;oBACE,SAAS;oBACT,OAAO,EAAE,KAAK,CAAC,OAAO;iBACvB;aACF,CAAC;YAEF,MAAM;QAER,KAAK,aAAa;YAChB,MAAM,GAAG;gBACP;oBACE,SAAS;oBACT,OAAO,EAAE,KAAK,CAAC,OAAO;iBACvB;aACF,CAAC;YAEF,MAAM;QAER,KAAK,cAAc;YACjB,MAAM,GAAG;gBACP;oBACE,SAAS;oBACT,OAAO,EAAE,KAAK,CAAC,OAAO;iBACvB;aACF,CAAC;YAEF,MAAM;QAER,KAAK,eAAe;YAClB,MAAM,GAAG;gBACP;oBACE,SAAS;oBACT,OAAO,EAAE,KAAK,CAAC,OAAO;iBACvB;aACF,CAAC;YAEF,MAAM;QAER,KAAK,gBAAgB;YACnB,MAAM,GAAG;gBACP;oBACE,SAAS;oBACT,OAAO,EAAE,KAAK,CAAC,OAAO;iBACvB;aACF,CAAC;YAEF,MAAM;QAER,KAAK,kBAAkB;YACrB,MAAM,GAAG;gBACP;oBACE,SAAS;oBACT,OAAO,EAAE,KAAK,CAAC,OAAO;iBACvB;aACF,CAAC;YAEF,MAAM;QAER,KAAK,YAAY;YACf,MAAM,GAAG;gBACP;oBACE,SAAS;oBACT,OAAO,EAAE,KAAK,CAAC,OAAO;iBACvB;aACF,CAAC;YAEF,MAAM;QAER,KAAK,cAAc;YACjB,MAAM,GAAG;gBACP;oBACE,SAAS;oBACT,OAAO,EAAE,KAAK,CAAC,OAAO;iBACvB;aACF,CAAC;YAEF,MAAM;KACT;IAED,OAAO,MAAM,CAAC;AAChB,CAAC","sourcesContent":["import axios from \"axios\";\n\nimport { useReactifySearchContext } from \"../hooks\";\nimport { debug } from \"../utility\";\n\nexport const useAnalytics = () => {\n  const { options } = useReactifySearchContext();\n  const url = \"https://analytics.search.reactify.app/record/\";\n  const track = async (event: TrackEvent) => {\n    if (!options.shopifyPermanentDomain) {\n      console.warn(\n        new Error(\n          'Unable to send tracking event, missing value for \"shopifyPermanentDomain\".'\n        )\n      );\n\n      return;\n    }\n\n    debug.log(\"useAnalytics\", \"track\", event);\n\n    const events = getTrackEvents(event);\n    return axios.post(\n      url,\n      { events },\n      { headers: { \"X-Reactify-Tenant\": options.shopifyPermanentDomain } }\n    );\n  };\n\n  return { track };\n};\n\nfunction getTrackEvents(event: TrackEvent): TrackEvent[] {\n  const { eventName } = event;\n  let events: TrackEvent[] = [];\n\n  switch (eventName) {\n    case \"search\":\n      events = [\n        {\n          eventName,\n          payload: event.payload,\n        },\n      ];\n\n      break;\n\n    case \"zeroResults\":\n      events = [\n        {\n          eventName,\n          payload: event.payload,\n        },\n      ];\n\n      break;\n\n    case \"viewProduct\":\n      events = [\n        {\n          eventName,\n          payload: event.payload,\n        },\n      ];\n\n      break;\n\n    case \"clickProduct\":\n      events = [\n        {\n          eventName,\n          payload: event.payload,\n        },\n      ];\n\n      break;\n\n    case \"viewPromotion\":\n      events = [\n        {\n          eventName,\n          payload: event.payload,\n        },\n      ];\n\n      break;\n\n    case \"clickPromotion\":\n      events = [\n        {\n          eventName,\n          payload: event.payload,\n        },\n      ];\n\n      break;\n\n    case \"paginationChange\":\n      events = [\n        {\n          eventName,\n          payload: event.payload,\n        },\n      ];\n\n      break;\n\n    case \"sortChange\":\n      events = [\n        {\n          eventName,\n          payload: event.payload,\n        },\n      ];\n\n      break;\n\n    case \"filterChange\":\n      events = [\n        {\n          eventName,\n          payload: event.payload,\n        },\n      ];\n\n      break;\n  }\n\n  return events;\n}\n\nexport type TrackEvent =\n  | TrackEvent.SearchEvent\n  | TrackEvent.ZeroResultsEvent\n  | TrackEvent.ViewProductEvent\n  | TrackEvent.ClickProductEvent\n  | TrackEvent.ViewPromotionEvent\n  | TrackEvent.ClickPromotionEvent\n  | TrackEvent.PaginationChangeEvent\n  | TrackEvent.SortChangeEvent\n  | TrackEvent.FilterChangeEvent;\n\nexport namespace TrackEvent {\n  export interface SearchEvent {\n    eventName: \"search\";\n    payload: SearchEvent.Payload;\n  }\n\n  export namespace SearchEvent {\n    export interface Payload {\n      searchTerm: string;\n    }\n  }\n\n  export interface ZeroResultsEvent {\n    eventName: \"zeroResults\";\n    payload: ZeroResultsEvent.Payload;\n  }\n\n  export namespace ZeroResultsEvent {\n    export interface Payload {\n      searchTerm: string;\n    }\n  }\n\n  export interface ViewProductEvent {\n    eventName: \"viewProduct\";\n    payload: ViewProductEvent.Payload;\n  }\n\n  export namespace ViewProductEvent {\n    export interface Payload {\n      elasticProduct: ElasticProduct;\n    }\n  }\n\n  export interface ClickProductEvent {\n    eventName: \"clickProduct\";\n    payload: ClickProductEvent.Payload;\n  }\n\n  export namespace ClickProductEvent {\n    export interface Payload {\n      elasticProduct: ElasticProduct;\n    }\n  }\n\n  export interface ViewPromotionEvent {\n    eventName: \"viewPromotion\";\n    payload: ViewPromotionEvent.Payload;\n  }\n\n  export namespace ViewPromotionEvent {\n    export interface Payload {\n      link: string;\n      title: string;\n    }\n  }\n\n  export interface ClickPromotionEvent {\n    eventName: \"clickPromotion\";\n    payload: ClickPromotionEvent.Payload;\n  }\n\n  export namespace ClickPromotionEvent {\n    export interface Payload {\n      link: string;\n      title: string;\n    }\n  }\n\n  export interface PaginationChangeEvent {\n    eventName: \"paginationChange\";\n    payload: PaginationChangeEvent.Payload;\n  }\n\n  export namespace PaginationChangeEvent {\n    export interface Payload {\n      page: number;\n      source: \"search\" | \"collection\";\n    }\n  }\n\n  export interface SortChangeEvent {\n    eventName: \"sortChange\";\n    payload: SortChangeEvent.Payload;\n  }\n\n  export namespace SortChangeEvent {\n    export interface Payload {\n      type: string;\n    }\n  }\n\n  export interface FilterChangeEvent {\n    eventName: \"filterChange\";\n    payload: FilterChangeEvent.Payload;\n  }\n\n  export namespace FilterChangeEvent {\n    export interface Payload {\n      name: string;\n      value: string;\n    }\n  }\n\n  export interface ElasticProduct {\n    id: number;\n    title: string;\n  }\n}\n"]}