@depict-ai/ui 3.0.4 → 3.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/ui",
-  "version": "3.0.4",
+  "version": "3.0.5",
   "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",

package/server/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$ = ["<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"></path></svg>'];
 function $9d19451330d04c3c$export$8be2714ec7f169ee() {
   var _$escape2, _$escape3;
@@ -948,27 +948,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$ = ["<div", ' class="', '">', "</div>"],
   $6c2c739b113a8ddf$var$_tmpl$2 = ["<style", ' type="text/css">', "</style>"];
@@ -4745,6 +4749,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) {
@@ -7930,7 +7937,7 @@ function $9cbefc32b9dab36d$export$e2bf8ce7779e827e(props) {
     category_title: category_title
   } = props;
   const shared_properties = $9cbefc32b9dab36d$var$get_shared_properties(depict_category);
-  const diffableListingQuery = $3hooq$solidjs.createMemo(() => Object.values(depict_category.listing_query).join(""));
+  const diffableListingQuery = $3hooq$solidjs.createMemo(() => Object.values(depict_category.listing_query || {}).join(""));
   return $d05611ff6b8c8357$export$23fca46f3143581f(() => {
     $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
@@ -7981,7 +7988,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_: $3hooq$solidjs.createMemo(() => !depict_category.disable_override_listing_id && override_listing_id_accessor_() || depict_category.listing_query.id),
-      id_type_: $3hooq$solidjs.createMemo(() => !depict_category.disable_override_listing_id && override_listing_id_accessor_() ? $c3739e86187f2054$export$74ee7529ce0f8a00 : depict_category.listing_query.type),
+      id_type_: $3hooq$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_: $3hooq$solidjs.createMemo(() => {
         var _props$show_quicklink;

package/server/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/server/ES10/index.js

@@ -10,7 +10,7 @@ import { createStore as $b8hua$createStore, reconcile as $b8hua$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$ = ["<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"></path></svg>'];
 function $ca6ab5f08bd28bca$export$8be2714ec7f169ee() {
   var _$escape2, _$escape3;
@@ -875,27 +875,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$ = ["<div", ' class="', '">', "</div>"],
   $63f1f8dbcd07d3b0$var$_tmpl$2 = ["<style", ' type="text/css">', "</style>"];
@@ -4672,6 +4676,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) {
@@ -7857,7 +7864,7 @@ function $f5f54892fd0c7d9f$export$e2bf8ce7779e827e(props) {
     category_title: category_title
   } = props;
   const shared_properties = $f5f54892fd0c7d9f$var$get_shared_properties(depict_category);
-  const diffableListingQuery = $b8hua$createMemo(() => Object.values(depict_category.listing_query).join(""));
+  const diffableListingQuery = $b8hua$createMemo(() => Object.values(depict_category.listing_query || {}).join(""));
   return $83e8cf2c0b87a58a$export$23fca46f3143581f(() => {
     $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
@@ -7908,7 +7915,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_: $b8hua$createMemo(() => !depict_category.disable_override_listing_id && override_listing_id_accessor_() || depict_category.listing_query.id),
-      id_type_: $b8hua$createMemo(() => !depict_category.disable_override_listing_id && override_listing_id_accessor_() ? $397620a4d7958ed1$export$74ee7529ce0f8a00 : depict_category.listing_query.type),
+      id_type_: $b8hua$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_: $b8hua$createMemo(() => {
         var _props$show_quicklink;

package/server/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$ = ["<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"></path></svg>'];
 function $0f313083912e447a$export$8be2714ec7f169ee(props = {}) {
   return $5vyXB$solidjsweb.ssr($0f313083912e447a$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.ssrAttribute("width", $5vyXB$solidjsweb.escape(props.width_, true) ?? 14, false) + $5vyXB$solidjsweb.ssrAttribute("height", $5vyXB$solidjsweb.escape(props.height_, true) ?? 26, false));
@@ -894,27 +894,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$ = ["<div", ' class="', '">', "</div>"],
   $f48d0fbb00835aaa$var$_tmpl$2 = ["<style", ' type="text/css">', "</style>"];
@@ -4450,6 +4454,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, $5vyXB$depictaiutilishared.base_url) + "/v3/";
@@ -7355,7 +7362,7 @@ function $48567ac5b39bac56$export$e2bf8ce7779e827e(props) {
     category_title: category_title
   } = props;
   const shared_properties = $48567ac5b39bac56$var$get_shared_properties(depict_category);
-  const diffableListingQuery = $5vyXB$solidjs.createMemo(() => Object.values(depict_category.listing_query).join(""));
+  const diffableListingQuery = $5vyXB$solidjs.createMemo(() => Object.values(depict_category.listing_query || {}).join(""));
   return $95837413165cc2df$export$23fca46f3143581f(() => {
     $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
@@ -7406,7 +7413,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_: $5vyXB$solidjs.createMemo(() => !depict_category.disable_override_listing_id && override_listing_id_accessor_() || depict_category.listing_query.id),
-      id_type_: $5vyXB$solidjs.createMemo(() => !depict_category.disable_override_listing_id && override_listing_id_accessor_() ? $779741d0f266ea8c$export$74ee7529ce0f8a00 : depict_category.listing_query.type),
+      id_type_: $5vyXB$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_: $5vyXB$solidjs.createMemo(() => props.show_quicklinks ?? true),
       category_title_: category_title,

package/server/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/server/latest/index.js

@@ -7,7 +7,7 @@ import { createStore as $i7OB2$createStore, reconcile as $i7OB2$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$ = ["<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"></path></svg>'];
 function $fbbadcb080ad1d4a$export$8be2714ec7f169ee(props = {}) {
   return $i7OB2$ssr($fbbadcb080ad1d4a$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$ssrAttribute("width", $i7OB2$escape(props.width_, true) ?? 14, false) + $i7OB2$ssrAttribute("height", $i7OB2$escape(props.height_, true) ?? 26, false));
@@ -824,27 +824,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$ = ["<div", ' class="', '">', "</div>"],
   $c8d5ff4524619fcd$var$_tmpl$2 = ["<style", ' type="text/css">', "</style>"];
@@ -4380,6 +4384,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, $i7OB2$base_url) + "/v3/";
@@ -7285,7 +7292,7 @@ function $961b5c64bef4662f$export$e2bf8ce7779e827e(props) {
     category_title: category_title
   } = props;
   const shared_properties = $961b5c64bef4662f$var$get_shared_properties(depict_category);
-  const diffableListingQuery = $i7OB2$createMemo(() => Object.values(depict_category.listing_query).join(""));
+  const diffableListingQuery = $i7OB2$createMemo(() => Object.values(depict_category.listing_query || {}).join(""));
   return $16b52438165aafe2$export$23fca46f3143581f(() => {
     $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
@@ -7336,7 +7343,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_: $i7OB2$createMemo(() => !depict_category.disable_override_listing_id && override_listing_id_accessor_() || depict_category.listing_query.id),
-      id_type_: $i7OB2$createMemo(() => !depict_category.disable_override_listing_id && override_listing_id_accessor_() ? $c20599a0d81d953a$export$74ee7529ce0f8a00 : depict_category.listing_query.type),
+      id_type_: $i7OB2$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_: $i7OB2$createMemo(() => props.show_quicklinks ?? true),
       category_title_: category_title,