@faststore/api 1.10.4 → 1.10.17

package/dist/api.esm.js

@@ -32,6 +32,7 @@ const VtexCommerce = ({
   const base = `https://${account}.${environment}.com.br`;
   return {
     catalog: {
+      salesChannel: sc => fetchAPI(`${base}/api/catalog_system/pub/saleschannel/${sc}`),
       brand: {
         list: () => fetchAPI(`${base}/api/catalog_system/pub/brand/list`)
       },
@@ -40,6 +41,19 @@ const VtexCommerce = ({
       },
       portal: {
         pagetype: slug => fetchAPI(`${base}/api/catalog_system/pub/portal/pagetype/${slug}`)
+      },
+      products: {
+        crossselling: ({
+          type,
+          productId,
+          groupByProduct = true
+        }) => {
+          const params = new URLSearchParams({
+            sc: ctx.storage.channel.salesChannel,
+            groupByProduct: groupByProduct.toString()
+          });
+          return fetchAPI(`${base}/api/catalog_system/pub/products/crossselling/${type}/${productId}?${params}`);
+        }
       }
     },
     checkout: {
@@ -309,6 +323,12 @@ const getClients = (options, ctx) => {
   };
 };
 
+const getSalesChannelLoader = (_, clients) => {
+  const loader = async channels => Promise.all(channels.map(sc => clients.commerce.catalog.salesChannel(sc)));
+
+  return new DataLoader(loader);
+};
+
 const CONCURRENT_REQUESTS_MAX = 1;
 const getSimulationLoader = (_, clients) => {
   const limit = pLimit(CONCURRENT_REQUESTS_MAX);
@@ -446,10 +466,12 @@ const getLoaders = (options, {
   const skuLoader = getSkuLoader(options, clients);
   const simulationLoader = getSimulationLoader(options, clients);
   const collectionLoader = getCollectionLoader(options, clients);
+  const salesChannelLoader = getSalesChannelLoader(options, clients);
   return {
     skuLoader,
     simulationLoader,
-    collectionLoader
+    collectionLoader,
+    salesChannelLoader
   };
 };
 
@@ -490,7 +512,20 @@ const StoreAggregateOffer = {
     return lowOffer ? price(lowOffer) : 0;
   },
   offerCount: offers => offers.length,
-  priceCurrency: () => '',
+  priceCurrency: async (_, __, ctx) => {
+    var _sc$CurrencyCode;
+
+    const {
+      loaders: {
+        salesChannelLoader
+      },
+      storage: {
+        channel
+      }
+    } = ctx;
+    const sc = await salesChannelLoader.load(channel.salesChannel);
+    return (_sc$CurrencyCode = sc.CurrencyCode) != null ? _sc$CurrencyCode : '';
+  },
   offers: offers => offers
 };
 
@@ -637,6 +672,14 @@ class ChannelMarshal {
 
 }
 
+const FACET_CROSS_SELLING_MAP = {
+  buy: "whoboughtalsobought",
+  view: "whosawalsosaw",
+  similars: "similars",
+  viewAndBought: "whosawalsobought",
+  accessories: "accessories",
+  suggestions: "suggestions"
+};
 /**
  * Transform facets from the store to VTEX platform facets.
  * For instance, the channel in Store becomes trade-policy and regionId in VTEX's realm
@@ -678,6 +721,16 @@ const transformSelectedFacet = ({
         };
       }
 
+    case "buy":
+    case "view":
+    case "similars":
+    case "viewAndBought":
+    case "accessories":
+    case "suggestions":
+      {
+        return []; // remove this facet from search
+      }
+
     default:
       return {
         key,
@@ -694,6 +747,18 @@ const parseRange = range => {
 
   return splitted;
 };
+const isCrossSelling = x => typeof FACET_CROSS_SELLING_MAP[x] === "string";
+const findCrossSelling = facets => {
+  var _filtered$;
+
+  const filtered = facets == null ? void 0 : facets.filter(x => isCrossSelling(x.key));
+
+  if (Array.isArray(filtered) && filtered.length > 1) {
+    throw new BadRequestError(`You passed ${filtered.length} cross selling facets but only one is allowed. Please leave one of the following facet: ${filtered.map(x => x.key).join(',')}`);
+  }
+
+  return (_filtered$ = filtered == null ? void 0 : filtered[0]) != null ? _filtered$ : null;
+};
 const findSlug = facets => {
   var _facets$find$value, _facets$find;
 
@@ -1155,7 +1220,20 @@ const isSearchItem = item => 'Price' in item && 'seller' in item && 'product' in
 const isOrderFormItem = item => 'skuName' in item;
 
 const StoreOffer = {
-  priceCurrency: () => '',
+  priceCurrency: async (_, __, ctx) => {
+    var _sc$CurrencyCode;
+
+    const {
+      loaders: {
+        salesChannelLoader
+      },
+      storage: {
+        channel
+      }
+    } = ctx;
+    const sc = await salesChannelLoader.load(channel.salesChannel);
+    return (_sc$CurrencyCode = sc.CurrencyCode) != null ? _sc$CurrencyCode : '';
+  },
   priceValidUntil: root => {
     if (isSearchItem(root)) {
       var _root$PriceValidUntil;
@@ -1561,6 +1639,7 @@ const Query = {
     // Insert channel in context for later usage
     const channel = findChannel(selectedFacets);
     const locale = findLocale(selectedFacets);
+    const crossSelling = findCrossSelling(selectedFacets);
 
     if (channel) {
       mutateChannelContext(ctx, channel);
@@ -1570,11 +1649,30 @@ const Query = {
       mutateLocaleContext(ctx, locale);
     }
 
+    let query = term;
+    /**
+     * In case we are using crossSelling, we need to modify the search
+     * we will be performing on our search engine. The idea in here
+     * is to use the cross selling API for fetching the productIds our
+     * search will return for us.
+     * Doing this two request workflow makes it possible to have cross
+     * selling with Search features, like pagination, internationalization
+     * etc
+     */
+
+    if (crossSelling) {
+      const products = await ctx.clients.commerce.catalog.products.crossselling({
+        type: FACET_CROSS_SELLING_MAP[crossSelling.key],
+        productId: crossSelling.value
+      });
+      query = `product:${products.map(x => x.productId).slice(0, first).join(";")}`;
+    }
+
     const after = maybeAfter ? Number(maybeAfter) : 0;
     const searchArgs = {
       page: Math.ceil(after / first),
       count: first,
-      query: term,
+      query,
       sort: SORT_MAP[sort != null ? sort : 'score_desc'],
       selectedFacets: (_selectedFacets$flatM = selectedFacets == null ? void 0 : selectedFacets.flatMap(transformSelectedFacet)) != null ? _selectedFacets$flatM : []
     };