feat module 6, 7 : hide atome payment information for out of stock product

src/components/ProductDetails/ProductDetails.jsx

@@ -320,6 +320,7 @@ const ProductDetails = () => {
   const currencyCode = variantSelection.currencyCode || ""
   const formattedPrice = `${currencyCode} ${amount.toFixed(2)}`
   const installmentPrice = `${(amount / 3).toFixed(2)} ${currencyCode}`
+  const shouldShowAtomePayment = amount > 0 && variantSelection?.quantityAvailable > 0
   // const shortDescriptionHtml = getFirstDescriptionBlock(product?.descriptionHtml)
 
   const storeLocations = [
@@ -633,7 +634,7 @@ const ProductDetails = () => {
           </Typography>
 
           {/* Atome installment option */}
-          {amount > 0 && (
+          {shouldShowAtomePayment && (
             <Box
               component="button"
               type="button"