@depict-ai/ui 3.0.4 → 3.0.5

package/ES10/index.cjs

@@ -83,7 +83,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 = "3.0.4";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "3.0.5";
 const $9d19451330d04c3c$var$_tmpl$ = /*#__PURE__*/$52FdA$solidjsweb.template(`<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 14 26"><path d="M2 24.656c-.078 0-.156-.016-.234-.047s-.133-.066-.187-.129c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422l10.371-10.371L1.578 2.883c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422.258-.176.422-.176.305.059.422.176l10.805 10.793a.59.59 0 0 1 .176.434c0 .172-.059.305-.176.422L2.422 24.48a.42.42 0 0 1-.199.129.54.54 0 0 1-.223.047zm0 0"fill=#0f0f0f>`);
 function $9d19451330d04c3c$export$8be2714ec7f169ee() {
   let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -1039,27 +1039,31 @@ function $76012c4468a53d1f$export$43f0fb951fcb0c54(_ref) {
   });
 }
 // source: https://medium.com/@pancemarko/deep-equality-in-javascript-determining-if-two-objects-are-equal-bf98cf47e934
+// deeply diffs two objects
+// Modified by chatGPT to not be recursive, since stiga was getting a stack overflow just due to the size of their data
+// Modified futher to bias towards saying objects are equal non-primitive objects differ
 function $76012c4468a53d1f$var$deep_equal(obj1, obj2) {
-  if (obj1 === obj2) return true;
-  if (Array.isArray(obj1) && Array.isArray(obj2)) {
-    if (obj1.length !== obj2.length) return false;
-    return obj1.every((elem, index) => {
-      return $76012c4468a53d1f$var$deep_equal(elem, obj2[index]);
-    });
-  }
-  if (typeof obj1 === "object" && typeof obj2 === "object" && obj1 !== null && obj2 !== null) {
-    if (Array.isArray(obj1) || Array.isArray(obj2)) return false;
-    const keys1 = Object.keys(obj1);
-    const keys2 = Object.keys(obj2);
-    if (keys1.length !== keys2.length || !keys1.every(key => keys2.includes(key))) return false;
-    for (const key in obj1) {
-      if ($76012c4468a53d1f$var$result_ids.includes(key)) continue; // ignore keys changing with every request
-      const isEqual = $76012c4468a53d1f$var$deep_equal(obj1[key], obj2[key]);
-      if (!isEqual) return false;
-    }
-    return true;
+  const stack = [[obj1, obj2]];
+  while (stack.length > 0) {
+    const [currentObj1, currentObj2] = stack.pop();
+    if (currentObj1 === currentObj2) continue;
+    if (Array.isArray(currentObj1) && Array.isArray(currentObj2)) {
+      if (currentObj1.length !== currentObj2.length) return false;
+      for (let i = 0; i < currentObj1.length; i++) stack.push([currentObj1[i], currentObj2[i]]);
+    } else if (typeof currentObj1 === "object" && typeof currentObj2 === "object" && currentObj1 !== null && currentObj2 !== null) {
+      if (Array.isArray(currentObj1) || Array.isArray(currentObj2)) return false;
+      const keys1 = Object.keys(currentObj1);
+      const keys2 = Object.keys(currentObj2);
+      if (keys1.length !== keys2.length || !keys1.every(key => keys2.includes(key))) return false;
+      for (let key in currentObj1) {
+        if ($76012c4468a53d1f$var$result_ids.includes(key)) continue; // ignore comparing values for keys we know are changing with every request
+        stack.push([currentObj1[key], currentObj2[key]]);
+      }
+    } else if (typeof currentObj1 !== "function" && typeof currentObj2 !== "function")
+      // Claim that all functions are equal, since the only way a function ends up here is because someone added it in the displayTransformer and that shouldn't force us to re-render, right?
+      return false;
   }
-  return false;
+  return true;
 }
 const $6c2c739b113a8ddf$var$_tmpl$ = /*#__PURE__*/$52FdA$solidjsweb.template(`<div>`),
   $6c2c739b113a8ddf$var$_tmpl$2 = /*#__PURE__*/$52FdA$solidjsweb.template(`<style type=text/css>`);
@@ -5830,6 +5834,9 @@ function $b3dc12c672c9df24$export$967e966fca9515e(api_response) {
   }
   return api_response;
 }
+
+// Minifiable and tree-shakable enum
+// Why not use const enum? See https://gitlab.com/depict-ai/depict.ai/-/merge_requests/9223#note_1675965260
 const $c3739e86187f2054$export$74ee7529ce0f8a00 = "listingId";
 const $c3739e86187f2054$export$5aae649db1b959fc = "externalId";
 function $e270e9f953fcbc58$var$_classPrivateMethodInitSpec(obj, privateSet) {
@@ -8663,7 +8670,7 @@ function $8b366fdb0c76194d$var$clear_if_opened_new_tab_with_sideways_url_params_
   });
   tracking_function_for_plp_results(plp_results_);
 }
-const $c3a7faae6f2b93c9$var$_tmpl$ = /*#__PURE__*/$52FdA$solidjsweb.template(`<div class=statement style=white-space:pre-wrap>No listingId specified, this is probably unintentional. Make sure to create (and insert) the CategoryPage *after* you have specified a listingId/externalId.`),
+const $c3a7faae6f2b93c9$var$_tmpl$ = /*#__PURE__*/$52FdA$solidjsweb.template(`<div class=statement style=white-space:pre-wrap>No \`id\` specified in \`listingQuery\`, this is probably unintentional. Make sure to create (and insert) the CategoryPage *after* you have specified a listingQuery.`),
   $c3a7faae6f2b93c9$var$_tmpl$2 = /*#__PURE__*/$52FdA$solidjsweb.template(`<div class=buttons><button class="ok major">`);
 function $c3a7faae6f2b93c9$export$7af06a63c5a976c9(el, listing_id, i18n_) {
   if (!(0, $52FdA$depictaiutilishared.is_debug)) return; // Just to make sure we don't show this in production
@@ -8675,7 +8682,7 @@ function $c3a7faae6f2b93c9$export$7af06a63c5a976c9(el, listing_id, i18n_) {
     return $52FdA$solidjs.runWithOwner(owner, () => $52FdA$solidjs.createEffect(() => {
       if (!document.documentElement.contains(element)) return;
       if (!listing_id()) {
-        const warning = "No listingId specified, this is probably unintentional. Make sure to create (and insert) the CategoryPage *after* you have specified a listingId/externalId.";
+        const warning = "No `id` specified in `listingQuery`, this is probably unintentional. Make sure to create (and insert) the CategoryPage *after* you have specified a listingQuery.";
         $52FdA$depictaiutilishared.dwarn(warning);
         const {
           close_toast_: close_toast_
@@ -9514,7 +9521,7 @@ function $9cbefc32b9dab36d$export$e2bf8ce7779e827e(props) {
     category_title: category_title
   } = props;
   const shared_properties = $9cbefc32b9dab36d$var$get_shared_properties(depict_category);
-  const diffableListingQuery = $52FdA$solidjs.createMemo(() => Object.values(depict_category.listing_query).join(""));
+  const diffableListingQuery = $52FdA$solidjs.createMemo(() => Object.values(depict_category.listing_query || {}).join(""));
   return $d05611ff6b8c8357$export$23fca46f3143581f(() => {
     $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
@@ -9565,7 +9572,10 @@ function $9cbefc32b9dab36d$export$e2bf8ce7779e827e(props) {
       min_products_to_fetch_: $9cbefc32b9dab36d$var$min_products_to_fetch_,
       local_filter_cache_: local_filter_cache_,
       id_to_query_for_: $52FdA$solidjs.createMemo(() => !depict_category.disable_override_listing_id && override_listing_id_accessor_() || depict_category.listing_query.id),
-      id_type_: $52FdA$solidjs.createMemo(() => !depict_category.disable_override_listing_id && override_listing_id_accessor_() ? $c3739e86187f2054$export$74ee7529ce0f8a00 : depict_category.listing_query.type),
+      id_type_: $52FdA$solidjs.createMemo(() => {
+        if (!depict_category.disable_override_listing_id && override_listing_id_accessor_()) return $c3739e86187f2054$export$74ee7529ce0f8a00;
+        return depict_category.listing_query.type;
+      }),
       i18n_: i18n_,
       show_quicklinks_: $52FdA$solidjs.createMemo(() => {
         var _props$show_quicklink;

package/ES10/index.d.ts

@@ -10,7 +10,7 @@ import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequ
 import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { SearchFilter as _SearchFilter2 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "3.0.4";
+export const version = "3.0.5";
 export type SDKColsAtSize = [number, number?][];
 /**
  * Transform SDK ColsAtSize into valid Layout ColsAtSize

package/ES10/index.js

@@ -10,7 +10,7 @@ import { createStore as $8tj43$createStore, reconcile as $8tj43$reconcile } from
 /*! 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 = "3.0.4";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "3.0.5";
 const $ca6ab5f08bd28bca$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 14 26"><path d="M2 24.656c-.078 0-.156-.016-.234-.047s-.133-.066-.187-.129c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422l10.371-10.371L1.578 2.883c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422.258-.176.422-.176.305.059.422.176l10.805 10.793a.59.59 0 0 1 .176.434c0 .172-.059.305-.176.422L2.422 24.48a.42.42 0 0 1-.199.129.54.54 0 0 1-.223.047zm0 0"fill=#0f0f0f>`);
 function $ca6ab5f08bd28bca$export$8be2714ec7f169ee() {
   let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -966,27 +966,31 @@ function $2d7bad8684bc7f44$export$43f0fb951fcb0c54(_ref) {
   });
 }
 // source: https://medium.com/@pancemarko/deep-equality-in-javascript-determining-if-two-objects-are-equal-bf98cf47e934
+// deeply diffs two objects
+// Modified by chatGPT to not be recursive, since stiga was getting a stack overflow just due to the size of their data
+// Modified futher to bias towards saying objects are equal non-primitive objects differ
 function $2d7bad8684bc7f44$var$deep_equal(obj1, obj2) {
-  if (obj1 === obj2) return true;
-  if (Array.isArray(obj1) && Array.isArray(obj2)) {
-    if (obj1.length !== obj2.length) return false;
-    return obj1.every((elem, index) => {
-      return $2d7bad8684bc7f44$var$deep_equal(elem, obj2[index]);
-    });
-  }
-  if (typeof obj1 === "object" && typeof obj2 === "object" && obj1 !== null && obj2 !== null) {
-    if (Array.isArray(obj1) || Array.isArray(obj2)) return false;
-    const keys1 = Object.keys(obj1);
-    const keys2 = Object.keys(obj2);
-    if (keys1.length !== keys2.length || !keys1.every(key => keys2.includes(key))) return false;
-    for (const key in obj1) {
-      if ($2d7bad8684bc7f44$var$result_ids.includes(key)) continue; // ignore keys changing with every request
-      const isEqual = $2d7bad8684bc7f44$var$deep_equal(obj1[key], obj2[key]);
-      if (!isEqual) return false;
-    }
-    return true;
+  const stack = [[obj1, obj2]];
+  while (stack.length > 0) {
+    const [currentObj1, currentObj2] = stack.pop();
+    if (currentObj1 === currentObj2) continue;
+    if (Array.isArray(currentObj1) && Array.isArray(currentObj2)) {
+      if (currentObj1.length !== currentObj2.length) return false;
+      for (let i = 0; i < currentObj1.length; i++) stack.push([currentObj1[i], currentObj2[i]]);
+    } else if (typeof currentObj1 === "object" && typeof currentObj2 === "object" && currentObj1 !== null && currentObj2 !== null) {
+      if (Array.isArray(currentObj1) || Array.isArray(currentObj2)) return false;
+      const keys1 = Object.keys(currentObj1);
+      const keys2 = Object.keys(currentObj2);
+      if (keys1.length !== keys2.length || !keys1.every(key => keys2.includes(key))) return false;
+      for (let key in currentObj1) {
+        if ($2d7bad8684bc7f44$var$result_ids.includes(key)) continue; // ignore comparing values for keys we know are changing with every request
+        stack.push([currentObj1[key], currentObj2[key]]);
+      }
+    } else if (typeof currentObj1 !== "function" && typeof currentObj2 !== "function")
+      // Claim that all functions are equal, since the only way a function ends up here is because someone added it in the displayTransformer and that shouldn't force us to re-render, right?
+      return false;
   }
-  return false;
+  return true;
 }
 const $63f1f8dbcd07d3b0$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div>`),
   $63f1f8dbcd07d3b0$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<style type=text/css>`);
@@ -5757,6 +5761,9 @@ function $ed0fefda39a0f15d$export$967e966fca9515e(api_response) {
   }
   return api_response;
 }
+
+// Minifiable and tree-shakable enum
+// Why not use const enum? See https://gitlab.com/depict-ai/depict.ai/-/merge_requests/9223#note_1675965260
 const $397620a4d7958ed1$export$74ee7529ce0f8a00 = "listingId";
 const $397620a4d7958ed1$export$5aae649db1b959fc = "externalId";
 function $284849364a6ef73a$var$_classPrivateMethodInitSpec(obj, privateSet) {
@@ -8590,7 +8597,7 @@ function $a4777acaffa35a82$var$clear_if_opened_new_tab_with_sideways_url_params_
   });
   tracking_function_for_plp_results(plp_results_);
 }
-const $1145661fd3ca5519$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=statement style=white-space:pre-wrap>No listingId specified, this is probably unintentional. Make sure to create (and insert) the CategoryPage *after* you have specified a listingId/externalId.`),
+const $1145661fd3ca5519$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=statement style=white-space:pre-wrap>No \`id\` specified in \`listingQuery\`, this is probably unintentional. Make sure to create (and insert) the CategoryPage *after* you have specified a listingQuery.`),
   $1145661fd3ca5519$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div class=buttons><button class="ok major">`);
 function $1145661fd3ca5519$export$7af06a63c5a976c9(el, listing_id, i18n_) {
   if (!(0, $8tj43$is_debug)) return; // Just to make sure we don't show this in production
@@ -8602,7 +8609,7 @@ function $1145661fd3ca5519$export$7af06a63c5a976c9(el, listing_id, i18n_) {
     return $8tj43$runWithOwner(owner, () => $8tj43$createEffect(() => {
       if (!document.documentElement.contains(element)) return;
       if (!listing_id()) {
-        const warning = "No listingId specified, this is probably unintentional. Make sure to create (and insert) the CategoryPage *after* you have specified a listingId/externalId.";
+        const warning = "No `id` specified in `listingQuery`, this is probably unintentional. Make sure to create (and insert) the CategoryPage *after* you have specified a listingQuery.";
         $8tj43$dwarn(warning);
         const {
           close_toast_: close_toast_
@@ -9441,7 +9448,7 @@ function $f5f54892fd0c7d9f$export$e2bf8ce7779e827e(props) {
     category_title: category_title
   } = props;
   const shared_properties = $f5f54892fd0c7d9f$var$get_shared_properties(depict_category);
-  const diffableListingQuery = $8tj43$createMemo(() => Object.values(depict_category.listing_query).join(""));
+  const diffableListingQuery = $8tj43$createMemo(() => Object.values(depict_category.listing_query || {}).join(""));
   return $83e8cf2c0b87a58a$export$23fca46f3143581f(() => {
     $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
@@ -9492,7 +9499,10 @@ function $f5f54892fd0c7d9f$export$e2bf8ce7779e827e(props) {
       min_products_to_fetch_: $f5f54892fd0c7d9f$var$min_products_to_fetch_,
       local_filter_cache_: local_filter_cache_,
       id_to_query_for_: $8tj43$createMemo(() => !depict_category.disable_override_listing_id && override_listing_id_accessor_() || depict_category.listing_query.id),
-      id_type_: $8tj43$createMemo(() => !depict_category.disable_override_listing_id && override_listing_id_accessor_() ? $397620a4d7958ed1$export$74ee7529ce0f8a00 : depict_category.listing_query.type),
+      id_type_: $8tj43$createMemo(() => {
+        if (!depict_category.disable_override_listing_id && override_listing_id_accessor_()) return $397620a4d7958ed1$export$74ee7529ce0f8a00;
+        return depict_category.listing_query.type;
+      }),
       i18n_: i18n_,
       show_quicklinks_: $8tj43$createMemo(() => {
         var _props$show_quicklink;

package/latest/index.cjs

@@ -77,7 +77,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 = "3.0.4";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "3.0.5";
 const $0f313083912e447a$var$_tmpl$ = /*#__PURE__*/$gVhhF$solidjsweb.template(`<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 14 26"><path d="M2 24.656c-.078 0-.156-.016-.234-.047s-.133-.066-.187-.129c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422l10.371-10.371L1.578 2.883c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422.258-.176.422-.176.305.059.422.176l10.805 10.793a.59.59 0 0 1 .176.434c0 .172-.059.305-.176.422L2.422 24.48a.42.42 0 0 1-.199.129.54.54 0 0 1-.223.047zm0 0"fill=#0f0f0f>`);
 function $0f313083912e447a$export$8be2714ec7f169ee(props = {}) {
   return (() => {
@@ -980,27 +980,31 @@ function $a73063cc642f3e5f$export$43f0fb951fcb0c54({
   });
 }
 // source: https://medium.com/@pancemarko/deep-equality-in-javascript-determining-if-two-objects-are-equal-bf98cf47e934
+// deeply diffs two objects
+// Modified by chatGPT to not be recursive, since stiga was getting a stack overflow just due to the size of their data
+// Modified futher to bias towards saying objects are equal non-primitive objects differ
 function $a73063cc642f3e5f$var$deep_equal(obj1, obj2) {
-  if (obj1 === obj2) return true;
-  if (Array.isArray(obj1) && Array.isArray(obj2)) {
-    if (obj1.length !== obj2.length) return false;
-    return obj1.every((elem, index) => {
-      return $a73063cc642f3e5f$var$deep_equal(elem, obj2[index]);
-    });
-  }
-  if (typeof obj1 === "object" && typeof obj2 === "object" && obj1 !== null && obj2 !== null) {
-    if (Array.isArray(obj1) || Array.isArray(obj2)) return false;
-    const keys1 = Object.keys(obj1);
-    const keys2 = Object.keys(obj2);
-    if (keys1.length !== keys2.length || !keys1.every(key => keys2.includes(key))) return false;
-    for (const key in obj1) {
-      if ($a73063cc642f3e5f$var$result_ids.includes(key)) continue; // ignore keys changing with every request
-      const isEqual = $a73063cc642f3e5f$var$deep_equal(obj1[key], obj2[key]);
-      if (!isEqual) return false;
-    }
-    return true;
+  const stack = [[obj1, obj2]];
+  while (stack.length > 0) {
+    const [currentObj1, currentObj2] = stack.pop();
+    if (currentObj1 === currentObj2) continue;
+    if (Array.isArray(currentObj1) && Array.isArray(currentObj2)) {
+      if (currentObj1.length !== currentObj2.length) return false;
+      for (let i = 0; i < currentObj1.length; i++) stack.push([currentObj1[i], currentObj2[i]]);
+    } else if (typeof currentObj1 === "object" && typeof currentObj2 === "object" && currentObj1 !== null && currentObj2 !== null) {
+      if (Array.isArray(currentObj1) || Array.isArray(currentObj2)) return false;
+      const keys1 = Object.keys(currentObj1);
+      const keys2 = Object.keys(currentObj2);
+      if (keys1.length !== keys2.length || !keys1.every(key => keys2.includes(key))) return false;
+      for (let key in currentObj1) {
+        if ($a73063cc642f3e5f$var$result_ids.includes(key)) continue; // ignore comparing values for keys we know are changing with every request
+        stack.push([currentObj1[key], currentObj2[key]]);
+      }
+    } else if (typeof currentObj1 !== "function" && typeof currentObj2 !== "function")
+      // Claim that all functions are equal, since the only way a function ends up here is because someone added it in the displayTransformer and that shouldn't force us to re-render, right?
+      return false;
   }
-  return false;
+  return true;
 }
 const $f48d0fbb00835aaa$var$_tmpl$ = /*#__PURE__*/$gVhhF$solidjsweb.template(`<div>`),
   $f48d0fbb00835aaa$var$_tmpl$2 = /*#__PURE__*/$gVhhF$solidjsweb.template(`<style type=text/css>`);
@@ -5492,6 +5496,9 @@ function $67dc366d96177e70$export$967e966fca9515e(api_response) {
   }
   return api_response;
 }
+
+// Minifiable and tree-shakable enum
+// Why not use const enum? See https://gitlab.com/depict-ai/depict.ai/-/merge_requests/9223#note_1675965260
 const $779741d0f266ea8c$export$74ee7529ce0f8a00 = "listingId";
 const $779741d0f266ea8c$export$5aae649db1b959fc = "externalId";
 const $e1d6c0f3d89d531c$var$v3_base_url = (0, $gVhhF$depictaiutilishared.base_url) + "/v3/";
@@ -8133,7 +8140,7 @@ function $ef972f5c10b1c5b4$var$clear_if_opened_new_tab_with_sideways_url_params_
   });
   tracking_function_for_plp_results(plp_results_);
 }
-const $bb9760b7a8acdc18$var$_tmpl$ = /*#__PURE__*/$gVhhF$solidjsweb.template(`<div class=statement style=white-space:pre-wrap>No listingId specified, this is probably unintentional. Make sure to create (and insert) the CategoryPage *after* you have specified a listingId/externalId.`),
+const $bb9760b7a8acdc18$var$_tmpl$ = /*#__PURE__*/$gVhhF$solidjsweb.template(`<div class=statement style=white-space:pre-wrap>No \`id\` specified in \`listingQuery\`, this is probably unintentional. Make sure to create (and insert) the CategoryPage *after* you have specified a listingQuery.`),
   $bb9760b7a8acdc18$var$_tmpl$2 = /*#__PURE__*/$gVhhF$solidjsweb.template(`<div class=buttons><button class="ok major">`);
 function $bb9760b7a8acdc18$export$7af06a63c5a976c9(el, listing_id, i18n_) {
   if (!(0, $gVhhF$depictaiutilishared.is_debug)) return; // Just to make sure we don't show this in production
@@ -8143,7 +8150,7 @@ function $bb9760b7a8acdc18$export$7af06a63c5a976c9(el, listing_id, i18n_) {
   }) => $gVhhF$solidjs.runWithOwner(owner, () => $gVhhF$solidjs.createEffect(() => {
     if (!document.documentElement.contains(element)) return;
     if (!listing_id()) {
-      const warning = "No listingId specified, this is probably unintentional. Make sure to create (and insert) the CategoryPage *after* you have specified a listingId/externalId.";
+      const warning = "No `id` specified in `listingQuery`, this is probably unintentional. Make sure to create (and insert) the CategoryPage *after* you have specified a listingQuery.";
       $gVhhF$depictaiutilishared.dwarn(warning);
       const {
         close_toast_: close_toast_
@@ -8881,7 +8888,7 @@ function $48567ac5b39bac56$export$e2bf8ce7779e827e(props) {
     category_title: category_title
   } = props;
   const shared_properties = $48567ac5b39bac56$var$get_shared_properties(depict_category);
-  const diffableListingQuery = $gVhhF$solidjs.createMemo(() => Object.values(depict_category.listing_query).join(""));
+  const diffableListingQuery = $gVhhF$solidjs.createMemo(() => Object.values(depict_category.listing_query || {}).join(""));
   return $95837413165cc2df$export$23fca46f3143581f(() => {
     $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
@@ -8932,7 +8939,10 @@ function $48567ac5b39bac56$export$e2bf8ce7779e827e(props) {
       min_products_to_fetch_: $48567ac5b39bac56$var$min_products_to_fetch_,
       local_filter_cache_: local_filter_cache_,
       id_to_query_for_: $gVhhF$solidjs.createMemo(() => !depict_category.disable_override_listing_id && override_listing_id_accessor_() || depict_category.listing_query.id),
-      id_type_: $gVhhF$solidjs.createMemo(() => !depict_category.disable_override_listing_id && override_listing_id_accessor_() ? $779741d0f266ea8c$export$74ee7529ce0f8a00 : depict_category.listing_query.type),
+      id_type_: $gVhhF$solidjs.createMemo(() => {
+        if (!depict_category.disable_override_listing_id && override_listing_id_accessor_()) return $779741d0f266ea8c$export$74ee7529ce0f8a00;
+        return depict_category.listing_query.type;
+      }),
       i18n_: i18n_,
       show_quicklinks_: $gVhhF$solidjs.createMemo(() => props.show_quicklinks ?? true),
       category_title_: category_title,

package/latest/index.d.ts

@@ -10,7 +10,7 @@ import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequ
 import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { SearchFilter as _SearchFilter2 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "3.0.4";
+export const version = "3.0.5";
 export type SDKColsAtSize = [number, number?][];
 /**
  * Transform SDK ColsAtSize into valid Layout ColsAtSize

package/latest/index.js

@@ -7,7 +7,7 @@ import { createStore as $9HbP8$createStore, reconcile as $9HbP8$reconcile } from
 /*! 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 = "3.0.4";
+const $ec291e0010116877$export$83d89fbfd8236492 = "3.0.5";
 const $fbbadcb080ad1d4a$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 14 26"><path d="M2 24.656c-.078 0-.156-.016-.234-.047s-.133-.066-.187-.129c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422l10.371-10.371L1.578 2.883c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422.258-.176.422-.176.305.059.422.176l10.805 10.793a.59.59 0 0 1 .176.434c0 .172-.059.305-.176.422L2.422 24.48a.42.42 0 0 1-.199.129.54.54 0 0 1-.223.047zm0 0"fill=#0f0f0f>`);
 function $fbbadcb080ad1d4a$export$8be2714ec7f169ee(props = {}) {
   return (() => {
@@ -910,27 +910,31 @@ function $29ec7cddbe1d3484$export$43f0fb951fcb0c54({
   });
 }
 // source: https://medium.com/@pancemarko/deep-equality-in-javascript-determining-if-two-objects-are-equal-bf98cf47e934
+// deeply diffs two objects
+// Modified by chatGPT to not be recursive, since stiga was getting a stack overflow just due to the size of their data
+// Modified futher to bias towards saying objects are equal non-primitive objects differ
 function $29ec7cddbe1d3484$var$deep_equal(obj1, obj2) {
-  if (obj1 === obj2) return true;
-  if (Array.isArray(obj1) && Array.isArray(obj2)) {
-    if (obj1.length !== obj2.length) return false;
-    return obj1.every((elem, index) => {
-      return $29ec7cddbe1d3484$var$deep_equal(elem, obj2[index]);
-    });
-  }
-  if (typeof obj1 === "object" && typeof obj2 === "object" && obj1 !== null && obj2 !== null) {
-    if (Array.isArray(obj1) || Array.isArray(obj2)) return false;
-    const keys1 = Object.keys(obj1);
-    const keys2 = Object.keys(obj2);
-    if (keys1.length !== keys2.length || !keys1.every(key => keys2.includes(key))) return false;
-    for (const key in obj1) {
-      if ($29ec7cddbe1d3484$var$result_ids.includes(key)) continue; // ignore keys changing with every request
-      const isEqual = $29ec7cddbe1d3484$var$deep_equal(obj1[key], obj2[key]);
-      if (!isEqual) return false;
-    }
-    return true;
+  const stack = [[obj1, obj2]];
+  while (stack.length > 0) {
+    const [currentObj1, currentObj2] = stack.pop();
+    if (currentObj1 === currentObj2) continue;
+    if (Array.isArray(currentObj1) && Array.isArray(currentObj2)) {
+      if (currentObj1.length !== currentObj2.length) return false;
+      for (let i = 0; i < currentObj1.length; i++) stack.push([currentObj1[i], currentObj2[i]]);
+    } else if (typeof currentObj1 === "object" && typeof currentObj2 === "object" && currentObj1 !== null && currentObj2 !== null) {
+      if (Array.isArray(currentObj1) || Array.isArray(currentObj2)) return false;
+      const keys1 = Object.keys(currentObj1);
+      const keys2 = Object.keys(currentObj2);
+      if (keys1.length !== keys2.length || !keys1.every(key => keys2.includes(key))) return false;
+      for (let key in currentObj1) {
+        if ($29ec7cddbe1d3484$var$result_ids.includes(key)) continue; // ignore comparing values for keys we know are changing with every request
+        stack.push([currentObj1[key], currentObj2[key]]);
+      }
+    } else if (typeof currentObj1 !== "function" && typeof currentObj2 !== "function")
+      // Claim that all functions are equal, since the only way a function ends up here is because someone added it in the displayTransformer and that shouldn't force us to re-render, right?
+      return false;
   }
-  return false;
+  return true;
 }
 const $c8d5ff4524619fcd$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div>`),
   $c8d5ff4524619fcd$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<style type=text/css>`);
@@ -5422,6 +5426,9 @@ function $e5014ccd0b76d9f4$export$967e966fca9515e(api_response) {
   }
   return api_response;
 }
+
+// Minifiable and tree-shakable enum
+// Why not use const enum? See https://gitlab.com/depict-ai/depict.ai/-/merge_requests/9223#note_1675965260
 const $c20599a0d81d953a$export$74ee7529ce0f8a00 = "listingId";
 const $c20599a0d81d953a$export$5aae649db1b959fc = "externalId";
 const $7fa23e2a0079eca4$var$v3_base_url = (0, $9HbP8$base_url) + "/v3/";
@@ -8063,7 +8070,7 @@ function $e7fce80abe608e01$var$clear_if_opened_new_tab_with_sideways_url_params_
   });
   tracking_function_for_plp_results(plp_results_);
 }
-const $cc6f5b69378cd164$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class=statement style=white-space:pre-wrap>No listingId specified, this is probably unintentional. Make sure to create (and insert) the CategoryPage *after* you have specified a listingId/externalId.`),
+const $cc6f5b69378cd164$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class=statement style=white-space:pre-wrap>No \`id\` specified in \`listingQuery\`, this is probably unintentional. Make sure to create (and insert) the CategoryPage *after* you have specified a listingQuery.`),
   $cc6f5b69378cd164$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<div class=buttons><button class="ok major">`);
 function $cc6f5b69378cd164$export$7af06a63c5a976c9(el, listing_id, i18n_) {
   if (!(0, $9HbP8$is_debug)) return; // Just to make sure we don't show this in production
@@ -8073,7 +8080,7 @@ function $cc6f5b69378cd164$export$7af06a63c5a976c9(el, listing_id, i18n_) {
   }) => $9HbP8$runWithOwner(owner, () => $9HbP8$createEffect(() => {
     if (!document.documentElement.contains(element)) return;
     if (!listing_id()) {
-      const warning = "No listingId specified, this is probably unintentional. Make sure to create (and insert) the CategoryPage *after* you have specified a listingId/externalId.";
+      const warning = "No `id` specified in `listingQuery`, this is probably unintentional. Make sure to create (and insert) the CategoryPage *after* you have specified a listingQuery.";
       $9HbP8$dwarn(warning);
       const {
         close_toast_: close_toast_
@@ -8811,7 +8818,7 @@ function $961b5c64bef4662f$export$e2bf8ce7779e827e(props) {
     category_title: category_title
   } = props;
   const shared_properties = $961b5c64bef4662f$var$get_shared_properties(depict_category);
-  const diffableListingQuery = $9HbP8$createMemo(() => Object.values(depict_category.listing_query).join(""));
+  const diffableListingQuery = $9HbP8$createMemo(() => Object.values(depict_category.listing_query || {}).join(""));
   return $16b52438165aafe2$export$23fca46f3143581f(() => {
     $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
@@ -8862,7 +8869,10 @@ function $961b5c64bef4662f$export$e2bf8ce7779e827e(props) {
       min_products_to_fetch_: $961b5c64bef4662f$var$min_products_to_fetch_,
       local_filter_cache_: local_filter_cache_,
       id_to_query_for_: $9HbP8$createMemo(() => !depict_category.disable_override_listing_id && override_listing_id_accessor_() || depict_category.listing_query.id),
-      id_type_: $9HbP8$createMemo(() => !depict_category.disable_override_listing_id && override_listing_id_accessor_() ? $c20599a0d81d953a$export$74ee7529ce0f8a00 : depict_category.listing_query.type),
+      id_type_: $9HbP8$createMemo(() => {
+        if (!depict_category.disable_override_listing_id && override_listing_id_accessor_()) return $c20599a0d81d953a$export$74ee7529ce0f8a00;
+        return depict_category.listing_query.type;
+      }),
       i18n_: i18n_,
       show_quicklinks_: $9HbP8$createMemo(() => props.show_quicklinks ?? true),
       category_title_: category_title,