@depict-ai/ui 0.0.25 → 0.0.27

package/dist/index.d.ts

@@ -1,4 +1,6 @@
+import { Accessor, JSX, Setter, Signal } from "solid-js";
 import { Elem, Display, InfoForProcessing, Node_Array, RR_PostProcessor, RR_PreProcessor } from "@depict-ai/utilishared";
+import { search_i18n as _search_i18n1 } from "../../../locales";
 import { SearchResponse } from "@depict-ai/types/api/SearchResponse";
 import { SearchRequest, SearchFilter } from "@depict-ai/types/api/SearchRequest";
 import { BaseSearchRequest } from "@depict-ai/types/api/BaseSearchRequest";
@@ -6,9 +8,21 @@ 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, BaseCategoryDisplay } from "@depict-ai/types/api/ProductListingResponse";
-import { Accessor, JSX, Setter, Signal } from "solid-js";
 import { JSX as _JSX1 } from "solid-js/types/jsx";
-export const version = "0.0.25";
+export const version = "0.0.27";
+/**
+ * Like standard_price_format except that the price and the formatting are reactive accessors
+ */
+export function solid_format_price({ price_, price_formatting_, }: {
+    price_: Accessor<number>;
+    price_formatting_: Accessor<{
+        pre_: string;
+        post_: string;
+        decimal_places_delimiter_: string;
+        thousands_delimiter_: string;
+        places_after_comma_: number | "auto";
+    }>;
+}): Accessor<string>;
 /**
  * PLP internationalisation shared between search and category listing
  */
@@ -83,6 +97,12 @@ interface category_i18n extends plp_shared_i18n {
  */
 export interface Locale extends category_i18n, search_i18n {
 }
+export type InstantCard = (display: unknown, context: {
+    index: number;
+    i18n: _search_i18n1;
+    merchant: string;
+    market: string;
+}) => JSX.Element;
 export function add_to_version_info(stuff_to_add: {
     [key: string]: string;
 }): void;
@@ -111,19 +131,6 @@ export function media_query_to_accessor(media_query: string): import("solid-js")
 export type WithRequired<T, K extends keyof T> = T & {
     [P in K]-?: T[P];
 };
-/**
- * Like standard_price_format except that the price and the formatting are reactive accessors
- */
-export function solid_format_price({ price_, price_formatting_, }: {
-    price_: Accessor<number>;
-    price_formatting_: Accessor<{
-        pre_: string;
-        post_: string;
-        decimal_places_delimiter_: string;
-        thousands_delimiter_: string;
-        places_after_comma_: number | "auto";
-    }>;
-}): Accessor<string>;
 export function show_toast({ children, on_close_, close_after_, ...more_attributes }: {
     children?: JSX.Element;
     close_after_: number;
@@ -202,12 +209,6 @@ export function QuickLinks({ depict_category }: {
     depict_category: DepictCategory;
 }): HTMLElement;
 export function get_categories(tenant: string, market: string): Promise<string[]>;
-type InstantCard = (display: unknown, context: {
-    index: number;
-    i18n: search_i18n;
-    merchant: string;
-    market: string;
-}) => JSX.Element;
 export function DefaultInstantCardPlaceholder(): HTMLDivElement;
 /**
  * Useful for aligning the search modal to an element, like an existing input field

package/dist/main.js

@@ -31,7 +31,7 @@ $parcel$export(module.exports, "solid_format_price", () => $5fc9fc23df1591db$exp
 $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.25";
+const $ae93561d5649a847$export$83d89fbfd8236492 = "0.0.27";
 
 
 
@@ -4903,7 +4903,7 @@ function $b5bcdaaacb8b81f2$var$get_shared_properties(depict_category) {
 
 
 
-const $853f821e60bd06ea$var$_tmpl$ = /*#__PURE__*/ (0, $46MJV$solidjsweb.template)(`<div class="category-title"><span class="title"></span><span class="explanation"> — </span></div>`, 6);
+const $853f821e60bd06ea$var$_tmpl$ = /*#__PURE__*/ (0, $46MJV$solidjsweb.template)(`<div class="category-title"><h2 class="title"></h2><span class="explanation"> — </span></div>`, 6);
 const $853f821e60bd06ea$export$b91cec6bdc6b32a1 = /*@__PURE__*/ (()=>{
     const actual_function = ({ category_title_: category_title_ , product_count_: product_count_  })=>{
         return (()=>{
@@ -5120,7 +5120,10 @@ function $67892c03cd3dfa66$export$d757d54550ebfb3d({ category_suggestion_: categ
         (0, $46MJV$solidjsweb.addEventListener)(_el$, "click", (0, $46MJV$depictaiutilishared.catchify)((e)=>{
             if (e.button || e.metaKey || e.ctrlKey) // Not single page navigating because button is not 0 or ctrl/command click
             return;
-            return on_navigation_?.(category_suggestion_().page_url);
+            if (on_navigation_) {
+                e.preventDefault();
+                return on_navigation_(category_suggestion_().page_url);
+            }
         }), true);
         (0, $46MJV$solidjsweb.insert)(_el$2, ()=>category_suggestion_().title);
         (0, $46MJV$solidjsweb.insert)(_el$, (0, $46MJV$solidjsweb.createComponent)((0, $46MJV$solidjs.Show), {
@@ -5592,10 +5595,18 @@ function $690220645373c65e$export$2542ffb77b620b02(params_to_default_value) {
 
 const $1bf0125991f2d39b$var$_tmpl$ = /*#__PURE__*/ (0, $46MJV$solidjsweb.template)(`<span class="orig price"></span>`, 2), $1bf0125991f2d39b$var$_tmpl$2 = /*#__PURE__*/ (0, $46MJV$solidjsweb.template)(`<a class="instant-card"><div class="img-part"></div><div class="right-part"><div class="title-brand-tagline"><span class="brand"></span><span class="title"></span></div><div class="price-container"><span class="price"></span></div></div></a>`, 16), $1bf0125991f2d39b$var$_tmpl$3 = /*#__PURE__*/ (0, $46MJV$solidjsweb.template)(`<div class="tagline"></div>`, 2);
 const $1bf0125991f2d39b$export$b05c0ae390cf3e06 = (display_or_variant_container, { i18n: i18n  })=>{
-    // Support for Spendrups displays, should probably be in the Spendrups script
     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") {
+            const actual_display = display.variant_displays[display.variant_index];
+            return {
+                image_url: actual_display.image_urls?.[0],
+                ...actual_display
+            };
+        }
         if (display.page_url) return display;
+        // Support for Spendrups displays, should probably be in the Spendrups script
         if (!display?.variants?.length) return;
         return display.variants.filter((v)=>v.product_id == display.product_id)[0];
     });
@@ -5603,6 +5614,7 @@ const $1bf0125991f2d39b$export$b05c0ae390cf3e06 = (display_or_variant_container,
     const contained_image = (0, $46MJV$solidjs.createMemo)(()=>(0, $46MJV$depictaiutilishared.ContainedImage)({
             aspect_ratio: 1,
             alt: "",
+            rendering_options: {},
             // @ts-ignore
             "data-src": image_url(),
             srcset_opts: {

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.25";
+const $18bf1d29fb889cca$export$83d89fbfd8236492 = "0.0.27";
 
 
 
@@ -4875,7 +4875,7 @@ function $a45c51e5e7aeb7f1$var$get_shared_properties(depict_category) {
 
 
 
-const $6340962f8bafd049$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="category-title"><span class="title"></span><span class="explanation"> — </span></div>`, 6);
+const $6340962f8bafd049$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="category-title"><h2 class="title"></h2><span class="explanation"> — </span></div>`, 6);
 const $6340962f8bafd049$export$b91cec6bdc6b32a1 = /*@__PURE__*/ (()=>{
     const actual_function = ({ category_title_: category_title_ , product_count_: product_count_  })=>{
         return (()=>{
@@ -5092,7 +5092,10 @@ function $7a7079d66c12b788$export$d757d54550ebfb3d({ category_suggestion_: categ
         (0, $g9l4l$addEventListener)(_el$, "click", (0, $g9l4l$catchify)((e)=>{
             if (e.button || e.metaKey || e.ctrlKey) // Not single page navigating because button is not 0 or ctrl/command click
             return;
-            return on_navigation_?.(category_suggestion_().page_url);
+            if (on_navigation_) {
+                e.preventDefault();
+                return on_navigation_(category_suggestion_().page_url);
+            }
         }), true);
         (0, $g9l4l$insert)(_el$2, ()=>category_suggestion_().title);
         (0, $g9l4l$insert)(_el$, (0, $g9l4l$createComponent)((0, $g9l4l$Show), {
@@ -5564,10 +5567,18 @@ function $4ad18a8b237ff7f6$export$2542ffb77b620b02(params_to_default_value) {
 
 const $d3c0043bb23a833f$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<span class="orig price"></span>`, 2), $d3c0043bb23a833f$var$_tmpl$2 = /*#__PURE__*/ (0, $g9l4l$template)(`<a class="instant-card"><div class="img-part"></div><div class="right-part"><div class="title-brand-tagline"><span class="brand"></span><span class="title"></span></div><div class="price-container"><span class="price"></span></div></div></a>`, 16), $d3c0043bb23a833f$var$_tmpl$3 = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="tagline"></div>`, 2);
 const $d3c0043bb23a833f$export$b05c0ae390cf3e06 = (display_or_variant_container, { i18n: i18n  })=>{
-    // Support for Spendrups displays, should probably be in the Spendrups script
     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") {
+            const actual_display = display.variant_displays[display.variant_index];
+            return {
+                image_url: actual_display.image_urls?.[0],
+                ...actual_display
+            };
+        }
         if (display.page_url) return display;
+        // Support for Spendrups displays, should probably be in the Spendrups script
         if (!display?.variants?.length) return;
         return display.variants.filter((v)=>v.product_id == display.product_id)[0];
     });
@@ -5575,6 +5586,7 @@ const $d3c0043bb23a833f$export$b05c0ae390cf3e06 = (display_or_variant_container,
     const contained_image = (0, $g9l4l$createMemo)(()=>(0, $g9l4l$ContainedImage)({
             aspect_ratio: 1,
             alt: "",
+            rendering_options: {},
             // @ts-ignore
             "data-src": image_url(),
             srcset_opts: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/ui",
-  "version": "0.0.25",
+  "version": "0.0.27",
   "packageManager": "yarn@3.2.2",
   "source": [
     "src/index.ts",
@@ -65,7 +65,7 @@
     }
   },
   "dependencies": {
-    "@depict-ai/utilishared": "^0.0.23",
+    "@depict-ai/utilishared": "^0.0.25",
     "solid-js": "^1.6.2"
   },
   "devDependencies": {

package/dist/locales/index.d.ts

@@ -1,88 +0,0 @@
-import { Elem } from "@depict-ai/utilishared";
-/**
- * PLP internationalisation shared between search and category listing
- */
-type plp_shared_i18n = {
-    scroll_to_top_: string;
-    back_: string;
-    open_sorting_: string;
-    close_sorting_: string;
-    open_filters_: string;
-    close_filters_: string;
-    close_: string;
-    ok_: string;
-    filters_cleared_: string;
-    we_cleared_your_filters_: string;
-    restore_: string;
-    sorting_text_: string;
-    filter_text_: string;
-    selected_filters_title_: string;
-    filters_: string;
-    view_less_: string;
-    view_more_: string;
-    clear_all_from_filter_crumbs_: string;
-    clear_individual_filter_: string;
-    of_: string;
-    clear_all_filters_from_big_button_: string;
-    try_without_filters_: string;
-    range_filter_low_point_aria_label_: string;
-    range_filter_high_point_aria_label_: string;
-    morphing_sign_expanded_aria_label_: string;
-    morphing_sign_collapsed_aria_label_: string;
-    price_formatting_: {
-        pre_: string;
-        post_: string;
-        decimal_places_delimiter_: string;
-        thousands_delimiter_: string;
-        places_after_comma_: number | "auto";
-    };
-};
-/**
- * Search internationalisation
- */
-interface search_i18n extends plp_shared_i18n {
-    placeholder_text_: string;
-    show_n_results_: (number_of_results: HTMLElement) => Elem[];
-    no_results_text_: string;
-    search_recs_title_: string;
-    clear_filters_query_sorting_after_submit_: string;
-    modal_view_all_results_: (number_of_results: HTMLElement) => Elem[];
-    modal_discover_more_: string;
-    get_showing_results_for_: (query: HTMLElement, number_of_results: HTMLElement) => Elem[];
-    previous_searches_text_: string;
-    category_: string;
-    suggestions_: string;
-    search_submit_button_aria_label_: string;
-    query_input_field_aria_label_: string;
-    previous_searches_delete_entry_from_history_: string;
-}
-/**
- * Category internationalisation
- */
-interface category_i18n extends plp_shared_i18n {
-    show_n_products_: (number_of_results: HTMLElement) => Elem[];
-    no_products_text_: string;
-    product_: string;
-    products_: string;
-    breadcrumbs_aria_label_: string;
-    quicklinks_aria_label_: string;
-    breadcrumbs_separator_: string;
-}
-/**
- * Depict UI internationalisation
- */
-interface Locale extends category_i18n, search_i18n {
-}
-export const cz: Locale;
-export const da: Locale;
-export const nl: Locale;
-export const en: Locale;
-export const fi: Locale;
-export const fr: Locale;
-export const de: Locale;
-export const it: Locale;
-export const no: Locale;
-export const pl: Locale;
-export const pt: Locale;
-export const es: Locale;
-export const sv: Locale;