@depict-ai/ui 0.0.44 → 0.0.48

package/dist/index.d.ts

@@ -9,7 +9,7 @@ import { SearchSuggestionsRequest } from "@depict-ai/types/api/SearchSuggestions
 import { ProductListingRequest } from "@depict-ai/types/api/ProductListingRequest";
 import { ProductListingResponse, BaseCategoryDisplay } from "@depict-ai/types/api/ProductListingResponse";
 import { JSX as _JSX1 } from "solid-js/types/jsx";
-export const version = "0.0.44";
+export const version = "0.0.48";
 type ExclusiveId = {
     categoryId: string;
     productId?: undefined;
@@ -235,7 +235,7 @@ type DepictCategoryConstructorOptions = {
     market: string;
     merchant: string;
     localization: category_i18n;
-    on_navigation?: (href: string, ev: MouseEvent, display: BaseCategoryDisplay) => unknown;
+    on_navigation?: (relative_url: string, ev: MouseEvent, display: BaseCategoryDisplay) => unknown;
     api?: DepictAPI;
 };
 export class DepictCategory {
@@ -305,7 +305,7 @@ type ConstructorOptions<T extends Display> = {
     market: string;
     merchant: string;
     localization: search_i18n;
-    on_navigation?: (href: string) => unknown;
+    on_navigation?: (relative_url: string) => unknown;
     url_transformer?: (url_object: URL) => unknown;
     enable_category_suggestions?: boolean;
     disable_scrolling_during_modal?: boolean;

package/dist/main.js

@@ -34,7 +34,7 @@ $parcel$export(module.exports, "connect_query_input_height_to_aligner_height", (
 $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.44";
+const $ae93561d5649a847$export$83d89fbfd8236492 = "0.0.48";
 
 
 
@@ -227,6 +227,7 @@ class $9ce64f69303c371e$export$e015ed2f2950f2e3 {
             }));
     }
     async get_recommended(input_req) {
+        // @ts-ignore ModernDisplay doesn't have arbitrary string access, and we'd like it to stay that way
         return await this.#cached_post_request($9ce64f69303c371e$var$search_base_url + "related", input_req, ()=>({
                 displays: []
             }));
@@ -4991,7 +4992,9 @@ class $068a627cc18f7bb6$export$f34314aa9505732e {
             if (e.button || e.metaKey || e.ctrlKey) // Not single page navigating because button is not 0 or ctrl/command click
             return;
             try {
-                on_navigation(d.page_url, e, d);
+                const url_object = new URL(d.page_url);
+                const relative_url = url_object.pathname + url_object.search + url_object.hash;
+                on_navigation(relative_url, e, d);
                 e.preventDefault();
             } catch (e) {
                 queueMicrotask(()=>{
@@ -5798,7 +5801,7 @@ const $1bf0125991f2d39b$export$b05c0ae390cf3e06 = (display_or_variant_container,
     const display = (0, $46MJV$solidjs.createMemo)(()=>{
         const display = display_or_variant_container();
         // Support for backend's new display format
-        if ("variant_displays" in display && typeof display?.variant_index === "number") {
+        if ("variant_index" in display) {
             const actual_display = display.variant_displays[display.variant_index];
             return {
                 image_url: actual_display.image_urls?.[0],
@@ -5956,7 +5959,8 @@ function $4cadf33fd6aaf4b6$var$track_elements(display, index, elements, tenant,
     const disconnectors = [];
     (0, $46MJV$solidjs.createComputed)(()=>{
         let stop = false;
-        const d = display(); // For every display
+        const modern_or_legacy_d = display(); // For every display
+        const d = "variant_index" in modern_or_legacy_d ? modern_or_legacy_d.variant_displays[modern_or_legacy_d.variant_index] : modern_or_legacy_d;
         const t = tenant(); // and tenant
         const m = market(); // / market combination
         const click_handler = ()=>{
@@ -7391,10 +7395,12 @@ class $79fbf145b15af988$export$ac6237957a15b3f0 {
     disable_scrolling_during_modal = true , api: api , bottom_distance_under_modal_: bottom_distance_under_modal_ , render_instant_card: render_instant_card , ...props_on_class }){
         if ($79fbf145b15af988$export$ac6237957a15b3f0.#has_been_constructed) throw new Error("You can only have one instance of DepictSearch");
         Object.assign(this, props_on_class);
-        const on_navigation = raw_on_navigation && ((href)=>{
+        const on_navigation = raw_on_navigation && ((absolute_href)=>{
+            const u_o = new URL(absolute_href);
+            const relative_href = u_o.pathname + u_o.search + u_o.hash;
             // make sure that we don't accidentally catchify if the SDK consumer has fucked up
             try {
-                return raw_on_navigation(href);
+                return raw_on_navigation(relative_href);
             } catch (e) {
                 queueMicrotask(()=>{
                     throw e;

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, on as $g9l4l$on, Index as $g9l4l$Index, For as $g9l4l$For, ErrorBoundary as $g9l4l$ErrorBoundary} from "solid-js";
 
 /*! Depict.ai search and product listing SDK */ 
-const $18bf1d29fb889cca$export$83d89fbfd8236492 = "0.0.44";
+const $18bf1d29fb889cca$export$83d89fbfd8236492 = "0.0.48";
 
 
 
@@ -196,6 +196,7 @@ class $3846bb34098c738f$export$e015ed2f2950f2e3 {
             }));
     }
     async get_recommended(input_req) {
+        // @ts-ignore ModernDisplay doesn't have arbitrary string access, and we'd like it to stay that way
         return await this.#cached_post_request($3846bb34098c738f$var$search_base_url + "related", input_req, ()=>({
                 displays: []
             }));
@@ -4960,7 +4961,9 @@ class $ec52ef1e6c117813$export$f34314aa9505732e {
             if (e.button || e.metaKey || e.ctrlKey) // Not single page navigating because button is not 0 or ctrl/command click
             return;
             try {
-                on_navigation(d.page_url, e, d);
+                const url_object = new URL(d.page_url);
+                const relative_url = url_object.pathname + url_object.search + url_object.hash;
+                on_navigation(relative_url, e, d);
                 e.preventDefault();
             } catch (e) {
                 queueMicrotask(()=>{
@@ -5767,7 +5770,7 @@ const $d3c0043bb23a833f$export$b05c0ae390cf3e06 = (display_or_variant_container,
     const display = (0, $g9l4l$createMemo)(()=>{
         const display = display_or_variant_container();
         // Support for backend's new display format
-        if ("variant_displays" in display && typeof display?.variant_index === "number") {
+        if ("variant_index" in display) {
             const actual_display = display.variant_displays[display.variant_index];
             return {
                 image_url: actual_display.image_urls?.[0],
@@ -5925,7 +5928,8 @@ function $d811ce622b5b7626$var$track_elements(display, index, elements, tenant,
     const disconnectors = [];
     (0, $g9l4l$createComputed)(()=>{
         let stop = false;
-        const d = display(); // For every display
+        const modern_or_legacy_d = display(); // For every display
+        const d = "variant_index" in modern_or_legacy_d ? modern_or_legacy_d.variant_displays[modern_or_legacy_d.variant_index] : modern_or_legacy_d;
         const t = tenant(); // and tenant
         const m = market(); // / market combination
         const click_handler = ()=>{
@@ -7360,10 +7364,12 @@ class $540e930c58500cbe$export$ac6237957a15b3f0 {
     disable_scrolling_during_modal = true , api: api , bottom_distance_under_modal_: bottom_distance_under_modal_ , render_instant_card: render_instant_card , ...props_on_class }){
         if ($540e930c58500cbe$export$ac6237957a15b3f0.#has_been_constructed) throw new Error("You can only have one instance of DepictSearch");
         Object.assign(this, props_on_class);
-        const on_navigation = raw_on_navigation && ((href)=>{
+        const on_navigation = raw_on_navigation && ((absolute_href)=>{
+            const u_o = new URL(absolute_href);
+            const relative_href = u_o.pathname + u_o.search + u_o.hash;
             // make sure that we don't accidentally catchify if the SDK consumer has fucked up
             try {
-                return raw_on_navigation(href);
+                return raw_on_navigation(relative_href);
             } catch (e) {
                 queueMicrotask(()=>{
                     throw e;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/ui",
-  "version": "0.0.44",
+  "version": "0.0.48",
   "packageManager": "yarn@3.2.2",
   "source": [
     "src/index.ts",
@@ -82,7 +82,7 @@
     "ts-jest": "^29.0.3"
   },
   "dependencies": {
-    "@depict-ai/utilishared": "^0.0.42",
+    "@depict-ai/utilishared": "^0.0.46",
     "solid-js": "^1.6.2"
   },
   "types": "dist/index.d.ts"