improve dynamic-options id loader (#942)

deco-cx · Oct 23, 2024 · 4cde382 · 4cde382
1 parent f78e400
commit 4cde382
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 9 deletions.
diff --git a/vtex/loaders/options/productIdByTerm.ts b/vtex/loaders/options/productIdByTerm.ts
@@ -3,6 +3,13 @@ import { allowCorsFor } from "@deco/deco";
 interface Props {
   term?: string;
 }
+
+interface DynamicOptionsReturn {
+  value: string;
+  label: string;
+  image?: string;
+}
+
 const loader = async (props: Props, req: Request, ctx: AppContext) => {
   Object.entries(allowCorsFor(req)).map(([name, value]) => {
     ctx.response.headers.set(name, value);
@@ -19,11 +26,20 @@ const loader = async (props: Props, req: Request, ctx: AppContext) => {
     }];
   }
 
-  return suggestions?.products?.map((product) => ({
-    value: `${product.productID}`,
-    label:
-      `${product.productID} - ${product.isVariantOf?.name} ${product.name} - ${product.isVariantOf?.productGroupID}`,
-    image: product.image?.[0]?.url,
-  }));
+  let suggestionsArray: DynamicOptionsReturn[] = [];
+
+  suggestions?.products?.forEach((product) => {
+    const variants = product.isVariantOf?.hasVariant?.map((variant) => {
+      return {
+        value: `${variant.productID}`,
+        label:
+          `${variant.productID} - ${product.isVariantOf?.name} ${variant.name} - ${product.isVariantOf?.productGroupID}`,
+        image: variant.image?.[0]?.url,
+      };
+    }) || [];
+    suggestionsArray = suggestionsArray.concat(variants);
+  });
+
+  return suggestionsArray;
 };
 export default loader;
diff --git a/website/components/Image.tsx b/website/components/Image.tsx
@@ -100,7 +100,9 @@ export const getOptimizedMediaUrl = (opts: OptimizationOptions) => {
     }
 
     if (
-      /(vteximg.com.br|vtexassets.com|myvtex.com)\/arquivos\/ids\/\d+/.test(originalSrc)
+      /(vteximg.com.br|vtexassets.com|myvtex.com)\/arquivos\/ids\/\d+/.test(
+        originalSrc,
+      )
     ) {
       return optimizeVTEX(opts);
     }

diff --git a/website/handlers/proxy.ts b/website/handlers/proxy.ts
@@ -113,7 +113,7 @@ export default function Proxy({
     const to = new URL(
       `${proxyUrl}${avoidAppendPath ? "" : sanitize(path)}`,
     );
-    
+
     to.search = qs;
 
     const headers = new Headers(req.headers);
@@ -132,7 +132,6 @@ export default function Proxy({
     headers.set("host", hostToUse ?? to.host);
     headers.set("x-forwarded-host", url.host);
 
-
     for (const { key, value } of customHeaders) {
       if (key === "cookie") {
         const existingCookie = headers.get("cookie");