@depict-ai/ui 0.0.76 → 0.0.78

package/dist/index.d.ts

@@ -7,7 +7,7 @@ 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.76";
+export const version = "0.0.78";
 export type OnNavigation = ((options: {
     is_replace: boolean;
     new_url: URL;

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.76";
+/*! Depict.ai search and product listing SDK */ const $ae93561d5649a847$export$83d89fbfd8236492 = "0.0.78";
 
 
 
@@ -4343,7 +4343,9 @@ function $495e9998757c5d32$export$5646050d516e06bc({ crumb_data_: get_api_crumb_
                                 (0, $46MJV$solidjsweb.addEventListener)(_el$2, "click", (0, $46MJV$depictaiutilishared.catchify)((ev)=>router_.navigate_.go_to_({
                                         new_url_: href(),
                                         is_replace_: false,
-                                        event_: ev
+                                        event_: ev,
+                                        force_spa_navigation_: true,
+                                        category_query_id_: display_accessor()?.query_id
                                     })), true);
                                 (0, $46MJV$solidjsweb.insert)(_el$2, ()=>display_accessor().title);
                                 (0, $46MJV$solidjsweb.effect)(()=>(0, $46MJV$solidjsweb.setAttribute)(_el$2, "href", href()));
@@ -4530,7 +4532,9 @@ function $cdc2c00c0a7da86e$export$466cdc317043f6cb({ quicklinks_data_: quicklink
                                     else if (href()) router_.navigate_.go_to_({
                                         new_url_: url,
                                         is_replace_: false,
-                                        event_: ev
+                                        event_: ev,
+                                        force_spa_navigation_: true,
+                                        category_query_id_: display_accessor()?.query_id
                                     });
                                 }), true);
                                 (0, $46MJV$solidjsweb.insert)(_el$3, ()=>display_accessor()?.title || (0, $46MJV$solidjsweb.createComponent)((0, $46MJV$depictaiutilishared.Placeholder), {
@@ -4639,7 +4643,8 @@ function $207f7b30db90d048$var$delete_sideways_param_flag(router) {
     searchParams.delete((0, $c6a04c153e9853a7$export$e2cf3f19dd3f8aac));
     router.navigate_.go_to_({
         new_url_: url_object,
-        is_replace_: true
+        is_replace_: true,
+        force_spa_navigation_: true
     });
     return true;
 }
@@ -5276,9 +5281,6 @@ function $004640621ca953d0$export$7bcff1eb3eca57d7(router) {
 
 
 class $43940d5ca403c293$export$7e1297a3a19f10d8 {
-    #forced_default_on_navigation({ is_replace: is_replace , new_url: new_url  }) {
-        history[is_replace ? "replaceState" : "pushState"](history.state, "", new_url);
-    }
     /**
    * Function that will be called when we want to navigate, or a string saying it's not an SPA. You can change this OTG
    */ #throwing_on_navigation(...args) {
@@ -5301,10 +5303,10 @@ class $43940d5ca403c293$export$7e1297a3a19f10d8 {
     /**
    * Vue has async router that needs to be awaited (it navigates after a microtask)
    * This standardises waiting for all kinds of routers
-   */ #get_navigation_happened_promise(is_replace1) {
+   */ #get_navigation_happened_promise(is_replace) {
         return new Promise((resolve)=>{
             const handler = (what_happened)=>{
-                if (what_happened === (is_replace1 ? "replaceState" : "pushState")) {
+                if (what_happened === (is_replace ? "replaceState" : "pushState")) {
                     resolve();
                     (0, $46MJV$depictaiutilishared.instant_exec_on_suspect_history_change).delete(handler);
                 }
@@ -5325,7 +5327,7 @@ class $43940d5ca403c293$export$7e1297a3a19f10d8 {
      * @param event_ event if you have this in a click handler, will not do anything on cmd/ctrl or non-left click then
      * @param force_spa_navigation_ if you want to force SPA navigation even if on_navigation_ is set to "hard_navigation". You should only set this to true for inter-SDK-page navigations
      * @param is_replace_ if you want to replace the current URL in history instead of pushing a new one
-     */ go_to_: async ({ new_url_: new_url_ , event_: event_ , force_spa_navigation_: force_spa_navigation_ , is_replace_: is_replace_  })=>{
+     */ go_to_: async ({ new_url_: new_url_ , event_: event_ , force_spa_navigation_: force_spa_navigation_ , is_replace_: is_replace_ , category_query_id_: category_query_id_  })=>{
             const wants_hard_navigation = this.on_navigation_ === "hard_navigation";
             if (this.#dont_attempt_navigation(event_)) return;
             if (wants_hard_navigation && !force_spa_navigation_) {
@@ -5335,9 +5337,12 @@ class $43940d5ca403c293$export$7e1297a3a19f10d8 {
             }
             event_?.preventDefault();
             const promise = this.#get_navigation_happened_promise(true);
-            const navigation_function = // Don't allow hard navigation if we're forcing SPA navigation, which we do for things where PageReplacer can be used for performance
-            force_spa_navigation_ && wants_hard_navigation ? this.#forced_default_on_navigation : this.#throwing_on_navigation;
-            navigation_function.call(this, {
+            if (force_spa_navigation_ && wants_hard_navigation) {
+                // Don't allow hard navigation if we're forcing SPA navigation, which we do for things where PageReplacer can be used for performance
+                const new_state = history.state;
+                if (category_query_id_) new_state.category_current_query_id = category_query_id_;
+                history[is_replace_ ? "replaceState" : "pushState"](new_state, "", new_url_);
+            } else this.#throwing_on_navigation.call(this, {
                 is_replace: is_replace_,
                 new_url: new_url_ instanceof URL ? new_url_ : new URL(new_url_)
             });

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.76";
+/*! Depict.ai search and product listing SDK */ const $18bf1d29fb889cca$export$83d89fbfd8236492 = "0.0.78";
 
 
 
@@ -4311,7 +4311,9 @@ function $1b5a927e48d892a1$export$5646050d516e06bc({ crumb_data_: get_api_crumb_
                                 (0, $g9l4l$addEventListener)(_el$2, "click", (0, $g9l4l$catchify)((ev)=>router_.navigate_.go_to_({
                                         new_url_: href(),
                                         is_replace_: false,
-                                        event_: ev
+                                        event_: ev,
+                                        force_spa_navigation_: true,
+                                        category_query_id_: display_accessor()?.query_id
                                     })), true);
                                 (0, $g9l4l$insert)(_el$2, ()=>display_accessor().title);
                                 (0, $g9l4l$effect)(()=>(0, $g9l4l$setAttribute)(_el$2, "href", href()));
@@ -4498,7 +4500,9 @@ function $6af87e1502f04aa3$export$466cdc317043f6cb({ quicklinks_data_: quicklink
                                     else if (href()) router_.navigate_.go_to_({
                                         new_url_: url,
                                         is_replace_: false,
-                                        event_: ev
+                                        event_: ev,
+                                        force_spa_navigation_: true,
+                                        category_query_id_: display_accessor()?.query_id
                                     });
                                 }), true);
                                 (0, $g9l4l$insert)(_el$3, ()=>display_accessor()?.title || (0, $g9l4l$createComponent)((0, $g9l4l$Placeholder), {
@@ -4607,7 +4611,8 @@ function $cb20e79516018342$var$delete_sideways_param_flag(router) {
     searchParams.delete((0, $73294c7089bfc7c9$export$e2cf3f19dd3f8aac));
     router.navigate_.go_to_({
         new_url_: url_object,
-        is_replace_: true
+        is_replace_: true,
+        force_spa_navigation_: true
     });
     return true;
 }
@@ -5244,9 +5249,6 @@ function $b4291f5d2e6b2fae$export$7bcff1eb3eca57d7(router) {
 
 
 class $cfa2761d36e5714c$export$7e1297a3a19f10d8 {
-    #forced_default_on_navigation({ is_replace: is_replace , new_url: new_url  }) {
-        history[is_replace ? "replaceState" : "pushState"](history.state, "", new_url);
-    }
     /**
    * Function that will be called when we want to navigate, or a string saying it's not an SPA. You can change this OTG
    */ #throwing_on_navigation(...args) {
@@ -5269,10 +5271,10 @@ class $cfa2761d36e5714c$export$7e1297a3a19f10d8 {
     /**
    * Vue has async router that needs to be awaited (it navigates after a microtask)
    * This standardises waiting for all kinds of routers
-   */ #get_navigation_happened_promise(is_replace1) {
+   */ #get_navigation_happened_promise(is_replace) {
         return new Promise((resolve)=>{
             const handler = (what_happened)=>{
-                if (what_happened === (is_replace1 ? "replaceState" : "pushState")) {
+                if (what_happened === (is_replace ? "replaceState" : "pushState")) {
                     resolve();
                     (0, $g9l4l$instant_exec_on_suspect_history_change).delete(handler);
                 }
@@ -5293,7 +5295,7 @@ class $cfa2761d36e5714c$export$7e1297a3a19f10d8 {
      * @param event_ event if you have this in a click handler, will not do anything on cmd/ctrl or non-left click then
      * @param force_spa_navigation_ if you want to force SPA navigation even if on_navigation_ is set to "hard_navigation". You should only set this to true for inter-SDK-page navigations
      * @param is_replace_ if you want to replace the current URL in history instead of pushing a new one
-     */ go_to_: async ({ new_url_: new_url_ , event_: event_ , force_spa_navigation_: force_spa_navigation_ , is_replace_: is_replace_  })=>{
+     */ go_to_: async ({ new_url_: new_url_ , event_: event_ , force_spa_navigation_: force_spa_navigation_ , is_replace_: is_replace_ , category_query_id_: category_query_id_  })=>{
             const wants_hard_navigation = this.on_navigation_ === "hard_navigation";
             if (this.#dont_attempt_navigation(event_)) return;
             if (wants_hard_navigation && !force_spa_navigation_) {
@@ -5303,9 +5305,12 @@ class $cfa2761d36e5714c$export$7e1297a3a19f10d8 {
             }
             event_?.preventDefault();
             const promise = this.#get_navigation_happened_promise(true);
-            const navigation_function = // Don't allow hard navigation if we're forcing SPA navigation, which we do for things where PageReplacer can be used for performance
-            force_spa_navigation_ && wants_hard_navigation ? this.#forced_default_on_navigation : this.#throwing_on_navigation;
-            navigation_function.call(this, {
+            if (force_spa_navigation_ && wants_hard_navigation) {
+                // Don't allow hard navigation if we're forcing SPA navigation, which we do for things where PageReplacer can be used for performance
+                const new_state = history.state;
+                if (category_query_id_) new_state.category_current_query_id = category_query_id_;
+                history[is_replace_ ? "replaceState" : "pushState"](new_state, "", new_url_);
+            } else this.#throwing_on_navigation.call(this, {
                 is_replace: is_replace_,
                 new_url: new_url_ instanceof URL ? new_url_ : new URL(new_url_)
             });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/ui",
-  "version": "0.0.76",
+  "version": "0.0.78",
   "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.38",
-    "@depict-ai/types": "^0.0.28",
-    "@depict-ai/utilishared": "^0.0.80",
+    "@depict-ai/plp-styling": "^0.0.40",
+    "@depict-ai/types": "^0.0.30",
+    "@depict-ai/utilishared": "^0.0.82",
     "lz-string": "^1.4.4",
     "solid-js": "^1.6.2"
   },