customer account jquery removed

_dev/js/theme/components/customer/index.js

@@ -0,0 +1,34 @@
+import DOMReady from "../../utils/DOMReady";
+import $ from "jquery";
+
+const initCustomerLinksTriggerActive = () => {
+  const url = window.location.pathname;
+  const customerLinks = document.querySelectorAll('.js-customer-links a');
+
+  customerLinks.forEach((el) => {
+    if (el.getAttribute('href').indexOf(url) !== -1) {
+      el.classList.add('active');
+    }
+  });
+}
+
+const initRmaForm = () => {
+  const returnForm = document.querySelector(prestashop.selectors.order.returnForm);
+
+  if (!returnForm) {
+    return;
+  }
+
+  returnForm.querySelector('thead input[type=checkbox]').addEventListener('click', ({ currentTarget }) => {
+    const checked = currentTarget.checked;
+    returnForm.querySelectorAll('tbody input[type=checkbox]').forEach((checkbox) => {
+      checkbox.checked = checked;
+    });
+  });
+}
+
+
+DOMReady(() => {
+  initCustomerLinksTriggerActive();
+  initRmaForm();
+})

_dev/js/theme/components/header/index.js

@@ -0,0 +1,21 @@
+import DOMReady from "../../utils/DOMReady";
+import useTopMenu from './useTopMenu';
+import useStickyElement from "../useStickyElement";
+
+const initStickyHeader = () => {
+  const header = document.querySelector('.js-header-top');
+  const headerWrapper = document.querySelector('.js-header-top-wrapper');
+
+  if (header && headerWrapper) {
+    const { init } = useStickyElement(header, headerWrapper);
+
+    init();
+  }
+}
+
+DOMReady(() => {
+  const { init: initTopMenu } = useTopMenu('.js-main-menu');
+
+  initTopMenu();
+  initStickyHeader();
+});

_dev/js/theme/components/useTopMenu.js → _dev/js/theme/components/header/useTopMenu.js

@@ -1,4 +1,4 @@
-import useEvent from './event/useEvent';
+import useEvent from '../event/useEvent';
 
 const useTopMenu = (selector) => {
   const { on, off } = useEvent();

_dev/js/theme/components/useStickyElement.js

@@ -1,4 +1,4 @@
-import debounce from '@js/theme/utils/debounce';
+import debounce from '../utils/debounce';
 
 /**
  * Returns sticky element data
@@ -65,11 +65,14 @@ export default (element, stickyWrapper, options = {}) => {
     }
   };
 
-  window.addEventListener('scroll', debounce(handleSticky, debounceTime));
-  handleSticky();
+  const init = () => {
+    window.addEventListener('scroll', debounce(handleSticky, debounceTime));
+    handleSticky();
+  }
 
   return {
     getExtraOffsetTop,
     getIsSticky,
+    init,
   };
 };

_dev/js/theme/index.js

@@ -2,18 +2,18 @@ import $ from 'jquery';
 
 import EventEmitter from 'events';
 
-import '@js/theme/core';
+import './core/index';
 
 import './vendors/bootstrap/bootstrap-imports';
 import './components/dynamic-bootstrap-components';
 import bsCustomFileInput from 'bs-custom-file-input';
+import './components/header/index';
+import './components/customer/index';
 import './components/sliders';
 import './components/responsive';
-import './components/customer';
 import './components/quickview';
 import './components/product';
 import prestashop from 'prestashop';
-import useTopMenu from './components/useTopMenu';
 /* eslint-enable */
 
 /* eslint-disable */
@@ -25,7 +25,6 @@ import usePasswordPolicy from './components/password/usePasswordPolicy';
 import Form from './components/form';
 import PageLazyLoad from './components/Lazyload';
 import PageLoader from './components/PageLoader';
-import useStickyElement from './components/useStickyElement';
 import httpRequestErrorHandler from './handler/error/httpRequestErrorHandler';
 
 prestashop.pageLazyLoad = new PageLazyLoad({
@@ -36,35 +35,11 @@ prestashop.pageLoader = new PageLoader();
 
 prestashop.on('handleError', httpRequestErrorHandler);
 
-function accLinksTriggerActive() {
-  const url = window.location.pathname;
-  $('.js-customer-links a').each((i, el) => {
-    const $el = $(el);
-
-    if ($el.attr('href').indexOf(url) !== -1) {
-      $el.addClass('active');
-    }
-  });
-}
-
-function initStickyHeader() {
-  const header = document.querySelector('.js-header-top');
-  const headerWrapper = document.querySelector('.js-header-top-wrapper');
-
-  if (header && headerWrapper) {
-    useStickyElement(header, headerWrapper);
-  }
-}
 
 $(() => {
-  const { init: initTopMenu } = useTopMenu('.js-main-menu');
-
-  initStickyHeader();
-  accLinksTriggerActive();
   Form.init();
   bsCustomFileInput.init();
   usePasswordPolicy('.field-password-policy');
-  initTopMenu();
 
   $('.js-select-link').on('change', ({ target }) => {
     window.location.href = $(target).val();