update cart minor refacto

_dev/js/theme/core/cart/handler/cart/updateCartHandler.js

@@ -1,15 +1,22 @@
 import prestashop from 'prestashop';
 import parseToHtml from '../../../../utils/parseToHtml';
 import useAlertToast from '../../../../components/useAlertToast';
+import updateCartContentRequest from '../../request/cart/updateCartContentRequest';
 
 const { danger } = useAlertToast();
 
+/**
+ * Update cart handler - update cart content and emit updatedCart event
+ * @param {object} event - update cart event object
+ * @returns {Promise<void>}
+ */
 const updateCartHandler = async (event) => {
   prestashop.cart = event.resp.cart;
   document.querySelector('body').classList.add('cart-loading');
+  const { getRequest } = updateCartContentRequest();
 
   try {
-    const resp = await prestashop.frontAPI.refreshCartPage();
+    const resp = await getRequest();
 
     document.querySelector(prestashop.selectors.cart.detailedTotals)
       ?.replaceWith(parseToHtml(resp.cart_detailed_totals));

_dev/js/theme/core/cart/handler/cart/updatedCartHandler.js

@@ -1,3 +1,6 @@
+/**
+ * Updated cart handler
+ */
 const updatedCartHandler = () => {
   document.querySelector('body').classList.remove('cart-loading');
 };

_dev/js/theme/core/cart/index.js

@@ -1,4 +1,4 @@
-import DOMReady from '@js/theme/utils/DOMReady';
+import DOMReady from '../../utils/DOMReady';
 import prestashop from 'prestashop';
 import cartController from './cartController';
 

_dev/js/theme/core/cart/request/cart/updateCartContentRequest.js

@@ -0,0 +1,42 @@
+import useDefaultHttpRequest from "../../../../components/http/useDefaultHttpRequest";
+import prestashop from "prestashop";
+/**
+ * @typedef ServerResponse
+ * @type {object}
+ * @property {string} cart_detailed - cart detailed html used in cart page
+ * @property {string} cart_detailed_actions - cart actions html used in cart page
+ * @property {string} cart_detailed_totals - cart totals html used in cart page
+ * @property {string} cart_summary_items_subtotal - cart summary items subtotal html used in checkout page
+ * @property {string} cart_summary_products - cart summary products html used in checkout page
+ * @property {string} cart_summary_subtotals_container - cart summary products html used in checkout page
+ * @property {string} cart_summary_top - cart summary top html used in checkout page
+ * @property {string} cart_summary_totals - cart summary totals html used in checkout page
+ * @property {string} cart_voucher - cart voucher html used in checkout page
+ */
+
+/**
+ * Add voucher to cart request
+ * @example
+ *  const { getRequest } = updateCartContentRequest();
+ *
+ *  try {
+ *    const resp = await getRequest();
+ *  } catch (error) {
+ *    console.error(error);
+ *  }
+ * @returns {{getRequest: (function(): Promise<ServerResponse>)}}
+ */
+const updateCartContentRequest = () => {
+    const payloadToSend = {
+        action: 'refresh',
+        ajax: 1,
+    };
+
+    const getRequest = () => useDefaultHttpRequest(prestashop.urls.pages.cart, payloadToSend);
+
+    return {
+        getRequest,
+    }
+}
+
+export default updateCartContentRequest;

_dev/js/theme/frontAPI/apiAction.js

@@ -1,4 +1,3 @@
-import refreshCartPageAction from '@js/theme/frontAPI/cart/refreshCartPageAction';
 import updateProductAction from '@js/theme/frontAPI/product/updateProductAction';
 import updateListingFacetsAction from '@js/theme/frontAPI/listing/updateListingFacetsAction';
 import updateAddressAction from '@js/theme/frontAPI/address/updateAddressAction';
@@ -13,7 +12,6 @@ prestashop.addAction = (actionName, actionFunction) => {
   prestashop.frontAPI[actionName] = actionFunction;
 };
 
-prestashop.addAction('refreshCartPage', refreshCartPageAction);
 prestashop.addAction('updateProduct', updateProductAction);
 prestashop.addAction('updateListingFacets', updateListingFacetsAction);
 prestashop.addAction('updateAddress', updateAddressAction);