From 591d2915669ce27f0001ecc8f8814273a1df4e50 Mon Sep 17 00:00:00 2001
From: Sofia Matulis <sofiamatulis@users.noreply.github.com>
Date: Thu, 18 Apr 2024 10:04:26 -0400
Subject: [PATCH] [Fix] quick add bulk disabled state (#3423)

---
 assets/quick-add-bulk.js | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/assets/quick-add-bulk.js b/assets/quick-add-bulk.js
index b0aec8767ba..935d6f6a61d 100644
--- a/assets/quick-add-bulk.js
+++ b/assets/quick-add-bulk.js
@@ -4,6 +4,8 @@ if (!customElements.get('quick-add-bulk')) {
     class QuickAddBulk extends HTMLElement {
       constructor() {
         super();
+        this.quantity = this.querySelector('quantity-input');
+
         const debouncedOnChange = debounce((event) => {
           if (parseInt(event.target.dataset.cartQuantity) === 0) {
             this.addToCart(event);
@@ -102,7 +104,6 @@ if (!customElements.get('quick-add-bulk')) {
 
       updateCart(event) {
         this.lastActiveInputId = event.target.getAttribute('data-index');
-        this.quantity = this.querySelector('quantity-input');
         this.quantity.classList.add('quantity__input-disabled');
         this.selectProgressBar().classList.remove('hidden');
         const body = JSON.stringify({
@@ -118,7 +119,7 @@ if (!customElements.get('quick-add-bulk')) {
           })
           .then((state) => {
             const parsedState = JSON.parse(state);
-
+            this.quantity.classList.remove('quantity__input-disabled');
             if (parsedState.description || parsedState.errors) {
               event.target.setCustomValidity(parsedState.description);
               event.target.reportValidity();
@@ -139,6 +140,7 @@ if (!customElements.get('quick-add-bulk')) {
       }
 
       addToCart(event) {
+        this.quantity.classList.add('quantity__input-disabled');
         this.selectProgressBar().classList.remove('hidden');
         this.lastActiveInputId = event.target.getAttribute('data-index');
         const body = JSON.stringify({
@@ -157,12 +159,12 @@ if (!customElements.get('quick-add-bulk')) {
           })
           .then((state) => {
             const parsedState = JSON.parse(state);
+            this.quantity.classList.remove('quantity__input-disabled');
             if (parsedState.description || parsedState.errors) {
               event.target.setCustomValidity(parsedState.description);
               event.target.reportValidity();
               this.resetQuantityInput(event.target.id);
               this.selectProgressBar().classList.add('hidden');
-              this.quantity.classList.remove('quantity__input-disabled');
               event.target.select();
               this.cleanErrorMessageOnType(event);
               // Error handling