@depict-ai/ui 1.4.7 → 1.4.8

package/ES10/index.cjs

@@ -60,7 +60,7 @@ $parcel$export(module.exports, "defaultColsAtSize", () => $33eed84f447aa0c0$expo
 $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $33eed84f447aa0c0$export$7bf543b9d9be2c22);
 $parcel$export(module.exports, "version", () => $aa1938dec50d6c12$export$83d89fbfd8236492);
 /*! Depict.ai search and product listing SDK */
-const $aa1938dec50d6c12$export$83d89fbfd8236492 = "1.4.7";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "1.4.8";
 function $d6d51b09cb2116a6$export$5bad61ecde080b1f() {
   const {
     collapse: collapse,
@@ -6763,6 +6763,24 @@ function $73014ff36186a4dd$var$_get_navigation_happened_promise2(is_replace) {
     (0, $52FdA$depictaiutilishared.instant_exec_on_suspect_history_change).add(handler);
   });
 }
+
+/**
+ * Wraps a function in a try/catch block and throws the error globally. If undefined is provided as fn, a no-op is returned.
+ * @param fn the function to wrap
+ */
+function $bdea39a75c454f4f$export$f50b88e2a00918b5(fn) {
+  return function () {
+    if (!fn) return;
+    try {
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key];
+      return Reflect.apply(fn, this, args);
+    } catch (e) {
+      queueMicrotask(() => {
+        throw e;
+      });
+    }
+  };
+}
 const $9cbefc32b9dab36d$var$_tmpl$ = /*#__PURE__*/(0, $52FdA$solidjsweb.template)(`<div class="depict plp category"></div>`, 2);
 function $9cbefc32b9dab36d$var$_classPrivateFieldInitSpec(obj, privateMap, value) {
   $9cbefc32b9dab36d$var$_checkPrivateRedeclaration(obj, privateMap);
@@ -6952,10 +6970,17 @@ function $9cbefc32b9dab36d$export$e2bf8ce7779e827e(props) {
   } = props;
   const shared_properties = $9cbefc32b9dab36d$var$get_shared_properties(depict_category);
   return (0, $d05611ff6b8c8357$export$23fca46f3143581f)(() => {
+    (0, $52FdA$solidjs.createEffect)(prev => {
+      // this is here (and not on DepictCategory) so that people also know when PageReplacer removes the page, it's intended to help people replace their own content when a depict page is navigated, see https://depictaiworkspace.slack.com/archives/C04M8MGCF3K/p1691670636155369
+      const id = depict_category.category_id; // <- this is a reactive getter
+      (0, $bdea39a75c454f4f$export$f50b88e2a00918b5)(props.on_query_id_change)(id, prev);
+      return id;
+    });
+    (0, $52FdA$solidjs.onCleanup)(() => (0, $bdea39a75c454f4f$export$f50b88e2a00918b5)(props.on_query_id_change)());
     const grid_spacing_override = (0, $52FdA$solidjs.createMemo)(() => {
       const {
         grid_spacing: grid_spacing
-      } = props; // can be reactive
+      } = props; // can be reactive, therefore read in the memo
       return typeof grid_spacing === "string" ? {
         grid_spacing: grid_spacing
       } : {
@@ -10611,6 +10636,13 @@ function $ddd39c5f36f49703$export$f2dc7e4e4aa11abb(props) {
         grid_spacing: grid_spacing.horizontal
       };
     });
+    (0, $52FdA$solidjs.createEffect)(prev => {
+      // this is here (and not on DepictSearch) so that people also know when PageReplacer removes the page, it's intended to help people replace their own content when a depict page is navigated, see https://depictaiworkspace.slack.com/archives/C04M8MGCF3K/p1691670636155369
+      const search_query = shared_properties.get_search_query_();
+      (0, $bdea39a75c454f4f$export$f50b88e2a00918b5)(props.on_query_change)(search_query, prev);
+      return search_query;
+    });
+    (0, $52FdA$solidjs.onCleanup)(() => (0, $bdea39a75c454f4f$export$f50b88e2a00918b5)(props.on_query_change)());
     (0, $52FdA$solidjs.onCleanup)(shared_properties.reset_history_state_);
     return (0, $739c927cbecd26b0$export$a54ec244c8863715)({
       input_modal_open_: () => !!depict_search.modal_open,

package/ES10/index.d.ts

@@ -7,7 +7,7 @@ import { CategorySuggestion, SearchSuggestionsResponse } from "@depict-ai/types/
 import { BaseSearchRequest } from "@depict-ai/types/api/BaseSearchRequest";
 import { SearchSuggestionsRequest } from "@depict-ai/types/api/SearchSuggestionsRequest";
 import { ProductListingRequest } from "@depict-ai/types/api/ProductListingRequest";
-export const version = "1.4.7";
+export const version = "1.4.8";
 export function ExpandingDetails(props: {
   details_: HTMLDetailsElement;
   summary_: HTMLElement;
@@ -568,6 +568,7 @@ export function CategoryPage<OriginalDisplay extends Display, OutputDisplay exte
   show_quicklinks?: boolean;
   show_breadcrumbs?: boolean;
   category_title: typeof CategoryTitle | typeof embedded_num_products;
+  on_query_id_change?: (new_query_id?: string | undefined, old_query_id?: string | undefined) => void;
 }): import("@depict-ai/utilishared").Node_Array;
 export function BreadCrumbs<T extends Display>({
   depict_category
@@ -703,6 +704,7 @@ export function SearchPage<OriginalDisplay extends Display, TransformedDisplay e
   grid_spacing: SDKGridSpacing;
   cols_at_size: SDKColsAtSize;
   product_card_template: ProductCardTemplate<[TransformedDisplay] extends [never] ? OriginalDisplay : ModernDisplayWithPageUrl<TransformedDisplay>>;
+  on_query_change?: (new_query?: string | undefined, old_query?: string | undefined) => void;
   extra_depict_options?: {
     recommendations_cols_at_size?: SDKColsAtSize;
   };

package/ES10/index.js

@@ -8,7 +8,7 @@ import $8tj43$babelruntimehelpersdefineProperty from "@babel/runtime/helpers/def
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../multi_import_deduplicator.mjs";
 register_es_version("ui", "ES10");
-const $8db9a15135765c11$export$83d89fbfd8236492 = "1.4.7";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "1.4.8";
 function $8e8b179489080711$export$5bad61ecde080b1f() {
   const {
     collapse: collapse,
@@ -6711,6 +6711,24 @@ function $ac571292d606f30b$var$_get_navigation_happened_promise2(is_replace) {
     (0, $8tj43$instant_exec_on_suspect_history_change).add(handler);
   });
 }
+
+/**
+ * Wraps a function in a try/catch block and throws the error globally. If undefined is provided as fn, a no-op is returned.
+ * @param fn the function to wrap
+ */
+function $01c33966d9ddb108$export$f50b88e2a00918b5(fn) {
+  return function () {
+    if (!fn) return;
+    try {
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key];
+      return Reflect.apply(fn, this, args);
+    } catch (e) {
+      queueMicrotask(() => {
+        throw e;
+      });
+    }
+  };
+}
 const $f5f54892fd0c7d9f$var$_tmpl$ = /*#__PURE__*/(0, $8tj43$template)(`<div class="depict plp category"></div>`, 2);
 function $f5f54892fd0c7d9f$var$_classPrivateFieldInitSpec(obj, privateMap, value) {
   $f5f54892fd0c7d9f$var$_checkPrivateRedeclaration(obj, privateMap);
@@ -6900,10 +6918,17 @@ function $f5f54892fd0c7d9f$export$e2bf8ce7779e827e(props) {
   } = props;
   const shared_properties = $f5f54892fd0c7d9f$var$get_shared_properties(depict_category);
   return (0, $83e8cf2c0b87a58a$export$23fca46f3143581f)(() => {
+    (0, $8tj43$createEffect)(prev => {
+      // this is here (and not on DepictCategory) so that people also know when PageReplacer removes the page, it's intended to help people replace their own content when a depict page is navigated, see https://depictaiworkspace.slack.com/archives/C04M8MGCF3K/p1691670636155369
+      const id = depict_category.category_id; // <- this is a reactive getter
+      (0, $01c33966d9ddb108$export$f50b88e2a00918b5)(props.on_query_id_change)(id, prev);
+      return id;
+    });
+    (0, $8tj43$onCleanup)(() => (0, $01c33966d9ddb108$export$f50b88e2a00918b5)(props.on_query_id_change)());
     const grid_spacing_override = (0, $8tj43$createMemo)(() => {
       const {
         grid_spacing: grid_spacing
-      } = props; // can be reactive
+      } = props; // can be reactive, therefore read in the memo
       return typeof grid_spacing === "string" ? {
         grid_spacing: grid_spacing
       } : {
@@ -10559,6 +10584,13 @@ function $eb064bc3350276c1$export$f2dc7e4e4aa11abb(props) {
         grid_spacing: grid_spacing.horizontal
       };
     });
+    (0, $8tj43$createEffect)(prev => {
+      // this is here (and not on DepictSearch) so that people also know when PageReplacer removes the page, it's intended to help people replace their own content when a depict page is navigated, see https://depictaiworkspace.slack.com/archives/C04M8MGCF3K/p1691670636155369
+      const search_query = shared_properties.get_search_query_();
+      (0, $01c33966d9ddb108$export$f50b88e2a00918b5)(props.on_query_change)(search_query, prev);
+      return search_query;
+    });
+    (0, $8tj43$onCleanup)(() => (0, $01c33966d9ddb108$export$f50b88e2a00918b5)(props.on_query_change)());
     (0, $8tj43$onCleanup)(shared_properties.reset_history_state_);
     return (0, $da279c5a540c6846$export$a54ec244c8863715)({
       input_modal_open_: () => !!depict_search.modal_open,

package/latest/index.cjs

@@ -54,7 +54,7 @@ $parcel$export(module.exports, "defaultColsAtSize", () => $a3280f0aad997933$expo
 $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $a3280f0aad997933$export$7bf543b9d9be2c22);
 $parcel$export(module.exports, "version", () => $b757f75811f3261f$export$83d89fbfd8236492);
 /*! Depict.ai search and product listing SDK */
-const $b757f75811f3261f$export$83d89fbfd8236492 = "1.4.7";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "1.4.8";
 function $4b455f60dadde8b8$export$5bad61ecde080b1f(...params) {
   const {
     collapse: collapse,
@@ -6282,6 +6282,23 @@ class $e96dd13889871fc0$export$7e1297a3a19f10d8 {
     this.on_navigation_ = on_navigation;
   }
 }
+
+/**
+ * Wraps a function in a try/catch block and throws the error globally. If undefined is provided as fn, a no-op is returned.
+ * @param fn the function to wrap
+ */
+function $deaaf04362a1bc71$export$f50b88e2a00918b5(fn) {
+  return function (...args) {
+    if (!fn) return;
+    try {
+      return Reflect.apply(fn, this, args);
+    } catch (e) {
+      queueMicrotask(() => {
+        throw e;
+      });
+    }
+  };
+}
 const $48567ac5b39bac56$var$_tmpl$ = /*#__PURE__*/(0, $gVhhF$solidjsweb.template)(`<div class="depict plp category"></div>`, 2);
 // We just pass page_url_creator to DepictAPI when we instantiate it, so don't allow it to be specified if api is already specified
 /**
@@ -6418,10 +6435,17 @@ function $48567ac5b39bac56$export$e2bf8ce7779e827e(props) {
   } = props;
   const shared_properties = $48567ac5b39bac56$var$get_shared_properties(depict_category);
   return (0, $95837413165cc2df$export$23fca46f3143581f)(() => {
+    (0, $gVhhF$solidjs.createEffect)(prev => {
+      // this is here (and not on DepictCategory) so that people also know when PageReplacer removes the page, it's intended to help people replace their own content when a depict page is navigated, see https://depictaiworkspace.slack.com/archives/C04M8MGCF3K/p1691670636155369
+      const id = depict_category.category_id; // <- this is a reactive getter
+      (0, $deaaf04362a1bc71$export$f50b88e2a00918b5)(props.on_query_id_change)(id, prev);
+      return id;
+    });
+    (0, $gVhhF$solidjs.onCleanup)(() => (0, $deaaf04362a1bc71$export$f50b88e2a00918b5)(props.on_query_id_change)());
     const grid_spacing_override = (0, $gVhhF$solidjs.createMemo)(() => {
       const {
         grid_spacing: grid_spacing
-      } = props; // can be reactive
+      } = props; // can be reactive, therefore read in the memo
       return typeof grid_spacing === "string" ? {
         grid_spacing: grid_spacing
       } : {
@@ -9835,6 +9859,13 @@ function $2c61e4cd8229c49a$export$f2dc7e4e4aa11abb(props) {
         grid_spacing: grid_spacing.horizontal
       };
     });
+    (0, $gVhhF$solidjs.createEffect)(prev => {
+      // this is here (and not on DepictSearch) so that people also know when PageReplacer removes the page, it's intended to help people replace their own content when a depict page is navigated, see https://depictaiworkspace.slack.com/archives/C04M8MGCF3K/p1691670636155369
+      const search_query = shared_properties.get_search_query_();
+      (0, $deaaf04362a1bc71$export$f50b88e2a00918b5)(props.on_query_change)(search_query, prev);
+      return search_query;
+    });
+    (0, $gVhhF$solidjs.onCleanup)(() => (0, $deaaf04362a1bc71$export$f50b88e2a00918b5)(props.on_query_change)());
     (0, $gVhhF$solidjs.onCleanup)(shared_properties.reset_history_state_);
     return (0, $f1d7cb69f839a526$export$a54ec244c8863715)({
       input_modal_open_: () => !!depict_search.modal_open,

package/latest/index.d.ts

@@ -7,7 +7,7 @@ import { CategorySuggestion, SearchSuggestionsResponse } from "@depict-ai/types/
 import { BaseSearchRequest } from "@depict-ai/types/api/BaseSearchRequest";
 import { SearchSuggestionsRequest } from "@depict-ai/types/api/SearchSuggestionsRequest";
 import { ProductListingRequest } from "@depict-ai/types/api/ProductListingRequest";
-export const version = "1.4.7";
+export const version = "1.4.8";
 export function ExpandingDetails(props: {
   details_: HTMLDetailsElement;
   summary_: HTMLElement;
@@ -568,6 +568,7 @@ export function CategoryPage<OriginalDisplay extends Display, OutputDisplay exte
   show_quicklinks?: boolean;
   show_breadcrumbs?: boolean;
   category_title: typeof CategoryTitle | typeof embedded_num_products;
+  on_query_id_change?: (new_query_id?: string | undefined, old_query_id?: string | undefined) => void;
 }): import("@depict-ai/utilishared").Node_Array;
 export function BreadCrumbs<T extends Display>({
   depict_category
@@ -703,6 +704,7 @@ export function SearchPage<OriginalDisplay extends Display, TransformedDisplay e
   grid_spacing: SDKGridSpacing;
   cols_at_size: SDKColsAtSize;
   product_card_template: ProductCardTemplate<[TransformedDisplay] extends [never] ? OriginalDisplay : ModernDisplayWithPageUrl<TransformedDisplay>>;
+  on_query_change?: (new_query?: string | undefined, old_query?: string | undefined) => void;
   extra_depict_options?: {
     recommendations_cols_at_size?: SDKColsAtSize;
   };

package/latest/index.js

@@ -5,7 +5,7 @@ import { createSignal as $9HbP8$createSignal, createMemo as $9HbP8$createMemo, u
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../multi_import_deduplicator.mjs";
 register_es_version("ui", "latest");
-const $ec291e0010116877$export$83d89fbfd8236492 = "1.4.7";
+const $ec291e0010116877$export$83d89fbfd8236492 = "1.4.8";
 function $24e27fab9c821b86$export$5bad61ecde080b1f(...params) {
   const {
     collapse: collapse,
@@ -6233,6 +6233,23 @@ class $4fd2ba03703a7d92$export$7e1297a3a19f10d8 {
     this.on_navigation_ = on_navigation;
   }
 }
+
+/**
+ * Wraps a function in a try/catch block and throws the error globally. If undefined is provided as fn, a no-op is returned.
+ * @param fn the function to wrap
+ */
+function $d8dbf52fea1773e2$export$f50b88e2a00918b5(fn) {
+  return function (...args) {
+    if (!fn) return;
+    try {
+      return Reflect.apply(fn, this, args);
+    } catch (e) {
+      queueMicrotask(() => {
+        throw e;
+      });
+    }
+  };
+}
 const $961b5c64bef4662f$var$_tmpl$ = /*#__PURE__*/(0, $9HbP8$template)(`<div class="depict plp category"></div>`, 2);
 // We just pass page_url_creator to DepictAPI when we instantiate it, so don't allow it to be specified if api is already specified
 /**
@@ -6369,10 +6386,17 @@ function $961b5c64bef4662f$export$e2bf8ce7779e827e(props) {
   } = props;
   const shared_properties = $961b5c64bef4662f$var$get_shared_properties(depict_category);
   return (0, $16b52438165aafe2$export$23fca46f3143581f)(() => {
+    (0, $9HbP8$createEffect)(prev => {
+      // this is here (and not on DepictCategory) so that people also know when PageReplacer removes the page, it's intended to help people replace their own content when a depict page is navigated, see https://depictaiworkspace.slack.com/archives/C04M8MGCF3K/p1691670636155369
+      const id = depict_category.category_id; // <- this is a reactive getter
+      (0, $d8dbf52fea1773e2$export$f50b88e2a00918b5)(props.on_query_id_change)(id, prev);
+      return id;
+    });
+    (0, $9HbP8$onCleanup)(() => (0, $d8dbf52fea1773e2$export$f50b88e2a00918b5)(props.on_query_id_change)());
     const grid_spacing_override = (0, $9HbP8$createMemo)(() => {
       const {
         grid_spacing: grid_spacing
-      } = props; // can be reactive
+      } = props; // can be reactive, therefore read in the memo
       return typeof grid_spacing === "string" ? {
         grid_spacing: grid_spacing
       } : {
@@ -9786,6 +9810,13 @@ function $806c97b931758897$export$f2dc7e4e4aa11abb(props) {
         grid_spacing: grid_spacing.horizontal
       };
     });
+    (0, $9HbP8$createEffect)(prev => {
+      // this is here (and not on DepictSearch) so that people also know when PageReplacer removes the page, it's intended to help people replace their own content when a depict page is navigated, see https://depictaiworkspace.slack.com/archives/C04M8MGCF3K/p1691670636155369
+      const search_query = shared_properties.get_search_query_();
+      (0, $d8dbf52fea1773e2$export$f50b88e2a00918b5)(props.on_query_change)(search_query, prev);
+      return search_query;
+    });
+    (0, $9HbP8$onCleanup)(() => (0, $d8dbf52fea1773e2$export$f50b88e2a00918b5)(props.on_query_change)());
     (0, $9HbP8$onCleanup)(shared_properties.reset_history_state_);
     return (0, $7097477c78a89208$export$a54ec244c8863715)({
       input_modal_open_: () => !!depict_search.modal_open,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/ui",
-  "version": "1.4.7",
+  "version": "1.4.8",
   "description": "Base package containing the actual UI of Depict UI along with translations, with a not-simplified API. We recommend using @depict-ai/js-ui or @depict-ai/react-ui instead.",
   "packageManager": "yarn@3.2.2",
   "sass": "styles.scss",
@@ -236,7 +236,7 @@
     "@babel/plugin-transform-typescript": "^7.22.9",
     "@babel/runtime": "latest",
     "@babel/runtime-corejs3": "^7.22.6",
-    "@depict-ai/plp-styling": "^1.0.32",
+    "@depict-ai/plp-styling": "^1.0.33",
     "@depict-ai/types": "^1.0.34",
     "@depict-ai/utilishared": "^1.0.30",
     "solid-js": "^1.7.3"

package/server/ES10/index.cjs

@@ -60,7 +60,7 @@ $parcel$export(module.exports, "defaultColsAtSize", () => $33eed84f447aa0c0$expo
 $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $33eed84f447aa0c0$export$7bf543b9d9be2c22);
 $parcel$export(module.exports, "version", () => $aa1938dec50d6c12$export$83d89fbfd8236492);
 /*! Depict.ai search and product listing SDK */
-const $aa1938dec50d6c12$export$83d89fbfd8236492 = "1.4.7";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "1.4.8";
 function $d6d51b09cb2116a6$export$5bad61ecde080b1f() {
   const {
     collapse: collapse,
@@ -5488,6 +5488,24 @@ function $73014ff36186a4dd$var$_get_navigation_happened_promise2(is_replace) {
     (0, $3hooq$depictaiutilishared.instant_exec_on_suspect_history_change).add(handler);
   });
 }
+
+/**
+ * Wraps a function in a try/catch block and throws the error globally. If undefined is provided as fn, a no-op is returned.
+ * @param fn the function to wrap
+ */
+function $bdea39a75c454f4f$export$f50b88e2a00918b5(fn) {
+  return function () {
+    if (!fn) return;
+    try {
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key];
+      return Reflect.apply(fn, this, args);
+    } catch (e) {
+      queueMicrotask(() => {
+        throw e;
+      });
+    }
+  };
+}
 const $9cbefc32b9dab36d$var$_tmpl$ = ["<div", ' class="depict plp category">', "</div>"];
 function $9cbefc32b9dab36d$var$_classPrivateFieldInitSpec(obj, privateMap, value) {
   $9cbefc32b9dab36d$var$_checkPrivateRedeclaration(obj, privateMap);
@@ -5672,10 +5690,17 @@ function $9cbefc32b9dab36d$export$e2bf8ce7779e827e(props) {
   } = props;
   const shared_properties = $9cbefc32b9dab36d$var$get_shared_properties(depict_category);
   return (0, $d05611ff6b8c8357$export$23fca46f3143581f)(() => {
+    (0, $3hooq$solidjs.createEffect)(prev => {
+      // this is here (and not on DepictCategory) so that people also know when PageReplacer removes the page, it's intended to help people replace their own content when a depict page is navigated, see https://depictaiworkspace.slack.com/archives/C04M8MGCF3K/p1691670636155369
+      const id = depict_category.category_id; // <- this is a reactive getter
+      (0, $bdea39a75c454f4f$export$f50b88e2a00918b5)(props.on_query_id_change)(id, prev);
+      return id;
+    });
+    (0, $3hooq$solidjs.onCleanup)(() => (0, $bdea39a75c454f4f$export$f50b88e2a00918b5)(props.on_query_id_change)());
     const grid_spacing_override = (0, $3hooq$solidjs.createMemo)(() => {
       const {
         grid_spacing: grid_spacing
-      } = props; // can be reactive
+      } = props; // can be reactive, therefore read in the memo
       return typeof grid_spacing === "string" ? {
         grid_spacing: grid_spacing
       } : {
@@ -8698,6 +8723,13 @@ function $ddd39c5f36f49703$export$f2dc7e4e4aa11abb(props) {
         grid_spacing: grid_spacing.horizontal
       };
     });
+    (0, $3hooq$solidjs.createEffect)(prev => {
+      // this is here (and not on DepictSearch) so that people also know when PageReplacer removes the page, it's intended to help people replace their own content when a depict page is navigated, see https://depictaiworkspace.slack.com/archives/C04M8MGCF3K/p1691670636155369
+      const search_query = shared_properties.get_search_query_();
+      (0, $bdea39a75c454f4f$export$f50b88e2a00918b5)(props.on_query_change)(search_query, prev);
+      return search_query;
+    });
+    (0, $3hooq$solidjs.onCleanup)(() => (0, $bdea39a75c454f4f$export$f50b88e2a00918b5)(props.on_query_change)());
     (0, $3hooq$solidjs.onCleanup)(shared_properties.reset_history_state_);
     return (0, $739c927cbecd26b0$export$a54ec244c8863715)({
       input_modal_open_: () => !!depict_search.modal_open,

package/server/ES10/index.d.ts

@@ -7,7 +7,7 @@ import { CategorySuggestion, SearchSuggestionsResponse } from "@depict-ai/types/
 import { BaseSearchRequest } from "@depict-ai/types/api/BaseSearchRequest";
 import { SearchSuggestionsRequest } from "@depict-ai/types/api/SearchSuggestionsRequest";
 import { ProductListingRequest } from "@depict-ai/types/api/ProductListingRequest";
-export const version = "1.4.7";
+export const version = "1.4.8";
 export function ExpandingDetails(props: {
   details_: HTMLDetailsElement;
   summary_: HTMLElement;
@@ -568,6 +568,7 @@ export function CategoryPage<OriginalDisplay extends Display, OutputDisplay exte
   show_quicklinks?: boolean;
   show_breadcrumbs?: boolean;
   category_title: typeof CategoryTitle | typeof embedded_num_products;
+  on_query_id_change?: (new_query_id?: string | undefined, old_query_id?: string | undefined) => void;
 }): import("@depict-ai/utilishared").Node_Array;
 export function BreadCrumbs<T extends Display>({
   depict_category
@@ -703,6 +704,7 @@ export function SearchPage<OriginalDisplay extends Display, TransformedDisplay e
   grid_spacing: SDKGridSpacing;
   cols_at_size: SDKColsAtSize;
   product_card_template: ProductCardTemplate<[TransformedDisplay] extends [never] ? OriginalDisplay : ModernDisplayWithPageUrl<TransformedDisplay>>;
+  on_query_change?: (new_query?: string | undefined, old_query?: string | undefined) => void;
   extra_depict_options?: {
     recommendations_cols_at_size?: SDKColsAtSize;
   };

package/server/ES10/index.js

@@ -8,7 +8,7 @@ import $b8hua$babelruntimehelpersdefineProperty from "@babel/runtime/helpers/def
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../../multi_import_deduplicator.mjs";
 register_es_version("ui", "ES10");
-const $8db9a15135765c11$export$83d89fbfd8236492 = "1.4.7";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "1.4.8";
 function $8e8b179489080711$export$5bad61ecde080b1f() {
   const {
     collapse: collapse,
@@ -5436,6 +5436,24 @@ function $ac571292d606f30b$var$_get_navigation_happened_promise2(is_replace) {
     (0, $b8hua$instant_exec_on_suspect_history_change).add(handler);
   });
 }
+
+/**
+ * Wraps a function in a try/catch block and throws the error globally. If undefined is provided as fn, a no-op is returned.
+ * @param fn the function to wrap
+ */
+function $01c33966d9ddb108$export$f50b88e2a00918b5(fn) {
+  return function () {
+    if (!fn) return;
+    try {
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key];
+      return Reflect.apply(fn, this, args);
+    } catch (e) {
+      queueMicrotask(() => {
+        throw e;
+      });
+    }
+  };
+}
 const $f5f54892fd0c7d9f$var$_tmpl$ = ["<div", ' class="depict plp category">', "</div>"];
 function $f5f54892fd0c7d9f$var$_classPrivateFieldInitSpec(obj, privateMap, value) {
   $f5f54892fd0c7d9f$var$_checkPrivateRedeclaration(obj, privateMap);
@@ -5620,10 +5638,17 @@ function $f5f54892fd0c7d9f$export$e2bf8ce7779e827e(props) {
   } = props;
   const shared_properties = $f5f54892fd0c7d9f$var$get_shared_properties(depict_category);
   return (0, $83e8cf2c0b87a58a$export$23fca46f3143581f)(() => {
+    (0, $b8hua$createEffect)(prev => {
+      // this is here (and not on DepictCategory) so that people also know when PageReplacer removes the page, it's intended to help people replace their own content when a depict page is navigated, see https://depictaiworkspace.slack.com/archives/C04M8MGCF3K/p1691670636155369
+      const id = depict_category.category_id; // <- this is a reactive getter
+      (0, $01c33966d9ddb108$export$f50b88e2a00918b5)(props.on_query_id_change)(id, prev);
+      return id;
+    });
+    (0, $b8hua$onCleanup)(() => (0, $01c33966d9ddb108$export$f50b88e2a00918b5)(props.on_query_id_change)());
     const grid_spacing_override = (0, $b8hua$createMemo)(() => {
       const {
         grid_spacing: grid_spacing
-      } = props; // can be reactive
+      } = props; // can be reactive, therefore read in the memo
       return typeof grid_spacing === "string" ? {
         grid_spacing: grid_spacing
       } : {
@@ -8646,6 +8671,13 @@ function $eb064bc3350276c1$export$f2dc7e4e4aa11abb(props) {
         grid_spacing: grid_spacing.horizontal
       };
     });
+    (0, $b8hua$createEffect)(prev => {
+      // this is here (and not on DepictSearch) so that people also know when PageReplacer removes the page, it's intended to help people replace their own content when a depict page is navigated, see https://depictaiworkspace.slack.com/archives/C04M8MGCF3K/p1691670636155369
+      const search_query = shared_properties.get_search_query_();
+      (0, $01c33966d9ddb108$export$f50b88e2a00918b5)(props.on_query_change)(search_query, prev);
+      return search_query;
+    });
+    (0, $b8hua$onCleanup)(() => (0, $01c33966d9ddb108$export$f50b88e2a00918b5)(props.on_query_change)());
     (0, $b8hua$onCleanup)(shared_properties.reset_history_state_);
     return (0, $da279c5a540c6846$export$a54ec244c8863715)({
       input_modal_open_: () => !!depict_search.modal_open,

package/server/latest/index.cjs

@@ -54,7 +54,7 @@ $parcel$export(module.exports, "defaultColsAtSize", () => $a3280f0aad997933$expo
 $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $a3280f0aad997933$export$7bf543b9d9be2c22);
 $parcel$export(module.exports, "version", () => $b757f75811f3261f$export$83d89fbfd8236492);
 /*! Depict.ai search and product listing SDK */
-const $b757f75811f3261f$export$83d89fbfd8236492 = "1.4.7";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "1.4.8";
 function $4b455f60dadde8b8$export$5bad61ecde080b1f(...params) {
   const {
     collapse: collapse,
@@ -5062,6 +5062,23 @@ class $e96dd13889871fc0$export$7e1297a3a19f10d8 {
     this.on_navigation_ = on_navigation;
   }
 }
+
+/**
+ * Wraps a function in a try/catch block and throws the error globally. If undefined is provided as fn, a no-op is returned.
+ * @param fn the function to wrap
+ */
+function $deaaf04362a1bc71$export$f50b88e2a00918b5(fn) {
+  return function (...args) {
+    if (!fn) return;
+    try {
+      return Reflect.apply(fn, this, args);
+    } catch (e) {
+      queueMicrotask(() => {
+        throw e;
+      });
+    }
+  };
+}
 const $48567ac5b39bac56$var$_tmpl$ = ["<div", ' class="depict plp category">', "</div>"];
 // We just pass page_url_creator to DepictAPI when we instantiate it, so don't allow it to be specified if api is already specified
 /**
@@ -5193,10 +5210,17 @@ function $48567ac5b39bac56$export$e2bf8ce7779e827e(props) {
   } = props;
   const shared_properties = $48567ac5b39bac56$var$get_shared_properties(depict_category);
   return (0, $95837413165cc2df$export$23fca46f3143581f)(() => {
+    (0, $5vyXB$solidjs.createEffect)(prev => {
+      // this is here (and not on DepictCategory) so that people also know when PageReplacer removes the page, it's intended to help people replace their own content when a depict page is navigated, see https://depictaiworkspace.slack.com/archives/C04M8MGCF3K/p1691670636155369
+      const id = depict_category.category_id; // <- this is a reactive getter
+      (0, $deaaf04362a1bc71$export$f50b88e2a00918b5)(props.on_query_id_change)(id, prev);
+      return id;
+    });
+    (0, $5vyXB$solidjs.onCleanup)(() => (0, $deaaf04362a1bc71$export$f50b88e2a00918b5)(props.on_query_id_change)());
     const grid_spacing_override = (0, $5vyXB$solidjs.createMemo)(() => {
       const {
         grid_spacing: grid_spacing
-      } = props; // can be reactive
+      } = props; // can be reactive, therefore read in the memo
       return typeof grid_spacing === "string" ? {
         grid_spacing: grid_spacing
       } : {
@@ -7982,6 +8006,13 @@ function $2c61e4cd8229c49a$export$f2dc7e4e4aa11abb(props) {
         grid_spacing: grid_spacing.horizontal
       };
     });
+    (0, $5vyXB$solidjs.createEffect)(prev => {
+      // this is here (and not on DepictSearch) so that people also know when PageReplacer removes the page, it's intended to help people replace their own content when a depict page is navigated, see https://depictaiworkspace.slack.com/archives/C04M8MGCF3K/p1691670636155369
+      const search_query = shared_properties.get_search_query_();
+      (0, $deaaf04362a1bc71$export$f50b88e2a00918b5)(props.on_query_change)(search_query, prev);
+      return search_query;
+    });
+    (0, $5vyXB$solidjs.onCleanup)(() => (0, $deaaf04362a1bc71$export$f50b88e2a00918b5)(props.on_query_change)());
     (0, $5vyXB$solidjs.onCleanup)(shared_properties.reset_history_state_);
     return (0, $f1d7cb69f839a526$export$a54ec244c8863715)({
       input_modal_open_: () => !!depict_search.modal_open,

package/server/latest/index.d.ts

@@ -7,7 +7,7 @@ import { CategorySuggestion, SearchSuggestionsResponse } from "@depict-ai/types/
 import { BaseSearchRequest } from "@depict-ai/types/api/BaseSearchRequest";
 import { SearchSuggestionsRequest } from "@depict-ai/types/api/SearchSuggestionsRequest";
 import { ProductListingRequest } from "@depict-ai/types/api/ProductListingRequest";
-export const version = "1.4.7";
+export const version = "1.4.8";
 export function ExpandingDetails(props: {
   details_: HTMLDetailsElement;
   summary_: HTMLElement;
@@ -568,6 +568,7 @@ export function CategoryPage<OriginalDisplay extends Display, OutputDisplay exte
   show_quicklinks?: boolean;
   show_breadcrumbs?: boolean;
   category_title: typeof CategoryTitle | typeof embedded_num_products;
+  on_query_id_change?: (new_query_id?: string | undefined, old_query_id?: string | undefined) => void;
 }): import("@depict-ai/utilishared").Node_Array;
 export function BreadCrumbs<T extends Display>({
   depict_category
@@ -703,6 +704,7 @@ export function SearchPage<OriginalDisplay extends Display, TransformedDisplay e
   grid_spacing: SDKGridSpacing;
   cols_at_size: SDKColsAtSize;
   product_card_template: ProductCardTemplate<[TransformedDisplay] extends [never] ? OriginalDisplay : ModernDisplayWithPageUrl<TransformedDisplay>>;
+  on_query_change?: (new_query?: string | undefined, old_query?: string | undefined) => void;
   extra_depict_options?: {
     recommendations_cols_at_size?: SDKColsAtSize;
   };

package/server/latest/index.js

@@ -5,7 +5,7 @@ import { createSignal as $i7OB2$createSignal, createMemo as $i7OB2$createMemo, u
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../../multi_import_deduplicator.mjs";
 register_es_version("ui", "latest");
-const $ec291e0010116877$export$83d89fbfd8236492 = "1.4.7";
+const $ec291e0010116877$export$83d89fbfd8236492 = "1.4.8";
 function $24e27fab9c821b86$export$5bad61ecde080b1f(...params) {
   const {
     collapse: collapse,
@@ -5013,6 +5013,23 @@ class $4fd2ba03703a7d92$export$7e1297a3a19f10d8 {
     this.on_navigation_ = on_navigation;
   }
 }
+
+/**
+ * Wraps a function in a try/catch block and throws the error globally. If undefined is provided as fn, a no-op is returned.
+ * @param fn the function to wrap
+ */
+function $d8dbf52fea1773e2$export$f50b88e2a00918b5(fn) {
+  return function (...args) {
+    if (!fn) return;
+    try {
+      return Reflect.apply(fn, this, args);
+    } catch (e) {
+      queueMicrotask(() => {
+        throw e;
+      });
+    }
+  };
+}
 const $961b5c64bef4662f$var$_tmpl$ = ["<div", ' class="depict plp category">', "</div>"];
 // We just pass page_url_creator to DepictAPI when we instantiate it, so don't allow it to be specified if api is already specified
 /**
@@ -5144,10 +5161,17 @@ function $961b5c64bef4662f$export$e2bf8ce7779e827e(props) {
   } = props;
   const shared_properties = $961b5c64bef4662f$var$get_shared_properties(depict_category);
   return (0, $16b52438165aafe2$export$23fca46f3143581f)(() => {
+    (0, $i7OB2$createEffect)(prev => {
+      // this is here (and not on DepictCategory) so that people also know when PageReplacer removes the page, it's intended to help people replace their own content when a depict page is navigated, see https://depictaiworkspace.slack.com/archives/C04M8MGCF3K/p1691670636155369
+      const id = depict_category.category_id; // <- this is a reactive getter
+      (0, $d8dbf52fea1773e2$export$f50b88e2a00918b5)(props.on_query_id_change)(id, prev);
+      return id;
+    });
+    (0, $i7OB2$onCleanup)(() => (0, $d8dbf52fea1773e2$export$f50b88e2a00918b5)(props.on_query_id_change)());
     const grid_spacing_override = (0, $i7OB2$createMemo)(() => {
       const {
         grid_spacing: grid_spacing
-      } = props; // can be reactive
+      } = props; // can be reactive, therefore read in the memo
       return typeof grid_spacing === "string" ? {
         grid_spacing: grid_spacing
       } : {
@@ -7933,6 +7957,13 @@ function $806c97b931758897$export$f2dc7e4e4aa11abb(props) {
         grid_spacing: grid_spacing.horizontal
       };
     });
+    (0, $i7OB2$createEffect)(prev => {
+      // this is here (and not on DepictSearch) so that people also know when PageReplacer removes the page, it's intended to help people replace their own content when a depict page is navigated, see https://depictaiworkspace.slack.com/archives/C04M8MGCF3K/p1691670636155369
+      const search_query = shared_properties.get_search_query_();
+      (0, $d8dbf52fea1773e2$export$f50b88e2a00918b5)(props.on_query_change)(search_query, prev);
+      return search_query;
+    });
+    (0, $i7OB2$onCleanup)(() => (0, $d8dbf52fea1773e2$export$f50b88e2a00918b5)(props.on_query_change)());
     (0, $i7OB2$onCleanup)(shared_properties.reset_history_state_);
     return (0, $7097477c78a89208$export$a54ec244c8863715)({
       input_modal_open_: () => !!depict_search.modal_open,