@usereactify/search 3.10.0 → 3.10.1

package/dist/hooks/useAnalytics.js

@@ -41,7 +41,7 @@ function getTrackEvents(event) {
                 },
             ];
             break;
-        case "viewProduct":
+        case "zeroResults":
             events = [
                 {
                     eventName,
@@ -49,7 +49,7 @@ function getTrackEvents(event) {
                 },
             ];
             break;
-        case "clickProduct":
+        case "viewProduct":
             events = [
                 {
                     eventName,
@@ -57,7 +57,7 @@ function getTrackEvents(event) {
                 },
             ];
             break;
-        case "viewPromotion":
+        case "clickProduct":
             events = [
                 {
                     eventName,
@@ -65,7 +65,7 @@ function getTrackEvents(event) {
                 },
             ];
             break;
-        case "clickPromotion":
+        case "viewPromotion":
             events = [
                 {
                     eventName,
@@ -73,7 +73,7 @@ function getTrackEvents(event) {
                 },
             ];
             break;
-        case "zeroResults":
+        case "clickPromotion":
             events = [
                 {
                     eventName,

package/dist/provider.d.ts

@@ -11,6 +11,7 @@ declare type Context = {
     collection?: Collection;
     instantSearch: boolean;
     credentials: Credentials;
+    onRedirect?: (type: "redirect" | "search", url: string) => void;
     submitSearch: (localSearchQuery?: string) => void;
     setSearchQuery: (searchQuery: string) => void;
     setSortOption: (sortOptionId: string) => void;
@@ -29,6 +30,7 @@ declare type Props = {
     collection?: Collection;
     noReactiveBase?: boolean;
     instantSearch?: boolean;
+    onRedirect?: (type: "redirect" | "search", url: string) => void;
     credentials?: Credentials;
     theme?: Theme;
     /** Array of additional component IDs managed outside of Reactify Search */

package/dist/provider.js

@@ -38,7 +38,7 @@ const Provider = (_a) => {
 exports.Provider = Provider;
 const ConfiguredProvider = (props) => {
     var _a, _b;
-    const { index, config, children, collection, instantSearch, filterStackId, noReactiveBase, shopifyPermanentDomain, additionalComponentIds, } = props;
+    const { index, config, children, collection, instantSearch, filterStackId, noReactiveBase, shopifyPermanentDomain, additionalComponentIds, onRedirect, } = props;
     const credentials = (_a = props.credentials) !== null && _a !== void 0 ? _a : defaultCredentials;
     const theme = (_b = props.theme) !== null && _b !== void 0 ? _b : {
         typography: {
@@ -56,16 +56,18 @@ const ConfiguredProvider = (props) => {
     react_1.default.useEffect(() => {
         debug("props", props);
     }, [props]);
-    // @todo make this hackable with a prop
-    // https://gitlab.com/reactifyapps/reactify-search-frontend/-/issues/1
     const searchQueryFromURL = react_1.default.useMemo(() => {
         var _a;
         if (typeof window === "undefined")
             return undefined;
         const urlParams = new URLSearchParams(window.location.search);
         return (_a = urlParams.get("q")) !== null && _a !== void 0 ? _a : undefined;
-    }, []);
+    }, [window.location.search]);
     const [searchQuery, setSearchQuery] = react_1.default.useState(searchQueryFromURL);
+    react_1.default.useEffect(() => {
+        if (searchQuery !== searchQueryFromURL)
+            setSearchQuery(searchQueryFromURL);
+    }, [searchQueryFromURL]);
     const [showInstantSearchResults, setShowInstantSearchResults] = react_1.default.useState(false);
     const submitSearch = react_1.default.useCallback((localSearchQuery) => {
         const actualSearchQuery = localSearchQuery !== null && localSearchQuery !== void 0 ? localSearchQuery : searchQuery;
@@ -73,10 +75,16 @@ const ConfiguredProvider = (props) => {
             return;
         const redirect = config.redirects.find((redirect) => redirect.query.trim().toLowerCase() ===
             actualSearchQuery.trim().toLowerCase());
-        if (redirect)
+        setShowInstantSearchResults(false);
+        if (onRedirect) {
+            onRedirect(redirect ? "redirect" : "search", redirect ? redirect.url : `/search?q=${actualSearchQuery}`);
+        }
+        else if (redirect) {
             window.location.href = redirect.url;
-        else
+        }
+        else {
             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
@@ -94,6 +102,7 @@ const ConfiguredProvider = (props) => {
         filterStack,
         sortOption,
         sortOptions,
+        onRedirect,
         submitSearch,
         setSortOption,
         setSearchQuery,
@@ -114,6 +123,7 @@ const ConfiguredProvider = (props) => {
         filterStack,
         sortOption,
         sortOptions,
+        onRedirect,
         submitSearch,
         instantSearch,
         additionalComponentIds,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@usereactify/search",
   "description": "React UI library for Reactify Search",
-  "version": "3.10.0",
+  "version": "3.10.1",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",