@usereactify/search 5.0.0-beta.0 → 5.0.0-beta.11

package/dist/src/hooks/useCuration.js

@@ -6,11 +6,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useCuration = void 0;
 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)();
-    return react_1.default.useMemo(() => {
-        const handleOrSearchTerm = options.mode === "collection" ? options.collection ? options.collection.handle : searchQuery : "";
+    const curation = react_1.default.useMemo(() => {
+        const handleOrSearchTerm = options.mode === "collection"
+            ? options.collection
+                ? options.collection.handle
+                : searchQuery
+            : "";
         const normalisedHandleOrSearchTerm = handleOrSearchTerm
             .toLowerCase()
             .trim();
@@ -47,6 +52,15 @@ const useCuration = () => {
             : globalCuration
                 ? globalCuration
                 : undefined;
-    }, [config, options.mode === "collection" ? options.collection : undefined, searchQuery]);
+    }, [
+        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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCuration.js","sourceRoot":"","sources":["../../../src/hooks/useCuration.ts"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\n\nimport { ConfigCuration } from \"../types\";\nimport { useReactifySearchContext, useSearch } from \"../hooks\";\nimport { debug } from \"../utility\";\n\nexport const useCuration = (): ConfigCuration | undefined => {\n  const { options, config } = useReactifySearchContext();\n  const { searchQuery } = useSearch();\n\n  const curation = React.useMemo(() => {\n    const handleOrSearchTerm =\n      options.mode === \"collection\"\n        ? options.collection\n          ? options.collection.handle\n          : searchQuery\n        : \"\";\n\n    const normalisedHandleOrSearchTerm = handleOrSearchTerm\n      .toLowerCase()\n      .trim();\n\n    const globalCuration = config.curations.find(\n      (curation) => curation.id === \"global\" && curation.type === options.mode\n    );\n\n    const curation = config.curations.find((curation) => {\n      const normalisedSearchTerm = curation.searchTerm?.toLowerCase().trim();\n      const normalisedCollectionHandle = curation.collectionHandle\n        ?.toLowerCase()\n        .trim();\n\n      if (\"search\" === options.mode) {\n        return (\n          \"search\" === curation.type &&\n          normalisedHandleOrSearchTerm === normalisedSearchTerm\n        );\n      }\n\n      if (\"collection\" === options.mode) {\n        return (\n          \"collection\" === curation.type &&\n          normalisedHandleOrSearchTerm === normalisedCollectionHandle\n        );\n      }\n\n      return false;\n    });\n\n    const addGlobalBoosting = (curation: ConfigCuration) => {\n      const curationIsCollection = curation.type === \"collection\";\n      if (!curationIsCollection) {\n        return curation;\n      }\n\n      const curationHasRules =\n        !!curation.boosting.groupings.length ||\n        !!curation.boosting.sortings.length;\n\n      if (curationHasRules || !globalCuration) {\n        return curation;\n      }\n\n      const curationWithGlobalBoosting = {\n        ...curation,\n        boosting: globalCuration.boosting,\n      } as ConfigCuration;\n\n      return curationWithGlobalBoosting;\n    };\n\n    return curation\n      ? addGlobalBoosting(curation)\n      : globalCuration\n      ? globalCuration\n      : undefined;\n  }, [\n    config,\n    options.mode === \"collection\" ? options.collection : undefined,\n    searchQuery,\n  ]);\n\n  React.useEffect(() => {\n    debug.log(\"useCuration\", \"curation\", curation);\n  }, [curation]);\n\n  return curation;\n};\n"]}

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

@@ -0,0 +1 @@
+export declare const useDebugger: (namespace: string, message: string, value: unknown) => void;

package/dist/src/hooks/useDebugger.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDebugger = void 0;
+const react_1 = __importDefault(require("react"));
+const utility_1 = require("../utility");
+const useDebugger = (namespace, message, value) => {
+    react_1.default.useEffect(() => {
+        utility_1.debug.log(namespace, message, value);
+    }, [value]);
+};
+exports.useDebugger = useDebugger;
+//# sourceMappingURL=useDebugger.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDebugger.js","sourceRoot":"","sources":["../../../src/hooks/useDebugger.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,wCAAmC;AAE5B,MAAM,WAAW,GAAG,CACzB,SAAiB,EACjB,OAAe,EACf,KAAc,EACd,EAAE;IACF,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,eAAK,CAAC,GAAG,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AACd,CAAC,CAAC;AARW,QAAA,WAAW,eAQtB","sourcesContent":["import React from \"react\";\n\nimport { debug } from \"../utility\";\n\nexport const useDebugger = (\n  namespace: string,\n  message: string,\n  value: unknown\n) => {\n  React.useEffect(() => {\n    debug.log(namespace, message, value);\n  }, [value]);\n};\n"]}

package/dist/src/hooks/useFilterCollapsedState.js

@@ -25,3 +25,4 @@ const useFilterCollapsedState = (filter) => {
     };
 };
 exports.useFilterCollapsedState = useFilterCollapsedState;
+//# sourceMappingURL=useFilterCollapsedState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFilterCollapsedState.js","sourceRoot":"","sources":["../../../src/hooks/useFilterCollapsedState.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAInB,MAAM,uBAAuB,GAAG,CAAC,MAA0B,EAMhE,EAAE;IACF,uFAAuF;IACvF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,eAAK,CAAC,QAAQ,CAC9C,MAAM,CAAC,wBAAwB,CAChC,CAAC;IAEF,iGAAiG;IACjG,8CAA8C;IAC9C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAU,CAAC,SAAS,CAAC,CAAC;IAE5E,2CAA2C;IAC3C,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,SAAS;YAAE,eAAe,CAAC,IAAI,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO;QACL,SAAS;QACT,YAAY;QACZ,aAAa,EAAE,eAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;QAC9D,aAAa,EAAE,eAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;QAC/D,eAAe,EAAE,eAAK,CAAC,WAAW,CAChC,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,EAC7C,EAAE,CACH;KACF,CAAC;AACJ,CAAC,CAAC;AA/BW,QAAA,uBAAuB,2BA+BlC","sourcesContent":["import React from \"react\";\n\nimport { ConfigFilterOption } from \"../types/config\";\n\nexport const useFilterCollapsedState = (filter: ConfigFilterOption): {\n  collapsed: boolean;\n  shouldRender: boolean;\n  collapsedShow: () => void;\n  collapsedHide: () => void;\n  collapsedToggle: () => void;\n} => {\n  // @todo use settingsCollapsedDesktop and settingsCollapsedMobile with device detection\n  const [collapsed, setCollapsed] = React.useState<boolean>(\n    filter.settingsCollapsedDesktop\n  );\n\n  // when the filter is shown, it needs to stay rendered or when it's collapsed, the filter context\n  // will be lost which isn't expected behaviour\n  const [shouldRender, setShouldRender] = React.useState<boolean>(!collapsed);\n\n  // enable render when filter is uncollapsed\n  React.useEffect(() => {\n    if (!collapsed) setShouldRender(true);\n  }, [collapsed]);\n\n  return {\n    collapsed,\n    shouldRender,\n    collapsedShow: React.useCallback(() => setCollapsed(true), []),\n    collapsedHide: React.useCallback(() => setCollapsed(false), []),\n    collapsedToggle: React.useCallback(\n      () => setCollapsed((collapsed) => !collapsed),\n      []\n    ),\n  };\n};\n"]}

package/dist/src/hooks/useFilterListProps.js

@@ -5,12 +5,34 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFilterListProps = void 0;
 const react_1 = __importDefault(require("react"));
+const hooks_1 = require("../hooks");
+const utility_1 = require("../utility");
 // converts reactivesearch props returned in filters to a cleaned up/filtered version
 const useFilterListProps = (filter, reactivesearchFilterProps) => {
-    return react_1.default.useMemo(() => {
-        const { data, value } = reactivesearchFilterProps;
+    const { track } = (0, hooks_1.useAnalytics)();
+    const handleChange = react_1.default.useCallback((value) => {
+        utility_1.debug.breadcrumb({
+            category: "filter",
+            message: "filter option changed",
+            data: {
+                filter: filter.name,
+                field: filter.field,
+                value: value,
+            },
+        });
+        utility_1.debug.log("useFilterListProps", "handleChange[value]", value);
+        reactivesearchFilterProps.handleChange(value);
+        track({
+            eventName: "filterChange",
+            payload: {
+                name: filter.name,
+                value: value,
+            },
+        });
+    }, [filter]);
+    const filterListProps = react_1.default.useMemo(() => {
         // remove excluded options, sort alphabeticaly, map checked boolean
-        const options = data
+        const options = reactivesearchFilterProps.data
             .filter(({ key }) => {
             var _a, _b;
             if ((_a = filter.valuesExclude) === null || _a === void 0 ? void 0 : _a.includes(key))
@@ -20,16 +42,22 @@ const useFilterListProps = (filter, reactivesearchFilterProps) => {
             return true;
         })
             .sort((a, b) => a.key.localeCompare(b.key))
-            .map((option) => (Object.assign(Object.assign({}, option), { checked: (typeof value === "object" && value[option.key]) ||
-                value === option.key })));
+            .map((option) => (Object.assign(Object.assign({}, option), { checked: (typeof reactivesearchFilterProps.value === "object" &&
+                reactivesearchFilterProps.value[option.key]) ||
+                reactivesearchFilterProps.value === option.key })));
         // work out if at least one option selected
-        const hasSelected = (typeof value === "object" && 0 < Object.keys(value).length) ||
-            (typeof value !== "object" && !!value);
+        const hasSelected = (typeof reactivesearchFilterProps.value === "object" &&
+            0 < Object.keys(reactivesearchFilterProps.value).length) ||
+            (typeof reactivesearchFilterProps.value !== "object" &&
+                !!reactivesearchFilterProps.value);
         const totalSelected = options.filter((option) => option.checked).length;
-        return Object.assign(Object.assign({}, reactivesearchFilterProps), { filter,
+        return Object.assign(Object.assign({}, reactivesearchFilterProps), { handleChange,
+            filter,
             options,
             hasSelected,
             totalSelected });
-    }, [filter, reactivesearchFilterProps]);
+    }, [filter, handleChange, reactivesearchFilterProps]);
+    return filterListProps;
 };
 exports.useFilterListProps = useFilterListProps;
+//# sourceMappingURL=useFilterListProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFilterListProps.js","sourceRoot":"","sources":["../../../src/hooks/useFilterListProps.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAI1B,oCAAwC;AACxC,wCAAmC;AAEnC,qFAAqF;AAC9E,MAAM,kBAAkB,GAAG,CAChC,MAA0B,EAC1B,yBAAoD,EAUpD,EAAE;IACF,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAEjC,MAAM,YAAY,GAAG,eAAK,CAAC,WAAW,CACpC,CAAC,KAAa,EAAE,EAAE;QAChB,eAAK,CAAC,UAAU,CAAC;YACf,QAAQ,EAAE,QAAQ;YAClB,OAAO,EAAE,uBAAuB;YAChC,IAAI,EAAE;gBACJ,MAAM,EAAE,MAAM,CAAC,IAAI;gBACnB,KAAK,EAAE,MAAM,CAAC,KAAK;gBACnB,KAAK,EAAE,KAAK;aACb;SACF,CAAC,CAAC;QAEH,eAAK,CAAC,GAAG,CAAC,oBAAoB,EAAE,qBAAqB,EAAE,KAAK,CAAC,CAAC;QAE9D,yBAAyB,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QAC9C,KAAK,CAAC;YACJ,SAAS,EAAE,cAAc;YACzB,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM,CAAC,IAAI;gBACjB,KAAK,EAAE,KAAK;aACb;SACF,CAAC,CAAC;IACL,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,MAAM,eAAe,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACzC,mEAAmE;QACnE,MAAM,OAAO,GAAG,yBAAyB,CAAC,IAAI;aAC3C,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE;;YAClB,IAAI,MAAA,MAAM,CAAC,aAAa,0CAAE,QAAQ,CAAC,GAAG,CAAC;gBAAE,OAAO,KAAK,CAAC;YACtD,IAAI,CAAC,CAAC,CAAA,MAAA,MAAM,CAAC,YAAY,0CAAE,MAAM,CAAA,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC;gBACrE,OAAO,KAAK,CAAC;YACf,OAAO,IAAI,CAAC;QACd,CAAC,CAAC;aACD,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;aAC1C,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,iCACZ,MAAM,KACT,OAAO,EACL,CAAC,OAAO,yBAAyB,CAAC,KAAK,KAAK,QAAQ;gBAClD,yBAAyB,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;gBAC9C,yBAAyB,CAAC,KAAK,KAAK,MAAM,CAAC,GAAG,IAChD,CAAC,CAAC;QAEN,2CAA2C;QAC3C,MAAM,WAAW,GACf,CAAC,OAAO,yBAAyB,CAAC,KAAK,KAAK,QAAQ;YAClD,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,yBAAyB,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC;YAC1D,CAAC,OAAO,yBAAyB,CAAC,KAAK,KAAK,QAAQ;gBAClD,CAAC,CAAC,yBAAyB,CAAC,KAAK,CAAC,CAAC;QAEvC,MAAM,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC;QAExE,uCACK,yBAAyB,KAC5B,YAAY;YACZ,MAAM;YACN,OAAO;YACP,WAAW;YACX,aAAa,IACb;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,yBAAyB,CAAC,CAAC,CAAC;IAEtD,OAAO,eAAe,CAAC;AACzB,CAAC,CAAC;AA/EW,QAAA,kBAAkB,sBA+E7B","sourcesContent":["import React from \"react\";\n\nimport { ConfigFilterOption } from \"../types/config\";\nimport { ReactivesearchFilterProps } from \"../types/reactivesearch\";\nimport { useAnalytics } from \"../hooks\";\nimport { debug } from \"../utility\";\n\n// converts reactivesearch props returned in filters to a cleaned up/filtered version\nexport const useFilterListProps = (\n  filter: ConfigFilterOption,\n  reactivesearchFilterProps: ReactivesearchFilterProps\n): ReactivesearchFilterProps & {\n  filter: ConfigFilterOption;\n  options: Array<{\n    doc_count: number;\n    key: string;\n    checked: boolean;\n  }>;\n  hasSelected: boolean;\n  totalSelected: number;\n} => {\n  const { track } = useAnalytics();\n\n  const handleChange = React.useCallback(\n    (value: string) => {\n      debug.breadcrumb({\n        category: \"filter\",\n        message: \"filter option changed\",\n        data: {\n          filter: filter.name,\n          field: filter.field,\n          value: value,\n        },\n      });\n\n      debug.log(\"useFilterListProps\", \"handleChange[value]\", value);\n\n      reactivesearchFilterProps.handleChange(value);\n      track({\n        eventName: \"filterChange\",\n        payload: {\n          name: filter.name,\n          value: value,\n        },\n      });\n    },\n    [filter]\n  );\n\n  const filterListProps = React.useMemo(() => {\n    // remove excluded options, sort alphabeticaly, map checked boolean\n    const options = reactivesearchFilterProps.data\n      .filter(({ key }) => {\n        if (filter.valuesExclude?.includes(key)) return false;\n        if (!!filter.valuesManual?.length && !filter.valuesManual.includes(key))\n          return false;\n        return true;\n      })\n      .sort((a, b) => a.key.localeCompare(b.key))\n      .map((option) => ({\n        ...option,\n        checked:\n          (typeof reactivesearchFilterProps.value === \"object\" &&\n            reactivesearchFilterProps.value[option.key]) ||\n          reactivesearchFilterProps.value === option.key,\n      }));\n\n    // work out if at least one option selected\n    const hasSelected =\n      (typeof reactivesearchFilterProps.value === \"object\" &&\n        0 < Object.keys(reactivesearchFilterProps.value).length) ||\n      (typeof reactivesearchFilterProps.value !== \"object\" &&\n        !!reactivesearchFilterProps.value);\n\n    const totalSelected = options.filter((option) => option.checked).length;\n\n    return {\n      ...reactivesearchFilterProps,\n      handleChange,\n      filter,\n      options,\n      hasSelected,\n      totalSelected,\n    };\n  }, [filter, handleChange, reactivesearchFilterProps]);\n\n  return filterListProps;\n};\n"]}

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

@@ -1,2 +1,4 @@
 import { ConfigFilter } from "../types";
-export declare const useFilterStack: () => ConfigFilter | undefined;
+export declare const useFilterStack: () => {
+    filterStack?: ConfigFilter | undefined;
+};

package/dist/src/hooks/useFilterStack.js

@@ -6,9 +6,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFilterStack = void 0;
 const react_1 = __importDefault(require("react"));
 const hooks_1 = require("../hooks");
+const utility_1 = require("../utility");
 const useFilterStack = () => {
     const { options, config } = (0, hooks_1.useReactifySearchContext)();
-    return react_1.default.useMemo(() => {
+    const filterStack = react_1.default.useMemo(() => {
         if (options.mode === "instant-search") {
             return undefined;
         }
@@ -42,5 +43,10 @@ const useFilterStack = () => {
         matchingFilterStack = config.filters[0];
         return matchingFilterStack;
     }, [config, options.mode === "collection" ? options.collection : undefined]);
+    utility_1.debug.hook("useFilterStack", "filterStack", filterStack);
+    return {
+        filterStack: filterStack,
+    };
 };
 exports.useFilterStack = useFilterStack;
+//# sourceMappingURL=useFilterStack.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFilterStack.js","sourceRoot":"","sources":["../../../src/hooks/useFilterStack.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,oCAAoD;AACpD,wCAAmC;AAE5B,MAAM,cAAc,GAAG,GAE5B,EAAE;IACF,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,IAAA,gCAAwB,GAAE,CAAC;IAEvD,MAAM,WAAW,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACrC,IAAI,OAAO,CAAC,IAAI,KAAK,gBAAgB,EAAE;YACrC,OAAO,SAAS,CAAC;SAClB;QAED,yBAAyB;QACzB,MAAM,oBAAoB,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,CAChD,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,OAAO,CAAC,IAAI,CACzC,CAAC;QAEF,4CAA4C;QAC5C,IAAI,OAAO,CAAC,iBAAiB,EAAE;YAC7B,MAAM,mBAAmB,GAAG,oBAAoB,CAAC,IAAI,CACnD,CAAC,WAAW,EAAE,EAAE,CAAC,OAAO,CAAC,iBAAiB,KAAK,WAAW,CAAC,MAAM,CAClE,CAAC;YACF,IAAI,mBAAmB,EAAE;gBACvB,OAAO,mBAAmB,CAAC;aAC5B;SACF;QAED,gDAAgD;QAChD,IAAI,OAAO,CAAC,IAAI,KAAK,YAAY,IAAI,OAAO,CAAC,UAAU,CAAC,MAAM,EAAE;YAC9D,MAAM,mBAAmB,GAAG,oBAAoB,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,EAAE,WACpE,OAAA,MAAA,WAAW,CAAC,WAAW,0CAAE,QAAQ,CAAC,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,CAAA,EAAA,CAC7D,CAAC;YACF,IAAI,mBAAmB,EAAE;gBACvB,OAAO,mBAAmB,CAAC;aAC5B;SACF;QAED,sCAAsC;QACtC,IAAI,mBAAmB,GAAG,oBAAoB,CAAC,IAAI,CACjD,CAAC,WAAW,EAAE,EAAE,CAAC,WAAW,CAAC,MAAM,KAAK,SAAS,CAClD,CAAC;QACF,IAAI,mBAAmB,EAAE;YACvB,OAAO,mBAAmB,CAAC;SAC5B;QAED,0CAA0C;QAC1C,mBAAmB,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CACvC,CAAC,WAAW,EAAE,EAAE,CAAC,WAAW,CAAC,MAAM,KAAK,SAAS,CAClD,CAAC;QACF,IAAI,mBAAmB,EAAE;YACvB,OAAO,mBAAmB,CAAC;SAC5B;QAED,+CAA+C;QAC/C,mBAAmB,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAExC,OAAO,mBAAmB,CAAC;IAC7B,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,KAAK,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IAE7E,eAAK,CAAC,IAAI,CAAC,gBAAgB,EAAE,aAAa,EAAE,WAAW,CAAC,CAAC;IAEzD,OAAO;QACL,WAAW,EAAE,WAAW;KACzB,CAAC;AACJ,CAAC,CAAC;AA9DW,QAAA,cAAc,kBA8DzB","sourcesContent":["import React from \"react\";\n\nimport { ConfigFilter } from \"../types\";\nimport { useReactifySearchContext } from \"../hooks\";\nimport { debug } from \"../utility\";\n\nexport const useFilterStack = (): {\n  filterStack?: ConfigFilter;\n} => {\n  const { options, config } = useReactifySearchContext();\n\n  const filterStack = React.useMemo(() => {\n    if (options.mode === \"instant-search\") {\n      return undefined;\n    }\n\n    // select filters by type\n    const matchingFilterStacks = config.filters.filter(\n      (filter) => filter.type === options.mode\n    );\n\n    // select filter stack by handle if provided\n    if (options.filterStackHandle) {\n      const matchingFilterStack = matchingFilterStacks.find(\n        (filterStack) => options.filterStackHandle === filterStack.handle\n      );\n      if (matchingFilterStack) {\n        return matchingFilterStack;\n      }\n    }\n\n    // select filter stack by collection if provided\n    if (options.mode === \"collection\" && options.collection.handle) {\n      const matchingFilterStack = matchingFilterStacks.find((filterStack) =>\n        filterStack.collections?.includes(options.collection.handle)\n      );\n      if (matchingFilterStack) {\n        return matchingFilterStack;\n      }\n    }\n\n    // select filter with \"default\" handle\n    let matchingFilterStack = matchingFilterStacks.find(\n      (filterStack) => filterStack.handle === \"default\"\n    );\n    if (matchingFilterStack) {\n      return matchingFilterStack;\n    }\n\n    // select any filter with \"default\" handle\n    matchingFilterStack = config.filters.find(\n      (filterStack) => filterStack.handle === \"default\"\n    );\n    if (matchingFilterStack) {\n      return matchingFilterStack;\n    }\n\n    // select any available filter as a last resort\n    matchingFilterStack = config.filters[0];\n\n    return matchingFilterStack;\n  }, [config, options.mode === \"collection\" ? options.collection : undefined]);\n\n  debug.hook(\"useFilterStack\", \"filterStack\", filterStack);\n\n  return {\n    filterStack: filterStack,\n  };\n};\n"]}

package/dist/src/hooks/useFilters.js

@@ -6,17 +6,22 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFilters = void 0;
 const react_1 = __importDefault(require("react"));
 const hooks_1 = require("../hooks");
+const utility_1 = require("../utility");
 const useFilters = () => {
-    const filterStack = (0, hooks_1.useFilterStack)();
-    return react_1.default.useMemo(() => {
+    const { filterStack } = (0, hooks_1.useFilterStack)();
+    const filters = react_1.default.useMemo(() => {
         if (!filterStack) {
             return {
                 filters: [],
             };
         }
+        const filters = filterStack.options.sort((a, b) => a.position > b.position ? 1 : -1);
         return {
-            filters: filterStack.options.sort((a, b) => a.position > b.position ? 1 : -1),
+            filters: filters,
         };
     }, [filterStack]);
+    utility_1.debug.hook("useFilters", "filters", filters);
+    return filters;
 };
 exports.useFilters = useFilters;
+//# sourceMappingURL=useFilters.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFilters.js","sourceRoot":"","sources":["../../../src/hooks/useFilters.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,oCAA0C;AAC1C,wCAAmC;AAE5B,MAAM,UAAU,GAAG,GAExB,EAAE;IACF,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,sBAAc,GAAE,CAAC;IAEzC,MAAM,OAAO,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACjC,IAAI,CAAC,WAAW,EAAE;YAChB,OAAO;gBACL,OAAO,EAAE,EAAE;aACZ,CAAC;SACH;QAED,MAAM,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAChD,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CACjC,CAAC;QAEF,OAAO;YACL,OAAO,EAAE,OAAO;SACjB,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,eAAK,CAAC,IAAI,CAAC,YAAY,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC;IAE7C,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAxBW,QAAA,UAAU,cAwBrB","sourcesContent":["import React from \"react\";\n\nimport { ConfigFilterOption } from \"../types\";\nimport { useFilterStack } from \"../hooks\";\nimport { debug } from \"../utility\";\n\nexport const useFilters = (): {\n  filters: Array<ConfigFilterOption>;\n} => {\n  const { filterStack } = useFilterStack();\n\n  const filters = React.useMemo(() => {\n    if (!filterStack) {\n      return {\n        filters: [],\n      };\n    }\n\n    const filters = filterStack.options.sort((a, b) =>\n      a.position > b.position ? 1 : -1\n    );\n\n    return {\n      filters: filters,\n    };\n  }, [filterStack]);\n\n  debug.hook(\"useFilters\", \"filters\", filters);\n\n  return filters;\n};\n"]}

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

@@ -1,6 +1,6 @@
 import React from "react";
-import { ReactivesearchPaginationProps } from "../types/reactivesearch";
-export declare const usePagination: (options: ReactivesearchPaginationProps) => {
+import { ReactivesearchPaginationProps } from "../types";
+export declare const usePagination: (input: ReactivesearchPaginationProps) => {
     currentPage: number;
     totalPages: number;
     pagesToShow: Array<number>;

package/dist/src/hooks/usePagination.js

@@ -6,7 +6,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.usePagination = void 0;
 const react_1 = __importDefault(require("react"));
 const hooks_1 = require("../hooks");
-const usePagination = (options) => {
+const utility_1 = require("../utility");
+const usePagination = (input) => {
     const { track } = (0, hooks_1.useAnalytics)();
     const buildPagePath = react_1.default.useCallback((page) => {
         const currentPath = window.location.pathname;
@@ -14,20 +15,28 @@ const usePagination = (options) => {
             ? currentPath.replace(/page=\d+/g, `page=${page}`)
             : `${currentPath}${currentPath.includes("?") ? "&" : "?"}page=${page}`;
     }, []);
-    const pagesToShow = react_1.default.useMemo(() => getPages(options.pages, options.totalPages, options.currentPage), [options.pages, options.totalPages, options.currentPage]);
-    // default options.currentPage is zero-indexed, actualCurrentPage is one-indexed
-    const actualCurrentPage = react_1.default.useMemo(() => options.currentPage + 1, [options.currentPage]);
-    const hasNextPage = react_1.default.useMemo(() => actualCurrentPage < options.totalPages, [actualCurrentPage, options.totalPages]);
+    const pagesToShow = react_1.default.useMemo(() => getPages(input.pages, input.totalPages, input.currentPage), [input.pages, input.totalPages, input.currentPage]);
+    // default input.currentPage is zero-indexed, actualCurrentPage is one-indexed
+    const actualCurrentPage = react_1.default.useMemo(() => input.currentPage + 1, [input.currentPage]);
+    const hasNextPage = react_1.default.useMemo(() => actualCurrentPage < input.totalPages, [actualCurrentPage, input.totalPages]);
     const hasPreviousPage = react_1.default.useMemo(() => actualCurrentPage > 1, [actualCurrentPage]);
     const hasPage = react_1.default.useCallback((pageNumber) => {
-        return pageNumber >= 0 && pageNumber < options.totalPages;
-    }, [options.totalPages]);
+        return pageNumber >= 0 && pageNumber < input.totalPages;
+    }, [input.totalPages]);
     const handlePageChange = react_1.default.useCallback((pageNumber, event) => {
+        utility_1.debug.log("usePagination", "handlePageChange[pageNumber]", pageNumber);
+        utility_1.debug.breadcrumb({
+            category: "pagination",
+            message: "change page number",
+            data: {
+                pageNumber: pageNumber,
+            },
+        });
         event === null || event === void 0 ? void 0 : event.preventDefault();
         if (!hasPage(pageNumber)) {
             return;
         }
-        options.setPage(pageNumber);
+        input.setPage(pageNumber);
         track({
             eventName: "paginationChange",
             payload: {
@@ -37,16 +46,18 @@ const usePagination = (options) => {
                     : "collection",
             },
         });
-    }, [options.setPage, track]);
+    }, [input.setPage, track]);
     const handleNextPage = react_1.default.useCallback((event) => {
-        handlePageChange(options.currentPage + 1, event);
-    }, [hasNextPage, options.currentPage, handlePageChange]);
+        utility_1.debug.log("usePagination", "handleNextPage", input.currentPage + 1);
+        handlePageChange(input.currentPage + 1, event);
+    }, [hasNextPage, input.currentPage, handlePageChange]);
     const handlePreviousPage = react_1.default.useCallback((event) => {
-        handlePageChange(options.currentPage - 1, event);
-    }, [hasPreviousPage, options.currentPage, handlePageChange]);
+        utility_1.debug.log("usePagination", "handlePreviousPage", input.currentPage - 1);
+        handlePageChange(input.currentPage - 1, event);
+    }, [hasPreviousPage, input.currentPage, handlePageChange]);
     return react_1.default.useMemo(() => ({
-        currentPage: options.currentPage,
-        totalPages: options.totalPages,
+        currentPage: input.currentPage,
+        totalPages: input.totalPages,
         pagesToShow,
         hasNextPage,
         buildPagePath,
@@ -56,8 +67,8 @@ const usePagination = (options) => {
         handlePreviousPage,
         handlePageChange,
     }), [
-        options.currentPage,
-        options.totalPages,
+        input.currentPage,
+        input.totalPages,
         pagesToShow,
         hasNextPage,
         buildPagePath,
@@ -95,3 +106,4 @@ const getPages = (pages, totalPages, currentPage) => {
     });
     return list;
 };
+//# sourceMappingURL=usePagination.js.map

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

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

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

@@ -1,5 +1,6 @@
-import { ReactivesearchResultProps } from "../types/reactivesearch";
-export declare const usePaginationLoadMore: (options: ReactivesearchResultProps) => {
+import { ReactivesearchResultProps } from "../types";
+export declare const usePaginationLoadMore: (input: ReactivesearchResultProps) => {
+    loading: boolean;
     hasMore: boolean;
     handleLoadMore: () => void;
     resultStats: {

package/dist/src/hooks/usePaginationLoadMore.js

@@ -6,30 +6,33 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.usePaginationLoadMore = void 0;
 const react_1 = __importDefault(require("react"));
 const hooks_1 = require("../hooks");
-const usePaginationLoadMore = (options) => {
+const utility_1 = require("../utility");
+const usePaginationLoadMore = (input) => {
     const analyticsHook = (0, hooks_1.useAnalytics)();
-    const filterStack = (0, hooks_1.useFilterStack)();
-    const hasMore = options.resultStats.displayedResults !== options.resultStats.numberOfResults;
+    const { filterStack } = (0, hooks_1.useFilterStack)();
+    const hasMore = input.resultStats.displayedResults !== input.resultStats.numberOfResults;
     const handleLoadMore = react_1.default.useCallback(() => {
-        options.loadMore();
+        utility_1.debug.log("usePaginationLoadMore", "handleLoadMore");
+        if (!hasMore) {
+            return;
+        }
+        input.loadMore();
         analyticsHook.track({
             eventName: "paginationChange",
             payload: {
-                page: Math.ceil(options.resultStats.displayedResults / ((filterStack === null || filterStack === void 0 ? void 0 : filterStack.pageSize) || 20)) + 1,
+                page: Math.ceil(input.resultStats.displayedResults / ((filterStack === null || filterStack === void 0 ? void 0 : filterStack.pageSize) || 20)) + 1,
                 source: window.location.pathname.includes("/search")
                     ? "search"
                     : "collection",
             },
         });
-    }, [options.loadMore, analyticsHook.track, options.resultStats, filterStack]);
+    }, [input.loadMore, analyticsHook.track, input.resultStats, filterStack]);
     return react_1.default.useMemo(() => ({
+        loading: input.loading,
         hasMore,
         handleLoadMore,
-        resultStats: options.resultStats,
-    }), [
-        hasMore,
-        handleLoadMore,
-        options.resultStats,
-    ]);
+        resultStats: input.resultStats,
+    }), [input.loading, hasMore, handleLoadMore, input.resultStats]);
 };
 exports.usePaginationLoadMore = usePaginationLoadMore;
+//# sourceMappingURL=usePaginationLoadMore.js.map

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

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

package/dist/src/hooks/useProductPrice.js

@@ -61,3 +61,4 @@ const formatPrice = (price, currencyCode) => {
     }
     return priceString;
 };
+//# sourceMappingURL=useProductPrice.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useProductPrice.js","sourceRoot":"","sources":["../../../src/hooks/useProductPrice.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,8DAAmC;AAI5B,MAAM,eAAe,GAAG,CAAC,OAAuB,EAOrD,EAAE;IACF,OAAO,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;;QACxB,MAAM,OAAO,GAAG,MAAA,OAAO,CAAC,QAAQ,0CAAG,CAAC,CAAC,CAAC;QAEtC,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO;gBACL,MAAM,EAAE,KAAK;gBACb,KAAK,EAAE,SAAS;gBAChB,YAAY,EAAE,KAAK;gBACnB,cAAc,EAAE,SAAS;aAC1B,CAAC;SACH;QAED,wCAAwC;QACxC,MAAM,QAAQ,GAAG,MAAA,OAAO,CAAC,kBAAkB,0CAAG,CAAC,CAAC,CAAC;QAEjD,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE;YAChC,OAAO;gBACL,MAAM,EAAE,KAAK;gBACb,KAAK,EAAE,SAAS;gBAChB,YAAY,EAAE,KAAK;gBACnB,cAAc,EAAE,SAAS;aAC1B,CAAC;SACH;QAED,MAAM,YAAY,GAAG,MAAA,QAAQ,CAAC,KAAK,CAAC,aAAa,mCAAI,KAAK,CAAC;QAE3D,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,MAAM;YACjC,CAAC,CAAC,IAAA,qBAAQ,EAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC;YACjC,CAAC,CAAC,SAAS,CAAC;QAEd,MAAM,cAAc,GAAG,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAE5E,MAAM,cAAc,GAAG,CAAA,MAAA,QAAQ,CAAC,gBAAgB,0CAAE,MAAM;YACtD,CAAC,CAAC,IAAA,qBAAQ,EAAC,QAAQ,CAAC,gBAAgB,CAAC,MAAM,CAAC;YAC5C,CAAC,CAAC,SAAS,CAAC;QAEd,MAAM,uBAAuB,GAAG,cAAc;YAC5C,CAAC,CAAC,WAAW,CAAC,cAAc,EAAE,YAAY,CAAC;YAC3C,CAAC,CAAC,SAAS,CAAC;QAEd,MAAM,MAAM,GACV,CAAC,CAAC,cAAc,IAAI,CAAC,CAAC,KAAK,IAAI,cAAc,CAAC,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC;QAE1E,OAAO;YACL,KAAK;YACL,MAAM;YACN,YAAY;YACZ,cAAc;YACd,cAAc;YACd,uBAAuB;SACxB,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;AAChB,CAAC,CAAC;AA5DW,QAAA,eAAe,mBA4D1B;AAEF,MAAM,WAAW,GAAG,CAAC,KAAe,EAAE,YAAoB,EAAU,EAAE;IACpE,IAAI,WAAW,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;QAC/C,KAAK,EAAE,UAAU;QACjB,QAAQ,EAAE,YAAY;KACvB,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAEvB,IAAI,KAAK,KAAK,YAAY,EAAE;QAC1B,WAAW,GAAG,MAAM,WAAW,EAAE,CAAC;KACnC;IAED,OAAO,WAAW,CAAC;AACrB,CAAC,CAAC","sourcesContent":["import React from \"react\";\nimport currency from \"currency.js\";\n\nimport { ElasticProduct } from \"../types/elastic\";\n\nexport const useProductPrice = (product: ElasticProduct): {\n  price?: currency;\n  onSale: boolean;\n  currencyCode: string;\n  compareAtPrice?: currency;\n  formattedPrice?: string;\n  formattedCompareAtPrice?: string;\n} => {\n  return React.useMemo(() => {\n    const variant = product.variants?.[0];\n\n    if (!variant) {\n      return {\n        onSale: false,\n        price: undefined,\n        currencyCode: \"AUD\",\n        compareAtPrice: undefined,\n      };\n    }\n\n    // @todo select the appropriate currency\n    const priceSet = variant.presentment_prices?.[0];\n\n    if (!priceSet || !priceSet.price) {\n      return {\n        onSale: false,\n        price: undefined,\n        currencyCode: \"AUD\",\n        compareAtPrice: undefined,\n      };\n    }\n\n    const currencyCode = priceSet.price.currency_code ?? \"AUD\";\n\n    const price = priceSet.price.amount\n      ? currency(priceSet.price.amount)\n      : undefined;\n\n    const formattedPrice = price ? formatPrice(price, currencyCode) : undefined;\n\n    const compareAtPrice = priceSet.compare_at_price?.amount\n      ? currency(priceSet.compare_at_price.amount)\n      : undefined;\n\n    const formattedCompareAtPrice = compareAtPrice\n      ? formatPrice(compareAtPrice, currencyCode)\n      : undefined;\n\n    const onSale =\n      !!compareAtPrice && !!price && compareAtPrice.intValue > price.intValue;\n\n    return {\n      price,\n      onSale,\n      currencyCode,\n      compareAtPrice,\n      formattedPrice,\n      formattedCompareAtPrice,\n    };\n  }, [product]);\n};\n\nconst formatPrice = (price: currency, currencyCode: string): string => {\n  let priceString = new Intl.NumberFormat(\"en-AU\", {\n    style: \"currency\",\n    currency: currencyCode,\n  }).format(price.value);\n\n  if (\"AUD\" === currencyCode) {\n    priceString = `AU ${priceString}`;\n  }\n\n  return priceString;\n};\n"]}

package/dist/src/hooks/useReactifySearchContext.js

@@ -8,3 +8,4 @@ const react_1 = __importDefault(require("react"));
 exports.ReactifySearchContext = react_1.default.createContext(undefined);
 const useReactifySearchContext = () => react_1.default.useContext(exports.ReactifySearchContext);
 exports.useReactifySearchContext = useReactifySearchContext;
+//# sourceMappingURL=useReactifySearchContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useReactifySearchContext.js","sourceRoot":"","sources":["../../../src/hooks/useReactifySearchContext.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAIb,QAAA,qBAAqB,GAAG,eAAK,CAAC,aAAa,CAqCzC,SAAS,CAAC,CAAC;AAEnB,MAAM,wBAAwB,GAAG,GAAG,EAAE,CAAC,eAAK,CAAC,UAAU,CAAC,6BAAqB,CAAE,CAAC;AAA1E,QAAA,wBAAwB,4BAAkD","sourcesContent":["import React from \"react\";\n\nimport { Config } from \"../types\";\n\nexport const ReactifySearchContext = React.createContext<{\n\tconfig: Config,\n\toptions: {\n\t\tmode: \"search\" | \"collection\" | \"instant-search\";\n\t\tindex: string;\n\t\tshopifyPermanentDomain: string;\n\t\tfilterStackHandle?: string;\n\t\tcredentials: {\n\t\t  username: string;\n\t\t  password: string;\n\t\t  endpoint: string;\n\t\t};\n\t\tonRedirect?: (type: \"redirect\" | \"search\", url: string) => void;\n\t\ttheme: Record<string, unknown>;\n\t  additionalComponentHandles?: Array<string>;\n\t} & ({\n\t  mode: \"search\";\n\t} | {\n\t  mode: \"collection\";\n\t  collection: {\n\t\t  id: number;\n\t\t  handle: string;\n\t\t  title: string;\n\t  };\n\t} | {\n\t  mode: \"instant-search\";\n\t}),\n\tsearch: {\n\t\tsearchQuery: string;\n\t\tsetSearchQuery: React.Dispatch<React.SetStateAction<string>>;\n\t\tinstantSearchVisible: boolean;\n\t\tsetInstantSearchVisible: React.Dispatch<React.SetStateAction<boolean>>;\n\t},\n\tsortby: {\n\t\tsortOption: string;\n\t\tsetSortOption: React.Dispatch<React.SetStateAction<string>>;\n\t},\n} | undefined>(undefined);\n\nexport const useReactifySearchContext = () => React.useContext(ReactifySearchContext)!;"]}

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

@@ -2,7 +2,7 @@ import React from "react";
 export declare const useSearch: () => {
     searchQuery: string;
     setSearchQuery: React.Dispatch<React.SetStateAction<string>>;
-    submitSearch: (localSearchQuery?: string | undefined) => void;
+    submitSearch: (searchQuery?: string | undefined) => void;
     showInstantSearchResults: boolean;
     setShowInstantSearchResults: React.Dispatch<React.SetStateAction<boolean>>;
 };

package/dist/src/hooks/useSearch.js

@@ -6,25 +6,38 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSearch = void 0;
 const react_1 = __importDefault(require("react"));
 const hooks_1 = require("../hooks");
+const utility_1 = require("../utility");
 const useSearch = () => {
     const { options, config, search } = (0, hooks_1.useReactifySearchContext)();
-    const handleSubmitSearch = react_1.default.useCallback((localSearchQuery) => {
-        const actualSearchQuery = localSearchQuery !== null && localSearchQuery !== void 0 ? localSearchQuery : search.searchQuery;
-        if (!actualSearchQuery)
+    const handleSubmitSearch = react_1.default.useCallback((searchQuery = search.searchQuery) => {
+        utility_1.debug.breadcrumb({
+            category: "search",
+            message: "search submitted",
+            data: {
+                searchQuery: searchQuery,
+            },
+        });
+        utility_1.debug.log("useSearch", "submitSearch[query]", searchQuery);
+        if (!searchQuery) {
             return;
+        }
         const redirect = config.redirects.find((redirect) => redirect.query.trim().toLowerCase() ===
-            actualSearchQuery.trim().toLowerCase());
+            searchQuery.trim().toLowerCase());
+        if (redirect) {
+            utility_1.debug.log("useSearch", "submitSearch[redirect]", redirect);
+        }
         search.setInstantSearchVisible(false);
         if (options.onRedirect) {
-            options.onRedirect(redirect ? "redirect" : "search", redirect ? redirect.url : `/search?q=${actualSearchQuery}`);
+            options.onRedirect(redirect ? "redirect" : "search", redirect ? redirect.url : `/search?q=${searchQuery}`);
         }
         else if (redirect) {
             window.location.href = redirect.url;
         }
         else {
-            window.location.href = `/search?q=${actualSearchQuery}`;
+            window.location.href = `/search?q=${searchQuery}`;
         }
     }, [search.searchQuery]);
+    utility_1.debug.hook("useSearch", "searchQuery", search.searchQuery);
     return {
         searchQuery: search.searchQuery,
         setSearchQuery: search.setSearchQuery,
@@ -34,3 +47,4 @@ const useSearch = () => {
     };
 };
 exports.useSearch = useSearch;
+//# sourceMappingURL=useSearch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSearch.js","sourceRoot":"","sources":["../../../src/hooks/useSearch.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,oCAAoD;AACpD,wCAAmC;AAE5B,MAAM,SAAS,GAAG,GAMvB,EAAE;IACF,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,gCAAwB,GAAE,CAAC;IAE/D,MAAM,kBAAkB,GAAG,eAAK,CAAC,WAAW,CAC1C,CAAC,cAAsB,MAAM,CAAC,WAAW,EAAE,EAAE;QAC3C,eAAK,CAAC,UAAU,CAAC;YACf,QAAQ,EAAE,QAAQ;YAClB,OAAO,EAAE,kBAAkB;YAC3B,IAAI,EAAE;gBACJ,WAAW,EAAE,WAAW;aACzB;SACF,CAAC,CAAC;QAEH,eAAK,CAAC,GAAG,CAAC,WAAW,EAAE,qBAAqB,EAAE,WAAW,CAAC,CAAC;QAE3D,IAAI,CAAC,WAAW,EAAE;YAChB,OAAO;SACR;QAED,MAAM,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,CACpC,CAAC,QAAQ,EAAE,EAAE,CACX,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE;YACnC,WAAW,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CACnC,CAAC;QAEF,IAAI,QAAQ,EAAE;YACZ,eAAK,CAAC,GAAG,CAAC,WAAW,EAAE,wBAAwB,EAAE,QAAQ,CAAC,CAAC;SAC5D;QAED,MAAM,CAAC,uBAAuB,CAAC,KAAK,CAAC,CAAC;QAEtC,IAAI,OAAO,CAAC,UAAU,EAAE;YACtB,OAAO,CAAC,UAAU,CAChB,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,EAChC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,aAAa,WAAW,EAAE,CACrD,CAAC;SACH;aAAM,IAAI,QAAQ,EAAE;YACnB,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,QAAQ,CAAC,GAAG,CAAC;SACrC;aAAM;YACL,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,aAAa,WAAW,EAAE,CAAC;SACnD;IACH,CAAC,EACD,CAAC,MAAM,CAAC,WAAW,CAAC,CACrB,CAAC;IAEF,eAAK,CAAC,IAAI,CAAC,WAAW,EAAE,aAAa,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;IAE3D,OAAO;QACL,WAAW,EAAE,MAAM,CAAC,WAAW;QAC/B,cAAc,EAAE,MAAM,CAAC,cAAc;QACrC,YAAY,EAAE,kBAAkB;QAChC,wBAAwB,EACtB,CAAC,CAAC,MAAM,CAAC,oBAAoB,IAAI,CAAC,CAAC,MAAM,CAAC,WAAW;QACvD,2BAA2B,EAAE,MAAM,CAAC,uBAAuB;KAC5D,CAAC;AACJ,CAAC,CAAC;AA7DW,QAAA,SAAS,aA6DpB","sourcesContent":["import React from \"react\";\n\nimport { useReactifySearchContext } from \"../hooks\";\nimport { debug } from \"../utility\";\n\nexport const useSearch = (): {\n  searchQuery: string;\n  setSearchQuery: React.Dispatch<React.SetStateAction<string>>;\n  submitSearch: (searchQuery?: string) => void;\n  showInstantSearchResults: boolean;\n  setShowInstantSearchResults: React.Dispatch<React.SetStateAction<boolean>>;\n} => {\n  const { options, config, search } = useReactifySearchContext();\n\n  const handleSubmitSearch = React.useCallback(\n    (searchQuery: string = search.searchQuery) => {\n      debug.breadcrumb({\n        category: \"search\",\n        message: \"search submitted\",\n        data: {\n          searchQuery: searchQuery,\n        },\n      });\n\n      debug.log(\"useSearch\", \"submitSearch[query]\", searchQuery);\n\n      if (!searchQuery) {\n        return;\n      }\n\n      const redirect = config.redirects.find(\n        (redirect) =>\n          redirect.query.trim().toLowerCase() ===\n          searchQuery.trim().toLowerCase()\n      );\n\n      if (redirect) {\n        debug.log(\"useSearch\", \"submitSearch[redirect]\", redirect);\n      }\n\n      search.setInstantSearchVisible(false);\n\n      if (options.onRedirect) {\n        options.onRedirect(\n          redirect ? \"redirect\" : \"search\",\n          redirect ? redirect.url : `/search?q=${searchQuery}`\n        );\n      } else if (redirect) {\n        window.location.href = redirect.url;\n      } else {\n        window.location.href = `/search?q=${searchQuery}`;\n      }\n    },\n    [search.searchQuery]\n  );\n\n  debug.hook(\"useSearch\", \"searchQuery\", search.searchQuery);\n\n  return {\n    searchQuery: search.searchQuery,\n    setSearchQuery: search.setSearchQuery,\n    submitSearch: handleSubmitSearch,\n    showInstantSearchResults:\n      !!search.instantSearchVisible && !!search.searchQuery,\n    setShowInstantSearchResults: search.setInstantSearchVisible,\n  };\n};\n"]}

package/dist/src/hooks/useSortby.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSortby = void 0;
 const react_1 = __importDefault(require("react"));
 const hooks_1 = require("../hooks");
+const utility_1 = require("../utility");
 const useSortby = () => {
     const { options, config, sortby } = (0, hooks_1.useReactifySearchContext)();
     const { track } = (0, hooks_1.useAnalytics)();
@@ -14,15 +15,28 @@ const useSortby = () => {
             .sort((a, b) => `${a.position}`.localeCompare(`${b.position}`))
             .filter(({ visibility }) => ["all", options.mode].includes(visibility));
     }, [options.mode, config]);
-    const sortOption = react_1.default.useMemo(() => sortOptions.find(({ handle }) => handle === sortby.sortOption) ||
-        sortOptions[0], [sortOptions, sortby.sortOption]);
+    const sortOption = react_1.default.useMemo(() => {
+        return (sortOptions.find(({ handle }) => handle === sortby.sortOption) ||
+            sortOptions[0]);
+    }, [sortOptions, sortby.sortOption]);
     const setSortOption = react_1.default.useCallback((sortOptionHandle, ignoreHistoryState = false) => {
+        utility_1.debug.breadcrumb({
+            category: "sort",
+            message: "sort option changed",
+            data: {
+                sortOptionHandle: sortOptionHandle,
+            },
+        });
+        utility_1.debug.log("useSortby", "setSortOption[sortOptionHandle]", sortOptionHandle);
         sortby.setSortOption(sortOptionHandle);
         if (!ignoreHistoryState) {
             const url = new URL(window.location.href);
-            url.searchParams.has("sort")
-                ? url.searchParams.set("sort", sortOptionHandle)
-                : url.searchParams.append("sort", sortOptionHandle);
+            if (url.searchParams.has("sort")) {
+                url.searchParams.set("sort", sortOptionHandle);
+            }
+            else {
+                url.searchParams.append("sort", sortOptionHandle);
+            }
             window.history.pushState({}, "", url.toString());
         }
         track({
@@ -32,6 +46,8 @@ const useSortby = () => {
             },
         });
     }, [window.location.href]);
+    utility_1.debug.hook("useSortBy", "sortOption", sortOption);
+    utility_1.debug.hook("useSortBy", "sortOptions", sortOptions);
     return {
         sortOptions,
         sortOption,
@@ -39,3 +55,4 @@ const useSortby = () => {
     };
 };
 exports.useSortby = useSortby;
+//# sourceMappingURL=useSortby.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSortby.js","sourceRoot":"","sources":["../../../src/hooks/useSortby.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,oCAAkE;AAClE,wCAAmC;AAE5B,MAAM,SAAS,GAAG,GAOvB,EAAE;IACF,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,gCAAwB,GAAE,CAAC;IAC/D,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAEjC,MAAM,WAAW,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACrC,OAAO,MAAM,CAAC,IAAI;aACf,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC;aAC9D,MAAM,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC;IAC5E,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;IAE3B,MAAM,UAAU,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACpC,OAAO,CACL,WAAW,CAAC,IAAI,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,KAAK,MAAM,CAAC,UAAU,CAAC;YAC9D,WAAW,CAAC,CAAC,CAAC,CACf,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC;IAErC,MAAM,aAAa,GAAG,eAAK,CAAC,WAAW,CACrC,CAAC,gBAAwB,EAAE,kBAAkB,GAAG,KAAK,EAAE,EAAE;QACvD,eAAK,CAAC,UAAU,CAAC;YACf,QAAQ,EAAE,MAAM;YAChB,OAAO,EAAE,qBAAqB;YAC9B,IAAI,EAAE;gBACJ,gBAAgB,EAAE,gBAAgB;aACnC;SACF,CAAC,CAAC;QAEH,eAAK,CAAC,GAAG,CACP,WAAW,EACX,iCAAiC,EACjC,gBAAgB,CACjB,CAAC;QAEF,MAAM,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;QAEvC,IAAI,CAAC,kBAAkB,EAAE;YACvB,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;YAC1C,IAAI,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;gBAChC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;aAChD;iBAAM;gBACL,GAAG,CAAC,YAAY,CAAC,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;aACnD;YACD,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC;SAClD;QAED,KAAK,CAAC;YACJ,SAAS,EAAE,YAAY;YACvB,OAAO,EAAE;gBACP,IAAI,EAAE,gBAAgB;aACvB;SACF,CAAC,CAAC;IACL,CAAC,EACD,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CACvB,CAAC;IAEF,eAAK,CAAC,IAAI,CAAC,WAAW,EAAE,YAAY,EAAE,UAAU,CAAC,CAAC;IAClD,eAAK,CAAC,IAAI,CAAC,WAAW,EAAE,aAAa,EAAE,WAAW,CAAC,CAAC;IAEpD,OAAO;QACL,WAAW;QACX,UAAU;QACV,aAAa;KACd,CAAC;AACJ,CAAC,CAAC;AAtEW,QAAA,SAAS,aAsEpB","sourcesContent":["import React from \"react\";\n\nimport { ConfigSort } from \"../types\";\nimport { useAnalytics, useReactifySearchContext } from \"../hooks\";\nimport { debug } from \"../utility\";\n\nexport const useSortby = (): {\n  sortOption: ConfigSort | undefined;\n  sortOptions: Array<ConfigSort>;\n  setSortOption: (\n    sortOptionHandle: string,\n    ignoreHistoryState?: boolean\n  ) => void;\n} => {\n  const { options, config, sortby } = useReactifySearchContext();\n  const { track } = useAnalytics();\n\n  const sortOptions = React.useMemo(() => {\n    return config.sort\n      .sort((a, b) => `${a.position}`.localeCompare(`${b.position}`))\n      .filter(({ visibility }) => [\"all\", options.mode].includes(visibility));\n  }, [options.mode, config]);\n\n  const sortOption = React.useMemo(() => {\n    return (\n      sortOptions.find(({ handle }) => handle === sortby.sortOption) ||\n      sortOptions[0]\n    );\n  }, [sortOptions, sortby.sortOption]);\n\n  const setSortOption = React.useCallback(\n    (sortOptionHandle: string, ignoreHistoryState = false) => {\n      debug.breadcrumb({\n        category: \"sort\",\n        message: \"sort option changed\",\n        data: {\n          sortOptionHandle: sortOptionHandle,\n        },\n      });\n\n      debug.log(\n        \"useSortby\",\n        \"setSortOption[sortOptionHandle]\",\n        sortOptionHandle\n      );\n\n      sortby.setSortOption(sortOptionHandle);\n\n      if (!ignoreHistoryState) {\n        const url = new URL(window.location.href);\n        if (url.searchParams.has(\"sort\")) {\n          url.searchParams.set(\"sort\", sortOptionHandle);\n        } else {\n          url.searchParams.append(\"sort\", sortOptionHandle);\n        }\n        window.history.pushState({}, \"\", url.toString());\n      }\n\n      track({\n        eventName: \"sortChange\",\n        payload: {\n          type: sortOptionHandle,\n        },\n      });\n    },\n    [window.location.href]\n  );\n\n  debug.hook(\"useSortBy\", \"sortOption\", sortOption);\n  debug.hook(\"useSortBy\", \"sortOptions\", sortOptions);\n\n  return {\n    sortOptions,\n    sortOption,\n    setSortOption,\n  };\n};\n"]}