@depict-ai/ui 4.7.24 → 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.24";
+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_,

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.24";
+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
  */