@depict-ai/react-ui 2.2.0 → 3.0.0

package/ES10/index.cjs

@@ -39,7 +39,7 @@ $parcel$export(module.exports, "version", () => $efbdd2dab4314170$export$83d89fb
 $parcel$export(module.exports, "Navigation", () => $0d3a2413fdeb34b9$export$b8a61e5c71402559);
 /*! Depict.ai search and product listing react SDK wrapper */ // This is where the actual source of your React stuff should live
 // Note, if you add an export here, also add one in src-server/main.ts
-const $efbdd2dab4314170$export$83d89fbfd8236492 = "2.2.0";
+const $efbdd2dab4314170$export$83d89fbfd8236492 = "3.0.0";
 const $ef516b1f92253963$export$8e769ad4338a911e = {
   usedLocale: $2kiy7$solidjs.createSignal((0, $2kiy7$depictaiuilocales.defaultLocale)),
   search_instances: new Map(),
@@ -48,7 +48,6 @@ const $ef516b1f92253963$export$8e769ad4338a911e = {
   dpc: null,
   merchant: $2kiy7$solidjs.createSignal(),
   market: $2kiy7$solidjs.createSignal(),
-  userId: $2kiy7$solidjs.createSignal(),
   sessionId: $2kiy7$solidjs.createSignal(),
   known_category_paths: new Set(),
   search_page_path_: $2kiy7$solidjs.createSignal(),
@@ -57,7 +56,7 @@ const $ef516b1f92253963$export$8e769ad4338a911e = {
   provider_is_updating: $2kiy7$solidjs.createSignal(false),
   enable_content_search: $2kiy7$solidjs.createSignal(),
   category_meta_title_suffix: $2kiy7$solidjs.createSignal(),
-  disable_override_query_id: $2kiy7$solidjs.createSignal()
+  disable_override_listing_id: $2kiy7$solidjs.createSignal()
 };
 let $e7ba61a7074c02d3$var$run_on_href_change;
 let $e7ba61a7074c02d3$var$old_href = location.href;
@@ -251,7 +250,7 @@ const $18f442be2cc59de2$export$38b98fae14bd1f64 = () => {
     dpc: (0, $ef516b1f92253963$export$8e769ad4338a911e).dpc
   };
 };
-const $18f442be2cc59de2$export$47e064413edabf36 = (merchant, market, userId, sessionId) => {
+const $18f442be2cc59de2$export$47e064413edabf36 = (merchant, market, sessionId) => {
   if (!merchant) return;
   try {
     let {
@@ -262,7 +261,6 @@ const $18f442be2cc59de2$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
@@ -327,7 +325,7 @@ function $d944107b1e0acdae$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, $ef516b1f92253963$export$8e769ad4338a911e);
     const instance = new (0, $2kiy7$depictaiui.DepictCategory)({
       api: (0, $ef516b1f92253963$export$8e769ad4338a911e).api,
@@ -351,7 +349,7 @@ function $d944107b1e0acdae$export$248b95d5073d5bab(disposable, stateKey) {
     });
     $2kiy7$solidjs.createComputed(() => instance.localization = get_locale());
     $2kiy7$solidjs.createComputed(() => instance.meta_title_suffix = get_category_meta_title_suffix());
-    $2kiy7$solidjs.createComputed(() => instance.disable_override_query_id = get_disable_override_query_id());
+    $2kiy7$solidjs.createComputed(() => instance.disable_override_listing_id = get_disable_override_listing_id());
     return {
       instance: instance,
       dispose: dispose,
@@ -381,7 +379,6 @@ function $6f994ff16ce375bb$var$ActualDepictProvider(props) {
     merchant: merchant,
     locale: locale,
     metaData: metaData,
-    userId: userId,
     sessionId: sessionId
   } = props;
   const usedLocale = locale !== null && locale !== void 0 ? locale : (0, $2kiy7$depictaiuilocales.defaultLocale);
@@ -393,7 +390,6 @@ function $6f994ff16ce375bb$var$ActualDepictProvider(props) {
   } = (_props$search = props.search) !== null && _props$search !== void 0 ? _props$search : {};
   $6f994ff16ce375bb$var$multiple_depictprovider_guard();
   // Will run on other prop changes, but harmless
-  (0, $ef516b1f92253963$export$8e769ad4338a911e).userId[1](userId);
   (0, $ef516b1f92253963$export$8e769ad4338a911e).sessionId[1](sessionId);
   (0, $ef516b1f92253963$export$8e769ad4338a911e).usedLocale[1](usedLocale);
   (0, $ef516b1f92253963$export$8e769ad4338a911e).enable_content_search[1](enableContentSearch);
@@ -401,8 +397,8 @@ function $6f994ff16ce375bb$var$ActualDepictProvider(props) {
   (0, $ef516b1f92253963$export$8e769ad4338a911e).search_query_url_param_name = urlParamName;
   (0, $ef516b1f92253963$export$8e769ad4338a911e).enableCategorySuggestions = enableCategorySuggestions;
   (0, $ef516b1f92253963$export$8e769ad4338a911e).category_meta_title_suffix[1]((_props$category = props.category) === null || _props$category === void 0 ? void 0 : _props$category.metaTitleSuffix);
-  (0, $ef516b1f92253963$export$8e769ad4338a911e).disable_override_query_id[1]((_props$category2 = props.category) === null || _props$category2 === void 0 ? void 0 : _props$category2.disableOverrideQueryId);
-  $18f442be2cc59de2$export$47e064413edabf36(merchant, market, userId, sessionId);
+  (0, $ef516b1f92253963$export$8e769ad4338a911e).disable_override_listing_id[1]((_props$category2 = props.category) === null || _props$category2 === void 0 ? void 0 : _props$category2.disableOverrideListingId);
+  $18f442be2cc59de2$export$47e064413edabf36(merchant, market, sessionId);
   if (!market || !merchant) return $2kiy7$react.createElement((0, $2kiy7$react.Fragment), null, children);
   (0, $ef516b1f92253963$export$8e769ad4338a911e).market[1](market);
   (0, $ef516b1f92253963$export$8e769ad4338a911e).merchant[1](merchant);
@@ -428,7 +424,6 @@ function $6f994ff16ce375bb$var$ActualDepictProvider(props) {
     (0, $ef516b1f92253963$export$8e769ad4338a911e).on_navigation = on_navigation;
     (0, $ef516b1f92253963$export$8e769ad4338a911e).api || ((0, $ef516b1f92253963$export$8e769ad4338a911e).api = new (0, $2kiy7$depictaiui.DepictAPI)({
       get_metadata: async () => (0, $ef516b1f92253963$export$8e769ad4338a911e).metaData,
-      get_user_id: () => $2kiy7$solidjs.untrack((0, $ef516b1f92253963$export$8e769ad4338a911e).userId[0]),
       get_session_id: () => $2kiy7$solidjs.untrack((0, $ef516b1f92253963$export$8e769ad4338a911e).sessionId[0])
     }));
     (0, $ef516b1f92253963$export$8e769ad4338a911e).api.page_url_creator = props.pageURLCreator;
@@ -715,15 +710,14 @@ function $15691268d8df90a9$var$SolidCategoryPage(props, set_portals) {
   $2kiy7$solidjs.onCleanup(() => set_category_page_in_dom(false));
   $2kiy7$solidjs.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, $ef516b1f92253963$export$8e769ad4338a911e).known_category_paths.add(location.pathname);
     }
   });
-  $2kiy7$solidjs.createComputed(() => depict_category().listing_type = props.listingType);
   const category = () => $2kiy7$solidjs.createMemo(() => {
     const stateKey = $2kiy7$solidjs.untrack(() => props.stateKey);
     if ($15691268d8df90a9$var$rendered_components_with_state_key.has(stateKey)) throw new Error("You have multiple CategoryPage components with the same stateKey: ".concat(stateKey, ". Each CategoryPage component must have a unique stateKey."));
@@ -831,30 +825,6 @@ function $6e5ce22b65512b0a$export$4daadad26e48a2c7(props) {
     throw new Error(us + " props.recommendations needs to be a promise that is either unresolved (`new Promise(() => {})`) so we can show placeholders, or resolved (`Promise.resolve(recommendation_array)`) to the recommendations to show");
   }
 }
-function $7b4cd941f15b2582$export$12250cb2badef3d2(props) {
-  const recs = props.recommendations;
-  if ("then" in recs)
-    // Run displayTransformers for RecommendationSlider and RecommendationGrid
-    return recs.then(async displays => {
-      var _globalState$api, _globalState$api$disp;
-      const transformFunction = (_globalState$api = (0, $ef516b1f92253963$export$8e769ad4338a911e).api) === null || _globalState$api === void 0 ? void 0 : (_globalState$api$disp = _globalState$api.display_transformers) === null || _globalState$api$disp === void 0 ? void 0 : _globalState$api$disp.products;
-      if (transformFunction) try {
-        return await transformFunction({
-          merchant: (0, $ef516b1f92253963$export$8e769ad4338a911e).merchant[0](),
-          market: (0, $ef516b1f92253963$export$8e769ad4338a911e).market[0](),
-          displays: displays
-        });
-      } catch (e) {
-        console.error(e);
-        throw new Error("Error running display transformer for recommendations", {
-          cause: e
-        }); // To stop recommendation grid from rendering
-      }
-
-      return displays;
-    });
-  return recs;
-}
 function $745b83c12baac3c0$export$82cfdc85a4d15688(props) {
   $6e5ce22b65512b0a$export$4daadad26e48a2c7(props);
   return $e7ba61a7074c02d3$export$f6e64e17bd69eeef({
@@ -866,7 +836,7 @@ function $745b83c12baac3c0$export$5abb40edfde2a843(props, set_portals) {
   const component_portals = new Set();
   return $2kiy7$depictaiui.RecommendationSlider({
     get recommendations() {
-      return $7b4cd941f15b2582$export$12250cb2badef3d2(props);
+      return props.recommendations;
     },
     product_card_template: display => $3441d987b5ea85cb$export$32024253978abdc7({
       component_props: {
@@ -892,7 +862,7 @@ function $3b36cc844440a979$export$e46079a2793e9ec7(props, set_portals) {
   const component_portals = new Set();
   return $2kiy7$depictaiui.RecommendationGrid({
     get recommendations() {
-      return $7b4cd941f15b2582$export$12250cb2badef3d2(props);
+      return props.recommendations;
     },
     product_card_template: display => {
       if (0, $2kiy7$solidjsweb.isServer)
@@ -1025,7 +995,6 @@ function $2ea1d71b29581906$var$fetchRecommendations(opts) {
   const {
     merchant: [get_merchant],
     market: [get_market],
-    userId: [get_userId],
     sessionId: [get_sessionId]
   } = (0, $ef516b1f92253963$export$8e769ad4338a911e);
   const merchant = $2kiy7$solidjs.untrack(get_merchant);
@@ -1034,7 +1003,6 @@ function $2ea1d71b29581906$var$fetchRecommendations(opts) {
   return $2kiy7$depictaiui.fetchDepictRecommendations({
     merchant: merchant,
     market: market,
-    userId: $2kiy7$solidjs.untrack(get_userId),
     sessionId: $2kiy7$solidjs.untrack(get_sessionId),
     ...opts
   });

package/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.0";
 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"> & 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.
  */

package/ES10/index.js

@@ -15,7 +15,7 @@ import { renderToString as $jb2Oo$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", "ES10");
-const $9bd9bb8700ab2ada$export$83d89fbfd8236492 = "2.2.0";
+const $9bd9bb8700ab2ada$export$83d89fbfd8236492 = "3.0.0";
 const $8c691d7f86317052$export$8e769ad4338a911e = {
   usedLocale: $jb2Oo$createSignal((0, $jb2Oo$defaultLocale)),
   search_instances: new Map(),
@@ -24,7 +24,6 @@ const $8c691d7f86317052$export$8e769ad4338a911e = {
   dpc: null,
   merchant: $jb2Oo$createSignal(),
   market: $jb2Oo$createSignal(),
-  userId: $jb2Oo$createSignal(),
   sessionId: $jb2Oo$createSignal(),
   known_category_paths: new Set(),
   search_page_path_: $jb2Oo$createSignal(),
@@ -33,7 +32,7 @@ const $8c691d7f86317052$export$8e769ad4338a911e = {
   provider_is_updating: $jb2Oo$createSignal(false),
   enable_content_search: $jb2Oo$createSignal(),
   category_meta_title_suffix: $jb2Oo$createSignal(),
-  disable_override_query_id: $jb2Oo$createSignal()
+  disable_override_listing_id: $jb2Oo$createSignal()
 };
 let $0dd9d9a9c7da4c1d$var$run_on_href_change;
 let $0dd9d9a9c7da4c1d$var$old_href = location.href;
@@ -227,7 +226,7 @@ const $b34796f5ebe3470e$export$38b98fae14bd1f64 = () => {
     dpc: (0, $8c691d7f86317052$export$8e769ad4338a911e).dpc
   };
 };
-const $b34796f5ebe3470e$export$47e064413edabf36 = (merchant, market, userId, sessionId) => {
+const $b34796f5ebe3470e$export$47e064413edabf36 = (merchant, market, sessionId) => {
   if (!merchant) return;
   try {
     let {
@@ -238,7 +237,6 @@ const $b34796f5ebe3470e$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
@@ -303,7 +301,7 @@ function $b1c85026e863c95b$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, $8c691d7f86317052$export$8e769ad4338a911e);
     const instance = new (0, $jb2Oo$DepictCategory)({
       api: (0, $8c691d7f86317052$export$8e769ad4338a911e).api,
@@ -327,7 +325,7 @@ function $b1c85026e863c95b$export$248b95d5073d5bab(disposable, stateKey) {
     });
     $jb2Oo$createComputed(() => instance.localization = get_locale());
     $jb2Oo$createComputed(() => instance.meta_title_suffix = get_category_meta_title_suffix());
-    $jb2Oo$createComputed(() => instance.disable_override_query_id = get_disable_override_query_id());
+    $jb2Oo$createComputed(() => instance.disable_override_listing_id = get_disable_override_listing_id());
     return {
       instance: instance,
       dispose: dispose,
@@ -357,7 +355,6 @@ function $18e5b9f66c7ade8e$var$ActualDepictProvider(props) {
     merchant: merchant,
     locale: locale,
     metaData: metaData,
-    userId: userId,
     sessionId: sessionId
   } = props;
   const usedLocale = locale !== null && locale !== void 0 ? locale : (0, $jb2Oo$defaultLocale);
@@ -369,7 +366,6 @@ function $18e5b9f66c7ade8e$var$ActualDepictProvider(props) {
   } = (_props$search = props.search) !== null && _props$search !== void 0 ? _props$search : {};
   $18e5b9f66c7ade8e$var$multiple_depictprovider_guard();
   // Will run on other prop changes, but harmless
-  (0, $8c691d7f86317052$export$8e769ad4338a911e).userId[1](userId);
   (0, $8c691d7f86317052$export$8e769ad4338a911e).sessionId[1](sessionId);
   (0, $8c691d7f86317052$export$8e769ad4338a911e).usedLocale[1](usedLocale);
   (0, $8c691d7f86317052$export$8e769ad4338a911e).enable_content_search[1](enableContentSearch);
@@ -377,8 +373,8 @@ function $18e5b9f66c7ade8e$var$ActualDepictProvider(props) {
   (0, $8c691d7f86317052$export$8e769ad4338a911e).search_query_url_param_name = urlParamName;
   (0, $8c691d7f86317052$export$8e769ad4338a911e).enableCategorySuggestions = enableCategorySuggestions;
   (0, $8c691d7f86317052$export$8e769ad4338a911e).category_meta_title_suffix[1]((_props$category = props.category) === null || _props$category === void 0 ? void 0 : _props$category.metaTitleSuffix);
-  (0, $8c691d7f86317052$export$8e769ad4338a911e).disable_override_query_id[1]((_props$category2 = props.category) === null || _props$category2 === void 0 ? void 0 : _props$category2.disableOverrideQueryId);
-  $b34796f5ebe3470e$export$47e064413edabf36(merchant, market, userId, sessionId);
+  (0, $8c691d7f86317052$export$8e769ad4338a911e).disable_override_listing_id[1]((_props$category2 = props.category) === null || _props$category2 === void 0 ? void 0 : _props$category2.disableOverrideListingId);
+  $b34796f5ebe3470e$export$47e064413edabf36(merchant, market, sessionId);
   if (!market || !merchant) return $jb2Oo$createElement((0, $jb2Oo$Fragment), null, children);
   (0, $8c691d7f86317052$export$8e769ad4338a911e).market[1](market);
   (0, $8c691d7f86317052$export$8e769ad4338a911e).merchant[1](merchant);
@@ -404,7 +400,6 @@ function $18e5b9f66c7ade8e$var$ActualDepictProvider(props) {
     (0, $8c691d7f86317052$export$8e769ad4338a911e).on_navigation = on_navigation;
     (0, $8c691d7f86317052$export$8e769ad4338a911e).api || ((0, $8c691d7f86317052$export$8e769ad4338a911e).api = new (0, $jb2Oo$DepictAPI)({
       get_metadata: async () => (0, $8c691d7f86317052$export$8e769ad4338a911e).metaData,
-      get_user_id: () => $jb2Oo$untrack((0, $8c691d7f86317052$export$8e769ad4338a911e).userId[0]),
       get_session_id: () => $jb2Oo$untrack((0, $8c691d7f86317052$export$8e769ad4338a911e).sessionId[0])
     }));
     (0, $8c691d7f86317052$export$8e769ad4338a911e).api.page_url_creator = props.pageURLCreator;
@@ -691,15 +686,14 @@ function $e86a296a07b17ad5$var$SolidCategoryPage(props, set_portals) {
   $jb2Oo$onCleanup(() => set_category_page_in_dom(false));
   $jb2Oo$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, $8c691d7f86317052$export$8e769ad4338a911e).known_category_paths.add(location.pathname);
     }
   });
-  $jb2Oo$createComputed(() => depict_category().listing_type = props.listingType);
   const category = () => $jb2Oo$createMemo(() => {
     const stateKey = $jb2Oo$untrack(() => props.stateKey);
     if ($e86a296a07b17ad5$var$rendered_components_with_state_key.has(stateKey)) throw new Error("You have multiple CategoryPage components with the same stateKey: ".concat(stateKey, ". Each CategoryPage component must have a unique stateKey."));
@@ -807,30 +801,6 @@ function $758339150fbfe9d5$export$4daadad26e48a2c7(props) {
     throw new Error(us + " props.recommendations needs to be a promise that is either unresolved (`new Promise(() => {})`) so we can show placeholders, or resolved (`Promise.resolve(recommendation_array)`) to the recommendations to show");
   }
 }
-function $9da62538e07f038e$export$12250cb2badef3d2(props) {
-  const recs = props.recommendations;
-  if ("then" in recs)
-    // Run displayTransformers for RecommendationSlider and RecommendationGrid
-    return recs.then(async displays => {
-      var _globalState$api, _globalState$api$disp;
-      const transformFunction = (_globalState$api = (0, $8c691d7f86317052$export$8e769ad4338a911e).api) === null || _globalState$api === void 0 ? void 0 : (_globalState$api$disp = _globalState$api.display_transformers) === null || _globalState$api$disp === void 0 ? void 0 : _globalState$api$disp.products;
-      if (transformFunction) try {
-        return await transformFunction({
-          merchant: (0, $8c691d7f86317052$export$8e769ad4338a911e).merchant[0](),
-          market: (0, $8c691d7f86317052$export$8e769ad4338a911e).market[0](),
-          displays: displays
-        });
-      } catch (e) {
-        console.error(e);
-        throw new Error("Error running display transformer for recommendations", {
-          cause: e
-        }); // To stop recommendation grid from rendering
-      }
-
-      return displays;
-    });
-  return recs;
-}
 function $c02e9fd51f31a1bd$export$82cfdc85a4d15688(props) {
   $758339150fbfe9d5$export$4daadad26e48a2c7(props);
   return $0dd9d9a9c7da4c1d$export$f6e64e17bd69eeef({
@@ -842,7 +812,7 @@ function $c02e9fd51f31a1bd$export$5abb40edfde2a843(props, set_portals) {
   const component_portals = new Set();
   return $jb2Oo$RecommendationSlider({
     get recommendations() {
-      return $9da62538e07f038e$export$12250cb2badef3d2(props);
+      return props.recommendations;
     },
     product_card_template: display => $cce08f18e2476cbf$export$32024253978abdc7({
       component_props: {
@@ -868,7 +838,7 @@ function $cd68097a7ee08669$export$e46079a2793e9ec7(props, set_portals) {
   const component_portals = new Set();
   return $jb2Oo$RecommendationGrid({
     get recommendations() {
-      return $9da62538e07f038e$export$12250cb2badef3d2(props);
+      return props.recommendations;
     },
     product_card_template: display => {
       if (0, $jb2Oo$isServer)
@@ -1001,7 +971,6 @@ function $1895644749ca8d8a$var$fetchRecommendations(opts) {
   const {
     merchant: [get_merchant],
     market: [get_market],
-    userId: [get_userId],
     sessionId: [get_sessionId]
   } = (0, $8c691d7f86317052$export$8e769ad4338a911e);
   const merchant = $jb2Oo$untrack(get_merchant);
@@ -1010,7 +979,6 @@ function $1895644749ca8d8a$var$fetchRecommendations(opts) {
   return $jb2Oo$fetchDepictRecommendations({
     merchant: merchant,
     market: market,
-    userId: $jb2Oo$untrack(get_userId),
     sessionId: $jb2Oo$untrack(get_sessionId),
     ...opts
   });