@depict-ai/ui 2.0.3 → 2.0.5

package/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 */
 
@@ -1848,6 +1848,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 = $52FdA$solidjs.createSignal($52FdA$solidjs.untrack(() => filter_().data));
   const selected_filter = $52FdA$solidjs.createMemo(() => selected_filters_[0]().find(_ref2 => {
     let {
@@ -2071,7 +2074,10 @@ function $0257c760a99bfacb$var$LinearSlider(_ref9) {
   let clickable_slider;
   const [get_current_range, set_current_range] = current_range_;
   const progress_styling = $52FdA$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]}
@@ -2094,7 +2100,7 @@ function $0257c760a99bfacb$var$LinearSlider(_ref9) {
       const click_from_left_in_slider = e.clientX - slider_beginning_left; // both of these value contain scroll position so this should work regardless of horisontal scroll if there is any
       const place_of_click_in_percent = click_from_left_in_slider / slider_width * 100;
       const one_percent_of_range = (max_() - min_()) / 100;
-      const place_of_click = Math.round(min_() + one_percent_of_range * place_of_click_in_percent);
+      const place_of_click = min_() + one_percent_of_range * place_of_click_in_percent;
       const [lower, upper] = get_current_range();
       const distance_to_lower_point = Math.abs(place_of_click - lower);
       const distance_to_upper_point = Math.abs(upper - place_of_click);

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

@@ -8,7 +8,7 @@ import $8tj43$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 */
 
@@ -1789,6 +1789,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 = $8tj43$createSignal($8tj43$untrack(() => filter_().data));
   const selected_filter = $8tj43$createMemo(() => selected_filters_[0]().find(_ref2 => {
     let {
@@ -2012,7 +2015,10 @@ function $1e7465a8ffa97f6c$var$LinearSlider(_ref9) {
   let clickable_slider;
   const [get_current_range, set_current_range] = current_range_;
   const progress_styling = $8tj43$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]}
@@ -2035,7 +2041,7 @@ function $1e7465a8ffa97f6c$var$LinearSlider(_ref9) {
       const click_from_left_in_slider = e.clientX - slider_beginning_left; // both of these value contain scroll position so this should work regardless of horisontal scroll if there is any
       const place_of_click_in_percent = click_from_left_in_slider / slider_width * 100;
       const one_percent_of_range = (max_() - min_()) / 100;
-      const place_of_click = Math.round(min_() + one_percent_of_range * place_of_click_in_percent);
+      const place_of_click = min_() + one_percent_of_range * place_of_click_in_percent;
       const [lower, upper] = get_current_range();
       const distance_to_lower_point = Math.abs(place_of_click - lower);
       const distance_to_upper_point = Math.abs(upper - place_of_click);

package/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 */
 
@@ -1740,6 +1740,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 = $gVhhF$solidjs.createSignal($gVhhF$solidjs.untrack(() => filter_().data));
   const selected_filter = $gVhhF$solidjs.createMemo(() => selected_filters_[0]().find(({
     field: checking_field,
@@ -1948,7 +1951,10 @@ function $0b7222ba8a8bb72f$var$LinearSlider({
   let clickable_slider;
   const [get_current_range, set_current_range] = current_range_;
   const progress_styling = $gVhhF$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]}
@@ -1971,7 +1977,7 @@ function $0b7222ba8a8bb72f$var$LinearSlider({
       const click_from_left_in_slider = e.clientX - slider_beginning_left; // both of these value contain scroll position so this should work regardless of horisontal scroll if there is any
       const place_of_click_in_percent = click_from_left_in_slider / slider_width * 100;
       const one_percent_of_range = (max_() - min_()) / 100;
-      const place_of_click = Math.round(min_() + one_percent_of_range * place_of_click_in_percent);
+      const place_of_click = min_() + one_percent_of_range * place_of_click_in_percent;
       const [lower, upper] = get_current_range();
       const distance_to_lower_point = Math.abs(place_of_click - lower);
       const distance_to_upper_point = Math.abs(upper - place_of_click);

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

@@ -5,7 +5,7 @@ import { template as $9HbP8$template, getNextElement as $9HbP8$getNextElement, i
 /*! 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 */
 
@@ -1684,6 +1684,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 = $9HbP8$createSignal($9HbP8$untrack(() => filter_().data));
   const selected_filter = $9HbP8$createMemo(() => selected_filters_[0]().find(({
     field: checking_field,
@@ -1892,7 +1895,10 @@ function $a6b08770e164eced$var$LinearSlider({
   let clickable_slider;
   const [get_current_range, set_current_range] = current_range_;
   const progress_styling = $9HbP8$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]}
@@ -1915,7 +1921,7 @@ function $a6b08770e164eced$var$LinearSlider({
       const click_from_left_in_slider = e.clientX - slider_beginning_left; // both of these value contain scroll position so this should work regardless of horisontal scroll if there is any
       const place_of_click_in_percent = click_from_left_in_slider / slider_width * 100;
       const one_percent_of_range = (max_() - min_()) / 100;
-      const place_of_click = Math.round(min_() + one_percent_of_range * place_of_click_in_percent);
+      const place_of_click = min_() + one_percent_of_range * place_of_click_in_percent;
       const [lower, upper] = get_current_range();
       const distance_to_lower_point = Math.abs(place_of_click - lower);
       const distance_to_upper_point = Math.abs(upper - place_of_click);