USF-1510: Cart Summary has a Footer Slot

- add footer slot example to the boilerplate

blocks/commerce-cart-summary/commerce-cart-summary.js

@@ -1,26 +1,42 @@
-import { render as provider } from '@dropins/storefront-cart/render.js';
-import CartSummaryList from '@dropins/storefront-cart/containers/CartSummaryList.js';
-import { readBlockConfig } from '../../scripts/aem.js';
+import { render as provider } from "@dropins/storefront-cart/render.js";
+import CartSummaryList from "@dropins/storefront-cart/containers/CartSummaryList.js";
+import { readBlockConfig } from "../../scripts/aem.js";
 
 export default async function decorate(block) {
   const {
-    'hide-heading': hideHeading = 'false',
-    'start-shopping-url': startShoppingURL = '',
-    'max-items': maxItems,
-    'hide-attributes': hideAttributes = '',
-    'enable-item-quantity-update': enableUpdateItemQuantity = 'false',
-    'enable-item-remove': enableRemoveItem = 'true',
+    "hide-heading": hideHeading = "false",
+    "start-shopping-url": startShoppingURL = "",
+    "max-items": maxItems,
+    "hide-attributes": hideAttributes = "",
+    "enable-item-quantity-update": enableUpdateItemQuantity = "false",
+    "enable-item-remove": enableRemoveItem = "true",
   } = readBlockConfig(block);
 
-  block.innerHTML = '';
+  block.innerHTML = "";
 
   return provider.render(CartSummaryList, {
-    hideHeading: hideHeading === 'true',
+    hideHeading: hideHeading === "true",
     routeProduct: (product) => `/products/${product.url.urlKey}/${product.sku}`,
     routeEmptyCartCTA: startShoppingURL ? () => startShoppingURL : undefined,
     maxItems: parseInt(maxItems, 10) || undefined,
-    attributesToHide: hideAttributes.split(',').map((attr) => attr.trim().toLowerCase()),
-    enableUpdateItemQuantity: enableUpdateItemQuantity === 'true',
-    enableRemoveItem: enableRemoveItem === 'true',
+    attributesToHide: hideAttributes
+      .split(",")
+      .map((attr) => attr.trim().toLowerCase()),
+    enableUpdateItemQuantity: enableUpdateItemQuantity === "true",
+    enableRemoveItem: enableRemoveItem === "true",
+    slots: {
+      Footer: (ctx) => {
+        // Prepend Product Promotions
+        const discountLabel = ctx.item?.discount?.label;
+        if (discountLabel) {
+          discountLabel.map((label) => {
+            const discount = document.createElement("div");
+            discount.style.color = "#3d3d3d";
+            discount.innerText = label;
+            ctx.appendChild(discount);
+          });
+        }
+      },
+    },
   })(block);
 }

package.json

@@ -34,11 +34,11 @@
   "dependencies": {
     "@adobe/magento-storefront-event-collector": "^1.8.0",
     "@adobe/magento-storefront-events-sdk": "^1.8.0",
-    "@dropins/storefront-cart": "0.6.0",
+    "@dropins/storefront-cart": "0.7.0-alpha010",
     "@dropins/storefront-checkout": "0.1.0-alpha49",
     "@dropins/storefront-auth": "0.0.1-alpha20",
     "@dropins/storefront-order-confirmation": "0.1.0-alpha33",
     "@dropins/storefront-pdp": "0.4.0-alpha3",
-    "@dropins/tools": "0.30.0"
+    "@dropins/tools": "0.31.0-alpha005"
   }
 }