@depict-ai/ui 0.0.74 → 0.0.76

package/dist/index.d.ts

@@ -7,7 +7,11 @@ import { SearchSuggestionsResponse, CategorySuggestion } from "@depict-ai/types/
 import { SearchSuggestionsRequest } from "@depict-ai/types/api/SearchSuggestionsRequest";
 import { ProductListingRequest } from "@depict-ai/types/api/ProductListingRequest";
 import { ProductListingResponse } from "@depict-ai/types/api/ProductListingResponse";
-export const version = "0.0.74";
+export const version = "0.0.76";
+export type OnNavigation = ((options: {
+    is_replace: boolean;
+    new_url: URL;
+}) => void) | "hard_navigation";
 type ExclusiveId = {
     categoryId: string;
     productId?: undefined;
@@ -200,10 +204,6 @@ export class ProductCardError extends SDKError {
  * @returns A cleanup function to manually re-enable scrolling.
  */
 export function disable_scrolling(): () => void;
-type OnNavigation = ((options: {
-    is_replace: boolean;
-    new_url: URL;
-}) => void) | "hard_navigation";
 export const CategoryTitle: ({ category_title_, product_count_, }: {
     category_title_: Accessor<string | undefined>;
     product_count_: JSX.Element;
@@ -312,7 +312,7 @@ type ConstructorOptions<T extends Display> = {
     bottom_distance_under_modal_?: Accessor<number | undefined>;
     render_instant_card?: InstantCard<T>;
 };
-type OpenModalArguments = [
+export type OpenModalArguments = [
     options_for_modal?: {
         style_props_?: Signal<JSX.CSSProperties>;
         closing_animation_?: () => Promise<any>;

package/dist/main.js

@@ -35,7 +35,7 @@ $parcel$export(module.exports, "solid_format_price", () => $5fc9fc23df1591db$exp
 $parcel$export(module.exports, "connect_search_field_height_to_aligner_height", () => $246e3e89a097f014$export$828dcdd425fd3231);
 $parcel$export(module.exports, "PageReplacer", () => $37e96a5ebc768cc7$export$3ccaa27d81dd8556);
 $parcel$export(module.exports, "version", () => $ae93561d5649a847$export$83d89fbfd8236492);
-/*! Depict.ai search and product listing SDK */ const $ae93561d5649a847$export$83d89fbfd8236492 = "0.0.74";
+/*! Depict.ai search and product listing SDK */ const $ae93561d5649a847$export$83d89fbfd8236492 = "0.0.76";
 
 
 
@@ -4566,14 +4566,15 @@ function $cdc2c00c0a7da86e$export$466cdc317043f6cb({ quicklinks_data_: quicklink
 
 
 
-function $207f7b30db90d048$export$3945d6db2dfd3d12({ crumb_data_: crumb_data_ , query_id_: query_id_ , i18n_: i18n_ , selected_filters_: selected_filters_ , local_filter_cache_: local_filter_cache_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , plp_results_: plp_results_  }) {
+function $207f7b30db90d048$export$3945d6db2dfd3d12({ crumb_data_: crumb_data_ , query_id_: query_id_ , i18n_: i18n_ , selected_filters_: selected_filters_ , local_filter_cache_: local_filter_cache_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , plp_results_: plp_results_ , router_: router_  }) {
     // If we just got opened in a new tab, clear filters instantly and remove the flag
     $207f7b30db90d048$var$clear_if_opened_new_tab_with_sideways_url_params_flag({
         plp_results_: plp_results_,
         local_filter_cache_: local_filter_cache_,
         expanded_hierarchical_filters_: expanded_hierarchical_filters_,
         selected_filters_: selected_filters_,
-        i18n_: i18n_
+        i18n_: i18n_,
+        router_: router_
     });
     // Code below is for when we're already open and the user navigates to a new category
     let previous_crumb_data = (0, $46MJV$solidjs.untrack)(crumb_data_);
@@ -4603,12 +4604,7 @@ function $207f7b30db90d048$export$3945d6db2dfd3d12({ crumb_data_: crumb_data_ ,
                     local_filter_cache_: local_filter_cache_
                 });
                 // Also ensure we don't have `sideways_url_params_flag` set anymore
-                const url = new URL(location.href);
-                const { searchParams: searchParams  } = url;
-                if (searchParams.has((0, $c6a04c153e9853a7$export$e2cf3f19dd3f8aac))) {
-                    searchParams.delete((0, $c6a04c153e9853a7$export$e2cf3f19dd3f8aac));
-                    history.replaceState(history.state, "", url.href);
-                }
+                $207f7b30db90d048$var$delete_sideways_param_flag(router_);
             }
         }
         query_id_when_we_got_previous_data = query_id_of_new_data;
@@ -4616,14 +4612,11 @@ function $207f7b30db90d048$export$3945d6db2dfd3d12({ crumb_data_: crumb_data_ ,
         if (!allow_filter_clearing) allow_filter_clearing = true;
     })));
 }
-function $207f7b30db90d048$var$clear_if_opened_new_tab_with_sideways_url_params_flag({ plp_results_: plp_results_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , i18n_: i18n_ , selected_filters_: selected_filters_ , local_filter_cache_: local_filter_cache_  }) {
+function $207f7b30db90d048$var$clear_if_opened_new_tab_with_sideways_url_params_flag({ plp_results_: plp_results_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , i18n_: i18n_ , selected_filters_: selected_filters_ , local_filter_cache_: local_filter_cache_ , router_: router_  }) {
     const tracking_function_for_plp_results = (0, $46MJV$solidjs.createReaction)(()=>{
         // On first rendering of the CategoryPage (after we have results), check if we got to this URL by going sideways in QuickLinks and clear filters with toast if so
-        const url_object = new URL(location.href);
-        const { searchParams: searchParams  } = url_object;
-        if (searchParams.get((0, $c6a04c153e9853a7$export$e2cf3f19dd3f8aac)) !== "true") return;
-        searchParams.delete((0, $c6a04c153e9853a7$export$e2cf3f19dd3f8aac));
-        history.replaceState(history.state, "", url_object.href);
+        const had_flag = $207f7b30db90d048$var$delete_sideways_param_flag(router_);
+        if (!had_flag) return;
         (0, $46MJV$depictaiutilishared.dlog)("Flag to clear filters was set, clearing filters");
         (0, $46MJV$depictaiutilishared.queueMacroTask)(()=>{
             // Do it next task so that all the filters have time to populate
@@ -4639,6 +4632,17 @@ function $207f7b30db90d048$var$clear_if_opened_new_tab_with_sideways_url_params_
     });
     tracking_function_for_plp_results(plp_results_);
 }
+function $207f7b30db90d048$var$delete_sideways_param_flag(router) {
+    const url_object = new URL(location.href);
+    const { searchParams: searchParams  } = url_object;
+    if (searchParams.get((0, $c6a04c153e9853a7$export$e2cf3f19dd3f8aac)) !== "true") return false;
+    searchParams.delete((0, $c6a04c153e9853a7$export$e2cf3f19dd3f8aac));
+    router.navigate_.go_to_({
+        new_url_: url_object,
+        is_replace_: true
+    });
+    return true;
+}
 
 
 
@@ -4937,7 +4941,8 @@ function $671632478f2a7ce7$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
         selected_filters_: selected_filters_,
         local_filter_cache_: local_filter_cache_,
         expanded_hierarchical_filters_: expanded_hierarchical_filters_,
-        plp_results_: plp_results_
+        plp_results_: plp_results_,
+        router_: router_
     });
     get_breadcrumb_accessor_?.(crumb_data_);
     get_quicklinks_accessor_?.(quicklinks_data_);
@@ -5725,11 +5730,13 @@ const $67892c03cd3dfa66$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solid
 function $67892c03cd3dfa66$export$d757d54550ebfb3d({ category_suggestion_: category_suggestion_ , router_: router_  }) {
     return (()=>{
         const _el$ = $67892c03cd3dfa66$var$_tmpl$2.cloneNode(true), _el$2 = _el$.firstChild;
-        (0, $46MJV$solidjsweb.addEventListener)(_el$, "click", (0, $46MJV$depictaiutilishared.catchify)((e)=>router_.navigate_.go_to_({
+        (0, $46MJV$solidjsweb.addEventListener)(_el$, "click", (0, $46MJV$depictaiutilishared.catchify)((e)=>{
+            router_.navigate_.go_to_({
                 new_url_: category_suggestion_().page_url,
                 is_replace_: false,
                 event_: e
-            })), true);
+            });
+        }), true);
         (0, $46MJV$solidjsweb.insert)(_el$2, ()=>category_suggestion_().title);
         (0, $46MJV$solidjsweb.insert)(_el$, (0, $46MJV$solidjsweb.createComponent)((0, $46MJV$solidjs.Show), {
             get when () {

package/dist/module.js

@@ -3,7 +3,7 @@ import {template as $g9l4l$template, insert as $g9l4l$insert, effect as $g9l4l$e
 import {createSignal as $g9l4l$createSignal, onCleanup as $g9l4l$onCleanup, createComputed as $g9l4l$createComputed, createEffect as $g9l4l$createEffect, untrack as $g9l4l$untrack, batch as $g9l4l$batch, createResource as $g9l4l$createResource, createMemo as $g9l4l$createMemo, Show as $g9l4l$Show, createRenderEffect as $g9l4l$createRenderEffect, runWithOwner as $g9l4l$runWithOwner, createRoot as $g9l4l$createRoot, getOwner as $g9l4l$getOwner, createReaction as $g9l4l$createReaction, on as $g9l4l$on, ErrorBoundary as $g9l4l$ErrorBoundary, Index as $g9l4l$Index, For as $g9l4l$For} from "solid-js";
 import {compressToBase64 as $g9l4l$compressToBase64, decompressFromBase64 as $g9l4l$decompressFromBase64} from "lz-string";
 
-/*! Depict.ai search and product listing SDK */ const $18bf1d29fb889cca$export$83d89fbfd8236492 = "0.0.74";
+/*! Depict.ai search and product listing SDK */ const $18bf1d29fb889cca$export$83d89fbfd8236492 = "0.0.76";
 
 
 
@@ -4534,14 +4534,15 @@ function $6af87e1502f04aa3$export$466cdc317043f6cb({ quicklinks_data_: quicklink
 
 
 
-function $cb20e79516018342$export$3945d6db2dfd3d12({ crumb_data_: crumb_data_ , query_id_: query_id_ , i18n_: i18n_ , selected_filters_: selected_filters_ , local_filter_cache_: local_filter_cache_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , plp_results_: plp_results_  }) {
+function $cb20e79516018342$export$3945d6db2dfd3d12({ crumb_data_: crumb_data_ , query_id_: query_id_ , i18n_: i18n_ , selected_filters_: selected_filters_ , local_filter_cache_: local_filter_cache_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , plp_results_: plp_results_ , router_: router_  }) {
     // If we just got opened in a new tab, clear filters instantly and remove the flag
     $cb20e79516018342$var$clear_if_opened_new_tab_with_sideways_url_params_flag({
         plp_results_: plp_results_,
         local_filter_cache_: local_filter_cache_,
         expanded_hierarchical_filters_: expanded_hierarchical_filters_,
         selected_filters_: selected_filters_,
-        i18n_: i18n_
+        i18n_: i18n_,
+        router_: router_
     });
     // Code below is for when we're already open and the user navigates to a new category
     let previous_crumb_data = (0, $g9l4l$untrack)(crumb_data_);
@@ -4571,12 +4572,7 @@ function $cb20e79516018342$export$3945d6db2dfd3d12({ crumb_data_: crumb_data_ ,
                     local_filter_cache_: local_filter_cache_
                 });
                 // Also ensure we don't have `sideways_url_params_flag` set anymore
-                const url = new URL(location.href);
-                const { searchParams: searchParams  } = url;
-                if (searchParams.has((0, $73294c7089bfc7c9$export$e2cf3f19dd3f8aac))) {
-                    searchParams.delete((0, $73294c7089bfc7c9$export$e2cf3f19dd3f8aac));
-                    history.replaceState(history.state, "", url.href);
-                }
+                $cb20e79516018342$var$delete_sideways_param_flag(router_);
             }
         }
         query_id_when_we_got_previous_data = query_id_of_new_data;
@@ -4584,14 +4580,11 @@ function $cb20e79516018342$export$3945d6db2dfd3d12({ crumb_data_: crumb_data_ ,
         if (!allow_filter_clearing) allow_filter_clearing = true;
     })));
 }
-function $cb20e79516018342$var$clear_if_opened_new_tab_with_sideways_url_params_flag({ plp_results_: plp_results_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , i18n_: i18n_ , selected_filters_: selected_filters_ , local_filter_cache_: local_filter_cache_  }) {
+function $cb20e79516018342$var$clear_if_opened_new_tab_with_sideways_url_params_flag({ plp_results_: plp_results_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , i18n_: i18n_ , selected_filters_: selected_filters_ , local_filter_cache_: local_filter_cache_ , router_: router_  }) {
     const tracking_function_for_plp_results = (0, $g9l4l$createReaction)(()=>{
         // On first rendering of the CategoryPage (after we have results), check if we got to this URL by going sideways in QuickLinks and clear filters with toast if so
-        const url_object = new URL(location.href);
-        const { searchParams: searchParams  } = url_object;
-        if (searchParams.get((0, $73294c7089bfc7c9$export$e2cf3f19dd3f8aac)) !== "true") return;
-        searchParams.delete((0, $73294c7089bfc7c9$export$e2cf3f19dd3f8aac));
-        history.replaceState(history.state, "", url_object.href);
+        const had_flag = $cb20e79516018342$var$delete_sideways_param_flag(router_);
+        if (!had_flag) return;
         (0, $g9l4l$dlog)("Flag to clear filters was set, clearing filters");
         (0, $g9l4l$queueMacroTask)(()=>{
             // Do it next task so that all the filters have time to populate
@@ -4607,6 +4600,17 @@ function $cb20e79516018342$var$clear_if_opened_new_tab_with_sideways_url_params_
     });
     tracking_function_for_plp_results(plp_results_);
 }
+function $cb20e79516018342$var$delete_sideways_param_flag(router) {
+    const url_object = new URL(location.href);
+    const { searchParams: searchParams  } = url_object;
+    if (searchParams.get((0, $73294c7089bfc7c9$export$e2cf3f19dd3f8aac)) !== "true") return false;
+    searchParams.delete((0, $73294c7089bfc7c9$export$e2cf3f19dd3f8aac));
+    router.navigate_.go_to_({
+        new_url_: url_object,
+        is_replace_: true
+    });
+    return true;
+}
 
 
 
@@ -4905,7 +4909,8 @@ function $1ae892b13d7746ab$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
         selected_filters_: selected_filters_,
         local_filter_cache_: local_filter_cache_,
         expanded_hierarchical_filters_: expanded_hierarchical_filters_,
-        plp_results_: plp_results_
+        plp_results_: plp_results_,
+        router_: router_
     });
     get_breadcrumb_accessor_?.(crumb_data_);
     get_quicklinks_accessor_?.(quicklinks_data_);
@@ -5693,11 +5698,13 @@ const $7a7079d66c12b788$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$templ
 function $7a7079d66c12b788$export$d757d54550ebfb3d({ category_suggestion_: category_suggestion_ , router_: router_  }) {
     return (()=>{
         const _el$ = $7a7079d66c12b788$var$_tmpl$2.cloneNode(true), _el$2 = _el$.firstChild;
-        (0, $g9l4l$addEventListener)(_el$, "click", (0, $g9l4l$catchify)((e)=>router_.navigate_.go_to_({
+        (0, $g9l4l$addEventListener)(_el$, "click", (0, $g9l4l$catchify)((e)=>{
+            router_.navigate_.go_to_({
                 new_url_: category_suggestion_().page_url,
                 is_replace_: false,
                 event_: e
-            })), true);
+            });
+        }), true);
         (0, $g9l4l$insert)(_el$2, ()=>category_suggestion_().title);
         (0, $g9l4l$insert)(_el$, (0, $g9l4l$createComponent)((0, $g9l4l$Show), {
             get when () {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/ui",
-  "version": "0.0.74",
+  "version": "0.0.76",
   "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",
   "source": [
@@ -85,9 +85,9 @@
     "ts-jest": "^29.0.3"
   },
   "dependencies": {
-    "@depict-ai/plp-styling": "^0.0.36",
-    "@depict-ai/types": "^0.0.26",
-    "@depict-ai/utilishared": "^0.0.78",
+    "@depict-ai/plp-styling": "^0.0.38",
+    "@depict-ai/types": "^0.0.28",
+    "@depict-ai/utilishared": "^0.0.80",
     "lz-string": "^1.4.4",
     "solid-js": "^1.6.2"
   },