@usereactify/search 4.4.1 → 5.0.0-beta.10

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

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+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);
+    return react_1.default.useMemo(() => {
+        var _a;
+        return (Object.assign(Object.assign({}, reactiveFilterSharedProps), { showFilter: (_a = filter.settingsShowFilter) !== null && _a !== void 0 ? _a : true, showRadio: false, showCheckbox: false }));
+    }, [filter, reactiveReactProp]);
+};
+exports.useReactiveFilterRangeProps = useReactiveFilterRangeProps;
+//# sourceMappingURL=useReactiveFilterRangeProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useReactiveFilterRangeProps.js","sourceRoot":"","sources":["../../../../src/hooks/reactivesearch/useReactiveFilterRangeProps.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,iFAA8E;AAE9E,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,OAAO,eAAK,CAAC,OAAO,CAClB,GAAG,EAAE;;QAAC,OAAA,iCACD,yBAAyB,KAC5B,UAAU,EAAE,MAAA,MAAM,CAAC,kBAAkB,mCAAI,IAAI,EAC7C,SAAS,EAAE,KAAK,EAChB,YAAY,EAAE,KAAK,IACnB,CAAA;KAAA,EACF,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAC5B,CAAC;AACJ,CAAC,CAAC;AAbW,QAAA,2BAA2B,+BAatC","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 SingleRange and MultiRange components\n */\nexport const useReactiveFilterRangeProps = (filter: ConfigFilterOption) => {\n  const reactiveReactProp = useReactiveReactProp(filter.handle);\n  const reactiveFilterSharedProps = useReactiveFilterSharedProps(filter);\n\n  return React.useMemo(\n    () => ({\n      ...reactiveFilterSharedProps,\n      showFilter: filter.settingsShowFilter ?? true,\n      showRadio: false,\n      showCheckbox: false,\n    }),\n    [filter, reactiveReactProp]\n  );\n};\n"]}

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

@@ -0,0 +1,67 @@
+import type { ConfigFilterOption } from "../../types/config";
+/**
+ * For use with all @appbaseio/reactivesearch filter components
+ */
+export declare const useReactiveFilterSharedProps: (filter: ConfigFilterOption) => {
+    nestedField: string | undefined;
+    customQuery: ((value?: string | string[] | undefined) => {
+        query?: undefined;
+    } | {
+        query: {
+            nested: {
+                path: string;
+                query: {
+                    bool: {
+                        must: ({
+                            match: {
+                                "variants.available": string;
+                            };
+                            terms?: undefined;
+                        } | {
+                            terms: {
+                                [x: string]: string[];
+                            };
+                            match?: undefined;
+                        })[];
+                    };
+                };
+            };
+        };
+    }) | undefined;
+    defaultQuery: (() => {
+        aggs: {
+            reactivesearch_nested: {
+                nested: {
+                    path: string;
+                };
+                aggs: {
+                    reactify_nested_outer: {
+                        filter: {
+                            match: {
+                                "variants.available": string;
+                            };
+                        };
+                        aggs: {
+                            [x: string]: {
+                                terms: {
+                                    field: string;
+                                    size: number;
+                                    order: {
+                                        _count: string;
+                                    };
+                                };
+                            };
+                        };
+                    };
+                };
+            };
+        };
+    }) | undefined;
+    URLParams: boolean;
+    componentId: string;
+    dataField: string;
+    filterLabel: string;
+    react: {
+        and: string[];
+    };
+};

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

@@ -0,0 +1,106 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useReactiveFilterSharedProps = void 0;
+const react_1 = __importDefault(require("react"));
+const useReactiveReactProp_1 = require("./useReactiveReactProp");
+/**
+ * For use with all @appbaseio/reactivesearch filter components
+ */
+const useReactiveFilterSharedProps = (filter) => {
+    const reactiveReactProp = (0, useReactiveReactProp_1.useReactiveReactProp)(filter.handle);
+    const nestedField = react_1.default.useMemo(() => {
+        const nestedFields = ["variants"];
+        const topField = filter.field.split(".")[0];
+        if (nestedFields.includes(topField))
+            return topField;
+        return undefined;
+    }, [filter]);
+    // define a custom query for when settingsHideUnavailable is enabled and the target field is inside variants
+    // customQuery defines how this filter affects *other* components like the results component
+    const customQuery = react_1.default.useMemo(() => {
+        if (!filter.settingsHideUnavailable ||
+            !filter.field.startsWith("variants."))
+            return undefined;
+        return (value) => {
+            if (!value)
+                return {};
+            // reactivesearch sometimes returns string, sometimes string[]
+            const valueArray = "string" === typeof value ? [value] : value;
+            if (0 === valueArray.length)
+                return {};
+            return {
+                query: {
+                    nested: {
+                        path: "variants",
+                        query: {
+                            bool: {
+                                must: [
+                                    {
+                                        match: {
+                                            "variants.available": "true",
+                                        },
+                                    },
+                                    {
+                                        terms: {
+                                            [filter.field]: valueArray,
+                                        },
+                                    },
+                                ],
+                            },
+                        },
+                    },
+                },
+            };
+        };
+    }, [filter]);
+    // define a default query for when settingsHideUnavailable is enabled and the target field is inside variants
+    // defaultQuery defines how this filter affects itself i.e. the options displayed
+    const defaultQuery = react_1.default.useMemo(() => {
+        if (!filter.settingsHideUnavailable ||
+            !filter.field.startsWith("variants."))
+            return undefined;
+        // override the aggregation query to filter the results by the variants.available attribute
+        return () => {
+            return {
+                aggs: {
+                    reactivesearch_nested: {
+                        nested: { path: "variants" },
+                        aggs: {
+                            reactify_nested_outer: {
+                                filter: {
+                                    match: {
+                                        "variants.available": "true",
+                                    },
+                                },
+                                aggs: {
+                                    [filter.field]: {
+                                        terms: {
+                                            field: filter.field,
+                                            size: 100,
+                                            order: { _count: "desc" },
+                                        },
+                                    },
+                                },
+                            },
+                        },
+                    },
+                },
+            };
+        };
+    }, [filter]);
+    return react_1.default.useMemo(() => ({
+        nestedField,
+        customQuery,
+        defaultQuery,
+        URLParams: true,
+        componentId: filter.handle,
+        dataField: filter.field,
+        filterLabel: filter.name,
+        react: reactiveReactProp,
+    }), [filter, reactiveReactProp]);
+};
+exports.useReactiveFilterSharedProps = useReactiveFilterSharedProps;
+//# sourceMappingURL=useReactiveFilterSharedProps.js.map

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

@@ -0,0 +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);\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  return 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"]}

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

@@ -0,0 +1,68 @@
+import type { ConfigFilterOption } from "../../types/config";
+/**
+ * For use with @appbaseio/reactivesearch RangeSlider component
+ */
+export declare const useReactiveFilterSliderProps: (filter: ConfigFilterOption) => {
+    showFilter: boolean;
+    nestedField: string | undefined;
+    customQuery: ((value?: string | string[] | undefined) => {
+        query?: undefined;
+    } | {
+        query: {
+            nested: {
+                path: string;
+                query: {
+                    bool: {
+                        must: ({
+                            match: {
+                                "variants.available": string;
+                            };
+                            terms?: undefined;
+                        } | {
+                            terms: {
+                                [x: string]: string[];
+                            };
+                            match?: undefined;
+                        })[];
+                    };
+                };
+            };
+        };
+    }) | undefined;
+    defaultQuery: (() => {
+        aggs: {
+            reactivesearch_nested: {
+                nested: {
+                    path: string;
+                };
+                aggs: {
+                    reactify_nested_outer: {
+                        filter: {
+                            match: {
+                                "variants.available": string;
+                            };
+                        };
+                        aggs: {
+                            [x: string]: {
+                                terms: {
+                                    field: string;
+                                    size: number;
+                                    order: {
+                                        _count: string;
+                                    };
+                                };
+                            };
+                        };
+                    };
+                };
+            };
+        };
+    }) | undefined;
+    URLParams: boolean;
+    componentId: string;
+    dataField: string;
+    filterLabel: string;
+    react: {
+        and: string[];
+    };
+};

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

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+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);
+    return react_1.default.useMemo(() => {
+        var _a;
+        return (Object.assign(Object.assign({}, reactiveFilterSharedProps), { showFilter: (_a = filter.settingsShowFilter) !== null && _a !== void 0 ? _a : true }));
+    }, [filter, reactiveReactProp]);
+};
+exports.useReactiveFilterSliderProps = useReactiveFilterSliderProps;
+//# sourceMappingURL=useReactiveFilterSliderProps.js.map

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

@@ -0,0 +1 @@
+{"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,OAAO,eAAK,CAAC,OAAO,CAClB,GAAG,EAAE;;QAAC,OAAA,iCACD,yBAAyB,KAC5B,UAAU,EAAE,MAAA,MAAM,CAAC,kBAAkB,mCAAI,IAAI,IAC7C,CAAA;KAAA,EACF,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAC5B,CAAC;AACJ,CAAC,CAAC;AAXW,QAAA,4BAA4B,gCAWvC","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  return React.useMemo(\n    () => ({\n      ...reactiveFilterSharedProps,\n      showFilter: filter.settingsShowFilter ?? true,\n    }),\n    [filter, reactiveReactProp]\n  );\n};\n"]}

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

@@ -5,21 +5,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useReactiveReactProp = void 0;
 const react_1 = __importDefault(require("react"));
-const sensor_1 = require("../../sensor");
-const useFilters_1 = require("../useFilters");
-const provider_1 = require("../../provider");
+const hooks_1 = require("../../hooks");
+const components_1 = require("../../components");
 const useReactiveReactProp = (currentHandle) => {
-    const filters = (0, useFilters_1.useFilters)();
-    const { additionalComponentHandles } = (0, provider_1.useContext)();
+    const { options } = (0, hooks_1.useReactifySearchContext)();
+    const { filters } = (0, hooks_1.useFilters)();
     return react_1.default.useMemo(() => {
+        var _a;
         return {
             and: [
                 "SearchInput",
-                ...sensor_1.SENSOR_IDS,
-                ...(additionalComponentHandles !== null && additionalComponentHandles !== void 0 ? additionalComponentHandles : []),
+                ...components_1.SENSOR_IDS,
+                ...((_a = options.additionalComponentHandles) !== null && _a !== void 0 ? _a : []),
                 ...filters.map((filter) => filter.handle),
             ].filter((handle) => handle !== currentHandle),
         };
-    }, [filters, currentHandle]);
+    }, [filters, currentHandle, options.additionalComponentHandles]);
 };
 exports.useReactiveReactProp = useReactiveReactProp;
+//# sourceMappingURL=useReactiveReactProp.js.map

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

@@ -0,0 +1 @@
+{"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,OAAO,EAAE,GAAG,IAAA,kBAAU,GAAE,CAAC;IAEjC,OAAO,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;;QACxB,OAAO;YACL,GAAG,EAAE;gBACH,aAAa;gBACb,GAAG,uBAAU;gBACb,GAAG,CAAC,MAAA,OAAO,CAAC,0BAA0B,mCAAI,EAAE,CAAC;gBAC7C,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC;aAC1C,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,KAAK,aAAa,CAAC;SAC/C,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,EAAE,OAAO,CAAC,0BAA0B,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 { filters } = useFilters();\n\n  return React.useMemo(() => {\n    return {\n      and: [\n        \"SearchInput\",\n        ...SENSOR_IDS,\n        ...(options.additionalComponentHandles ?? []),\n        ...filters.map((filter) => filter.handle),\n      ].filter((handle) => handle !== currentHandle),\n    };\n  }, [filters, currentHandle, options.additionalComponentHandles]);\n};\n"]}

package/dist/src/hooks/reactivesearch/{useReactiveResultListProps.d.ts → useReactiveResultStackProps.d.ts}

@@ -1,7 +1,6 @@
-declare type Props = {
+export declare const useReactiveResultStackProps: (options: {
     pageSize?: number;
-};
-export declare const useReactiveResultListProps: (props?: Props) => {
+}) => {
     size: number;
     URLParams: boolean;
     showLoader: boolean;
@@ -16,4 +15,3 @@ export declare const useReactiveResultListProps: (props?: Props) => {
     infiniteScroll: boolean;
     renderNoResults: () => null;
 };
-export {};

package/dist/src/hooks/reactivesearch/{useReactiveResultListProps.js → useReactiveResultStackProps.js}

@@ -3,18 +3,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useReactiveResultListProps = void 0;
+exports.useReactiveResultStackProps = void 0;
 const react_1 = __importDefault(require("react"));
 const hooks_1 = require("../../hooks");
 const useReactiveReactProp_1 = require("./useReactiveReactProp");
-const useReactiveResultListProps = (props = {}) => {
-    const { pageSize } = props;
-    const filterStack = (0, hooks_1.useFilterStack)();
+const useReactiveResultStackProps = (options) => {
+    const { filterStack } = (0, hooks_1.useFilterStack)();
     const reactiveReactProp = (0, useReactiveReactProp_1.useReactiveReactProp)();
     const size = react_1.default.useMemo(() => {
-        var _a;
-        return (_a = pageSize !== null && pageSize !== void 0 ? pageSize : filterStack === null || filterStack === void 0 ? void 0 : filterStack.pageSize) !== null && _a !== void 0 ? _a : 20;
-    }, [pageSize, filterStack]);
+        var _a, _b;
+        return (_b = (_a = options.pageSize) !== null && _a !== void 0 ? _a : filterStack === null || filterStack === void 0 ? void 0 : filterStack.pageSize) !== null && _b !== void 0 ? _b : 20;
+    }, [options.pageSize, filterStack]);
     return react_1.default.useMemo(() => ({
         size,
         URLParams: true,
@@ -27,6 +26,7 @@ const useReactiveResultListProps = (props = {}) => {
         pagination: (filterStack === null || filterStack === void 0 ? void 0 : filterStack.paginationType) !== "infinite_scroll",
         infiniteScroll: (filterStack === null || filterStack === void 0 ? void 0 : filterStack.paginationType) === "infinite_scroll",
         renderNoResults: () => null, // always use only render, otherwise both are shown
-    }), [filterStack, reactiveReactProp, pageSize]);
+    }), [filterStack, reactiveReactProp, options.pageSize]);
 };
-exports.useReactiveResultListProps = useReactiveResultListProps;
+exports.useReactiveResultStackProps = useReactiveResultStackProps;
+//# sourceMappingURL=useReactiveResultStackProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useReactiveResultStackProps.js","sourceRoot":"","sources":["../../../../src/hooks/reactivesearch/useReactiveResultStackProps.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,uCAA6C;AAC7C,iEAA8D;AAEvD,MAAM,2BAA2B,GAAG,CAAC,OAA8B,EAAE,EAAE;IAC5E,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,sBAAc,GAAE,CAAC;IACzC,MAAM,iBAAiB,GAAG,IAAA,2CAAoB,GAAE,CAAC;IAEjD,MAAM,IAAI,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;;QAC9B,OAAO,MAAA,MAAA,OAAO,CAAC,QAAQ,mCAAI,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,mCAAI,EAAE,CAAC;IACzD,CAAC,EAAE,CAAC,OAAO,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;IAEpC,OAAO,eAAK,CAAC,OAAO,CAClB,GAAG,EAAE,CAAC,CAAC;QACL,IAAI;QACJ,SAAS,EAAE,IAAI;QACf,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,OAAO;QAClB,eAAe,EAAE,KAAK;QACtB,KAAK,EAAE,iBAAiB;QACxB,WAAW,EAAE,MAAM;QACnB,cAAc,EAAE,KAAK;QACrB,UAAU,EAAE,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,cAAc,MAAK,iBAAiB;QAC7D,cAAc,EAAE,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,cAAc,MAAK,iBAAiB;QACjE,eAAe,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE,mDAAmD;KACjF,CAAC,EACF,CAAC,WAAW,EAAE,iBAAiB,EAAE,OAAO,CAAC,QAAQ,CAAC,CACnD,CAAC;AACJ,CAAC,CAAC;AAxBW,QAAA,2BAA2B,+BAwBtC","sourcesContent":["import React from \"react\";\n\nimport { useFilterStack } from \"../../hooks\";\nimport { useReactiveReactProp } from \"./useReactiveReactProp\";\n\nexport const useReactiveResultStackProps = (options: { pageSize?: number }) => {\n  const { filterStack } = useFilterStack();\n  const reactiveReactProp = useReactiveReactProp();\n\n  const size = React.useMemo(() => {\n    return options.pageSize ?? filterStack?.pageSize ?? 20;\n  }, [options.pageSize, filterStack]);\n\n  return React.useMemo(\n    () => ({\n      size,\n      URLParams: true,\n      showLoader: false,\n      dataField: \"title\",\n      showResultStats: false,\n      react: reactiveReactProp,\n      componentId: \"page\", // this sets ?page= in the URL\n      scrollOnChange: false, // @todo make this better, it's really janky when enabled\n      pagination: filterStack?.paginationType !== \"infinite_scroll\",\n      infiniteScroll: filterStack?.paginationType === \"infinite_scroll\",\n      renderNoResults: () => null, // always use only render, otherwise both are shown\n    }),\n    [filterStack, reactiveReactProp, options.pageSize]\n  );\n};\n"]}

package/dist/src/hooks/useAnalytics.js

@@ -14,17 +14,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAnalytics = void 0;
 const axios_1 = __importDefault(require("axios"));
-const provider_1 = require("../provider");
+const hooks_1 = require("../hooks");
+const utility_1 = require("../utility");
 const useAnalytics = () => {
-    const { shopifyPermanentDomain } = (0, provider_1.useContext)();
+    const { options } = (0, hooks_1.useReactifySearchContext)();
     const url = "https://analytics.search.reactify.app/record/";
     const track = (event) => __awaiter(void 0, void 0, void 0, function* () {
-        if (!shopifyPermanentDomain) {
+        if (!options.shopifyPermanentDomain) {
             console.warn(new Error('Unable to send tracking event, missing value for "shopifyPermanentDomain".'));
             return;
         }
+        utility_1.debug.log("useAnalytics", "track", event);
         const events = getTrackEvents(event);
-        return axios_1.default.post(url, { events }, { headers: { "X-Reactify-Tenant": shopifyPermanentDomain } });
+        return axios_1.default.post(url, { events }, { headers: { "X-Reactify-Tenant": options.shopifyPermanentDomain } });
     });
     return { track };
 };
@@ -108,3 +110,4 @@ function getTrackEvents(event) {
     }
     return events;
 }
+//# sourceMappingURL=useAnalytics.js.map

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

@@ -0,0 +1 @@
+{"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"]}

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

@@ -1 +1,4 @@
-export declare const useConfig: () => import("..").Config;
+import { Config } from "../types/config";
+export declare const useConfig: (shopifyPermanentDomain: string, configId?: string | undefined) => {
+    config: Config | undefined;
+};

package/dist/src/hooks/useConfig.js

@@ -1,6 +1,83 @@
 "use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useConfig = void 0;
-const provider_1 = require("../provider");
-const useConfig = () => (0, provider_1.useContext)().config;
+const react_1 = __importDefault(require("react"));
+const utility_1 = require("../utility");
+// 5 minute cache expiry
+const CACHE_EXPIRY = 5 * 60 * 1000;
+const useConfig = (shopifyPermanentDomain, configId) => {
+    // synchronously returns cached and non-expired config from session storage
+    const cachedConfig = react_1.default.useMemo(() => {
+        var _a;
+        if (typeof window === "undefined") {
+            return;
+        }
+        utility_1.debug.log("useConfig", "checking config cache");
+        // skip checking cache if url search param "nocache" is set
+        const skipCache = new URLSearchParams(window.location.href.split("?")[1]).get("nocache") !==
+            null;
+        if (skipCache) {
+            utility_1.debug.log("config cache is disabled");
+            return;
+        }
+        const sessionConfig = JSON.parse((_a = window.sessionStorage.getItem("reactify-search:config")) !== null && _a !== void 0 ? _a : "null");
+        if (sessionConfig) {
+            const sessionConfigTtl = sessionConfig.expiresAt - Date.now();
+            if (sessionConfigTtl > 0) {
+                utility_1.debug.log("useConfig", `config cache valid, expires in ${(sessionConfigTtl / 1000).toFixed()} seconds`);
+                return sessionConfig.config;
+            }
+            else {
+                utility_1.debug.log("useConfig", `config cache invalid, expired ${((sessionConfigTtl * -1) /
+                    1000).toFixed()} seconds ago`);
+            }
+        }
+        return;
+    }, []);
+    const [config, setConfig] = react_1.default.useState(cachedConfig);
+    react_1.default.useEffect(() => {
+        if (config) {
+            return;
+        }
+        (() => __awaiter(void 0, void 0, void 0, function* () {
+            utility_1.debug.log("useConfig", "loading fresh config");
+            const searchParams = new URLSearchParams();
+            searchParams.set("shop", shopifyPermanentDomain);
+            if (configId) {
+                searchParams.set("id", configId);
+            }
+            const skipCache = new URLSearchParams(window.location.href.split("?")[1]).get("nocache") !== null;
+            if (skipCache) {
+                searchParams.set("nocache", "true");
+            }
+            const json = yield fetch(`https://config.search.reactify.app/?${searchParams.toString()}`).then((response) => response.json());
+            setConfig(json.body);
+            utility_1.debug.log("useConfig", "loaded fresh config");
+            window.sessionStorage.setItem("reactify-search:config", JSON.stringify({
+                expiresAt: new Date().getTime() + CACHE_EXPIRY,
+                noCache: skipCache,
+                config: json.body,
+            }));
+        }))();
+    }, [shopifyPermanentDomain, configId]);
+    react_1.default.useEffect(() => {
+        utility_1.debug.log("useConfig", "config", config);
+    }, [config]);
+    return {
+        config,
+    };
+};
 exports.useConfig = useConfig;
+//# sourceMappingURL=useConfig.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useConfig.js","sourceRoot":"","sources":["../../../src/hooks/useConfig.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,kDAA0B;AAG1B,wCAAmC;AAEnC,wBAAwB;AACxB,MAAM,YAAY,GAAG,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC;AAE5B,MAAM,SAAS,GAAG,CACvB,sBAA8B,EAC9B,QAAiB,EAGjB,EAAE;IACF,2EAA2E;IAC3E,MAAM,YAAY,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;;QACtC,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;YACjC,OAAO;SACR;QACD,eAAK,CAAC,GAAG,CAAC,WAAW,EAAE,uBAAuB,CAAC,CAAC;QAEhD,2DAA2D;QAC3D,MAAM,SAAS,GACb,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC;YACtE,IAAI,CAAC;QACP,IAAI,SAAS,EAAE;YACb,eAAK,CAAC,GAAG,CAAC,0BAA0B,CAAC,CAAC;YAEtC,OAAO;SACR;QAED,MAAM,aAAa,GAGR,IAAI,CAAC,KAAK,CACnB,MAAA,MAAM,CAAC,cAAc,CAAC,OAAO,CAAC,wBAAwB,CAAC,mCAAI,MAAM,CAClE,CAAC;QAEF,IAAI,aAAa,EAAE;YACjB,MAAM,gBAAgB,GAAG,aAAa,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;YAC9D,IAAI,gBAAgB,GAAG,CAAC,EAAE;gBACxB,eAAK,CAAC,GAAG,CACP,WAAW,EACX,kCAAkC,CAChC,gBAAgB,GAAG,IAAI,CACxB,CAAC,OAAO,EAAE,UAAU,CACtB,CAAC;gBAEF,OAAO,aAAa,CAAC,MAAM,CAAC;aAC7B;iBAAM;gBACL,eAAK,CAAC,GAAG,CACP,WAAW,EACX,iCAAiC,CAC/B,CAAC,gBAAgB,GAAG,CAAC,CAAC,CAAC;oBACvB,IAAI,CACL,CAAC,OAAO,EAAE,cAAc,CAC1B,CAAC;aACH;SACF;QAED,OAAO;IACT,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAqB,YAAY,CAAC,CAAC;IAE7E,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,MAAM,EAAE;YACV,OAAO;SACR;QAED,CAAC,GAAS,EAAE;YACV,eAAK,CAAC,GAAG,CAAC,WAAW,EAAE,sBAAsB,CAAC,CAAC;YAC/C,MAAM,YAAY,GAAG,IAAI,eAAe,EAAE,CAAC;YAC3C,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE,sBAAsB,CAAC,CAAC;YAEjD,IAAI,QAAQ,EAAE;gBACZ,YAAY,CAAC,GAAG,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;aAClC;YAED,MAAM,SAAS,GACb,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CACzD,SAAS,CACV,KAAK,IAAI,CAAC;YAEb,IAAI,SAAS,EAAE;gBACb,YAAY,CAAC,GAAG,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;aACrC;YAED,MAAM,IAAI,GAAG,MAAM,KAAK,CACtB,uCAAuC,YAAY,CAAC,QAAQ,EAAE,EAAE,CACjE,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC;YAEtC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAErB,eAAK,CAAC,GAAG,CAAC,WAAW,EAAE,qBAAqB,CAAC,CAAC;YAE9C,MAAM,CAAC,cAAc,CAAC,OAAO,CAC3B,wBAAwB,EACxB,IAAI,CAAC,SAAS,CAAC;gBACb,SAAS,EAAE,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,GAAG,YAAY;gBAC9C,OAAO,EAAE,SAAS;gBAClB,MAAM,EAAE,IAAI,CAAC,IAAI;aAClB,CAAC,CACH,CAAC;QACJ,CAAC,CAAA,CAAC,EAAE,CAAC;IACP,CAAC,EAAE,CAAC,sBAAsB,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEvC,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,eAAK,CAAC,GAAG,CAAC,WAAW,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO;QACL,MAAM;KACP,CAAC;AACJ,CAAC,CAAC;AA1GW,QAAA,SAAS,aA0GpB","sourcesContent":["import React from \"react\";\n\nimport { Config } from \"../types/config\";\nimport { debug } from \"../utility\";\n\n// 5 minute cache expiry\nconst CACHE_EXPIRY = 5 * 60 * 1000;\n\nexport const useConfig = (\n  shopifyPermanentDomain: string,\n  configId?: string\n): {\n  config: Config | undefined;\n} => {\n  // synchronously returns cached and non-expired config from session storage\n  const cachedConfig = React.useMemo(() => {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n    debug.log(\"useConfig\", \"checking config cache\");\n\n    // skip checking cache if url search param \"nocache\" is set\n    const skipCache =\n      new URLSearchParams(window.location.href.split(\"?\")[1]).get(\"nocache\") !==\n      null;\n    if (skipCache) {\n      debug.log(\"config cache is disabled\");\n\n      return;\n    }\n\n    const sessionConfig: {\n      expiresAt: number;\n      config: Config;\n    } | null = JSON.parse(\n      window.sessionStorage.getItem(\"reactify-search:config\") ?? \"null\"\n    );\n\n    if (sessionConfig) {\n      const sessionConfigTtl = sessionConfig.expiresAt - Date.now();\n      if (sessionConfigTtl > 0) {\n        debug.log(\n          \"useConfig\",\n          `config cache valid, expires in ${(\n            sessionConfigTtl / 1000\n          ).toFixed()} seconds`\n        );\n\n        return sessionConfig.config;\n      } else {\n        debug.log(\n          \"useConfig\",\n          `config cache invalid, expired ${(\n            (sessionConfigTtl * -1) /\n            1000\n          ).toFixed()} seconds ago`\n        );\n      }\n    }\n\n    return;\n  }, []);\n\n  const [config, setConfig] = React.useState<Config | undefined>(cachedConfig);\n\n  React.useEffect(() => {\n    if (config) {\n      return;\n    }\n\n    (async () => {\n      debug.log(\"useConfig\", \"loading fresh config\");\n      const searchParams = new URLSearchParams();\n      searchParams.set(\"shop\", shopifyPermanentDomain);\n\n      if (configId) {\n        searchParams.set(\"id\", configId);\n      }\n\n      const skipCache =\n        new URLSearchParams(window.location.href.split(\"?\")[1]).get(\n          \"nocache\"\n        ) !== null;\n\n      if (skipCache) {\n        searchParams.set(\"nocache\", \"true\");\n      }\n\n      const json = await fetch(\n        `https://config.search.reactify.app/?${searchParams.toString()}`\n      ).then((response) => response.json());\n\n      setConfig(json.body);\n\n      debug.log(\"useConfig\", \"loaded fresh config\");\n\n      window.sessionStorage.setItem(\n        \"reactify-search:config\",\n        JSON.stringify({\n          expiresAt: new Date().getTime() + CACHE_EXPIRY,\n          noCache: skipCache,\n          config: json.body,\n        })\n      );\n    })();\n  }, [shopifyPermanentDomain, configId]);\n\n  React.useEffect(() => {\n    debug.log(\"useConfig\", \"config\", config);\n  }, [config]);\n\n  return {\n    config,\n  };\n};\n"]}

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

@@ -1 +1,2 @@
-export declare const useCuration: () => import("..").ConfigCuration | undefined;
+import { ConfigCuration } from "../types";
+export declare const useCuration: () => ConfigCuration | undefined;

package/dist/src/hooks/useCuration.js

@@ -1,6 +1,66 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useCuration = void 0;
-const provider_1 = require("../provider");
-const useCuration = () => (0, provider_1.useContext)().curation;
+const react_1 = __importDefault(require("react"));
+const hooks_1 = require("../hooks");
+const utility_1 = require("../utility");
+const useCuration = () => {
+    const { options, config } = (0, hooks_1.useReactifySearchContext)();
+    const { searchQuery } = (0, hooks_1.useSearch)();
+    const curation = react_1.default.useMemo(() => {
+        const handleOrSearchTerm = options.mode === "collection"
+            ? options.collection
+                ? options.collection.handle
+                : searchQuery
+            : "";
+        const normalisedHandleOrSearchTerm = handleOrSearchTerm
+            .toLowerCase()
+            .trim();
+        const globalCuration = config.curations.find((curation) => curation.id === "global" && curation.type === options.mode);
+        const curation = config.curations.find((curation) => {
+            var _a, _b;
+            const normalisedSearchTerm = (_a = curation.searchTerm) === null || _a === void 0 ? void 0 : _a.toLowerCase().trim();
+            const normalisedCollectionHandle = (_b = curation.collectionHandle) === null || _b === void 0 ? void 0 : _b.toLowerCase().trim();
+            if ("search" === options.mode) {
+                return ("search" === curation.type &&
+                    normalisedHandleOrSearchTerm === normalisedSearchTerm);
+            }
+            if ("collection" === options.mode) {
+                return ("collection" === curation.type &&
+                    normalisedHandleOrSearchTerm === normalisedCollectionHandle);
+            }
+            return false;
+        });
+        const addGlobalBoosting = (curation) => {
+            const curationIsCollection = curation.type === "collection";
+            if (!curationIsCollection) {
+                return curation;
+            }
+            const curationHasRules = !!curation.boosting.groupings.length ||
+                !!curation.boosting.sortings.length;
+            if (curationHasRules || !globalCuration) {
+                return curation;
+            }
+            const curationWithGlobalBoosting = Object.assign(Object.assign({}, curation), { boosting: globalCuration.boosting });
+            return curationWithGlobalBoosting;
+        };
+        return curation
+            ? addGlobalBoosting(curation)
+            : globalCuration
+                ? globalCuration
+                : undefined;
+    }, [
+        config,
+        options.mode === "collection" ? options.collection : undefined,
+        searchQuery,
+    ]);
+    react_1.default.useEffect(() => {
+        utility_1.debug.log("useCuration", "curation", curation);
+    }, [curation]);
+    return curation;
+};
 exports.useCuration = useCuration;
+//# sourceMappingURL=useCuration.js.map