@depict-ai/react-ui 2.2.1 → 3.0.1

package/latest/index.js

@@ -15,7 +15,7 @@ import { renderToString as $2GFvs$renderToString } from "react-dom/server";
 // Note, if you add an export here, also add one in src-server/main.ts
 import { register_es_version } from "../multi_import_deduplicator.mjs";
 register_es_version("react-ui", "latest");
-const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "2.2.1";
+const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "3.0.1";
 const $42858f023ef23dab$export$8e769ad4338a911e = {
   usedLocale: $2GFvs$createSignal((0, $2GFvs$defaultLocale)),
   search_instances: new Map(),
@@ -24,7 +24,6 @@ const $42858f023ef23dab$export$8e769ad4338a911e = {
   dpc: null,
   merchant: $2GFvs$createSignal(),
   market: $2GFvs$createSignal(),
-  userId: $2GFvs$createSignal(),
   sessionId: $2GFvs$createSignal(),
   known_category_paths: new Set(),
   search_page_path_: $2GFvs$createSignal(),
@@ -33,7 +32,7 @@ const $42858f023ef23dab$export$8e769ad4338a911e = {
   provider_is_updating: $2GFvs$createSignal(false),
   enable_content_search: $2GFvs$createSignal(),
   category_meta_title_suffix: $2GFvs$createSignal(),
-  disable_override_query_id: $2GFvs$createSignal()
+  disable_override_listing_id: $2GFvs$createSignal()
 };
 let $c83ba9ab79386687$var$run_on_href_change;
 let $c83ba9ab79386687$var$old_href = location.href;
@@ -212,7 +211,7 @@ const $a00d8f27abd5d0b0$export$38b98fae14bd1f64 = () => {
     dpc: (0, $42858f023ef23dab$export$8e769ad4338a911e).dpc
   };
 };
-const $a00d8f27abd5d0b0$export$47e064413edabf36 = (merchant, market, userId, sessionId) => {
+const $a00d8f27abd5d0b0$export$47e064413edabf36 = (merchant, market, sessionId) => {
   if (!merchant) return;
   try {
     let {
@@ -223,7 +222,6 @@ const $a00d8f27abd5d0b0$export$47e064413edabf36 = (merchant, market, userId, ses
     });
     dpc.merchant = merchant;
     dpc.market = market;
-    dpc.setUserId(userId);
     dpc.setSessionId(sessionId);
   } catch (e) {
     // Make sure to not break the users app if we throw
@@ -285,7 +283,7 @@ function $9145bcf81a0216ce$export$248b95d5073d5bab(disposable, stateKey) {
       merchant: [get_merchant],
       market: [get_market],
       category_meta_title_suffix: [get_category_meta_title_suffix],
-      disable_override_query_id: [get_disable_override_query_id]
+      disable_override_listing_id: [get_disable_override_listing_id]
     } = (0, $42858f023ef23dab$export$8e769ad4338a911e);
     const instance = new (0, $2GFvs$DepictCategory)({
       api: (0, $42858f023ef23dab$export$8e769ad4338a911e).api,
@@ -307,7 +305,7 @@ function $9145bcf81a0216ce$export$248b95d5073d5bab(disposable, stateKey) {
     });
     $2GFvs$createComputed(() => instance.localization = get_locale());
     $2GFvs$createComputed(() => instance.meta_title_suffix = get_category_meta_title_suffix());
-    $2GFvs$createComputed(() => instance.disable_override_query_id = get_disable_override_query_id());
+    $2GFvs$createComputed(() => instance.disable_override_listing_id = get_disable_override_listing_id());
     return {
       instance: instance,
       dispose: dispose,
@@ -336,7 +334,6 @@ function $5376eb2a386cd90d$var$ActualDepictProvider(props) {
     merchant: merchant,
     locale: locale,
     metaData: metaData,
-    userId: userId,
     sessionId: sessionId
   } = props;
   const usedLocale = locale ?? (0, $2GFvs$defaultLocale);
@@ -348,7 +345,6 @@ function $5376eb2a386cd90d$var$ActualDepictProvider(props) {
   } = props.search ?? {};
   $5376eb2a386cd90d$var$multiple_depictprovider_guard();
   // Will run on other prop changes, but harmless
-  (0, $42858f023ef23dab$export$8e769ad4338a911e).userId[1](userId);
   (0, $42858f023ef23dab$export$8e769ad4338a911e).sessionId[1](sessionId);
   (0, $42858f023ef23dab$export$8e769ad4338a911e).usedLocale[1](usedLocale);
   (0, $42858f023ef23dab$export$8e769ad4338a911e).enable_content_search[1](enableContentSearch);
@@ -356,8 +352,8 @@ function $5376eb2a386cd90d$var$ActualDepictProvider(props) {
   (0, $42858f023ef23dab$export$8e769ad4338a911e).search_query_url_param_name = urlParamName;
   (0, $42858f023ef23dab$export$8e769ad4338a911e).enableCategorySuggestions = enableCategorySuggestions;
   (0, $42858f023ef23dab$export$8e769ad4338a911e).category_meta_title_suffix[1](props.category?.metaTitleSuffix);
-  (0, $42858f023ef23dab$export$8e769ad4338a911e).disable_override_query_id[1](props.category?.disableOverrideQueryId);
-  $a00d8f27abd5d0b0$export$47e064413edabf36(merchant, market, userId, sessionId);
+  (0, $42858f023ef23dab$export$8e769ad4338a911e).disable_override_listing_id[1](props.category?.disableOverrideListingId);
+  $a00d8f27abd5d0b0$export$47e064413edabf36(merchant, market, sessionId);
   if (!market || !merchant) return $2GFvs$createElement((0, $2GFvs$Fragment), null, children);
   (0, $42858f023ef23dab$export$8e769ad4338a911e).market[1](market);
   (0, $42858f023ef23dab$export$8e769ad4338a911e).merchant[1](merchant);
@@ -382,10 +378,8 @@ function $5376eb2a386cd90d$var$ActualDepictProvider(props) {
     (0, $42858f023ef23dab$export$8e769ad4338a911e).on_navigation = on_navigation;
     (0, $42858f023ef23dab$export$8e769ad4338a911e).api ||= new (0, $2GFvs$DepictAPI)({
       get_metadata: async () => (0, $42858f023ef23dab$export$8e769ad4338a911e).metaData,
-      get_user_id: () => $2GFvs$untrack((0, $42858f023ef23dab$export$8e769ad4338a911e).userId[0]),
       get_session_id: () => $2GFvs$untrack((0, $42858f023ef23dab$export$8e769ad4338a911e).sessionId[0])
     });
-    (0, $42858f023ef23dab$export$8e769ad4338a911e).api.page_url_creator = props.pageURLCreator;
     (0, $42858f023ef23dab$export$8e769ad4338a911e).api.display_transformers = props.displayTransformers;
     if (searchPagePath) set_search_page_path($5376eb2a386cd90d$var$ensure_correct_formatting(searchPagePath));
     if (!search_instances.get(undefined)) {
@@ -659,15 +653,14 @@ function $48d7f568740a317d$var$SolidCategoryPage(props, set_portals) {
   $2GFvs$onCleanup(() => set_category_page_in_dom(false));
   $2GFvs$createComputed(() => {
     const {
-      categoryId: categoryId
+      listingId: listingId
     } = props;
-    depict_category().category_id = categoryId;
-    if (categoryId) {
+    depict_category().listing_id = listingId;
+    if (listingId) {
       set_category_state_set(true);
       (0, $42858f023ef23dab$export$8e769ad4338a911e).known_category_paths.add(location.pathname);
     }
   });
-  $2GFvs$createComputed(() => depict_category().listing_type = props.listingType);
   const category = () => $2GFvs$createMemo(() => {
     const stateKey = $2GFvs$untrack(() => props.stateKey);
     if ($48d7f568740a317d$var$rendered_components_with_state_key.has(stateKey)) throw new Error(`You have multiple CategoryPage components with the same stateKey: ${stateKey}. Each CategoryPage component must have a unique stateKey.`);
@@ -955,16 +948,17 @@ function $1bb4271dc44722e2$var$fetchRecommendations(opts) {
   const {
     merchant: [get_merchant],
     market: [get_market],
-    userId: [get_userId],
+    usedLocale: [get_usedLocale],
     sessionId: [get_sessionId]
   } = (0, $42858f023ef23dab$export$8e769ad4338a911e);
   const merchant = $2GFvs$untrack(get_merchant);
   const market = $2GFvs$untrack(get_market);
-  if (!merchant || !market) throw new Error("Depict recommendations are not configured. Wrap your app in a DepictProvider.");
+  const locale = $2GFvs$untrack(get_usedLocale).backend_locale_;
+  if (!merchant || !market || !locale) throw new Error("Depict recommendations are not configured (merchant, market or locale is falsy). Wrap your app in a DepictProvider.");
   return $2GFvs$fetchDepictRecommendations({
     merchant: merchant,
     market: market,
-    userId: $2GFvs$untrack(get_userId),
+    locale: locale,
     sessionId: $2GFvs$untrack(get_sessionId),
     ...opts
   });

package/locales/ES10/index.d.ts

@@ -1,2 +1,2 @@
 export type { plp_shared_i18n, search_i18n, category_i18n, Locale } from "@depict-ai/ui/locales/ES10";
-export { cz, de, en, da, fi, pl, fr, sv, pt, no, nl, es, it } from "@depict-ai/ui/locales/ES10";
+export * from "@depict-ai/ui/locales/ES10";

package/locales/index.d.ts

@@ -1,2 +1,2 @@
 export type { plp_shared_i18n, search_i18n, category_i18n, Locale } from "@depict-ai/ui/locales/ES10";
-export { cz, de, en, da, fi, pl, fr, sv, pt, no, nl, es, it } from "@depict-ai/ui/locales/ES10";
+export * from "@depict-ai/ui/locales/ES10";

package/locales/latest/index.d.ts

@@ -1,2 +1,2 @@
 export type { plp_shared_i18n, search_i18n, category_i18n, Locale } from "@depict-ai/ui/locales/latest";
-export { cz, de, en, da, fi, pl, fr, sv, pt, no, nl, es, it } from "@depict-ai/ui/locales/latest";
+export * from "@depict-ai/ui/locales/latest";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/react-ui",
-  "version": "2.2.1",
+  "version": "3.0.1",
   "packageManager": "yarn@3.2.2",
   "source": "src/index.ts",
   "types": "ES10/index.d.ts",
@@ -135,10 +135,10 @@
     "@babel/plugin-transform-typescript": "^7.22.9",
     "@babel/runtime": "latest",
     "@babel/runtime-corejs3": "latest",
-    "@depict-ai/dpc": "^1.0.45",
-    "@depict-ai/plp-styling": "^1.2.16",
-    "@depict-ai/ui": "^2.1.23",
-    "@depict-ai/utilishared": "^1.0.51",
+    "@depict-ai/dpc": "^2.0.0",
+    "@depict-ai/plp-styling": "^2.0.0",
+    "@depict-ai/ui": "^3.0.2",
+    "@depict-ai/utilishared": "^2.0.0",
     "solid-js": "^1.8.1"
   },
   "peerDependencies": {
@@ -150,7 +150,7 @@
     "@babel/core": "latest",
     "@babel/preset-env": "latest",
     "@babel/preset-typescript": "latest",
-    "@depict-ai/plp-styling": "^1.2.16",
+    "@depict-ai/plp-styling": "^2.0.0",
     "@jest/globals": "^29.3.1",
     "@parcel/babel-preset-env": "^2.10.3",
     "@parcel/transformer-sass": "^2.10.3",

package/server/ES10/index.cjs

@@ -149,7 +149,6 @@ const $ef516b1f92253963$export$8e769ad4338a911e = {
   dpc: null,
   merchant: $aNCHr$solidjs.createSignal(),
   market: $aNCHr$solidjs.createSignal(),
-  userId: $aNCHr$solidjs.createSignal(),
   sessionId: $aNCHr$solidjs.createSignal(),
   known_category_paths: new Set(),
   search_page_path_: $aNCHr$solidjs.createSignal(),
@@ -158,7 +157,7 @@ const $ef516b1f92253963$export$8e769ad4338a911e = {
   provider_is_updating: $aNCHr$solidjs.createSignal(false),
   enable_content_search: $aNCHr$solidjs.createSignal(),
   category_meta_title_suffix: $aNCHr$solidjs.createSignal(),
-  disable_override_query_id: $aNCHr$solidjs.createSignal()
+  disable_override_listing_id: $aNCHr$solidjs.createSignal()
 };
 function $7b4cd941f15b2582$export$12250cb2badef3d2(props) {
   const recs = props.recommendations;
@@ -234,7 +233,7 @@ function $3b36cc844440a979$export$e46079a2793e9ec7(props, set_portals) {
     }
   });
 }
-const $efbdd2dab4314170$export$83d89fbfd8236492 = "2.2.1";
+const $efbdd2dab4314170$export$83d89fbfd8236492 = "3.0.1";
 function $202459d454907b31$export$9fac37a9c21c2f3b(props) {
   return props.children;
 }
@@ -334,7 +333,7 @@ function $202459d454907b31$export$38b98fae14bd1f64() {
 function $202459d454907b31$export$6501da23a2770fc() {
   return {
     fetchRecommendations: () => {
-      throw new Error("fetchRecommendations is currently not available on the server due to personalisation/user_id related issues. Please only call it on the client.");
+      throw new Error("fetchRecommendations is currently not available on the server due to personalisation/session_id related issues. Please only call it on the client.");
     }
   };
 }

package/server/ES10/index.d.ts

@@ -3,7 +3,7 @@ import React, { PropsWithChildren, ReactNode, FC, ReactPortal, ReactElement } fr
 import { BaseProviderConfig, BaseSearchProviderConfig, BaseCategoryProviderConfig, ModernDisplayWithPageUrl, BaseProductListingConfig, BaseSearchPageConfig, BaseCategoryPageConfig, CategoryTitle, embedded_num_products, ImagePlaceholder as _ImagePlaceholder1, TextPlaceholder as _TextPlaceholder1, ExclusiveId, fetchDepictRecommendations } from "@depict-ai/ui/ES10";
 import { Locale } from "@depict-ai/ui/locales/ES10";
 import { Display, ModernDisplay } from "@depict-ai/utilishared/ES10";
-export const version = "2.2.0";
+export const version = "3.0.1";
 interface UsePerformanceClientReturn {
   dpc: DPC;
 }
@@ -83,14 +83,9 @@ type ProviderConfig<OriginalDisplay extends Display, OutputDisplay extends Moder
    */
   navigateFunction?: NavigateFunction;
   /**
-   * The locale to use for the Depict components.
-   * @default en
+   * The locale to use for the Depict components as well as Depict results.
    */
-  locale?: Locale;
-  /**
-   * Unique ID of the currently logged in user, if applicable.
-   */
-  userId?: string;
+  locale: Locale;
   /**
    * Options that are required for search functionality.
    */
@@ -253,23 +248,19 @@ interface SearchPageConfig<T extends Display> extends BaseSearchPageConfig, PLPC
 export function SearchPage<OriginalDisplay extends Display, OutputDisplay extends ModernDisplay | never>(props: SearchPageConfig<[OutputDisplay] extends [never] ? OriginalDisplay : ModernDisplayWithPageUrl<OutputDisplay>>): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
 interface CategoryPageConfig<T extends Display> extends BaseCategoryPageConfig, PLPConfig<T> {
   /**
-   * The category id to show.
+   * The listing id to show. Ultimately, this endpoint is what gives you the listing id: https://api.depict.ai/docs#tag/Listing/operation/Get_Listings_v3_listings_get
    */
-  categoryId: string;
+  listingId: string;
   /**
    * categoryTitlePlugin is an optional plugin that can be used to customize the title of the category page.
    * @default CategoryTitle
    *
    * @example
    * ```tsx
-   * <CategoryPage categoryId="jeans" productCard={MyCustomCategoryProductCard}  categoryTitlePlugin={EmbeddedNumProducts} />
+   * <CategoryPage listingId="72909a4a-adf7-4355-b7be-f9090d4185db" productCard={MyCustomCategoryProductCard}  categoryTitlePlugin={EmbeddedNumProducts} />
    * ```
    */
   categoryTitlePlugin?: typeof CategoryTitle | typeof embedded_num_products;
-  /**
-   * Whether this page is a collection or a category. If not specified it will be inferred as described in the docs https://docs.depict.ai/reference/category-sdk/specifying-listing-type-in-the-category-page-sdk
-   */
-  listingType?: "collection" | "category";
   /**
    * When using multiple CategoryPage components on the same page, you need to set a unique stateKey for each one. We recommend using an incrementing number, such as "1", "2", "3", etc. To associate a certain BreadCrumbs or QuickLinks component with a certain CategoryPage component, set the same stateKey on both.
    */
@@ -288,7 +279,7 @@ interface CategoryPageConfig<T extends Display> extends BaseCategoryPageConfig,
  * import { DepictProductCard, ImagePlaceholder, Display, CategoryPage } from '@depict-ai/react-ui'
  *
  * function Category() {
- *  return <CategoryPage categoryId="jeans" productCard={MyCustomCategoryProductCard} />
+ *  return <CategoryPage listingId="72909a4a-adf7-4355-b7be-f9090d4185db" productCard={MyCustomCategoryProductCard} />
  * }
  *
  * interface MyCustomDisplay extends Display {}
@@ -540,7 +531,7 @@ interface UseSearchFieldReturn {
  * @returns {UseSearchFieldReturn}
  */
 export const useSearchField: (props?: SearchFieldProps) => UseSearchFieldReturn;
-type FetchRecsOptions = Omit<Parameters<typeof fetchDepictRecommendations>[0], "merchant" | "market" | "userId" | "sessionId"> & ExclusiveId;
+type FetchRecsOptions = Omit<Parameters<typeof fetchDepictRecommendations>[0], "merchant" | "market" | "sessionId" | "locale"> & ExclusiveId;
 interface UseFetchRecommendationsReturn<T extends Display> {
   /**
    * Fetch recommendations from the Depict API.
@@ -608,7 +599,7 @@ interface UseFetchRecommendationsReturn<T extends Display> {
  * ```
  * @returns {UseFetchRecommendationsReturn}
  */
-export function useFetchRecommendations<T extends Display>(): UseFetchRecommendationsReturn<T>;
+export function useFetchRecommendations<T extends ModernDisplay>(): UseFetchRecommendationsReturn<T>;
 /**
  * Helper function to navigate to a new page depending on the navigation library used.
  */
@@ -616,5 +607,5 @@ export const Navigation: {
   nextRouterNavigation: (router: import("next/router").NextRouter) => import("src/ui/components/DepictProvider").NavigateFunction;
 };
 export { CategoryTitle, embedded_num_products as EmbeddedNumProducts } from "@depict-ai/ui";
-export type { PageURLCreator, DisplayTransformers } from "@depict-ai/ui";
+export type { DisplayTransformers } from "@depict-ai/ui";
 export type { Locale } from "@depict-ai/ui/locales";

package/server/ES10/index.js

@@ -126,7 +126,6 @@ const $8c691d7f86317052$export$8e769ad4338a911e = {
   dpc: null,
   merchant: $7h5e1$createSignal(),
   market: $7h5e1$createSignal(),
-  userId: $7h5e1$createSignal(),
   sessionId: $7h5e1$createSignal(),
   known_category_paths: new Set(),
   search_page_path_: $7h5e1$createSignal(),
@@ -135,7 +134,7 @@ const $8c691d7f86317052$export$8e769ad4338a911e = {
   provider_is_updating: $7h5e1$createSignal(false),
   enable_content_search: $7h5e1$createSignal(),
   category_meta_title_suffix: $7h5e1$createSignal(),
-  disable_override_query_id: $7h5e1$createSignal()
+  disable_override_listing_id: $7h5e1$createSignal()
 };
 function $9da62538e07f038e$export$12250cb2badef3d2(props) {
   const recs = props.recommendations;
@@ -211,7 +210,7 @@ function $cd68097a7ee08669$export$e46079a2793e9ec7(props, set_portals) {
     }
   });
 }
-const $9bd9bb8700ab2ada$export$83d89fbfd8236492 = "2.2.1";
+const $9bd9bb8700ab2ada$export$83d89fbfd8236492 = "3.0.1";
 function $5c4add0a8fe94894$export$9fac37a9c21c2f3b(props) {
   return props.children;
 }
@@ -311,7 +310,7 @@ function $5c4add0a8fe94894$export$38b98fae14bd1f64() {
 function $5c4add0a8fe94894$export$6501da23a2770fc() {
   return {
     fetchRecommendations: () => {
-      throw new Error("fetchRecommendations is currently not available on the server due to personalisation/user_id related issues. Please only call it on the client.");
+      throw new Error("fetchRecommendations is currently not available on the server due to personalisation/session_id related issues. Please only call it on the client.");
     }
   };
 }

package/server/latest/index.cjs

@@ -143,7 +143,6 @@ const $0b7cd4fb39fc3502$export$8e769ad4338a911e = {
   dpc: null,
   merchant: $7QqFM$solidjs.createSignal(),
   market: $7QqFM$solidjs.createSignal(),
-  userId: $7QqFM$solidjs.createSignal(),
   sessionId: $7QqFM$solidjs.createSignal(),
   known_category_paths: new Set(),
   search_page_path_: $7QqFM$solidjs.createSignal(),
@@ -152,7 +151,7 @@ const $0b7cd4fb39fc3502$export$8e769ad4338a911e = {
   provider_is_updating: $7QqFM$solidjs.createSignal(false),
   enable_content_search: $7QqFM$solidjs.createSignal(),
   category_meta_title_suffix: $7QqFM$solidjs.createSignal(),
-  disable_override_query_id: $7QqFM$solidjs.createSignal()
+  disable_override_listing_id: $7QqFM$solidjs.createSignal()
 };
 function $3d35ad83c8fdfa92$export$12250cb2badef3d2(props) {
   const recs = props.recommendations;
@@ -225,7 +224,7 @@ function $c6b960f2a07285c8$export$e46079a2793e9ec7(props, set_portals) {
     }
   });
 }
-const $db7b67857900028b$export$83d89fbfd8236492 = "2.2.1";
+const $db7b67857900028b$export$83d89fbfd8236492 = "3.0.1";
 function $41e7e5d85b5e0d49$export$9fac37a9c21c2f3b(props) {
   return props.children;
 }
@@ -325,7 +324,7 @@ function $41e7e5d85b5e0d49$export$38b98fae14bd1f64() {
 function $41e7e5d85b5e0d49$export$6501da23a2770fc() {
   return {
     fetchRecommendations: () => {
-      throw new Error("fetchRecommendations is currently not available on the server due to personalisation/user_id related issues. Please only call it on the client.");
+      throw new Error("fetchRecommendations is currently not available on the server due to personalisation/session_id related issues. Please only call it on the client.");
     }
   };
 }

package/server/latest/index.d.ts

@@ -3,7 +3,7 @@ import React, { PropsWithChildren, ReactNode, FC, ReactPortal, ReactElement } fr
 import { BaseProviderConfig, BaseSearchProviderConfig, BaseCategoryProviderConfig, ModernDisplayWithPageUrl, BaseProductListingConfig, BaseSearchPageConfig, BaseCategoryPageConfig, CategoryTitle, embedded_num_products, ImagePlaceholder as _ImagePlaceholder1, TextPlaceholder as _TextPlaceholder1, ExclusiveId, fetchDepictRecommendations } from "@depict-ai/ui/latest";
 import { Locale } from "@depict-ai/ui/locales/latest";
 import { Display, ModernDisplay } from "@depict-ai/utilishared/latest";
-export const version = "2.2.0";
+export const version = "3.0.1";
 interface UsePerformanceClientReturn {
   dpc: DPC;
 }
@@ -83,14 +83,9 @@ type ProviderConfig<OriginalDisplay extends Display, OutputDisplay extends Moder
    */
   navigateFunction?: NavigateFunction;
   /**
-   * The locale to use for the Depict components.
-   * @default en
+   * The locale to use for the Depict components as well as Depict results.
    */
-  locale?: Locale;
-  /**
-   * Unique ID of the currently logged in user, if applicable.
-   */
-  userId?: string;
+  locale: Locale;
   /**
    * Options that are required for search functionality.
    */
@@ -253,23 +248,19 @@ interface SearchPageConfig<T extends Display> extends BaseSearchPageConfig, PLPC
 export function SearchPage<OriginalDisplay extends Display, OutputDisplay extends ModernDisplay | never>(props: SearchPageConfig<[OutputDisplay] extends [never] ? OriginalDisplay : ModernDisplayWithPageUrl<OutputDisplay>>): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
 interface CategoryPageConfig<T extends Display> extends BaseCategoryPageConfig, PLPConfig<T> {
   /**
-   * The category id to show.
+   * The listing id to show. Ultimately, this endpoint is what gives you the listing id: https://api.depict.ai/docs#tag/Listing/operation/Get_Listings_v3_listings_get
    */
-  categoryId: string;
+  listingId: string;
   /**
    * categoryTitlePlugin is an optional plugin that can be used to customize the title of the category page.
    * @default CategoryTitle
    *
    * @example
    * ```tsx
-   * <CategoryPage categoryId="jeans" productCard={MyCustomCategoryProductCard}  categoryTitlePlugin={EmbeddedNumProducts} />
+   * <CategoryPage listingId="72909a4a-adf7-4355-b7be-f9090d4185db" productCard={MyCustomCategoryProductCard}  categoryTitlePlugin={EmbeddedNumProducts} />
    * ```
    */
   categoryTitlePlugin?: typeof CategoryTitle | typeof embedded_num_products;
-  /**
-   * Whether this page is a collection or a category. If not specified it will be inferred as described in the docs https://docs.depict.ai/reference/category-sdk/specifying-listing-type-in-the-category-page-sdk
-   */
-  listingType?: "collection" | "category";
   /**
    * When using multiple CategoryPage components on the same page, you need to set a unique stateKey for each one. We recommend using an incrementing number, such as "1", "2", "3", etc. To associate a certain BreadCrumbs or QuickLinks component with a certain CategoryPage component, set the same stateKey on both.
    */
@@ -288,7 +279,7 @@ interface CategoryPageConfig<T extends Display> extends BaseCategoryPageConfig,
  * import { DepictProductCard, ImagePlaceholder, Display, CategoryPage } from '@depict-ai/react-ui'
  *
  * function Category() {
- *  return <CategoryPage categoryId="jeans" productCard={MyCustomCategoryProductCard} />
+ *  return <CategoryPage listingId="72909a4a-adf7-4355-b7be-f9090d4185db" productCard={MyCustomCategoryProductCard} />
  * }
  *
  * interface MyCustomDisplay extends Display {}
@@ -540,7 +531,7 @@ interface UseSearchFieldReturn {
  * @returns {UseSearchFieldReturn}
  */
 export const useSearchField: (props?: SearchFieldProps) => UseSearchFieldReturn;
-type FetchRecsOptions = Omit<Parameters<typeof fetchDepictRecommendations>[0], "merchant" | "market" | "userId" | "sessionId"> & ExclusiveId;
+type FetchRecsOptions = Omit<Parameters<typeof fetchDepictRecommendations>[0], "merchant" | "market" | "sessionId" | "locale"> & ExclusiveId;
 interface UseFetchRecommendationsReturn<T extends Display> {
   /**
    * Fetch recommendations from the Depict API.
@@ -608,7 +599,7 @@ interface UseFetchRecommendationsReturn<T extends Display> {
  * ```
  * @returns {UseFetchRecommendationsReturn}
  */
-export function useFetchRecommendations<T extends Display>(): UseFetchRecommendationsReturn<T>;
+export function useFetchRecommendations<T extends ModernDisplay>(): UseFetchRecommendationsReturn<T>;
 /**
  * Helper function to navigate to a new page depending on the navigation library used.
  */
@@ -616,5 +607,5 @@ export const Navigation: {
   nextRouterNavigation: (router: import("next/router").NextRouter) => import("src/ui/components/DepictProvider").NavigateFunction;
 };
 export { CategoryTitle, embedded_num_products as EmbeddedNumProducts } from "@depict-ai/ui";
-export type { PageURLCreator, DisplayTransformers } from "@depict-ai/ui";
+export type { DisplayTransformers } from "@depict-ai/ui";
 export type { Locale } from "@depict-ai/ui/locales";

package/server/latest/index.js

@@ -120,7 +120,6 @@ const $42858f023ef23dab$export$8e769ad4338a911e = {
   dpc: null,
   merchant: $eOXet$createSignal(),
   market: $eOXet$createSignal(),
-  userId: $eOXet$createSignal(),
   sessionId: $eOXet$createSignal(),
   known_category_paths: new Set(),
   search_page_path_: $eOXet$createSignal(),
@@ -129,7 +128,7 @@ const $42858f023ef23dab$export$8e769ad4338a911e = {
   provider_is_updating: $eOXet$createSignal(false),
   enable_content_search: $eOXet$createSignal(),
   category_meta_title_suffix: $eOXet$createSignal(),
-  disable_override_query_id: $eOXet$createSignal()
+  disable_override_listing_id: $eOXet$createSignal()
 };
 function $5ee8e057dabc10d4$export$12250cb2badef3d2(props) {
   const recs = props.recommendations;
@@ -202,7 +201,7 @@ function $4d5c3f13a5ae62a7$export$e46079a2793e9ec7(props, set_portals) {
     }
   });
 }
-const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "2.2.1";
+const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "3.0.1";
 function $2b1fdeb83610500f$export$9fac37a9c21c2f3b(props) {
   return props.children;
 }
@@ -302,7 +301,7 @@ function $2b1fdeb83610500f$export$38b98fae14bd1f64() {
 function $2b1fdeb83610500f$export$6501da23a2770fc() {
   return {
     fetchRecommendations: () => {
-      throw new Error("fetchRecommendations is currently not available on the server due to personalisation/user_id related issues. Please only call it on the client.");
+      throw new Error("fetchRecommendations is currently not available on the server due to personalisation/session_id related issues. Please only call it on the client.");
     }
   };
 }