Email subscription jquery removed

Author: Oksydan

_dev/js/utils/http/useHttpRequest.js

@@ -22,6 +22,11 @@ const useHttpRequest = (url, options = {}, addons = []) => {
     options.headers['Content-Type'] = 'application/x-www-form-urlencoded; charset=UTF-8';
   }
 
+  // Set default accept header
+  if (!(options.headers?.['accept'])) {
+    options.headers['accept'] = 'application/json, text/javascript, */*;';
+  }
+
   // Set default X-Requested-With header
   if (!(options.headers?.['X-Requested-With'])) {
     options.headers['X-Requested-With'] = 'XMLHttpRequest';

modules/ps_emailsubscription/views/js/index.php

@@ -0,0 +1,34 @@
+<?php
+/**
+ * 2007-2020 PrestaShop.
+ *
+ * NOTICE OF LICENSE
+ *
+ * This source file is subject to the Academic Free License 3.0 (AFL-3.0)
+ * that is bundled with this package in the file LICENSE.txt.
+ * It is also available through the world-wide-web at this URL:
+ * https://opensource.org/licenses/AFL-3.0
+ * If you did not receive a copy of the license and are unable to
+ * obtain it through the world-wide-web, please send an email
+ * to license@prestashop.com so we can send you a copy immediately.
+ *
+ * DISCLAIMER
+ *
+ * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
+ * versions in the future. If you wish to customize PrestaShop for your
+ * needs please refer to http://www.prestashop.com for more information.
+ *
+ * @author    PrestaShop SA <contact@prestashop.com>
+ * @copyright 2007-2020 PrestaShop SA
+ * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
+ * International Registered Trademark & Property of PrestaShop SA
+ */
+header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
+header('Last-Modified: ' . gmdate('D, d M Y H:i:s') . ' GMT');
+
+header('Cache-Control: no-store, no-cache, must-revalidate');
+header('Cache-Control: post-check=0, pre-check=0', false);
+header('Pragma: no-cache');
+
+header('Location: ../');
+exit;

modules/ps_emailsubscription/views/js/ps_emailsubscription.js

@@ -0,0 +1,36 @@
+
+DOMReady(() => {
+  const ALERT_BLOCK_CLASS = 'js-newsletter-form-alert';
+  const buildAlertBlock = (msg, type) => parseToHtml(`<div class="alert alert-${type} ${ALERT_BLOCK_CLASS}">${msg}</div>`);
+  const handleSubmit = (e) => {
+    e.preventDefault();
+
+    // psemailsubscription_subscription - is a global variable
+    if (typeof psemailsubscription_subscription === 'undefined') {
+      return true;
+    }
+
+    const alertBlock = document.querySelector(`.${ALERT_BLOCK_CLASS}`);
+    const form = e.target;
+    const data = fromSerialize(form);
+
+    const { request } = useHttpRequest(psemailsubscription_subscription);
+
+    request
+      .body(data)
+      .post()
+      .json((resp) => {
+        alertBlock?.remove();
+        
+        if (resp.nw_error) {
+          form.prepend(buildAlertBlock(resp.msg, 'danger'));
+        } else {
+          form.prepend(buildAlertBlock(resp.msg, 'success'));
+        }
+      });
+  }
+
+  each('.js-newsletter-form', (el) => {
+    eventHandlerOn(el, 'submit', handleSubmit);
+  })
+})

modules/ps_emailsubscription/views/templates/hook/ps_emailsubscription-column.tpl

@@ -24,7 +24,10 @@
  *}
 
 <div class="block_newsletter" id="blockEmailSubscription_{$hookName}">
-  <form action="{$urls.current_url}#blockEmailSubscription_{$hookName}" method="post">
+  <form
+    class="js-newsletter-form"
+    action="{$urls.current_url}#blockEmailSubscription_{$hookName}"
+    method="post">
     <div class="row">
       <p id="block-newsletter-label" class="col-12">{l s='Get our latest news and special sales' d='Shop.Theme.Global'}</p>
       <div class="col-12 mb-1">

modules/ps_emailsubscription/views/templates/hook/ps_emailsubscription.tpl

@@ -27,7 +27,10 @@
   <div class="row">
     <p id="block-newsletter-label" class="col-md-5 col-12">{l s='Get our latest news and special sales' d='Shop.Theme.Global'}</p>
     <div class="col-md-7 col-12">
-      <form action="{$urls.current_url}#blockEmailSubscription_{$hookName}" method="post">
+      <form
+        class="js-newsletter-form"
+        action="{$urls.current_url}#blockEmailSubscription_{$hookName}"
+        method="post">
         <div class="row">
           <div class="col-12">
             <div class="input-group js-parent-focus">