From 69c5b44edbe4138d0db8577ae65033a788abf8f5 Mon Sep 17 00:00:00 2001
From: Callan Zimmermann <callanzimmermann@gmail.com>
Date: Mon, 1 Aug 2022 09:49:09 +0100
Subject: [PATCH 1/3] 2-button-disabling: disable button while loading

---
 view/frontend/templates/hyva/script/addtocart.phtml | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/view/frontend/templates/hyva/script/addtocart.phtml b/view/frontend/templates/hyva/script/addtocart.phtml
index 3c77bc9..2c59c8e 100644
--- a/view/frontend/templates/hyva/script/addtocart.phtml
+++ b/view/frontend/templates/hyva/script/addtocart.phtml
@@ -46,6 +46,7 @@ use Magento\Framework\Escaper;
 
                 button.prepend(loader);
                 button.classList.add('relative', 'is-loading');
+                button.disabled = true;
 
                 fetch(e.currentTarget.action, {
                     method: 'POST',
@@ -95,6 +96,7 @@ use Magento\Framework\Escaper;
                         setTimeout(() => {
                             loader.remove();
                             button.classList.remove('is-loading');
+                            button.disabled = false;
 
                             messages.forEach(message => {
                                 setMessage(message);

From c918473fd92f8ae3853de7d01f3d4ca6a8d514db Mon Sep 17 00:00:00 2001
From: Callan Zimmermann <callanzimmermann@gmail.com>
Date: Mon, 1 Aug 2022 10:36:44 +0100
Subject: [PATCH 2/3] 4-change-loader-timeout: add delay config and necessary
 blocks

---
 Block/AddToCart.php                           | 63 +++++++++++++++++++
 Model/Config.php                              | 59 +++++++++++++++++
 Model/ConfigInterface.php                     | 34 ++++++++++
 etc/adminhtml/system.xml                      | 12 ++++
 etc/config.xml                                |  1 +
 etc/di.xml                                    | 11 ++++
 view/frontend/layout/hyva_default.xml         |  1 +
 .../templates/hyva/script/addtocart.phtml     |  7 ++-
 8 files changed, 185 insertions(+), 3 deletions(-)
 create mode 100644 Block/AddToCart.php
 create mode 100644 Model/Config.php
 create mode 100644 Model/ConfigInterface.php
 create mode 100644 etc/di.xml

diff --git a/Block/AddToCart.php b/Block/AddToCart.php
new file mode 100644
index 0000000..efff88d
--- /dev/null
+++ b/Block/AddToCart.php
@@ -0,0 +1,63 @@
+<?php
+/**
+ * Copyright © Monsoon Consulting. All rights reserved.
+ * See LICENSE_MONSOON.txt for license details.
+ */
+
+declare(strict_types=1);
+
+namespace Monsoon\HyvaAjaxAddToCart\Block;
+
+use Magento\Framework\View\Element\Template;
+use Monsoon\HyvaAjaxAddToCart\Model\ConfigInterface;
+
+/**
+ * Class AddToCart
+ */
+class AddToCart extends Template
+{
+    /**
+     * @var ConfigInterface
+     */
+    private $config;
+
+    /**
+     * Upsell block contructor
+     *
+     * @param Template\Context $context
+     * @param ConfigInterface $config
+     * @param array $data
+     */
+    public function __construct(
+        Template\Context $context,
+        ConfigInterface $config,
+        array $data = []
+    ) {
+        parent::__construct($context, $data);
+
+        $this->config = $config;
+    }
+
+    /**
+     * Render block HTML
+     *
+     * @return string
+     */
+    protected function _toHtml(): string
+    {
+        if (!$this->getTemplate() || !$this->config->isAjaxAddToCartEnabled()) {
+            return '';
+        }
+        return $this->fetchView($this->getTemplateFile());
+    }
+
+    /**
+     * Get Ajax Add To Cart Delay (in milliseconds)
+     *
+     * @return string
+     */
+    public function getDelay(): string
+    {
+        return $this->config->getAjaxAddToCartDelay();
+    }
+}
diff --git a/Model/Config.php b/Model/Config.php
new file mode 100644
index 0000000..0b1b0a6
--- /dev/null
+++ b/Model/Config.php
@@ -0,0 +1,59 @@
+<?php
+/**
+ * Copyright © Monsoon Consulting. All rights reserved.
+ * See LICENSE_MONSOON.txt for license details
+ */
+declare(strict_types=1);
+
+namespace Monsoon\HyvaAjaxAddToCart\Model;
+
+use Magento\Framework\App\Config\ScopeConfigInterface;
+use Magento\Store\Model\ScopeInterface;
+
+/**
+ * Class Config
+ */
+class Config implements ConfigInterface
+{
+    /** @var ScopeConfigInterface */
+    private ScopeConfigInterface $scopeConfig;
+
+    /**
+     * @param ScopeConfigInterface $scopeConfig
+     */
+    public function __construct(
+        ScopeConfigInterface $scopeConfig
+    ) {
+        $this->scopeConfig = $scopeConfig;
+    }
+
+    /**
+     * Is the AJAX add to cart option enabled?
+     *
+     * @param null|int|string $scopeCode
+     * @return bool
+     */
+    public function isAjaxAddToCartEnabled($scopeCode = null): bool
+    {
+        return (bool)$this->scopeConfig->isSetFlag(
+            self::XML_PATH_ENABLE_AJAX_ADD_TO_CART,
+            ScopeInterface::SCOPE_STORE,
+            $scopeCode
+        );
+    }
+
+    /**
+     * Get Ajax Add To Cart Delay
+     *
+     * @param null|int|string $scopeCode
+     * @return string
+     */
+    public function getAjaxAddToCartDelay($scopeCode = null): string
+    {
+        return (string)$this->scopeConfig->getValue(
+            self::XML_PATH_AJAX_ADD_TO_CART_DELAY,
+            ScopeInterface::SCOPE_STORE,
+            $scopeCode
+        );
+    }
+}
diff --git a/Model/ConfigInterface.php b/Model/ConfigInterface.php
new file mode 100644
index 0000000..8b4d0f5
--- /dev/null
+++ b/Model/ConfigInterface.php
@@ -0,0 +1,34 @@
+<?php
+/**
+ * Copyright © Monsoon Consulting. All rights reserved.
+ * See LICENSE_MONSOON.txt for license details
+ */
+declare(strict_types=1);
+
+namespace Monsoon\HyvaAjaxAddToCart\Model;
+
+/**
+ * Interface ConfigInterface
+ */
+interface ConfigInterface
+{
+    public const XML_PATH_ENABLE_AJAX_ADD_TO_CART = 'checkout/options/enable_ajax_add_to_cart';
+    public const XML_PATH_AJAX_ADD_TO_CART_DELAY = 'checkout/options/ajax_add_to_cart_delay';
+
+    /**
+     * Is the AJAX add to cart option enabled?
+     *
+     * @param null|int|string $scopeCode
+     * @return bool
+     */
+
+    public function isAjaxAddToCartEnabled($scopeCode = null): bool;
+
+    /**
+     * Get Ajax Add To Cart Delay
+     *
+     * @param null|int|string $scopeCode
+     * @return string
+     */
+    public function getAjaxAddToCartDelay($scopeCode = null): string;
+}
diff --git a/etc/adminhtml/system.xml b/etc/adminhtml/system.xml
index 7b5ec70..aa17833 100644
--- a/etc/adminhtml/system.xml
+++ b/etc/adminhtml/system.xml
@@ -21,6 +21,18 @@
                     <label>Enable AJAX Add to Cart</label>
                     <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                 </field>
+                <field id="ajax_add_to_cart_delay"
+                       translate="label comment"
+                       type="text"
+                       sortOrder="110"
+                       showInDefault="1"
+                       showInWebsite="1"
+                       showInStore="1"
+                       canRestore="1">
+                    <label>AJAX Add to Cart Delay</label>
+                    <comment>e.g. 1000 (in milliseconds)</comment>
+                    <validate>validate-number required-entry</validate>
+                </field>
             </group>
         </section>
     </system>
diff --git a/etc/config.xml b/etc/config.xml
index b228da9..57635f1 100644
--- a/etc/config.xml
+++ b/etc/config.xml
@@ -11,6 +11,7 @@
         <checkout>
             <options>
                 <enable_ajax_add_to_cart>0</enable_ajax_add_to_cart>
+                <ajax_add_to_cart_delay>1000</ajax_add_to_cart_delay>
             </options>
         </checkout>
     </default>
diff --git a/etc/di.xml b/etc/di.xml
new file mode 100644
index 0000000..519c699
--- /dev/null
+++ b/etc/di.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0"?>
+<!--
+/**
+ * Copyright © Monsoon Consulting. All rights reserved.
+ * See LICENSE_MONSOON.txt for license details.
+ */
+-->
+<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">
+    <preference for="Monsoon\HyvaAjaxAddToCart\Model\ConfigInterface"
+        type="Monsoon\HyvaAjaxAddToCart\Model\Config" />
+</config>
diff --git a/view/frontend/layout/hyva_default.xml b/view/frontend/layout/hyva_default.xml
index a5f92a4..1b30caf 100644
--- a/view/frontend/layout/hyva_default.xml
+++ b/view/frontend/layout/hyva_default.xml
@@ -9,6 +9,7 @@
     <body>
         <referenceContainer name="before.body.end">
             <block name="monsoon.ajax.addtocart"
+                   class="Monsoon\HyvaAjaxAddToCart\Block\AddToCart"
                    template="Monsoon_HyvaAjaxAddToCart::hyva/script/addtocart.phtml"
                    ifconfig="checkout/options/enable_ajax_add_to_cart"/>
         </referenceContainer>
diff --git a/view/frontend/templates/hyva/script/addtocart.phtml b/view/frontend/templates/hyva/script/addtocart.phtml
index 3c77bc9..5fef55d 100644
--- a/view/frontend/templates/hyva/script/addtocart.phtml
+++ b/view/frontend/templates/hyva/script/addtocart.phtml
@@ -5,11 +5,11 @@
  */
 declare(strict_types=1);
 
-use Magento\Framework\View\Element\Template;
+use Monsoon\HyvaAjaxAddToCart\Block\AddToCart;
 use Magento\Framework\Escaper;
 
 /**
- * @var Template $block
+ * @var AddToCart $block
  * @var Escaper $escaper
  */
 
@@ -24,6 +24,7 @@ use Magento\Framework\Escaper;
 <script>
     window.setAjaxCart = (selectors = '.product_addtocart_form, #product_addtocart_form', recursive = true) => {
         const addToCartForms = document.querySelectorAll(selectors);
+        const delay = parseInt('<?= $escaper->escapeJs($block->getDelay()) ?>', 10);
 
         addToCartForms.forEach(form => {
             form.addEventListener('submit', e => {
@@ -99,7 +100,7 @@ use Magento\Framework\Escaper;
                             messages.forEach(message => {
                                 setMessage(message);
                             });
-                        }, 1000);
+                        }, delay);
                     });
             });
         });

From f8e53dbd3acd84b7f806e801a1092c645271a251 Mon Sep 17 00:00:00 2001
From: Callan Zimmermann <callanzimmermann@gmail.com>
Date: Wed, 3 Aug 2022 08:49:25 +0100
Subject: [PATCH 3/3] update changelog

---
 CHANGELOG.md | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index f6dc713..3b1d302 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,6 +1,12 @@
 # Changelog
 <!-- Refer to: https://keepachangelog.com/en/1.0.0/ -->
 
+## [1.1.1] 2022-03-08
+### Fix
+- Stop button click while loading
+### Added
+- Added ability to set delay in backend
+
 ## [1.1.0] 2022-22-04
 ### Added
 - Add Admin Config Controls