@depict-ai/ui 1.4.20 → 1.4.22

package/package.json

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

@@ -1,6 +1,5 @@
 var $3hooq$depictaiutilishared = require("@depict-ai/utilishared/ES10");
 var $3hooq$solidjsweb = require("solid-js/web");
-var $3hooq$depictaiutilisharedlatest = require("@depict-ai/utilishared/latest/ES10");
 var $3hooq$solidjs = require("solid-js");
 var $3hooq$babelruntimehelpersclassPrivateFieldSet = require("@babel/runtime/helpers/classPrivateFieldSet");
 var $3hooq$babelruntimehelpersclassPrivateFieldGet = require("@babel/runtime/helpers/classPrivateFieldGet");
@@ -65,10 +64,10 @@ $parcel$export(module.exports, "defaultColsAtSize", () => $33eed84f447aa0c0$expo
 $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $33eed84f447aa0c0$export$7bf543b9d9be2c22);
 $parcel$export(module.exports, "version", () => $aa1938dec50d6c12$export$83d89fbfd8236492);
 /*! Depict.ai search and product listing SDK */
-const $aa1938dec50d6c12$export$83d89fbfd8236492 = "1.4.20";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "1.4.22";
 function $858fdcf73148519f$export$e6fffe67d4cdd848(whatToWatch) {
   const [size, setSize] = $3hooq$solidjs.createSignal(0);
-  const resizeObserver = new ResizeObserver($3hooq$depictaiutilisharedlatest.catchify(records => {
+  const resizeObserver = new ResizeObserver($3hooq$depictaiutilishared.catchify(records => {
     for (let j = 0; j < records.length; j++) {
       const {
         width: width
@@ -3064,6 +3063,7 @@ function $19438fea513c9d01$export$5e4aed86c12acdd9(_ref) {
     last_loaded = +new Date();
     is_first_load = true;
   });
+  // percentage_in_view_ has equals: false so it should update even when set to the same value. That is to make sure that if the user bounces around below the "viewport" of our product listing we still start fetching as soon as is_loading_more becomes false again and we get IntersectionObserverEntries
   $3hooq$solidjs.createEffect($3hooq$depictaiutilishared.catchify(async () => {
     const be_above_percentage = is_first_load ? 50 : 75; // if first load, load earlier
     if (percentage_in_view_() < be_above_percentage || is_loading_more) return;
@@ -3136,6 +3136,8 @@ function $45c16e404a883f74$export$63dd0350f8559dda(_ref) {
       // No product card in view and not after last card, assume first card
       return 0;
     return last / displays_by_key_().size * 100;
+  }, undefined, {
+    equals: false
   });
 }
 

package/server/ES10/index.d.ts

@@ -7,7 +7,7 @@ import { CategorySuggestion, SearchSuggestionsResponse } from "@depict-ai/types/
 import { BaseSearchRequest } from "@depict-ai/types/api/BaseSearchRequest";
 import { SearchSuggestionsRequest } from "@depict-ai/types/api/SearchSuggestionsRequest";
 import { ProductListingRequest } from "@depict-ai/types/api/ProductListingRequest";
-export const version = "1.4.20";
+export const version = "1.4.22";
 /**
  * Returns an accessor that will update when the size of the provided element changes, to be used with ResponsiveImg
  */