@depict-ai/ui 2.0.3 → 2.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/ui",
-  "version": "2.0.3",
+  "version": "2.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",
@@ -238,7 +238,7 @@
     "@babel/runtime-corejs3": "^7.22.6",
     "@depict-ai/plp-styling": "^1.2.4",
     "@depict-ai/types": "^1.0.39",
-    "@depict-ai/utilishared": "^1.0.41",
+    "@depict-ai/utilishared": "^1.0.42",
     "solid-js": "^1.7.3"
   },
   "type": "module",

package/server/ES10/index.cjs

@@ -67,7 +67,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 = "2.0.3";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "2.0.5";
 
 /** @jsxImportSource solid-js */
 
@@ -1346,6 +1346,9 @@ function $0257c760a99bfacb$export$e0d834a0ad870cda(_ref) {
     selected_filters_: selected_filters_,
     i18n_: i18n_
   } = _ref;
+  // If you ever attempt to implement that one can drag one range "knob" over the other like on prisjakt, see https://gitlab.com/depict-ai/depict.ai/-/merge_requests/8458/diffs?commit_id=c52dbdd15ca073489bee138b15d27bb6bf2992df
+  // The issue with it is that one wants to discard the changes to the lower value as soon as the lower value has become the upper value when dragging the initially lower knob over the initially upper knob
+  // But we can't reliably know when we've started dragging/changing the value (or at least I gave up at that point for now)
   const current_range = $3hooq$solidjs.createSignal($3hooq$solidjs.untrack(() => filter_().data));
   const selected_filter = $3hooq$solidjs.createMemo(() => selected_filters_[0]().find(_ref2 => {
     let {
@@ -1493,7 +1496,10 @@ function $0257c760a99bfacb$var$LinearSlider(_ref7) {
   let clickable_slider;
   const [get_current_range, set_current_range] = current_range_;
   const progress_styling = $3hooq$solidjs.createMemo(() => {
-    return "left:".concat(get_current_range()[0] / max_() * 100, "%;right:").concat(100 - get_current_range()[1] / max_() * 100, "%");
+    const min = min_();
+    const span = max_() - min;
+    const [start, end] = get_current_range();
+    return "left:".concat((start - min) / span * 100, "%;right:").concat(100 - (end - min) / span * 100, "%");
   });
   const set_value = (el, index) => {
     // initially I set the value on the elements by just having value={get_current_range()[0]}

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 = "2.0.3";
+export const version = "2.0.5";
 /**
  * Returns accessor with the size of the provided element, including padding and border (I think)
  */
@@ -478,6 +478,7 @@ type RecsAPIWrapperOptions = {
   userId?: string;
   sessionId?: string;
   headers?: HeadersInit;
+  metadata?: Record<string, any>;
 } & ExclusiveId;
 /**
  * Fetches recommendations from Depict's API.
@@ -489,8 +490,9 @@ type RecsAPIWrapperOptions = {
  * @param categoryId When requesting recommendations for a category page, pass the id of the category page as `categoryId`.
  * @param productId When requesting recommendations for a single product, e.g. on a product detail page, pass the id of the product as `productId`.
  * @param productIds When requesting recommendations that should take multiple products into account, i.e. the contents of the basket/cart, pass an array of product ids as `productIds`
- * @param userId Optional unique identifier of a logged in user. Should be persistent across devices and sessions.
+ * @param userId Optional unique identifier of a logged-in user. Should be persistent across devices and sessions.
  * @param sessionId Optional unique identifer of the current session. Only necessary when performing server side requests to Depict.
+ * @param metadata Custom metadata to be sent with each request to the Depict API. Only necessary if specifically instructed by Depict.
  * @param headers Optional headers to send to the Depict API. This could be authentication for example. 99% of integrations can leave this unset.
  * When no id is provided (none out of `categoryId`, `productId` and `productIds`) general recommendations will be fetched. This is for, for example, the frontpage where generally popular products get returned.
  *

package/server/ES10/index.js

@@ -8,7 +8,7 @@ import $b8hua$babelruntimehelpersdefineProperty from "@babel/runtime/helpers/def
 /*! 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 = "2.0.3";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "2.0.5";
 
 /** @jsxImportSource solid-js */
 
@@ -1287,6 +1287,9 @@ function $1e7465a8ffa97f6c$export$e0d834a0ad870cda(_ref) {
     selected_filters_: selected_filters_,
     i18n_: i18n_
   } = _ref;
+  // If you ever attempt to implement that one can drag one range "knob" over the other like on prisjakt, see https://gitlab.com/depict-ai/depict.ai/-/merge_requests/8458/diffs?commit_id=c52dbdd15ca073489bee138b15d27bb6bf2992df
+  // The issue with it is that one wants to discard the changes to the lower value as soon as the lower value has become the upper value when dragging the initially lower knob over the initially upper knob
+  // But we can't reliably know when we've started dragging/changing the value (or at least I gave up at that point for now)
   const current_range = $b8hua$createSignal($b8hua$untrack(() => filter_().data));
   const selected_filter = $b8hua$createMemo(() => selected_filters_[0]().find(_ref2 => {
     let {
@@ -1434,7 +1437,10 @@ function $1e7465a8ffa97f6c$var$LinearSlider(_ref7) {
   let clickable_slider;
   const [get_current_range, set_current_range] = current_range_;
   const progress_styling = $b8hua$createMemo(() => {
-    return "left:".concat(get_current_range()[0] / max_() * 100, "%;right:").concat(100 - get_current_range()[1] / max_() * 100, "%");
+    const min = min_();
+    const span = max_() - min;
+    const [start, end] = get_current_range();
+    return "left:".concat((start - min) / span * 100, "%;right:").concat(100 - (end - min) / span * 100, "%");
   });
   const set_value = (el, index) => {
     // initially I set the value on the elements by just having value={get_current_range()[0]}

package/server/latest/index.cjs

@@ -61,7 +61,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 = "2.0.3";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "2.0.5";
 
 /** @jsxImportSource solid-js */
 
@@ -1259,6 +1259,9 @@ function $0b7222ba8a8bb72f$export$e0d834a0ad870cda({
   selected_filters_: selected_filters_,
   i18n_: i18n_
 }) {
+  // If you ever attempt to implement that one can drag one range "knob" over the other like on prisjakt, see https://gitlab.com/depict-ai/depict.ai/-/merge_requests/8458/diffs?commit_id=c52dbdd15ca073489bee138b15d27bb6bf2992df
+  // The issue with it is that one wants to discard the changes to the lower value as soon as the lower value has become the upper value when dragging the initially lower knob over the initially upper knob
+  // But we can't reliably know when we've started dragging/changing the value (or at least I gave up at that point for now)
   const current_range = $5vyXB$solidjs.createSignal($5vyXB$solidjs.untrack(() => filter_().data));
   const selected_filter = $5vyXB$solidjs.createMemo(() => selected_filters_[0]().find(({
     field: checking_field,
@@ -1393,7 +1396,10 @@ function $0b7222ba8a8bb72f$var$LinearSlider({
   let clickable_slider;
   const [get_current_range, set_current_range] = current_range_;
   const progress_styling = $5vyXB$solidjs.createMemo(() => {
-    return `left:${get_current_range()[0] / max_() * 100}%;right:${100 - get_current_range()[1] / max_() * 100}%`;
+    const min = min_();
+    const span = max_() - min;
+    const [start, end] = get_current_range();
+    return `left:${(start - min) / span * 100}%;right:${100 - (end - min) / span * 100}%`;
   });
   const set_value = (el, index) => {
     // initially I set the value on the elements by just having value={get_current_range()[0]}

package/server/latest/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 = "2.0.3";
+export const version = "2.0.5";
 /**
  * Returns accessor with the size of the provided element, including padding and border (I think)
  */
@@ -478,6 +478,7 @@ type RecsAPIWrapperOptions = {
   userId?: string;
   sessionId?: string;
   headers?: HeadersInit;
+  metadata?: Record<string, any>;
 } & ExclusiveId;
 /**
  * Fetches recommendations from Depict's API.
@@ -489,8 +490,9 @@ type RecsAPIWrapperOptions = {
  * @param categoryId When requesting recommendations for a category page, pass the id of the category page as `categoryId`.
  * @param productId When requesting recommendations for a single product, e.g. on a product detail page, pass the id of the product as `productId`.
  * @param productIds When requesting recommendations that should take multiple products into account, i.e. the contents of the basket/cart, pass an array of product ids as `productIds`
- * @param userId Optional unique identifier of a logged in user. Should be persistent across devices and sessions.
+ * @param userId Optional unique identifier of a logged-in user. Should be persistent across devices and sessions.
  * @param sessionId Optional unique identifer of the current session. Only necessary when performing server side requests to Depict.
+ * @param metadata Custom metadata to be sent with each request to the Depict API. Only necessary if specifically instructed by Depict.
  * @param headers Optional headers to send to the Depict API. This could be authentication for example. 99% of integrations can leave this unset.
  * When no id is provided (none out of `categoryId`, `productId` and `productIds`) general recommendations will be fetched. This is for, for example, the frontpage where generally popular products get returned.
  *

package/server/latest/index.js

@@ -5,7 +5,7 @@ import { ssr as $i7OB2$ssr, ssrHydrationKey as $i7OB2$ssrHydrationKey, escape as
 /*! 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 = "2.0.3";
+const $ec291e0010116877$export$83d89fbfd8236492 = "2.0.5";
 
 /** @jsxImportSource solid-js */
 
@@ -1203,6 +1203,9 @@ function $a6b08770e164eced$export$e0d834a0ad870cda({
   selected_filters_: selected_filters_,
   i18n_: i18n_
 }) {
+  // If you ever attempt to implement that one can drag one range "knob" over the other like on prisjakt, see https://gitlab.com/depict-ai/depict.ai/-/merge_requests/8458/diffs?commit_id=c52dbdd15ca073489bee138b15d27bb6bf2992df
+  // The issue with it is that one wants to discard the changes to the lower value as soon as the lower value has become the upper value when dragging the initially lower knob over the initially upper knob
+  // But we can't reliably know when we've started dragging/changing the value (or at least I gave up at that point for now)
   const current_range = $i7OB2$createSignal($i7OB2$untrack(() => filter_().data));
   const selected_filter = $i7OB2$createMemo(() => selected_filters_[0]().find(({
     field: checking_field,
@@ -1337,7 +1340,10 @@ function $a6b08770e164eced$var$LinearSlider({
   let clickable_slider;
   const [get_current_range, set_current_range] = current_range_;
   const progress_styling = $i7OB2$createMemo(() => {
-    return `left:${get_current_range()[0] / max_() * 100}%;right:${100 - get_current_range()[1] / max_() * 100}%`;
+    const min = min_();
+    const span = max_() - min;
+    const [start, end] = get_current_range();
+    return `left:${(start - min) / span * 100}%;right:${100 - (end - min) / span * 100}%`;
   });
   const set_value = (el, index) => {
     // initially I set the value on the elements by just having value={get_current_range()[0]}