@depict-ai/ui 4.7.23 → 4.7.25

package/server/latest/index.cjs

@@ -1,7 +1,7 @@
 var $5vyXB$depictaiutilishared = require("@depict-ai/utilishared/latest");
+var $5vyXB$depictaiutilisharedlatest = require("@depict-ai/utilishared/latest");
 var $5vyXB$solidjs = require("solid-js");
 var $5vyXB$solidjsweb = require("solid-js/web");
-var $5vyXB$depictaiutilisharedlatest = require("@depict-ai/utilishared/latest");
 var $5vyXB$solidjsstore = require("solid-js/store");
 require("../../multi_import_deduplicator.cjs").register_es_version("ui", "latest");
 function $parcel$export(e, n, v, s) {
@@ -12,13 +12,14 @@ function $parcel$export(e, n, v, s) {
     configurable: true
   });
 }
+$parcel$export(module.exports, "useMobileHover", () => $8bf678c45948a297$export$d4d96868197be50e);
 $parcel$export(module.exports, "useVisibilityState", () => $55cbacb79d3e0cea$export$54299a3c81f5425);
 $parcel$export(module.exports, "useSlidableInformation", () => $a0e53f99354809d9$export$eaa625fb39439e37);
 $parcel$export(module.exports, "useProductCardIsVisible", () => $67155e1aeb7073f6$export$80bb7300ce6a8be3);
 $parcel$export(module.exports, "CurrentlyIntersectingContext", () => $67155e1aeb7073f6$export$f223d69ed12f5fb7);
 $parcel$export(module.exports, "useExpandingContainerReactive", () => $4b455f60dadde8b8$export$5bad61ecde080b1f);
 $parcel$export(module.exports, "LooksSliderOrGrid", () => $a3bbfa5fdaa39f3a$export$2c9f9bf2092486aa);
-$parcel$export(module.exports, "LookCard", () => $ad882bbe664dbd53$export$44809a8a3e867e30);
+$parcel$export(module.exports, "LookCard", () => $bda357ff87c46163$export$44809a8a3e867e30);
 $parcel$export(module.exports, "PseudoRouter", () => $e96dd13889871fc0$export$7e1297a3a19f10d8);
 $parcel$export(module.exports, "promiseSafeStructuredClone", () => $ac946c6b782bb900$export$83bb9af5671e1dbe);
 $parcel$export(module.exports, "preserve_items_in_history_dot_state", () => $d84fe647b84b5dc5$export$5162a71f252e6122);
@@ -103,7 +104,68 @@ $parcel$export(module.exports, "BreadCrumbs", () => $1f4925833f07df29$export$5b7
 $parcel$export(module.exports, "QuickLinks", () => $1f4925833f07df29$export$de035477d6fef996);
 $parcel$export(module.exports, "CategoryPage", () => $14f289047713d67a$export$e2bf8ce7779e827e);
 /*! Depict.ai search and product listing SDK */
-const $b757f75811f3261f$export$83d89fbfd8236492 = "4.7.23";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "4.7.25";
+let $8bf678c45948a297$var$elementsHoveredSignal;
+let $8bf678c45948a297$var$consumersSignal;
+function $8bf678c45948a297$export$d4d96868197be50e() {
+  if (!$8bf678c45948a297$var$elementsHoveredSignal || !$8bf678c45948a297$var$consumersSignal) $5vyXB$solidjs.createRoot(dispose => {
+    $8bf678c45948a297$var$elementsHoveredSignal = $5vyXB$solidjs.createSignal(new Set());
+    $8bf678c45948a297$var$consumersSignal = $5vyXB$solidjs.createSignal(0);
+    const [consumers] = $8bf678c45948a297$var$consumersSignal;
+    // No matter how often useMobileHover is called, only add one listener and get hovered elements once per touchmove event, for efficiency
+    $8bf678c45948a297$var$doHeavyCalculations();
+    $5vyXB$solidjs.createEffect(() => {
+      // No-one needs information anymore, stop listening
+      const users = consumers();
+      if (users < 1) {
+        $5vyXB$depictaiutilisharedlatest.dlog("Stopping to listen for mobile hover");
+        dispose();
+        $8bf678c45948a297$var$elementsHoveredSignal = undefined;
+        $8bf678c45948a297$var$consumersSignal = undefined;
+      }
+    });
+  });
+  const [elementsHovered] = $8bf678c45948a297$var$elementsHoveredSignal;
+  const [, setConsumers] = $8bf678c45948a297$var$consumersSignal;
+  setConsumers(prev => prev + 1);
+  $5vyXB$solidjs.onCleanup(() => setConsumers(prev => prev - 1));
+  return elementsHovered;
+}
+function $8bf678c45948a297$var$doHeavyCalculations() {
+  $5vyXB$depictaiutilisharedlatest.dlog("Starting to listen for mobile hover");
+  const [, setElementsHovered] = $8bf678c45948a297$var$elementsHoveredSignal;
+  const elementAtTouch = new Map();
+  const updateSet = () => setElementsHovered(new Set([...elementAtTouch.values()].filter(v => v)));
+  const setPositionHandler = $5vyXB$depictaiutilisharedlatest.catchify(evt => {
+    for (const touch of evt.changedTouches) elementAtTouch.set(touch.identifier, $8bf678c45948a297$var$getElementAtTouch(touch));
+    updateSet();
+  });
+  const deleteTouchHandler = $5vyXB$depictaiutilisharedlatest.catchify(evt => {
+    for (const touch of evt.changedTouches) elementAtTouch.delete(touch.identifier);
+    updateSet();
+  });
+  addEventListener("touchstart", setPositionHandler, {
+    passive: true
+  });
+  addEventListener("touchmove", setPositionHandler, {
+    passive: true
+  });
+  addEventListener("touchend", deleteTouchHandler, {
+    passive: true
+  });
+  addEventListener("touchcancel", deleteTouchHandler, {
+    passive: true
+  });
+  $5vyXB$solidjs.onCleanup(() => {
+    removeEventListener("touchstart", setPositionHandler);
+    removeEventListener("touchmove", setPositionHandler);
+    removeEventListener("touchend", deleteTouchHandler);
+    removeEventListener("touchcancel", deleteTouchHandler);
+  });
+}
+function $8bf678c45948a297$var$getElementAtTouch(touch) {
+  return document.elementFromPoint(touch.clientX, touch.clientY);
+}
 function $55cbacb79d3e0cea$export$54299a3c81f5425() {
   const d = document;
   const [isVisible, setIsVisible] = $5vyXB$solidjs.createSignal(d.visibilityState !== "hidden");
@@ -1336,10 +1398,10 @@ function $d659702496cb72ea$export$a71e92cfbb498adc(props) {
     return $5vyXB$depictaiutilishared.standard_price_format(props.price_, price_formatting.places_after_comma_, price_formatting.decimal_places_delimiter_, price_formatting.thousands_delimiter_);
   });
 }
-var $1ae437d7d388a66e$var$_tmpl$ = ["<div", ' class="img-wrapper">', "</div>"],
-  $1ae437d7d388a66e$var$_tmpl$2 = ["<span", ' class="d-price original">', "</span>"],
-  $1ae437d7d388a66e$var$_tmpl$3 = ["<div", ' class="right-part"><div class="text-container">', '<span class="', '">', "</span><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div>"];
-function $1ae437d7d388a66e$export$b73ed90f0ee50dc3({
+var $0540c3739b32dc79$var$_tmpl$ = ["<div", ' class="img-wrapper">', "</div>"],
+  $0540c3739b32dc79$var$_tmpl$2 = ["<span", ' class="d-price original">', "</span>"],
+  $0540c3739b32dc79$var$_tmpl$3 = ["<div", ' class="right-part"><div class="text-container">', '<span class="', '">', "</span><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div>"];
+function $0540c3739b32dc79$export$b73ed90f0ee50dc3({
   display_: display_,
   FavoriteButton_: FavoriteButton_,
   userWantsExpandedSignal_: [userWantsExpanded, setUserWantsExpanded],
@@ -1376,7 +1438,7 @@ function $1ae437d7d388a66e$export$b73ed90f0ee50dc3({
       });
     },
     get children() {
-      return $5vyXB$solidjsweb.ssr($1ae437d7d388a66e$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Show), {
+      return $5vyXB$solidjsweb.ssr($0540c3739b32dc79$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Show), {
         get when() {
           return imageUrl();
         },
@@ -1408,7 +1470,7 @@ function $1ae437d7d388a66e$export$b73ed90f0ee50dc3({
       return (animationEffectExists() ? isExpandedThrottledByOurEffectRun() : userWantsExpanded()) || animationIsRunning();
     },
     get children() {
-      return $5vyXB$solidjsweb.ssr($1ae437d7d388a66e$var$_tmpl$3, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.ssrElement("span", $5vyXB$solidjsweb.mergeProps({
+      return $5vyXB$solidjsweb.ssr($0540c3739b32dc79$var$_tmpl$3, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.ssrElement("span", $5vyXB$solidjsweb.mergeProps({
         "class": "d-title line-clamp"
       }, () => title() && {
         title: title()
@@ -1447,7 +1509,7 @@ function $1ae437d7d388a66e$export$b73ed90f0ee50dc3({
           return isOnSale();
         },
         get children() {
-          return $5vyXB$solidjsweb.ssr($1ae437d7d388a66e$var$_tmpl$2, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Show), {
+          return $5vyXB$solidjsweb.ssr($0540c3739b32dc79$var$_tmpl$2, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Show), {
             get when() {
               return variantToUse() && !originalPrice.loading;
             },
@@ -1537,8 +1599,8 @@ async function $4f38102efa525ee0$var$checkIfIsAffectedByChromeBug326498383() {
   }
   return isAffected;
 }
-var $905010a06f9aeae5$var$_tmpl$ = ["<div", ' class="scroll-padding"><div class="', '" style="', '">', "</div></div>"];
-function $905010a06f9aeae5$export$ebf0b1d4f90c09ae({
+var $912d9a717ceee184$var$_tmpl$ = ["<div", ' class="scroll-padding"><div class="', '" style="', '">', "</div></div>"];
+function $912d9a717ceee184$export$ebf0b1d4f90c09ae({
   displays_: displays_,
   FavoriteButton_: FavoriteButton_,
   userWantsExpandedSignal_: userWantsExpandedSignal_,
@@ -1557,6 +1619,7 @@ function $905010a06f9aeae5$export$ebf0b1d4f90c09ae({
   const textFadeInAnimationRunning = $5vyXB$solidjs.createSignal(false);
   const [getSecondPartAnimationRunning] = textFadeInAnimationRunning;
   const [userWantsExpanded, setUserWantsExpanded] = userWantsExpandedSignal_;
+  //const elementsHovered = useMobileHover();
   $4f38102efa525ee0$export$7b9a0e99f0aeb2f3().then(is => isAffectedByChromeBug = is);
   return $5vyXB$solidjsweb.createComponent((0, $84798aaa863a4909$export$e68cff63f76bd15b), {
     get children() {
@@ -1565,7 +1628,7 @@ function $905010a06f9aeae5$export$ebf0b1d4f90c09ae({
           return containerWidth_() || !displays_();
         },
         get children() {
-          return $5vyXB$solidjsweb.ssr($905010a06f9aeae5$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), `look-overlay ${userWantsExpanded() ? "expanded" : ""} ${!getSecondPartAnimationRunning() && userWantsExpanded() ? "resting-fully-expanded" : ""}`, $5vyXB$solidjsweb.ssrStyle(displays_() &&
+          return $5vyXB$solidjsweb.ssr($912d9a717ceee184$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), `look-overlay ${userWantsExpanded() ? "expanded" : ""} ${!getSecondPartAnimationRunning() && userWantsExpanded() ? "resting-fully-expanded" : ""}`, $5vyXB$solidjsweb.ssrStyle(displays_() &&
           // The styling is written like this to eke out animation smoothness on low CPU devices, git blame for previous, more readable versions.
           `--look-card-width:${containerWidth_()}px;--look-card-height:${containerHeight_()}px;--look-item-height:${lookItemHeight() || 200}px`), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Index), {
             get each() {
@@ -1574,7 +1637,7 @@ function $905010a06f9aeae5$export$ebf0b1d4f90c09ae({
               });
             },
             children: (display, index) => {
-              return $5vyXB$solidjsweb.createComponent((0, $1ae437d7d388a66e$export$b73ed90f0ee50dc3), {
+              return $5vyXB$solidjsweb.createComponent((0, $0540c3739b32dc79$export$b73ed90f0ee50dc3), {
                 pseudoRouter_: pseudoRouter_,
                 animationDuration_: animationDuration_,
                 display_: display,
@@ -1599,7 +1662,7 @@ function $905010a06f9aeae5$export$ebf0b1d4f90c09ae({
 /**
  * Workaround for Chrome bug 326498383, adapted version of https://stackoverflow.com/a/39494245
  */
-function $905010a06f9aeae5$var$scrollingFunctionForChrome(element, targetScrollY, duration) {
+function $912d9a717ceee184$var$scrollingFunctionForChrome(element, targetScrollY, duration) {
   let start;
   const startingY = element.scrollTop;
   const diff = targetScrollY - startingY;
@@ -1616,8 +1679,8 @@ function $905010a06f9aeae5$var$scrollingFunctionForChrome(element, targetScrollY
   // Bootstrap our animation - it will get called right before next frame shall be rendered.
   requestAnimationFrame(step);
 }
-var $ad882bbe664dbd53$var$_tmpl$ = ["<div", ' class="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"];
-function $ad882bbe664dbd53$export$44809a8a3e867e30({
+var $bda357ff87c46163$var$_tmpl$ = ["<div", ' class="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"];
+function $bda357ff87c46163$export$44809a8a3e867e30({
   display_: display_,
   expandedLooksSignal_: [expandedLooks_, setExpandedLooks],
   FavoriteButton_: FavoriteButton_,
@@ -1673,7 +1736,7 @@ function $ad882bbe664dbd53$export$44809a8a3e867e30({
   }
   // Close us if another look expands
   $5vyXB$solidjs.createEffect(() => !expandedLooks_().has(us) && setUserWantsExpanded(false));
-  return $5vyXB$solidjsweb.ssr($ad882bbe664dbd53$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), `look-card ${!display_() ? "placeholder" : ""}`, $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Show), {
+  return $5vyXB$solidjsweb.ssr($bda357ff87c46163$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), `look-card ${!display_() ? "placeholder" : ""}`, $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Show), {
     get when() {
       return display_();
     },
@@ -1691,7 +1754,7 @@ function $ad882bbe664dbd53$export$44809a8a3e867e30({
         autoAdjustAspectRatio: true
       });
     }
-  })), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $905010a06f9aeae5$export$ebf0b1d4f90c09ae), {
+  })), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $912d9a717ceee184$export$ebf0b1d4f90c09ae), {
     displays_: () => display_()?.displays,
     userWantsExpandedSignal_: useWantsExpandedSignal_,
     containerWidth_: containerWidth_,
@@ -1949,7 +2012,7 @@ function $a3bbfa5fdaa39f3a$export$2c9f9bf2092486aa(props) {
       return $a3bbfa5fdaa39f3a$var$runDisplayTransformersForLooks(baseData, listings, props.displayTransformers_);
     });
     const sharedOptions = {
-      product_card_template_: display => $ad882bbe664dbd53$export$44809a8a3e867e30({
+      product_card_template_: display => $bda357ff87c46163$export$44809a8a3e867e30({
         display_: () => display,
         FavoriteButton_: props.FavoriteButton_,
         placeholderImageAspectRatio_: props.imagePlaceholderAspectRatio_,
@@ -3595,7 +3658,7 @@ function $1ab22f2cd39b3061$export$916e6850778505f6(search_params, filter_query_p
   const keys = [...search_params.keys()];
   for (const key of keys) if (key.startsWith(filter_query_param_prefix) || key === sorting_query_param || key.startsWith($1ab22f2cd39b3061$var$legacy_filter_prefix)) search_params.delete(key);
 }
-const $1ab22f2cd39b3061$export$cf5feb2102aec7f2 = "went_sideways_clear_filters";
+const $1ab22f2cd39b3061$export$84daa4fa1471698b = "#went_sideways_clear_filters";
 function $1ab22f2cd39b3061$export$43cd1e747fecd42e({
   to_url_: to_url_,
   set_clearing_flag_: set_clearing_flag_,
@@ -3609,9 +3672,13 @@ function $1ab22f2cd39b3061$export$43cd1e747fecd42e({
   const {
     searchParams: searchParams
   } = url_object;
-  if (set_clearing_flag_) searchParams.set($1ab22f2cd39b3061$export$cf5feb2102aec7f2, "true");
+  let transferredAnyFilters = false;
   if (from_search_params_.has(sorting_query_param_)) searchParams.set(sorting_query_param_, from_search_params_.get(sorting_query_param_));
-  for (const key of from_search_params_.keys()) if (key.startsWith(filter_query_param_prefix_)) searchParams.set(key, from_search_params_.get(key));
+  for (const key of from_search_params_.keys()) if (key.startsWith(filter_query_param_prefix_)) {
+    searchParams.set(key, from_search_params_.get(key));
+    transferredAnyFilters = true;
+  }
+  if (set_clearing_flag_ && transferredAnyFilters) url_object.hash = $1ab22f2cd39b3061$export$84daa4fa1471698b;
   if (was_url_object) return url_object;
   return url_object.href;
 }
@@ -7943,7 +8010,8 @@ function $c79fd10a3ab7d6e0$export$477caf01aecaeb2a(options) {
   $5vyXB$solidjs.onCleanup(() => (0, $5vyXB$depictaiutilishared.instant_exec_on_suspect_history_change).delete(history_change_handler));
   $5vyXB$solidjs.createComputed(() => {
     const {
-      searchParams: searchParams
+      searchParams: searchParams,
+      hash: hash
     } = new URL(get_current_href());
     $5vyXB$solidjs.batch(() => {
       const found_sorting = $1ab22f2cd39b3061$export$766e9676e74997d3(searchParams, sorting_query_param_);
@@ -7975,7 +8043,7 @@ function $c79fd10a3ab7d6e0$export$477caf01aecaeb2a(options) {
         if (found_override_listing_id) $5vyXB$depictaiutilishared.dlog("Found override query id:", found_override_listing_id); // This stuff might get confusing so better log it
       }
 
-      if (searchParams.get((0, $1ab22f2cd39b3061$export$cf5feb2102aec7f2)) === "true") set_has_sideways_filter_clearing_flag(true);
+      if (hash === (0, $1ab22f2cd39b3061$export$84daa4fa1471698b)) set_has_sideways_filter_clearing_flag(true);
       if (!writer_started) {
         // The owner here is the createComputed which gets disposed the next time the computation runs - but we actually just want to delay the start of the href_writer until our signals contain the current value of the URL, therefore the runWithOwner
         $5vyXB$solidjs.runWithOwner(owner, () => $c79fd10a3ab7d6e0$var$start_href_writer({
@@ -8016,21 +8084,21 @@ function $c79fd10a3ab7d6e0$var$start_href_writer({
   filter_query_param_prefix_: filter_query_param_prefix_
 }) {
   $5vyXB$solidjs.createEffect($5vyXB$solidjs.on([get_sorting_, get_selected_filters_, get_has_sideways_filter_clearing_flag_], ([sorting, filters, has_sideways_filter_clearing_flag]) => {
-    const current_href = location.href;
-    const url_object = new URL(current_href);
+    const url_object = new URL(location.href);
+    const unmodified_search_params = [...url_object.searchParams];
+    const unmodified_hash = url_object.hash;
     const {
       searchParams: searchParams
     } = url_object;
     $1ab22f2cd39b3061$export$916e6850778505f6(searchParams, filter_query_param_prefix_, sorting_query_param_);
     $1ab22f2cd39b3061$export$62acb285a7579555(sorting, searchParams, sorting_query_param_);
     $1ab22f2cd39b3061$export$58aa3f171519b6d7(filters, searchParams, filter_query_param_prefix_);
-    if (!has_sideways_filter_clearing_flag) $c79fd10a3ab7d6e0$var$delete_sideways_param_flag(searchParams);
+    if (!has_sideways_filter_clearing_flag) $c79fd10a3ab7d6e0$var$delete_sideways_param_flag(url_object);
     // We can't just check if the URL is equal since sometimes the order of the parameters in the URL changes (randomly?) so we need to compare them one by one
-    const unmodified_search_params = [...new URL(current_href).searchParams];
     const new_search_params = [...searchParams];
     // Having the array middle step because if we'd check the "size" property of the map the algorithm could be fooled if there were two query parameters with the same key
     const new_search_params_map = new Map(new_search_params);
-    if (unmodified_search_params.length !== new_search_params.length || !unmodified_search_params.every(([key, value]) => new_search_params_map.get(key) === value))
+    if (unmodified_search_params.length !== new_search_params.length || !unmodified_search_params.every(([key, value]) => new_search_params_map.get(key) === value) || unmodified_hash !== url_object.hash)
       // Only update URL if it actually changed
       router_.navigate_.go_to_({
         is_replace_: true,
@@ -8042,8 +8110,8 @@ function $c79fd10a3ab7d6e0$var$start_href_writer({
     defer: true
   }));
 }
-function $c79fd10a3ab7d6e0$var$delete_sideways_param_flag(searchParams) {
-  if (searchParams.get((0, $1ab22f2cd39b3061$export$cf5feb2102aec7f2)) === "true") searchParams.delete((0, $1ab22f2cd39b3061$export$cf5feb2102aec7f2));
+function $c79fd10a3ab7d6e0$var$delete_sideways_param_flag(url_object) {
+  if (url_object.hash === (0, $1ab22f2cd39b3061$export$84daa4fa1471698b)) url_object.hash = "";
 }
 
 // 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

package/server/latest/index.d.ts

@@ -11,7 +11,11 @@ import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { FeaturedInDisplay } from "@depict-ai/types/api/FeaturedInResponseV3";
 import { SearchFilter as _SearchFilter3 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "4.7.23";
+export const version = "4.7.25";
+/**
+ * Returns a set containing the element under every finger touching the screen right now.
+ */
+export function useMobileHover(): import("solid-js").Accessor<Set<Element>>;
 /**
  * Returns if the current tab is visible
  */