Several bug fix on cart related with products stock

src/js/components/useQuantityInput.ts

@@ -134,13 +134,32 @@ const updateQuantity = async (qtyInputGroup: Theme.QuantityInput.InputGroup, cha
               const errors = data.errors as string;
 
               if (errors) {
-                useToast(errors, {type: 'warning', autohide: false}).show();
+                useToast(errors, {type: 'danger', autohide: false}).show();
               }
-              prestashop.emit(events.updateCart, {
-                reason: qtyInput.dataset,
-                resp: data,
-              });
             }
+
+            // we check if the quantity is more than wanted and if oosp is disabled
+            // to recall with the correct number we can have
+            if (data.cart?.products?.length > 0) {
+              const productData = data.cart.products.find(
+                (product: Record<string, unknown>) => data.id_product === Number(product.id_product)
+                      && data.id_product_attribute === Number(product.id_product_attribute));
+
+              if (productData) {
+                if (productData.availability === 'unavailable'
+                    && productData.allow_oosp === 0
+                    && Number(productData.quantity_wanted) > Number(productData.stock_quantity)) {
+                  const diff = Number(productData.stock_quantity) - Number(productData.quantity_wanted);
+                  await sendUpdateCartRequest(productData.update_quantity_url as string, diff);
+                }
+              }
+            }
+
+            prestashop.emit(events.updateCart, {
+              reason: qtyInput.dataset,
+              resp: data,
+            });
+
             // Change the input value based on returned quantity
             qtyInput.value = data.quantity;
             // If user used the confirmation mode, need to update input value in the DOM

src/js/pages/checkout.ts

@@ -170,9 +170,14 @@ const initCheckout = () => {
 
   const setMaxHeightToActiveCarrierExtraContent = () => {
     const activeExtraContent = document.querySelector(`${CheckoutMap.carrierExtraContentActive}`) as HTMLElement;
+
+    if (activeExtraContent === null) {
+      return;
+    }
+
     const content = activeExtraContent.querySelector(CheckoutMap.carrierExtraContent) as HTMLElement;
 
-    if (activeExtraContent != null && content != null) {
+    if (content != null) {
       activeExtraContent.style.maxHeight = `${content.clientHeight}px`;
     }
   };

templates/checkout/_partials/cart-detailed-actions.tpl

@@ -3,16 +3,22 @@
  * file that was distributed with this source code.
  *}
 {block name='cart_detailed_actions'}
+    {$disableCheckout = false}
+    {foreach $cart.products as $product}
+        {if isset($product.availability) && $product.availability == 'unavailable' }
+            {$disableCheckout = true}
+        {/if}
+    {/foreach}
   <div class="checkout cart-detailed__actions js-cart-detailed-actions card-footer">
     {if $cart.minimalPurchaseRequired}
       <div class="alert alert-warning" role="alert">
         {$cart.minimalPurchaseRequired}
       </div>
-      <div class="text-sm-center">
+      <div class="text-sm-center d-grid">
         <button type="button" class="btn btn-primary disabled" disabled>{l s='Proceed to checkout' d='Shop.Theme.Actions'}</button>
       </div>
-    {elseif empty($cart.products) }
-      <div class="text-sm-center">
+    {elseif empty($cart.products) || $disableCheckout === true}
+      <div class="text-sm-center d-grid">
         <button type="button" class="btn btn-primary disabled" disabled>{l s='Proceed to checkout' d='Shop.Theme.Actions'}</button>
       </div>
     {else}