bump (#21)

blocks/product-details/product-details.js

@@ -47,25 +47,33 @@ export default async function decorate(block) {
     slots: {
       Actions: (ctx) => {
         // Add to Cart Button
-        ctx.appendButton((next) => ({
-          text: 'Add to Cart',
-          icon: 'Cart',
-          variant: 'primary',
-          onClick: async () => {
-            try {
-              if (!next.valid) {
+        ctx.appendButton((next, state) => {
+          const adding = state.get('adding');
+          return {
+            text: adding ? 'Adding to Cart' : 'Add to Cart',
+            icon: 'Cart',
+            variant: 'primary',
+            disabled: adding || !next.data.inStock,
+            onClick: async () => {
+              try {
+                state.set('adding', true);
+
+                if (!next.valid) {
+                  // eslint-disable-next-line no-console
+                  console.warn('Invalid product', next.values);
+                  return;
+                }
+
+                await addProductsToCart([{ ...next.values }]);
+              } catch (error) {
                 // eslint-disable-next-line no-console
-                console.warn('Invalid product', next.values);
-                return;
+                console.warn('Error adding product to cart', error);
+              } finally {
+                state.set('adding', false);
               }
-
-              await addProductsToCart([{ ...next.values }]);
-            } catch (error) {
-              // eslint-disable-next-line no-console
-              console.warn('Error adding product to cart', error);
-            }
-          },
-        }));
+            },
+          };
+        });
 
         // Add to Wishlist Button
         // ctx.appendButton(() => ({

package.json

@@ -38,7 +38,7 @@
     "@dropins/storefront-cart": "0.1.0-alpha12",
     "@dropins/storefront-checkout": "0.1.0-alpha23",
     "@dropins/storefront-order-confirmation": "0.1.0-alpha14",
-    "@dropins/storefront-pdp": "^0.2.2-alpha12",
-    "@dropins/tools": "latest"
+    "@dropins/storefront-pdp": "0.2.2-alpha14",
+    "@dropins/tools": "0.18.0"
   }
 }