@usereactify/search 3.10.2 → 3.11.0-beta.0

package/dist/hooks/useLiveConfig.d.ts

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

package/dist/hooks/useLiveConfig.js

@@ -41,7 +41,7 @@ function getCachedConfig() {
     }
     return;
 }
-const useLiveConfig = (shopifyPermanentDomain) => {
+const useLiveConfig = (shopifyPermanentDomain, configId) => {
     const [config, setConfig] = react_1.default.useState(getCachedConfig());
     react_1.default.useEffect(() => {
         const cachedConfig = getCachedConfig();
@@ -49,14 +49,19 @@ const useLiveConfig = (shopifyPermanentDomain) => {
             return;
         (() => __awaiter(void 0, void 0, void 0, function* () {
             debug("fetching fresh config");
-            const json = yield fetch(`https://config.search.reactify.app/?shop=${shopifyPermanentDomain}`).then((response) => response.json());
+            const searchParams = new URLSearchParams();
+            searchParams.set("shop", shopifyPermanentDomain);
+            if (configId) {
+                searchParams.set("id", configId);
+            }
+            const json = yield fetch(`https://config.search.reactify.app/?${searchParams.toString()}`).then((response) => response.json());
             setConfig(json.body);
             window.sessionStorage.setItem("reactify-search:config", JSON.stringify({
                 expiresAt: new Date().getTime() + CACHE_EXPIRY,
                 config: json.body,
             }));
         }))();
-    }, [shopifyPermanentDomain]);
+    }, [shopifyPermanentDomain, configId]);
     return {
         config,
     };

package/dist/provider.d.ts

@@ -26,6 +26,7 @@ declare const Context: React.Context<Context | undefined>;
 declare type Props = {
     index: string;
     shopifyPermanentDomain: string;
+    configId?: string;
     filterStackId?: string;
     collection?: Collection;
     noReactiveBase?: boolean;

package/dist/provider.js

@@ -27,7 +27,7 @@ const defaultCredentials = {
 };
 const Provider = (_a) => {
     var { renderBooting } = _a, props = __rest(_a, ["renderBooting"]);
-    const { config } = (0, hooks_1.useLiveConfig)(props.shopifyPermanentDomain);
+    const { config } = (0, hooks_1.useLiveConfig)(props.shopifyPermanentDomain, props.configId);
     if (!config) {
         if (renderBooting)
             return renderBooting();
@@ -83,7 +83,7 @@ const ConfiguredProvider = (props) => {
     }, [searchSortFromURL]);
     react_1.default.useEffect(() => {
         if (window.location.search === "" && (sortOption === null || sortOption === void 0 ? void 0 : sortOption.id)) {
-            setSortOption(sortOptions[0].id, true);
+            setSortOption(sortOption.id, true);
         }
     }, [window.location.href]);
     const [showInstantSearchResults, setShowInstantSearchResults] = react_1.default.useState(false);
@@ -195,6 +195,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.2",
+  "version": "3.11.0-beta.0",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",