@depict-ai/ui 3.0.2 → 3.0.3

package/ES10/index.cjs

@@ -83,7 +83,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 = "3.0.2";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "3.0.3";
 const $9d19451330d04c3c$var$_tmpl$ = /*#__PURE__*/$52FdA$solidjsweb.template(`<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 14 26"><path d="M2 24.656c-.078 0-.156-.016-.234-.047s-.133-.066-.187-.129c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422l10.371-10.371L1.578 2.883c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422.258-.176.422-.176.305.059.422.176l10.805 10.793a.59.59 0 0 1 .176.434c0 .172-.059.305-.176.422L2.422 24.48a.42.42 0 0 1-.199.129.54.54 0 0 1-.223.047zm0 0"fill=#0f0f0f>`);
 function $9d19451330d04c3c$export$8be2714ec7f169ee() {
   let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -9841,6 +9841,10 @@ function $3001ad378baf39dc$export$d757d54550ebfb3d(_ref) {
     category_suggestion_: category_suggestion_,
     router_: router_
   } = _ref;
+  const parentTitle = $52FdA$solidjs.createMemo(() => {
+    var _category_suggestion_;
+    return (_category_suggestion_ = category_suggestion_().breadcrumbs.at(-1)) === null || _category_suggestion_ === void 0 ? void 0 : _category_suggestion_.title;
+  });
   return (() => {
     const _el$ = $52FdA$solidjsweb.getNextElement($3001ad378baf39dc$var$_tmpl$2),
       _el$2 = _el$.firstChild,
@@ -9856,11 +9860,11 @@ function $3001ad378baf39dc$export$d757d54550ebfb3d(_ref) {
     $52FdA$solidjsweb.insert(_el$2, () => category_suggestion_().title);
     $52FdA$solidjsweb.insert(_el$, $52FdA$solidjsweb.createComponent((0, $52FdA$solidjs.Show), {
       get when() {
-        return typeof category_suggestion_().parent_title === "string";
+        return parentTitle();
       },
       get children() {
         const _el$3 = $52FdA$solidjsweb.getNextElement($3001ad378baf39dc$var$_tmpl$);
-        $52FdA$solidjsweb.insert(_el$3, () => category_suggestion_().parent_title);
+        $52FdA$solidjsweb.insert(_el$3, parentTitle);
         return _el$3;
       }
     }), _el$5, _co$);
@@ -10729,6 +10733,12 @@ function $0677d509ad208e22$export$e872e2339fb04a7f(_ref) {
       var _read_selected_index_, _read_selected_index_2;
       return ((_read_selected_index_ = read_selected_index_()) === null || _read_selected_index_ === void 0 ? void 0 : _read_selected_index_[0]) === autocomplete_data_index && ((_read_selected_index_2 = read_selected_index_()) === null || _read_selected_index_2 === void 0 ? void 0 : _read_selected_index_2[1]) === index;
     });
+    const parent_title_if_exists = $52FdA$solidjs.createMemo(() => {
+      var _item$breadcrumbs$at;
+      const item = input_obj();
+      if (!("breadcrumbs" in item)) return;
+      return (_item$breadcrumbs$at = item.breadcrumbs.at(-1)) === null || _item$breadcrumbs$at === void 0 ? void 0 : _item$breadcrumbs$at.title;
+    });
     return (() => {
       const _el$ = $52FdA$solidjsweb.getNextElement($0677d509ad208e22$var$_tmpl$);
       $52FdA$solidjsweb.use(element => element.addEventListener("click", $52FdA$depictaiutilishared.catchify(ev => {
@@ -10770,7 +10780,7 @@ function $0677d509ad208e22$export$e872e2339fb04a7f(_ref) {
           },
           searching_for_value_: searching_for_value_
         })] : [$52FdA$solidjsweb.memo((() => {
-          const _c$2 = $52FdA$solidjsweb.memo(() => typeof input_obj() /* this is a harmless lie  */.parent_title === "string");
+          const _c$2 = $52FdA$solidjsweb.memo(() => !!parent_title_if_exists());
           return () => _c$2() ? (() => {
             const _el$4 = $52FdA$solidjsweb.getNextElement($0677d509ad208e22$var$_tmpl$4),
               _el$6 = _el$4.firstChild,
@@ -10783,7 +10793,7 @@ function $0677d509ad208e22$export$e872e2339fb04a7f(_ref) {
               },
               searching_for_value_: searching_for_value_
             }), _el$7, _co$);
-            $52FdA$solidjsweb.insert(_el$5, () => input_obj().parent_title);
+            $52FdA$solidjsweb.insert(_el$5, parent_title_if_exists);
             return _el$4;
           })() : (() => {
             const _c$3 = $52FdA$solidjsweb.memo(() => input_obj().type === "content");
@@ -10817,7 +10827,7 @@ function $0677d509ad208e22$export$e872e2339fb04a7f(_ref) {
           const _el$3 = $52FdA$solidjsweb.getNextElement($0677d509ad208e22$var$_tmpl$3);
           $52FdA$solidjsweb.insert(_el$3, $52FdA$solidjs.createMemo(() => {
             if (input_obj().type === "content") return i18n_.content_();
-            if (input_obj().category_type === "BRAND") return i18n_.brand_();
+            if (input_obj().category_type === "brand") return i18n_.brand_();
             return i18n_.category_();
           }));
           return _el$3;

package/ES10/index.d.ts

@@ -2,16 +2,15 @@ import { JSX, Signal, Accessor, Setter } from "solid-js";
 import { Amazing_Slider, Node_Array, Display, report, ColsAtSize, Elem, ModernDisplay } from "@depict-ai/utilishared/ES10";
 import { SearchFilter, SortModel, SearchRequestV3 } from "@depict-ai/types/api/SearchRequestV3";
 import { SearchFilter as _SearchFilter1, ContentLink, SearchResponse } from "@depict-ai/types/api/SearchResponse";
-import { CategorySuggestion } from "@depict-ai/types/api/SearchSuggestionsResponseV3";
+import { CategorySuggestion, SearchSuggestionsResponseV3 } from "@depict-ai/types/api/SearchSuggestionsResponseV3";
 import { Breadcrumb, Quicklink, GetListingResponse } from "@depict-ai/types/api/GetListingResponse";
-import { LegacyCategorySuggestion, SearchSuggestionsResponse } from "@depict-ai/types/api/SearchSuggestionsResponse";
 import { ProductListingResponseV3 } from "@depict-ai/types/api/ProductListingResponseV3";
 import { SearchSuggestionsRequestV3 } from "@depict-ai/types/api/SearchSuggestionsRequestV3";
 import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequestV3";
 import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { SearchFilter as _SearchFilter2 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "3.0.2";
+export const version = "3.0.3";
 /** @jsxImportSource solid-js */
 export function GenericSliderArrowButton(props?: {
   width_?: number;
@@ -690,11 +689,11 @@ export type InstantCard<T extends Display> = (display: T, context: {
   merchant: string;
   market: string;
 }) => JSX.Element;
-type CategorySuggestionAfterURLCreator = LegacyCategorySuggestion & {
+type CategorySuggestionAfterURLCreator = CategorySuggestion & {
   page_url: string;
 };
-type ReplaceCategorySuggestion<T> = T extends LegacyCategorySuggestion ? CategorySuggestionAfterURLCreator : T extends LegacyCategorySuggestion[] ? CategorySuggestionAfterURLCreator[] : T;
-type SearchSuggestionsResponseAfterURLCreator = { [K in keyof SearchSuggestionsResponse]: ReplaceCategorySuggestion<SearchSuggestionsResponse[K]> };
+type ReplaceCategorySuggestion<T> = T extends CategorySuggestion ? CategorySuggestionAfterURLCreator : T extends CategorySuggestion[] ? CategorySuggestionAfterURLCreator[] : T;
+type SearchSuggestionsResponseAfterURLCreator = { [K in keyof SearchSuggestionsResponseV3]: ReplaceCategorySuggestion<SearchSuggestionsResponseV3[K]> };
 type AddPageUrlToDisplay<T extends any[]> = (T[number] & {
   page_url: string;
 })[];
@@ -836,12 +835,12 @@ export function BreadCrumbs<T extends Display>({
   depict_category
 }: {
   depict_category: DepictCategory<T>;
-}): JSX.Element;
+}): HTMLDivElement;
 export function QuickLinks<T extends Display>({
   depict_category
 }: {
   depict_category: DepictCategory<T>;
-}): JSX.Element;
+}): HTMLDivElement;
 /**
  * Gets available listings for a given merchant, market and locale
  */

package/ES10/index.js

@@ -10,7 +10,7 @@ import { createStore as $8tj43$createStore, reconcile as $8tj43$reconcile } from
 /*! 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 = "3.0.2";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "3.0.3";
 const $ca6ab5f08bd28bca$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 14 26"><path d="M2 24.656c-.078 0-.156-.016-.234-.047s-.133-.066-.187-.129c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422l10.371-10.371L1.578 2.883c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422.258-.176.422-.176.305.059.422.176l10.805 10.793a.59.59 0 0 1 .176.434c0 .172-.059.305-.176.422L2.422 24.48a.42.42 0 0 1-.199.129.54.54 0 0 1-.223.047zm0 0"fill=#0f0f0f>`);
 function $ca6ab5f08bd28bca$export$8be2714ec7f169ee() {
   let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -9768,6 +9768,10 @@ function $dea31647b99a443b$export$d757d54550ebfb3d(_ref) {
     category_suggestion_: category_suggestion_,
     router_: router_
   } = _ref;
+  const parentTitle = $8tj43$createMemo(() => {
+    var _category_suggestion_;
+    return (_category_suggestion_ = category_suggestion_().breadcrumbs.at(-1)) === null || _category_suggestion_ === void 0 ? void 0 : _category_suggestion_.title;
+  });
   return (() => {
     const _el$ = $8tj43$getNextElement($dea31647b99a443b$var$_tmpl$2),
       _el$2 = _el$.firstChild,
@@ -9783,11 +9787,11 @@ function $dea31647b99a443b$export$d757d54550ebfb3d(_ref) {
     $8tj43$insert(_el$2, () => category_suggestion_().title);
     $8tj43$insert(_el$, $8tj43$createComponent((0, $8tj43$Show), {
       get when() {
-        return typeof category_suggestion_().parent_title === "string";
+        return parentTitle();
       },
       get children() {
         const _el$3 = $8tj43$getNextElement($dea31647b99a443b$var$_tmpl$);
-        $8tj43$insert(_el$3, () => category_suggestion_().parent_title);
+        $8tj43$insert(_el$3, parentTitle);
         return _el$3;
       }
     }), _el$5, _co$);
@@ -10656,6 +10660,12 @@ function $40dd3f46f55d62ba$export$e872e2339fb04a7f(_ref) {
       var _read_selected_index_, _read_selected_index_2;
       return ((_read_selected_index_ = read_selected_index_()) === null || _read_selected_index_ === void 0 ? void 0 : _read_selected_index_[0]) === autocomplete_data_index && ((_read_selected_index_2 = read_selected_index_()) === null || _read_selected_index_2 === void 0 ? void 0 : _read_selected_index_2[1]) === index;
     });
+    const parent_title_if_exists = $8tj43$createMemo(() => {
+      var _item$breadcrumbs$at;
+      const item = input_obj();
+      if (!("breadcrumbs" in item)) return;
+      return (_item$breadcrumbs$at = item.breadcrumbs.at(-1)) === null || _item$breadcrumbs$at === void 0 ? void 0 : _item$breadcrumbs$at.title;
+    });
     return (() => {
       const _el$ = $8tj43$getNextElement($40dd3f46f55d62ba$var$_tmpl$);
       $8tj43$use(element => element.addEventListener("click", $8tj43$catchify1(ev => {
@@ -10697,7 +10707,7 @@ function $40dd3f46f55d62ba$export$e872e2339fb04a7f(_ref) {
           },
           searching_for_value_: searching_for_value_
         })] : [$8tj43$memo((() => {
-          const _c$2 = $8tj43$memo(() => typeof input_obj() /* this is a harmless lie  */.parent_title === "string");
+          const _c$2 = $8tj43$memo(() => !!parent_title_if_exists());
           return () => _c$2() ? (() => {
             const _el$4 = $8tj43$getNextElement($40dd3f46f55d62ba$var$_tmpl$4),
               _el$6 = _el$4.firstChild,
@@ -10710,7 +10720,7 @@ function $40dd3f46f55d62ba$export$e872e2339fb04a7f(_ref) {
               },
               searching_for_value_: searching_for_value_
             }), _el$7, _co$);
-            $8tj43$insert(_el$5, () => input_obj().parent_title);
+            $8tj43$insert(_el$5, parent_title_if_exists);
             return _el$4;
           })() : (() => {
             const _c$3 = $8tj43$memo(() => input_obj().type === "content");
@@ -10744,7 +10754,7 @@ function $40dd3f46f55d62ba$export$e872e2339fb04a7f(_ref) {
           const _el$3 = $8tj43$getNextElement($40dd3f46f55d62ba$var$_tmpl$3);
           $8tj43$insert(_el$3, $8tj43$createMemo(() => {
             if (input_obj().type === "content") return i18n_.content_();
-            if (input_obj().category_type === "BRAND") return i18n_.brand_();
+            if (input_obj().category_type === "brand") return i18n_.brand_();
             return i18n_.category_();
           }));
           return _el$3;

package/latest/index.cjs

@@ -77,7 +77,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 = "3.0.2";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "3.0.3";
 const $0f313083912e447a$var$_tmpl$ = /*#__PURE__*/$gVhhF$solidjsweb.template(`<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 14 26"><path d="M2 24.656c-.078 0-.156-.016-.234-.047s-.133-.066-.187-.129c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422l10.371-10.371L1.578 2.883c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422.258-.176.422-.176.305.059.422.176l10.805 10.793a.59.59 0 0 1 .176.434c0 .172-.059.305-.176.422L2.422 24.48a.42.42 0 0 1-.199.129.54.54 0 0 1-.223.047zm0 0"fill=#0f0f0f>`);
 function $0f313083912e447a$export$8be2714ec7f169ee(props = {}) {
   return (() => {
@@ -9182,6 +9182,7 @@ function $dae23104ba8bb78c$export$d757d54550ebfb3d({
   category_suggestion_: category_suggestion_,
   router_: router_
 }) {
+  const parentTitle = $gVhhF$solidjs.createMemo(() => category_suggestion_().breadcrumbs.at(-1)?.title);
   return (() => {
     const _el$ = $gVhhF$solidjsweb.getNextElement($dae23104ba8bb78c$var$_tmpl$2),
       _el$2 = _el$.firstChild,
@@ -9197,11 +9198,11 @@ function $dae23104ba8bb78c$export$d757d54550ebfb3d({
     $gVhhF$solidjsweb.insert(_el$2, () => category_suggestion_().title);
     $gVhhF$solidjsweb.insert(_el$, $gVhhF$solidjsweb.createComponent((0, $gVhhF$solidjs.Show), {
       get when() {
-        return typeof category_suggestion_().parent_title === "string";
+        return parentTitle();
       },
       get children() {
         const _el$3 = $gVhhF$solidjsweb.getNextElement($dae23104ba8bb78c$var$_tmpl$);
-        $gVhhF$solidjsweb.insert(_el$3, () => category_suggestion_().parent_title);
+        $gVhhF$solidjsweb.insert(_el$3, parentTitle);
         return _el$3;
       }
     }), _el$5, _co$);
@@ -10023,6 +10024,11 @@ function $6b65ba8af12c5a26$export$e872e2339fb04a7f({
     }) : undefined);
     const href = $gVhhF$solidjs.createMemo(() => is_query() ? href_with_changed_params_accessor()() : input_obj().page_url);
     const is_selected = $gVhhF$solidjs.createMemo(() => read_selected_index_()?.[0] === autocomplete_data_index && read_selected_index_()?.[1] === index);
+    const parent_title_if_exists = $gVhhF$solidjs.createMemo(() => {
+      const item = input_obj();
+      if (!("breadcrumbs" in item)) return;
+      return item.breadcrumbs.at(-1)?.title;
+    });
     return (() => {
       const _el$ = $gVhhF$solidjsweb.getNextElement($6b65ba8af12c5a26$var$_tmpl$);
       $gVhhF$solidjsweb.use(element => element.addEventListener("click", $gVhhF$depictaiutilishared.catchify(ev => {
@@ -10064,7 +10070,7 @@ function $6b65ba8af12c5a26$export$e872e2339fb04a7f({
           },
           searching_for_value_: searching_for_value_
         })] : [$gVhhF$solidjsweb.memo((() => {
-          const _c$2 = $gVhhF$solidjsweb.memo(() => typeof input_obj() /* this is a harmless lie  */.parent_title === "string");
+          const _c$2 = $gVhhF$solidjsweb.memo(() => !!parent_title_if_exists());
           return () => _c$2() ? (() => {
             const _el$4 = $gVhhF$solidjsweb.getNextElement($6b65ba8af12c5a26$var$_tmpl$4),
               _el$6 = _el$4.firstChild,
@@ -10077,7 +10083,7 @@ function $6b65ba8af12c5a26$export$e872e2339fb04a7f({
               },
               searching_for_value_: searching_for_value_
             }), _el$7, _co$);
-            $gVhhF$solidjsweb.insert(_el$5, () => input_obj().parent_title);
+            $gVhhF$solidjsweb.insert(_el$5, parent_title_if_exists);
             return _el$4;
           })() : (() => {
             const _c$3 = $gVhhF$solidjsweb.memo(() => input_obj().type === "content");
@@ -10111,7 +10117,7 @@ function $6b65ba8af12c5a26$export$e872e2339fb04a7f({
           const _el$3 = $gVhhF$solidjsweb.getNextElement($6b65ba8af12c5a26$var$_tmpl$3);
           $gVhhF$solidjsweb.insert(_el$3, $gVhhF$solidjs.createMemo(() => {
             if (input_obj().type === "content") return i18n_.content_();
-            if (input_obj().category_type === "BRAND") return i18n_.brand_();
+            if (input_obj().category_type === "brand") return i18n_.brand_();
             return i18n_.category_();
           }));
           return _el$3;

package/latest/index.d.ts

@@ -2,16 +2,15 @@ import { JSX, Signal, Accessor, Setter } from "solid-js";
 import { Amazing_Slider, Node_Array, Display, report, ColsAtSize, Elem, ModernDisplay } from "@depict-ai/utilishared/latest";
 import { SearchFilter, SortModel, SearchRequestV3 } from "@depict-ai/types/api/SearchRequestV3";
 import { SearchFilter as _SearchFilter1, ContentLink, SearchResponse } from "@depict-ai/types/api/SearchResponse";
-import { CategorySuggestion } from "@depict-ai/types/api/SearchSuggestionsResponseV3";
+import { CategorySuggestion, SearchSuggestionsResponseV3 } from "@depict-ai/types/api/SearchSuggestionsResponseV3";
 import { Breadcrumb, Quicklink, GetListingResponse } from "@depict-ai/types/api/GetListingResponse";
-import { LegacyCategorySuggestion, SearchSuggestionsResponse } from "@depict-ai/types/api/SearchSuggestionsResponse";
 import { ProductListingResponseV3 } from "@depict-ai/types/api/ProductListingResponseV3";
 import { SearchSuggestionsRequestV3 } from "@depict-ai/types/api/SearchSuggestionsRequestV3";
 import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequestV3";
 import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { SearchFilter as _SearchFilter2 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "3.0.2";
+export const version = "3.0.3";
 /** @jsxImportSource solid-js */
 export function GenericSliderArrowButton(props?: {
   width_?: number;
@@ -690,11 +689,11 @@ export type InstantCard<T extends Display> = (display: T, context: {
   merchant: string;
   market: string;
 }) => JSX.Element;
-type CategorySuggestionAfterURLCreator = LegacyCategorySuggestion & {
+type CategorySuggestionAfterURLCreator = CategorySuggestion & {
   page_url: string;
 };
-type ReplaceCategorySuggestion<T> = T extends LegacyCategorySuggestion ? CategorySuggestionAfterURLCreator : T extends LegacyCategorySuggestion[] ? CategorySuggestionAfterURLCreator[] : T;
-type SearchSuggestionsResponseAfterURLCreator = { [K in keyof SearchSuggestionsResponse]: ReplaceCategorySuggestion<SearchSuggestionsResponse[K]> };
+type ReplaceCategorySuggestion<T> = T extends CategorySuggestion ? CategorySuggestionAfterURLCreator : T extends CategorySuggestion[] ? CategorySuggestionAfterURLCreator[] : T;
+type SearchSuggestionsResponseAfterURLCreator = { [K in keyof SearchSuggestionsResponseV3]: ReplaceCategorySuggestion<SearchSuggestionsResponseV3[K]> };
 type AddPageUrlToDisplay<T extends any[]> = (T[number] & {
   page_url: string;
 })[];
@@ -836,12 +835,12 @@ export function BreadCrumbs<T extends Display>({
   depict_category
 }: {
   depict_category: DepictCategory<T>;
-}): JSX.Element;
+}): HTMLDivElement;
 export function QuickLinks<T extends Display>({
   depict_category
 }: {
   depict_category: DepictCategory<T>;
-}): JSX.Element;
+}): HTMLDivElement;
 /**
  * Gets available listings for a given merchant, market and locale
  */

package/latest/index.js

@@ -7,7 +7,7 @@ import { createStore as $9HbP8$createStore, reconcile as $9HbP8$reconcile } from
 /*! 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 = "3.0.2";
+const $ec291e0010116877$export$83d89fbfd8236492 = "3.0.3";
 const $fbbadcb080ad1d4a$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 14 26"><path d="M2 24.656c-.078 0-.156-.016-.234-.047s-.133-.066-.187-.129c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422l10.371-10.371L1.578 2.883c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422.258-.176.422-.176.305.059.422.176l10.805 10.793a.59.59 0 0 1 .176.434c0 .172-.059.305-.176.422L2.422 24.48a.42.42 0 0 1-.199.129.54.54 0 0 1-.223.047zm0 0"fill=#0f0f0f>`);
 function $fbbadcb080ad1d4a$export$8be2714ec7f169ee(props = {}) {
   return (() => {
@@ -9112,6 +9112,7 @@ function $897bd4a76f611b38$export$d757d54550ebfb3d({
   category_suggestion_: category_suggestion_,
   router_: router_
 }) {
+  const parentTitle = $9HbP8$createMemo(() => category_suggestion_().breadcrumbs.at(-1)?.title);
   return (() => {
     const _el$ = $9HbP8$getNextElement($897bd4a76f611b38$var$_tmpl$2),
       _el$2 = _el$.firstChild,
@@ -9127,11 +9128,11 @@ function $897bd4a76f611b38$export$d757d54550ebfb3d({
     $9HbP8$insert(_el$2, () => category_suggestion_().title);
     $9HbP8$insert(_el$, $9HbP8$createComponent((0, $9HbP8$Show), {
       get when() {
-        return typeof category_suggestion_().parent_title === "string";
+        return parentTitle();
       },
       get children() {
         const _el$3 = $9HbP8$getNextElement($897bd4a76f611b38$var$_tmpl$);
-        $9HbP8$insert(_el$3, () => category_suggestion_().parent_title);
+        $9HbP8$insert(_el$3, parentTitle);
         return _el$3;
       }
     }), _el$5, _co$);
@@ -9953,6 +9954,11 @@ function $cea52f6b24092f05$export$e872e2339fb04a7f({
     }) : undefined);
     const href = $9HbP8$createMemo(() => is_query() ? href_with_changed_params_accessor()() : input_obj().page_url);
     const is_selected = $9HbP8$createMemo(() => read_selected_index_()?.[0] === autocomplete_data_index && read_selected_index_()?.[1] === index);
+    const parent_title_if_exists = $9HbP8$createMemo(() => {
+      const item = input_obj();
+      if (!("breadcrumbs" in item)) return;
+      return item.breadcrumbs.at(-1)?.title;
+    });
     return (() => {
       const _el$ = $9HbP8$getNextElement($cea52f6b24092f05$var$_tmpl$);
       $9HbP8$use(element => element.addEventListener("click", $9HbP8$catchify1(ev => {
@@ -9994,7 +10000,7 @@ function $cea52f6b24092f05$export$e872e2339fb04a7f({
           },
           searching_for_value_: searching_for_value_
         })] : [$9HbP8$memo((() => {
-          const _c$2 = $9HbP8$memo(() => typeof input_obj() /* this is a harmless lie  */.parent_title === "string");
+          const _c$2 = $9HbP8$memo(() => !!parent_title_if_exists());
           return () => _c$2() ? (() => {
             const _el$4 = $9HbP8$getNextElement($cea52f6b24092f05$var$_tmpl$4),
               _el$6 = _el$4.firstChild,
@@ -10007,7 +10013,7 @@ function $cea52f6b24092f05$export$e872e2339fb04a7f({
               },
               searching_for_value_: searching_for_value_
             }), _el$7, _co$);
-            $9HbP8$insert(_el$5, () => input_obj().parent_title);
+            $9HbP8$insert(_el$5, parent_title_if_exists);
             return _el$4;
           })() : (() => {
             const _c$3 = $9HbP8$memo(() => input_obj().type === "content");
@@ -10041,7 +10047,7 @@ function $cea52f6b24092f05$export$e872e2339fb04a7f({
           const _el$3 = $9HbP8$getNextElement($cea52f6b24092f05$var$_tmpl$3);
           $9HbP8$insert(_el$3, $9HbP8$createMemo(() => {
             if (input_obj().type === "content") return i18n_.content_();
-            if (input_obj().category_type === "BRAND") return i18n_.brand_();
+            if (input_obj().category_type === "brand") return i18n_.brand_();
             return i18n_.category_();
           }));
           return _el$3;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/ui",
-  "version": "3.0.2",
+  "version": "3.0.3",
   "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",
   "sass": "styles.scss",

package/server/ES10/index.cjs

@@ -83,7 +83,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 = "3.0.2";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "3.0.3";
 const $9d19451330d04c3c$var$_tmpl$ = ["<svg", ' xmlns="http://www.w3.org/2000/svg"', ' viewBox="0 0 14 26"><path d="M2 24.656c-.078 0-.156-.016-.234-.047s-.133-.066-.187-.129c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422l10.371-10.371L1.578 2.883c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422.258-.176.422-.176.305.059.422.176l10.805 10.793a.59.59 0 0 1 .176.434c0 .172-.059.305-.176.422L2.422 24.48a.42.42 0 0 1-.199.129.54.54 0 0 1-.223.047zm0 0" fill="#0f0f0f"></path></svg>'];
 function $9d19451330d04c3c$export$8be2714ec7f169ee() {
   var _$escape2, _$escape3;
@@ -8234,12 +8234,16 @@ function $3001ad378baf39dc$export$d757d54550ebfb3d(_ref) {
     category_suggestion_: category_suggestion_,
     router_: router_
   } = _ref;
+  const parentTitle = $3hooq$solidjs.createMemo(() => {
+    var _category_suggestion_;
+    return (_category_suggestion_ = category_suggestion_().breadcrumbs.at(-1)) === null || _category_suggestion_ === void 0 ? void 0 : _category_suggestion_.title;
+  });
   return $3hooq$solidjsweb.ssr($3001ad378baf39dc$var$_tmpl$2, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.ssrAttribute("href", $3hooq$solidjsweb.escape(category_suggestion_().page_url, true), false), $3hooq$solidjsweb.escape(category_suggestion_().title), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Show), {
     get when() {
-      return typeof category_suggestion_().parent_title === "string";
+      return parentTitle();
     },
     get children() {
-      return $3hooq$solidjsweb.ssr($3001ad378baf39dc$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.escape(category_suggestion_().parent_title));
+      return $3hooq$solidjsweb.ssr($3001ad378baf39dc$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.escape(parentTitle()));
     }
   })));
 }
@@ -8826,6 +8830,12 @@ function $0677d509ad208e22$export$e872e2339fb04a7f(_ref) {
       var _read_selected_index_, _read_selected_index_2;
       return ((_read_selected_index_ = read_selected_index_()) === null || _read_selected_index_ === void 0 ? void 0 : _read_selected_index_[0]) === autocomplete_data_index && ((_read_selected_index_2 = read_selected_index_()) === null || _read_selected_index_2 === void 0 ? void 0 : _read_selected_index_2[1]) === index;
     });
+    const parent_title_if_exists = $3hooq$solidjs.createMemo(() => {
+      var _item$breadcrumbs$at;
+      const item = input_obj();
+      if (!("breadcrumbs" in item)) return;
+      return (_item$breadcrumbs$at = item.breadcrumbs.at(-1)) === null || _item$breadcrumbs$at === void 0 ? void 0 : _item$breadcrumbs$at.title;
+    });
     return $3hooq$solidjsweb.ssr($0677d509ad208e22$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey(), "suggestion ".concat(is_selected() ? "selected" : "", " ").concat(is_history ? "history" : "", " ").concat($3hooq$solidjsweb.escape($3hooq$solidjsweb.escape("type-" + input_obj().type, true), true)), $3hooq$solidjsweb.ssrAttribute("href", $3hooq$solidjsweb.escape(href(), true), false), is_query() ? $3hooq$solidjsweb.escape([$3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Show), {
       when: is_history,
       get fallback() {
@@ -8840,13 +8850,13 @@ function $0677d509ad208e22$export$e872e2339fb04a7f(_ref) {
         return $3hooq$solidjs.createMemo(() => input_obj().title);
       },
       searching_for_value_: searching_for_value_
-    })]) : $3hooq$solidjsweb.escape([typeof input_obj() /* this is a harmless lie  */.parent_title === "string" ? $3hooq$solidjsweb.ssr($0677d509ad208e22$var$_tmpl$4, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $23c3f390dee33ff8$export$ba17c5b7e6dda39f), {
+    })]) : $3hooq$solidjsweb.escape([parent_title_if_exists() ? $3hooq$solidjsweb.ssr($0677d509ad208e22$var$_tmpl$4, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $23c3f390dee33ff8$export$ba17c5b7e6dda39f), {
       class_: "category line-clamp",
       get whole_text_to_display_() {
         return $3hooq$solidjs.createMemo(() => input_obj().title);
       },
       searching_for_value_: searching_for_value_
-    })), $3hooq$solidjsweb.escape(input_obj().parent_title)) : input_obj().type === "content" ? $3hooq$solidjsweb.ssr($0677d509ad208e22$var$_tmpl$5, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $3cf7b4db1e203c93$export$605674723bcc715c), {
+    })), $3hooq$solidjsweb.escape(parent_title_if_exists())) : input_obj().type === "content" ? $3hooq$solidjsweb.ssr($0677d509ad208e22$var$_tmpl$5, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $3cf7b4db1e203c93$export$605674723bcc715c), {
       width: "16",
       height: "16"
     })), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $23c3f390dee33ff8$export$ba17c5b7e6dda39f), {
@@ -8863,7 +8873,7 @@ function $0677d509ad208e22$export$e872e2339fb04a7f(_ref) {
       searching_for_value_: searching_for_value_
     }), $3hooq$solidjsweb.ssr($0677d509ad208e22$var$_tmpl$3, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.escape($3hooq$solidjs.createMemo(() => {
       if (input_obj().type === "content") return i18n_.content_();
-      if (input_obj().category_type === "BRAND") return i18n_.brand_();
+      if (input_obj().category_type === "brand") return i18n_.brand_();
       return i18n_.category_();
     })()))]));
   };

package/server/ES10/index.d.ts

@@ -2,16 +2,15 @@ import { JSX, Signal, Accessor, Setter } from "solid-js";
 import { Amazing_Slider, Node_Array, Display, report, ColsAtSize, Elem, ModernDisplay } from "@depict-ai/utilishared/ES10";
 import { SearchFilter, SortModel, SearchRequestV3 } from "@depict-ai/types/api/SearchRequestV3";
 import { SearchFilter as _SearchFilter1, ContentLink, SearchResponse } from "@depict-ai/types/api/SearchResponse";
-import { CategorySuggestion } from "@depict-ai/types/api/SearchSuggestionsResponseV3";
+import { CategorySuggestion, SearchSuggestionsResponseV3 } from "@depict-ai/types/api/SearchSuggestionsResponseV3";
 import { Breadcrumb, Quicklink, GetListingResponse } from "@depict-ai/types/api/GetListingResponse";
-import { LegacyCategorySuggestion, SearchSuggestionsResponse } from "@depict-ai/types/api/SearchSuggestionsResponse";
 import { ProductListingResponseV3 } from "@depict-ai/types/api/ProductListingResponseV3";
 import { SearchSuggestionsRequestV3 } from "@depict-ai/types/api/SearchSuggestionsRequestV3";
 import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequestV3";
 import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { SearchFilter as _SearchFilter2 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "3.0.2";
+export const version = "3.0.3";
 /** @jsxImportSource solid-js */
 export function GenericSliderArrowButton(props?: {
   width_?: number;
@@ -690,11 +689,11 @@ export type InstantCard<T extends Display> = (display: T, context: {
   merchant: string;
   market: string;
 }) => JSX.Element;
-type CategorySuggestionAfterURLCreator = LegacyCategorySuggestion & {
+type CategorySuggestionAfterURLCreator = CategorySuggestion & {
   page_url: string;
 };
-type ReplaceCategorySuggestion<T> = T extends LegacyCategorySuggestion ? CategorySuggestionAfterURLCreator : T extends LegacyCategorySuggestion[] ? CategorySuggestionAfterURLCreator[] : T;
-type SearchSuggestionsResponseAfterURLCreator = { [K in keyof SearchSuggestionsResponse]: ReplaceCategorySuggestion<SearchSuggestionsResponse[K]> };
+type ReplaceCategorySuggestion<T> = T extends CategorySuggestion ? CategorySuggestionAfterURLCreator : T extends CategorySuggestion[] ? CategorySuggestionAfterURLCreator[] : T;
+type SearchSuggestionsResponseAfterURLCreator = { [K in keyof SearchSuggestionsResponseV3]: ReplaceCategorySuggestion<SearchSuggestionsResponseV3[K]> };
 type AddPageUrlToDisplay<T extends any[]> = (T[number] & {
   page_url: string;
 })[];
@@ -836,12 +835,12 @@ export function BreadCrumbs<T extends Display>({
   depict_category
 }: {
   depict_category: DepictCategory<T>;
-}): JSX.Element;
+}): HTMLDivElement;
 export function QuickLinks<T extends Display>({
   depict_category
 }: {
   depict_category: DepictCategory<T>;
-}): JSX.Element;
+}): HTMLDivElement;
 /**
  * Gets available listings for a given merchant, market and locale
  */

package/server/ES10/index.js

@@ -10,7 +10,7 @@ import { createStore as $b8hua$createStore, reconcile as $b8hua$reconcile } from
 /*! 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 = "3.0.2";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "3.0.3";
 const $ca6ab5f08bd28bca$var$_tmpl$ = ["<svg", ' xmlns="http://www.w3.org/2000/svg"', ' viewBox="0 0 14 26"><path d="M2 24.656c-.078 0-.156-.016-.234-.047s-.133-.066-.187-.129c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422l10.371-10.371L1.578 2.883c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422.258-.176.422-.176.305.059.422.176l10.805 10.793a.59.59 0 0 1 .176.434c0 .172-.059.305-.176.422L2.422 24.48a.42.42 0 0 1-.199.129.54.54 0 0 1-.223.047zm0 0" fill="#0f0f0f"></path></svg>'];
 function $ca6ab5f08bd28bca$export$8be2714ec7f169ee() {
   var _$escape2, _$escape3;
@@ -8161,12 +8161,16 @@ function $dea31647b99a443b$export$d757d54550ebfb3d(_ref) {
     category_suggestion_: category_suggestion_,
     router_: router_
   } = _ref;
+  const parentTitle = $b8hua$createMemo(() => {
+    var _category_suggestion_;
+    return (_category_suggestion_ = category_suggestion_().breadcrumbs.at(-1)) === null || _category_suggestion_ === void 0 ? void 0 : _category_suggestion_.title;
+  });
   return $b8hua$ssr($dea31647b99a443b$var$_tmpl$2, $b8hua$ssrHydrationKey(), $b8hua$ssrAttribute("href", $b8hua$escape(category_suggestion_().page_url, true), false), $b8hua$escape(category_suggestion_().title), $b8hua$escape($b8hua$createComponent((0, $b8hua$Show), {
     get when() {
-      return typeof category_suggestion_().parent_title === "string";
+      return parentTitle();
     },
     get children() {
-      return $b8hua$ssr($dea31647b99a443b$var$_tmpl$, $b8hua$ssrHydrationKey(), $b8hua$escape(category_suggestion_().parent_title));
+      return $b8hua$ssr($dea31647b99a443b$var$_tmpl$, $b8hua$ssrHydrationKey(), $b8hua$escape(parentTitle()));
     }
   })));
 }
@@ -8753,6 +8757,12 @@ function $40dd3f46f55d62ba$export$e872e2339fb04a7f(_ref) {
       var _read_selected_index_, _read_selected_index_2;
       return ((_read_selected_index_ = read_selected_index_()) === null || _read_selected_index_ === void 0 ? void 0 : _read_selected_index_[0]) === autocomplete_data_index && ((_read_selected_index_2 = read_selected_index_()) === null || _read_selected_index_2 === void 0 ? void 0 : _read_selected_index_2[1]) === index;
     });
+    const parent_title_if_exists = $b8hua$createMemo(() => {
+      var _item$breadcrumbs$at;
+      const item = input_obj();
+      if (!("breadcrumbs" in item)) return;
+      return (_item$breadcrumbs$at = item.breadcrumbs.at(-1)) === null || _item$breadcrumbs$at === void 0 ? void 0 : _item$breadcrumbs$at.title;
+    });
     return $b8hua$ssr($40dd3f46f55d62ba$var$_tmpl$, $b8hua$ssrHydrationKey(), "suggestion ".concat(is_selected() ? "selected" : "", " ").concat(is_history ? "history" : "", " ").concat($b8hua$escape($b8hua$escape("type-" + input_obj().type, true), true)), $b8hua$ssrAttribute("href", $b8hua$escape(href(), true), false), is_query() ? $b8hua$escape([$b8hua$createComponent((0, $b8hua$Show), {
       when: is_history,
       get fallback() {
@@ -8767,13 +8777,13 @@ function $40dd3f46f55d62ba$export$e872e2339fb04a7f(_ref) {
         return $b8hua$createMemo(() => input_obj().title);
       },
       searching_for_value_: searching_for_value_
-    })]) : $b8hua$escape([typeof input_obj() /* this is a harmless lie  */.parent_title === "string" ? $b8hua$ssr($40dd3f46f55d62ba$var$_tmpl$4, $b8hua$ssrHydrationKey(), $b8hua$escape($b8hua$createComponent((0, $02b6641aa50ce528$export$ba17c5b7e6dda39f), {
+    })]) : $b8hua$escape([parent_title_if_exists() ? $b8hua$ssr($40dd3f46f55d62ba$var$_tmpl$4, $b8hua$ssrHydrationKey(), $b8hua$escape($b8hua$createComponent((0, $02b6641aa50ce528$export$ba17c5b7e6dda39f), {
       class_: "category line-clamp",
       get whole_text_to_display_() {
         return $b8hua$createMemo(() => input_obj().title);
       },
       searching_for_value_: searching_for_value_
-    })), $b8hua$escape(input_obj().parent_title)) : input_obj().type === "content" ? $b8hua$ssr($40dd3f46f55d62ba$var$_tmpl$5, $b8hua$ssrHydrationKey(), $b8hua$escape($b8hua$createComponent((0, $3c5e15c6ee4227a9$export$605674723bcc715c), {
+    })), $b8hua$escape(parent_title_if_exists())) : input_obj().type === "content" ? $b8hua$ssr($40dd3f46f55d62ba$var$_tmpl$5, $b8hua$ssrHydrationKey(), $b8hua$escape($b8hua$createComponent((0, $3c5e15c6ee4227a9$export$605674723bcc715c), {
       width: "16",
       height: "16"
     })), $b8hua$escape($b8hua$createComponent((0, $02b6641aa50ce528$export$ba17c5b7e6dda39f), {
@@ -8790,7 +8800,7 @@ function $40dd3f46f55d62ba$export$e872e2339fb04a7f(_ref) {
       searching_for_value_: searching_for_value_
     }), $b8hua$ssr($40dd3f46f55d62ba$var$_tmpl$3, $b8hua$ssrHydrationKey(), $b8hua$escape($b8hua$createMemo(() => {
       if (input_obj().type === "content") return i18n_.content_();
-      if (input_obj().category_type === "BRAND") return i18n_.brand_();
+      if (input_obj().category_type === "brand") return i18n_.brand_();
       return i18n_.category_();
     })()))]));
   };

package/server/latest/index.cjs

@@ -77,7 +77,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 = "3.0.2";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "3.0.3";
 const $0f313083912e447a$var$_tmpl$ = ["<svg", ' xmlns="http://www.w3.org/2000/svg"', ' viewBox="0 0 14 26"><path d="M2 24.656c-.078 0-.156-.016-.234-.047s-.133-.066-.187-.129c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422l10.371-10.371L1.578 2.883c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422.258-.176.422-.176.305.059.422.176l10.805 10.793a.59.59 0 0 1 .176.434c0 .172-.059.305-.176.422L2.422 24.48a.42.42 0 0 1-.199.129.54.54 0 0 1-.223.047zm0 0" fill="#0f0f0f"></path></svg>'];
 function $0f313083912e447a$export$8be2714ec7f169ee(props = {}) {
   return $5vyXB$solidjsweb.ssr($0f313083912e447a$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.ssrAttribute("width", $5vyXB$solidjsweb.escape(props.width_, true) ?? 14, false) + $5vyXB$solidjsweb.ssrAttribute("height", $5vyXB$solidjsweb.escape(props.height_, true) ?? 26, false));
@@ -7639,12 +7639,13 @@ function $dae23104ba8bb78c$export$d757d54550ebfb3d({
   category_suggestion_: category_suggestion_,
   router_: router_
 }) {
+  const parentTitle = $5vyXB$solidjs.createMemo(() => category_suggestion_().breadcrumbs.at(-1)?.title);
   return $5vyXB$solidjsweb.ssr($dae23104ba8bb78c$var$_tmpl$2, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.ssrAttribute("href", $5vyXB$solidjsweb.escape(category_suggestion_().page_url, true), false), $5vyXB$solidjsweb.escape(category_suggestion_().title), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Show), {
     get when() {
-      return typeof category_suggestion_().parent_title === "string";
+      return parentTitle();
     },
     get children() {
-      return $5vyXB$solidjsweb.ssr($dae23104ba8bb78c$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.escape(category_suggestion_().parent_title));
+      return $5vyXB$solidjsweb.ssr($dae23104ba8bb78c$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.escape(parentTitle()));
     }
   })));
 }
@@ -8188,6 +8189,11 @@ function $6b65ba8af12c5a26$export$e872e2339fb04a7f({
     }) : undefined);
     const href = $5vyXB$solidjs.createMemo(() => is_query() ? href_with_changed_params_accessor()() : input_obj().page_url);
     const is_selected = $5vyXB$solidjs.createMemo(() => read_selected_index_()?.[0] === autocomplete_data_index && read_selected_index_()?.[1] === index);
+    const parent_title_if_exists = $5vyXB$solidjs.createMemo(() => {
+      const item = input_obj();
+      if (!("breadcrumbs" in item)) return;
+      return item.breadcrumbs.at(-1)?.title;
+    });
     return $5vyXB$solidjsweb.ssr($6b65ba8af12c5a26$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), `suggestion ${is_selected() ? "selected" : ""} ${is_history ? "history" : ""} ${$5vyXB$solidjsweb.escape($5vyXB$solidjsweb.escape("type-" + input_obj().type, true), true)}`, $5vyXB$solidjsweb.ssrAttribute("href", $5vyXB$solidjsweb.escape(href(), true), false), is_query() ? $5vyXB$solidjsweb.escape([$5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Show), {
       when: is_history,
       get fallback() {
@@ -8202,13 +8208,13 @@ function $6b65ba8af12c5a26$export$e872e2339fb04a7f({
         return $5vyXB$solidjs.createMemo(() => input_obj().title);
       },
       searching_for_value_: searching_for_value_
-    })]) : $5vyXB$solidjsweb.escape([typeof input_obj() /* this is a harmless lie  */.parent_title === "string" ? $5vyXB$solidjsweb.ssr($6b65ba8af12c5a26$var$_tmpl$4, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $d023ed916c84e75d$export$ba17c5b7e6dda39f), {
+    })]) : $5vyXB$solidjsweb.escape([parent_title_if_exists() ? $5vyXB$solidjsweb.ssr($6b65ba8af12c5a26$var$_tmpl$4, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $d023ed916c84e75d$export$ba17c5b7e6dda39f), {
       class_: "category line-clamp",
       get whole_text_to_display_() {
         return $5vyXB$solidjs.createMemo(() => input_obj().title);
       },
       searching_for_value_: searching_for_value_
-    })), $5vyXB$solidjsweb.escape(input_obj().parent_title)) : input_obj().type === "content" ? $5vyXB$solidjsweb.ssr($6b65ba8af12c5a26$var$_tmpl$5, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $c0125412b4ea0c93$export$605674723bcc715c), {
+    })), $5vyXB$solidjsweb.escape(parent_title_if_exists())) : input_obj().type === "content" ? $5vyXB$solidjsweb.ssr($6b65ba8af12c5a26$var$_tmpl$5, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $c0125412b4ea0c93$export$605674723bcc715c), {
       width: "16",
       height: "16"
     })), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $d023ed916c84e75d$export$ba17c5b7e6dda39f), {
@@ -8225,7 +8231,7 @@ function $6b65ba8af12c5a26$export$e872e2339fb04a7f({
       searching_for_value_: searching_for_value_
     }), $5vyXB$solidjsweb.ssr($6b65ba8af12c5a26$var$_tmpl$3, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.escape($5vyXB$solidjs.createMemo(() => {
       if (input_obj().type === "content") return i18n_.content_();
-      if (input_obj().category_type === "BRAND") return i18n_.brand_();
+      if (input_obj().category_type === "brand") return i18n_.brand_();
       return i18n_.category_();
     })()))]));
   };

package/server/latest/index.d.ts

@@ -2,16 +2,15 @@ import { JSX, Signal, Accessor, Setter } from "solid-js";
 import { Amazing_Slider, Node_Array, Display, report, ColsAtSize, Elem, ModernDisplay } from "@depict-ai/utilishared/latest";
 import { SearchFilter, SortModel, SearchRequestV3 } from "@depict-ai/types/api/SearchRequestV3";
 import { SearchFilter as _SearchFilter1, ContentLink, SearchResponse } from "@depict-ai/types/api/SearchResponse";
-import { CategorySuggestion } from "@depict-ai/types/api/SearchSuggestionsResponseV3";
+import { CategorySuggestion, SearchSuggestionsResponseV3 } from "@depict-ai/types/api/SearchSuggestionsResponseV3";
 import { Breadcrumb, Quicklink, GetListingResponse } from "@depict-ai/types/api/GetListingResponse";
-import { LegacyCategorySuggestion, SearchSuggestionsResponse } from "@depict-ai/types/api/SearchSuggestionsResponse";
 import { ProductListingResponseV3 } from "@depict-ai/types/api/ProductListingResponseV3";
 import { SearchSuggestionsRequestV3 } from "@depict-ai/types/api/SearchSuggestionsRequestV3";
 import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequestV3";
 import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { SearchFilter as _SearchFilter2 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "3.0.2";
+export const version = "3.0.3";
 /** @jsxImportSource solid-js */
 export function GenericSliderArrowButton(props?: {
   width_?: number;
@@ -690,11 +689,11 @@ export type InstantCard<T extends Display> = (display: T, context: {
   merchant: string;
   market: string;
 }) => JSX.Element;
-type CategorySuggestionAfterURLCreator = LegacyCategorySuggestion & {
+type CategorySuggestionAfterURLCreator = CategorySuggestion & {
   page_url: string;
 };
-type ReplaceCategorySuggestion<T> = T extends LegacyCategorySuggestion ? CategorySuggestionAfterURLCreator : T extends LegacyCategorySuggestion[] ? CategorySuggestionAfterURLCreator[] : T;
-type SearchSuggestionsResponseAfterURLCreator = { [K in keyof SearchSuggestionsResponse]: ReplaceCategorySuggestion<SearchSuggestionsResponse[K]> };
+type ReplaceCategorySuggestion<T> = T extends CategorySuggestion ? CategorySuggestionAfterURLCreator : T extends CategorySuggestion[] ? CategorySuggestionAfterURLCreator[] : T;
+type SearchSuggestionsResponseAfterURLCreator = { [K in keyof SearchSuggestionsResponseV3]: ReplaceCategorySuggestion<SearchSuggestionsResponseV3[K]> };
 type AddPageUrlToDisplay<T extends any[]> = (T[number] & {
   page_url: string;
 })[];
@@ -836,12 +835,12 @@ export function BreadCrumbs<T extends Display>({
   depict_category
 }: {
   depict_category: DepictCategory<T>;
-}): JSX.Element;
+}): HTMLDivElement;
 export function QuickLinks<T extends Display>({
   depict_category
 }: {
   depict_category: DepictCategory<T>;
-}): JSX.Element;
+}): HTMLDivElement;
 /**
  * Gets available listings for a given merchant, market and locale
  */

package/server/latest/index.js

@@ -7,7 +7,7 @@ import { createStore as $i7OB2$createStore, reconcile as $i7OB2$reconcile } from
 /*! 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 = "3.0.2";
+const $ec291e0010116877$export$83d89fbfd8236492 = "3.0.3";
 const $fbbadcb080ad1d4a$var$_tmpl$ = ["<svg", ' xmlns="http://www.w3.org/2000/svg"', ' viewBox="0 0 14 26"><path d="M2 24.656c-.078 0-.156-.016-.234-.047s-.133-.066-.187-.129c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422l10.371-10.371L1.578 2.883c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422.258-.176.422-.176.305.059.422.176l10.805 10.793a.59.59 0 0 1 .176.434c0 .172-.059.305-.176.422L2.422 24.48a.42.42 0 0 1-.199.129.54.54 0 0 1-.223.047zm0 0" fill="#0f0f0f"></path></svg>'];
 function $fbbadcb080ad1d4a$export$8be2714ec7f169ee(props = {}) {
   return $i7OB2$ssr($fbbadcb080ad1d4a$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$ssrAttribute("width", $i7OB2$escape(props.width_, true) ?? 14, false) + $i7OB2$ssrAttribute("height", $i7OB2$escape(props.height_, true) ?? 26, false));
@@ -7569,12 +7569,13 @@ function $897bd4a76f611b38$export$d757d54550ebfb3d({
   category_suggestion_: category_suggestion_,
   router_: router_
 }) {
+  const parentTitle = $i7OB2$createMemo(() => category_suggestion_().breadcrumbs.at(-1)?.title);
   return $i7OB2$ssr($897bd4a76f611b38$var$_tmpl$2, $i7OB2$ssrHydrationKey(), $i7OB2$ssrAttribute("href", $i7OB2$escape(category_suggestion_().page_url, true), false), $i7OB2$escape(category_suggestion_().title), $i7OB2$escape($i7OB2$createComponent((0, $i7OB2$Show), {
     get when() {
-      return typeof category_suggestion_().parent_title === "string";
+      return parentTitle();
     },
     get children() {
-      return $i7OB2$ssr($897bd4a76f611b38$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$escape(category_suggestion_().parent_title));
+      return $i7OB2$ssr($897bd4a76f611b38$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$escape(parentTitle()));
     }
   })));
 }
@@ -8118,6 +8119,11 @@ function $cea52f6b24092f05$export$e872e2339fb04a7f({
     }) : undefined);
     const href = $i7OB2$createMemo(() => is_query() ? href_with_changed_params_accessor()() : input_obj().page_url);
     const is_selected = $i7OB2$createMemo(() => read_selected_index_()?.[0] === autocomplete_data_index && read_selected_index_()?.[1] === index);
+    const parent_title_if_exists = $i7OB2$createMemo(() => {
+      const item = input_obj();
+      if (!("breadcrumbs" in item)) return;
+      return item.breadcrumbs.at(-1)?.title;
+    });
     return $i7OB2$ssr($cea52f6b24092f05$var$_tmpl$, $i7OB2$ssrHydrationKey(), `suggestion ${is_selected() ? "selected" : ""} ${is_history ? "history" : ""} ${$i7OB2$escape($i7OB2$escape("type-" + input_obj().type, true), true)}`, $i7OB2$ssrAttribute("href", $i7OB2$escape(href(), true), false), is_query() ? $i7OB2$escape([$i7OB2$createComponent((0, $i7OB2$Show), {
       when: is_history,
       get fallback() {
@@ -8132,13 +8138,13 @@ function $cea52f6b24092f05$export$e872e2339fb04a7f({
         return $i7OB2$createMemo(() => input_obj().title);
       },
       searching_for_value_: searching_for_value_
-    })]) : $i7OB2$escape([typeof input_obj() /* this is a harmless lie  */.parent_title === "string" ? $i7OB2$ssr($cea52f6b24092f05$var$_tmpl$4, $i7OB2$ssrHydrationKey(), $i7OB2$escape($i7OB2$createComponent((0, $f3213c0640246d58$export$ba17c5b7e6dda39f), {
+    })]) : $i7OB2$escape([parent_title_if_exists() ? $i7OB2$ssr($cea52f6b24092f05$var$_tmpl$4, $i7OB2$ssrHydrationKey(), $i7OB2$escape($i7OB2$createComponent((0, $f3213c0640246d58$export$ba17c5b7e6dda39f), {
       class_: "category line-clamp",
       get whole_text_to_display_() {
         return $i7OB2$createMemo(() => input_obj().title);
       },
       searching_for_value_: searching_for_value_
-    })), $i7OB2$escape(input_obj().parent_title)) : input_obj().type === "content" ? $i7OB2$ssr($cea52f6b24092f05$var$_tmpl$5, $i7OB2$ssrHydrationKey(), $i7OB2$escape($i7OB2$createComponent((0, $190927650b4840eb$export$605674723bcc715c), {
+    })), $i7OB2$escape(parent_title_if_exists())) : input_obj().type === "content" ? $i7OB2$ssr($cea52f6b24092f05$var$_tmpl$5, $i7OB2$ssrHydrationKey(), $i7OB2$escape($i7OB2$createComponent((0, $190927650b4840eb$export$605674723bcc715c), {
       width: "16",
       height: "16"
     })), $i7OB2$escape($i7OB2$createComponent((0, $f3213c0640246d58$export$ba17c5b7e6dda39f), {
@@ -8155,7 +8161,7 @@ function $cea52f6b24092f05$export$e872e2339fb04a7f({
       searching_for_value_: searching_for_value_
     }), $i7OB2$ssr($cea52f6b24092f05$var$_tmpl$3, $i7OB2$ssrHydrationKey(), $i7OB2$escape($i7OB2$createMemo(() => {
       if (input_obj().type === "content") return i18n_.content_();
-      if (input_obj().category_type === "BRAND") return i18n_.brand_();
+      if (input_obj().category_type === "brand") return i18n_.brand_();
       return i18n_.category_();
     })()))]));
   };