fix link for configurable products

Author: eliseacornejo

blocks/commerce-order-product-list/commerce-order-product-list.js

@@ -6,10 +6,16 @@ import { tryRenderAemAssetsImage } from '@dropins/tools/lib/aem/assets.js';
 
 // Initialize
 import '../../scripts/initializers/order.js';
-import { getProductLink } from '../../scripts/commerce.js';
+import { getProductLink, rootLink } from '../../scripts/commerce.js';
 
 export default async function decorate(block) {
-  const createProductLink = (product) => getProductLink(product.productUrlKey, product.productSku);
+  const createProductLink = (productData) => {
+    if (!productData?.product || !productData?.productUrlKey || !productData?.product?.sku) {
+      return rootLink('#');
+    }
+
+    return getProductLink(productData.productUrlKey, productData.product.sku);
+  };
   await orderRenderer.render(OrderProductList, {
     slots: {
       CartSummaryItemImage: (ctx) => {

blocks/commerce-orders-list/commerce-orders-list.js

@@ -25,9 +25,9 @@ export default async function decorate(block) {
     }
 
     // Product exists in catalog, validate it has the required fields
-    const { urlKey, sku } = productData;
-    if (urlKey && sku) {
-      return getProductLink(urlKey, sku);
+    const { urlKey, topLevelSku } = productData;
+    if (urlKey && topLevelSku) {
+      return getProductLink(urlKey, topLevelSku);
     }
     return rootLink('#');
   };

package-lock.json

@@ -45,7 +45,7 @@
     "@adobe/adobe-client-data-layer": "^3.0.1",
     "@adobe/magento-storefront-event-collector": "^1.15.0",
     "@adobe/magento-storefront-events-sdk": "^1.15.0",
-    "@dropins/storefront-account": "~3.0.0-beta4",
+    "@dropins/storefront-account": "~3.0.0-beta5",
     "@dropins/storefront-auth": "~3.0.0-beta2",
     "@dropins/storefront-cart": "~3.0.0-beta3",
     "@dropins/storefront-checkout": "~3.0.0-beta3",