@depict-ai/react-ui 1.2.1 → 1.2.2

package/dist/index.d.ts

@@ -4,7 +4,7 @@ import React, { ReactNode, PropsWithChildren, ReactElement } from "react";
 import { DPC } from "@depict-ai/dpc";
 import { Locale } from "@depict-ai/ui/locales";
 import { ModernDisplayWithPageUrl } from "@depict-ai/ui/src";
-export const version = "1.2.1";
+export const version = "1.2.2";
 interface PLPConfig<T extends Display> extends BaseProductListingConfig {
     /**
      * The product card to use for rendering products.

package/dist/main.js

@@ -31,7 +31,7 @@ $parcel$export(module.exports, "version", () => $db7b67857900028b$export$83d89fb
 $parcel$export(module.exports, "Navigation", () => $b742053c966024b4$export$b8a61e5c71402559);
 /*! Depict.ai search and product listing react SDK wrapper */ // This is where the actual source of your React stuff should live
 // Note, if you add an export here, also add one in src-server/main.ts
-const $db7b67857900028b$export$83d89fbfd8236492 = "1.2.1";
+const $db7b67857900028b$export$83d89fbfd8236492 = "1.2.2";
 
 
 
@@ -412,6 +412,7 @@ const $883a881f7926405d$export$80e99ee6b29cadd2 = /*#__PURE__*/ (0, $4GYXz$react
 
 
 
+
 function $7ad7a3d0011b7b1b$export$a54ec244c8863715(props) {
     return (0, $b4d0d98857ed9934$export$f6e64e17bd69eeef)({
         solid_component: (0, $b4d0d98857ed9934$export$e5139bbbb9a05035)($7ad7a3d0011b7b1b$var$SolidSearchPage),
@@ -428,6 +429,7 @@ function $7ad7a3d0011b7b1b$var$SolidSearchPage(props, set_portals) {
         set_search_query_updating_blocked_signal(!(0, $b4d0d98857ed9934$export$775e6b3892b5ad52)(location));
     };
     const [, set_search_page_in_dom] = (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).search_page_in_dom;
+    const component_portals = new Set();
     // We should only get here once react already has a DOM node which means we should be in the DOM
     set_search_page_in_dom(true);
     (0, $4GYXz$solidjs.onCleanup)(()=>set_search_page_in_dom(false));
@@ -437,7 +439,7 @@ function $7ad7a3d0011b7b1b$var$SolidSearchPage(props, set_portals) {
         (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).search_page_path_[0](); // if react defined path changes, re-check
         update_updating_blocked_signal();
     });
-    const component_portals = new Set();
+    $7ad7a3d0011b7b1b$var$search_page_path_checker();
     return (0, $4GYXz$depictaiui.SearchPage)({
         // Default config goes here
         get include_input_field () {
@@ -454,6 +456,21 @@ function $7ad7a3d0011b7b1b$var$SolidSearchPage(props, set_portals) {
             })
     });
 }
+/**
+ * Users often set the searchPagePath to something without the market which breaks everything using the searchPagePath internally, notably refining the search query. Add a warning for them.
+ */ function $7ad7a3d0011b7b1b$var$search_page_path_checker() {
+    let has_warned = false;
+    (0, $4GYXz$solidjs.createEffect)(()=>{
+        if (has_warned) return;
+        const should_be_path = (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).search_page_path_[0]();
+        const { pathname: pathname  } = location;
+        if (// allow some variability just to be sure
+        should_be_path !== pathname && should_be_path + "/" !== pathname && should_be_path !== pathname + "/") {
+            (0, $4GYXz$depictaiutilishared.derror)("searchPagePath is set to", should_be_path, "but the SearchPage is rendered at", pathname, ". Please double-check your searchPagePath is where the SearchPage component ends up being rendered, after all redirects, unless you're sure this is intentional.");
+            has_warned = true;
+        }
+    });
+}
 
 
 

package/dist/module.js

@@ -1,4 +1,4 @@
-import {add_to_version_info as $TZSbU$add_to_version_info, catchify as $TZSbU$catchify, queueMacroTask as $TZSbU$queueMacroTask, instant_exec_on_suspect_history_change as $TZSbU$instant_exec_on_suspect_history_change} from "@depict-ai/utilishared";
+import {add_to_version_info as $TZSbU$add_to_version_info, catchify as $TZSbU$catchify, queueMacroTask as $TZSbU$queueMacroTask, instant_exec_on_suspect_history_change as $TZSbU$instant_exec_on_suspect_history_change, derror as $TZSbU$derror} from "@depict-ai/utilishared";
 import {CategoryTitle as $43099132aad1ceb6$re_export$CategoryTitle, embedded_num_products as $43099132aad1ceb6$re_export$EmbeddedNumProducts, DepictAPI as $TZSbU$DepictAPI, DepictSearch as $TZSbU$DepictSearch, DepictCategory as $TZSbU$DepictCategory, ProductCardError as $TZSbU$ProductCardError, get_search_query_updating_blocked_signal as $TZSbU$get_search_query_updating_blocked_signal, SearchPage as $TZSbU$SearchPage, defaultColsAtSize as $TZSbU$defaultColsAtSize, defaultGridSpacing as $TZSbU$defaultGridSpacing, CategoryPage as $TZSbU$CategoryPage, defaultCategoryTitlePlugin as $TZSbU$defaultCategoryTitlePlugin, BreadCrumbs as $TZSbU$BreadCrumbs, QuickLinks as $TZSbU$QuickLinks, ImagePlaceholder as $TZSbU$ImagePlaceholder, TextPlaceholder as $TZSbU$TextPlaceholder, open_modal_with_alignment as $TZSbU$open_modal_with_alignment, SearchField as $TZSbU$SearchField, fetchDepictRecommendations as $TZSbU$fetchDepictRecommendations} from "@depict-ai/ui";
 import {createRoot as $TZSbU$createRoot, untrack as $TZSbU$untrack, createEffect as $TZSbU$createEffect, createComponent as $TZSbU$createComponent, Show as $TZSbU$Show, getOwner as $TZSbU$getOwner, runWithOwner as $TZSbU$runWithOwner, onCleanup as $TZSbU$onCleanup, createSignal as $TZSbU$createSignal, createComputed as $TZSbU$createComputed} from "solid-js";
 import {createElement as $TZSbU$createElement, Fragment as $TZSbU$Fragment, useState as $TZSbU$useState, useRef as $TZSbU$useRef, useEffect as $TZSbU$useEffect, Component as $TZSbU$Component, forwardRef as $TZSbU$forwardRef} from "react";
@@ -11,7 +11,7 @@ import {DPC as $TZSbU$DPC} from "@depict-ai/dpc";
 
 /*! Depict.ai search and product listing react SDK wrapper */ // This is where the actual source of your React stuff should live
 // Note, if you add an export here, also add one in src-server/main.ts
-const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "1.2.1";
+const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "1.2.2";
 
 
 
@@ -392,6 +392,7 @@ const $421f32789b6f111f$export$80e99ee6b29cadd2 = /*#__PURE__*/ (0, $TZSbU$forwa
 
 
 
+
 function $4a678f0c87b12e78$export$a54ec244c8863715(props) {
     return (0, $c83ba9ab79386687$export$f6e64e17bd69eeef)({
         solid_component: (0, $c83ba9ab79386687$export$e5139bbbb9a05035)($4a678f0c87b12e78$var$SolidSearchPage),
@@ -408,6 +409,7 @@ function $4a678f0c87b12e78$var$SolidSearchPage(props, set_portals) {
         set_search_query_updating_blocked_signal(!(0, $c83ba9ab79386687$export$775e6b3892b5ad52)(location));
     };
     const [, set_search_page_in_dom] = (0, $42858f023ef23dab$export$8e769ad4338a911e).search_page_in_dom;
+    const component_portals = new Set();
     // We should only get here once react already has a DOM node which means we should be in the DOM
     set_search_page_in_dom(true);
     (0, $TZSbU$onCleanup)(()=>set_search_page_in_dom(false));
@@ -417,7 +419,7 @@ function $4a678f0c87b12e78$var$SolidSearchPage(props, set_portals) {
         (0, $42858f023ef23dab$export$8e769ad4338a911e).search_page_path_[0](); // if react defined path changes, re-check
         update_updating_blocked_signal();
     });
-    const component_portals = new Set();
+    $4a678f0c87b12e78$var$search_page_path_checker();
     return (0, $TZSbU$SearchPage)({
         // Default config goes here
         get include_input_field () {
@@ -434,6 +436,21 @@ function $4a678f0c87b12e78$var$SolidSearchPage(props, set_portals) {
             })
     });
 }
+/**
+ * Users often set the searchPagePath to something without the market which breaks everything using the searchPagePath internally, notably refining the search query. Add a warning for them.
+ */ function $4a678f0c87b12e78$var$search_page_path_checker() {
+    let has_warned = false;
+    (0, $TZSbU$createEffect)(()=>{
+        if (has_warned) return;
+        const should_be_path = (0, $42858f023ef23dab$export$8e769ad4338a911e).search_page_path_[0]();
+        const { pathname: pathname  } = location;
+        if (// allow some variability just to be sure
+        should_be_path !== pathname && should_be_path + "/" !== pathname && should_be_path !== pathname + "/") {
+            (0, $TZSbU$derror)("searchPagePath is set to", should_be_path, "but the SearchPage is rendered at", pathname, ". Please double-check your searchPagePath is where the SearchPage component ends up being rendered, after all redirects, unless you're sure this is intentional.");
+            has_warned = true;
+        }
+    });
+}
 
 
 

package/dist-server/index.d.ts

@@ -33,7 +33,7 @@ interface UseFetchRecommendationsReturn<T extends Display> {
      */
     fetchRecommendations: (opts: FetchRecsOptions) => Promise<T[]>;
 }
-export const version = "1.2.1";
+export const version = "1.2.2";
 export function DepictProvider(props: any): any;
 export function SearchPage(): any;
 export function CategoryPage(): any;

package/dist-server/main.js

@@ -40,7 +40,7 @@ function $35dfe83eec81954c$export$4b564d7f5a1b1d43({ solid_component: solid_comp
 }
 
 
-const $db7b67857900028b$export$83d89fbfd8236492 = "1.2.1";
+const $db7b67857900028b$export$83d89fbfd8236492 = "1.2.2";
 
 
 function $41e7e5d85b5e0d49$export$9fac37a9c21c2f3b(props) {

package/dist-server/module.js

@@ -22,7 +22,7 @@ function $4568c09979447ab1$export$4b564d7f5a1b1d43({ solid_component: solid_comp
 }
 
 
-const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "1.2.1";
+const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "1.2.2";
 
 
 function $2b1fdeb83610500f$export$9fac37a9c21c2f3b(props) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/react-ui",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "packageManager": "yarn@3.2.2",
   "source": "src/index.ts",
   "main": "dist/main.js",
@@ -97,10 +97,10 @@
     "README.md"
   ],
   "dependencies": {
-    "@depict-ai/dpc": "^1.0.22",
-    "@depict-ai/plp-styling": "^1.0.23",
-    "@depict-ai/ui": "^1.2.1",
-    "@depict-ai/utilishared": "^1.0.22",
+    "@depict-ai/dpc": "^1.0.23",
+    "@depict-ai/plp-styling": "^1.0.24",
+    "@depict-ai/ui": "^1.2.2",
+    "@depict-ai/utilishared": "^1.0.23",
     "solid-js": "^1.7.3"
   },
   "peerDependencies": {
@@ -114,7 +114,7 @@
     "@babel/preset-typescript": "latest",
     "@babel/runtime": "latest",
     "@babel/runtime-corejs3": "latest",
-    "@depict-ai/plp-styling": "^1.0.23",
+    "@depict-ai/plp-styling": "^1.0.24",
     "@jest/globals": "^29.3.1",
     "@parcel/babel-preset-env": "latest",
     "@parcel/resolver-default": "^2.8.0",