@usereactify/search 3.10.1 → 3.10.4-0

package/dist/provider.js

@@ -1,4 +1,23 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -16,6 +35,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useContext = exports.ConfiguredProvider = exports.Provider = void 0;
 const react_1 = __importDefault(require("react"));
+const Sentry = __importStar(require("@sentry/react"));
 const hooks_1 = require("./hooks");
 const UtilityAuthenticatedReactiveBase_1 = require("./utility/UtilityAuthenticatedReactiveBase");
 const debug = require("debug")("reactify-search:Provider");
@@ -25,6 +45,9 @@ const defaultCredentials = {
     password: "password",
     endpoint: "https://api.search.reactify.app",
 };
+Sentry.init({
+    dsn: "https://f591e13196ad4d6bbcd8abbeb2e023db@o1280055.ingest.sentry.io/6482743",
+});
 const Provider = (_a) => {
     var { renderBooting } = _a, props = __rest(_a, ["renderBooting"]);
     const { config } = (0, hooks_1.useLiveConfig)(props.shopifyPermanentDomain);
@@ -33,7 +56,17 @@ const Provider = (_a) => {
             return renderBooting();
         return null;
     }
-    return react_1.default.createElement(exports.ConfiguredProvider, Object.assign({}, props, { config: config }));
+    return (react_1.default.createElement(Sentry.ErrorBoundary, { fallback: react_1.default.createElement("p", null, "An error has occurred"), beforeCapture: (scope) => {
+            scope.setTag("index", props.index);
+            scope.setTag("shop", props.shopifyPermanentDomain);
+            if (!!props.collection)
+                scope.setTag("collection", props.collection.handle);
+            if (!!props.filterStackId)
+                scope.setTag("filterStackId", props.filterStackId);
+            if (!!props.instantSearch)
+                scope.setTag("instantSearch", true);
+        } },
+        react_1.default.createElement(exports.ConfiguredProvider, Object.assign({}, props, { config: config }))));
 };
 exports.Provider = Provider;
 const ConfiguredProvider = (props) => {
@@ -63,11 +96,29 @@ const ConfiguredProvider = (props) => {
         const urlParams = new URLSearchParams(window.location.search);
         return (_a = urlParams.get("q")) !== null && _a !== void 0 ? _a : undefined;
     }, [window.location.search]);
+    const searchSortFromURL = react_1.default.useMemo(() => {
+        var _a;
+        if (typeof window === "undefined")
+            return undefined;
+        const urlParams = new URLSearchParams(window.location.search);
+        return (_a = urlParams.get("sort")) !== null && _a !== void 0 ? _a : undefined;
+    }, [window.location.search]);
     const [searchQuery, setSearchQuery] = react_1.default.useState(searchQueryFromURL);
+    const { sortOption, sortOptions, setSortOption } = useSortState(config, collection);
     react_1.default.useEffect(() => {
-        if (searchQuery !== searchQueryFromURL)
+        if (searchQueryFromURL && searchQuery !== searchQueryFromURL)
             setSearchQuery(searchQueryFromURL);
     }, [searchQueryFromURL]);
+    react_1.default.useEffect(() => {
+        if (searchSortFromURL && (sortOption === null || sortOption === void 0 ? void 0 : sortOption.id) !== searchSortFromURL) {
+            setSortOption(searchSortFromURL, true);
+        }
+    }, [searchSortFromURL]);
+    react_1.default.useEffect(() => {
+        if (window.location.search === "" && (sortOption === null || sortOption === void 0 ? void 0 : sortOption.id)) {
+            setSortOption(sortOptions[0].id, true);
+        }
+    }, [window.location.href]);
     const [showInstantSearchResults, setShowInstantSearchResults] = react_1.default.useState(false);
     const submitSearch = react_1.default.useCallback((localSearchQuery) => {
         const actualSearchQuery = localSearchQuery !== null && localSearchQuery !== void 0 ? localSearchQuery : searchQuery;
@@ -86,7 +137,6 @@ const ConfiguredProvider = (props) => {
             window.location.href = `/search?q=${actualSearchQuery}`;
         }
     }, [searchQuery]);
-    const { sortOption, sortOptions, setSortOption } = useSortState(config, collection);
     // do not attempt to resolve a filter stack if in instantSearch mode
     const filterStack = instantSearch
         ? undefined
@@ -152,9 +202,16 @@ const useSortState = (config, collection) => {
     }, [config, collection]);
     const [sortOptionState, setSortOptionState] = react_1.default.useState((_a = sortOptions[0]) === null || _a === void 0 ? void 0 : _a.id);
     const sortOption = react_1.default.useMemo(() => sortOptions.find(({ id }) => id === sortOptionState) || sortOptions[0], [sortOptions, sortOptionState]);
-    const setSortOption = react_1.default.useCallback((sortOptionId) => {
+    const setSortOption = react_1.default.useCallback((sortOptionId, ignoreHistoryState = false) => {
         setSortOptionState(sortOptionId);
-    }, []);
+        if (!ignoreHistoryState) {
+            const url = new URL(window.location.href);
+            url.searchParams.has("sort")
+                ? url.searchParams.set("sort", sortOptionId)
+                : url.searchParams.append("sort", sortOptionId);
+            window.history.pushState({}, "", url.toString());
+        }
+    }, [window.location.href]);
     return react_1.default.useMemo(() => ({ sortOptions, sortOption, setSortOption }), [sortOption, sortOptions, setSortOption]);
 };
 // resolve the "filter" in use for this view
@@ -171,6 +228,12 @@ const useFilterStack = (config, collection, filterStackId) => react_1.default.us
         if (filterStack)
             return filterStack;
     }
+    // automatically select filter stack by collection if provided
+    if (collection === null || collection === void 0 ? void 0 : collection.handle) {
+        const filterStack = config.filters.find((filter) => { var _a; return (_a = filter.collections) === null || _a === void 0 ? void 0 : _a.includes(collection.handle); });
+        if (filterStack)
+            return filterStack;
+    }
     const type = !!collection ? "collection" : "search";
     return ((_a = config.filters.find((filter) => type === filter.type)) !== null && _a !== void 0 ? _a : config.filters[0]);
 }, [config, collection]);

package/dist/types/firestore.d.ts

@@ -120,6 +120,7 @@ export interface Filter {
     pageSize: number;
     keywords: string[];
     defaultSort: string;
+    collections: string[];
     type: "search" | "collection";
     paginationType: "pagination" | "load_more" | "next_prev" | "infinite_scroll";
     inventoryVisibility: "show_all" | "hide_products" | "hide_variants" | "hide_all";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@usereactify/search",
   "description": "React UI library for Reactify Search",
-  "version": "3.10.1",
+  "version": "3.10.4-0",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -12,7 +12,8 @@
   "scripts": {
     "watch": "tsc --watch",
     "release": "standard-version",
-    "patch": "standard-version -r patch",
+    "release:patch": "standard-version --release-as patch",
+    "release:beta": "standard-version --prerelease",
     "build": "rimraf dist && tsc",
     "prettier": "prettier --write .",
     "storybook": "start-storybook -p 6006",
@@ -30,6 +31,7 @@
     ]
   },
   "dependencies": {
+    "@sentry/react": "7.1.1",
     "ahooks": "2.10.11",
     "axios": "0.26.1",
     "currency.js": "2.0.4",