wickes-css2 2.103.0-develop.1 → 2.103.0-develop.10

package/src/js/page/basket/basket-update-cart-action.js

@@ -0,0 +1,59 @@
+export function updateCartActionBase(params) {
+  const {
+    response,
+    repaintData,
+    context,
+    charity,
+    initial,
+    updateOrderSummaryFn,
+    getEqualMapFn,
+    repaintOrderItemsFn,
+    addCharityEntryNumberFn,
+    updatePromotionFn,
+    addPotentialPromoFn,
+    cartEntries,
+    getCartEntriesFn,
+    checkProductArraysFn,
+    removeOrderItemFn,
+    elOrderItem,
+    updateKlarnaPlacementsFn,
+    updateClearpayPlacementsFn,
+    updateClearpayVisibilityFn,
+    addClassToSummaryAsideFn,
+    updateBasketSessionFn,
+    drawEnergyLabelsFn,
+    triggerCartUpdate = true,
+    extraActions = () => {},
+    extraActionsMiniBasket = () => {},
+  } = params;
+  if (initial) {
+    getCartEntriesFn(response);
+  } else {
+    updateOrderSummaryFn && updateOrderSummaryFn(response, getEqualMapFn(response));
+    if (repaintData) {
+      if (repaintData.isChangeDelivery) {
+        repaintData.cartEntry = cartEntries.filter(entry => entry.entryNumber === repaintData.cartEntryNumber)[0];
+        $(document).trigger("EEUpdateDeliveryMode", repaintData);
+      }
+      checkProductArraysFn(response)
+        ? repaintOrderItemsFn(response, repaintData)
+        : (() => {
+          $(elOrderItem).remove();
+          removeOrderItemFn && removeOrderItemFn(repaintData);
+        })();
+    }
+    charity && addCharityEntryNumberFn && addCharityEntryNumberFn(response);
+    context && context.length && updatePromotionFn && updatePromotionFn(response, context);
+    addPotentialPromoFn && addPotentialPromoFn(response);
+    updateKlarnaPlacementsFn && updateKlarnaPlacementsFn(response.totalPrice.formattedPriceWithoutCurrencySymbol);
+    updateClearpayPlacementsFn && updateClearpayPlacementsFn(response.totalPrice.value);
+    updateClearpayVisibilityFn && updateClearpayVisibilityFn(response.totalPrice.value);
+    addClassToSummaryAsideFn && addClassToSummaryAsideFn(response);
+    getCartEntriesFn && getCartEntriesFn(response);
+    updateBasketSessionFn && updateBasketSessionFn();
+    drawEnergyLabelsFn && drawEnergyLabelsFn();
+    triggerCartUpdate && $(document).trigger("cartUpdate");
+    extraActions && extraActions(response, repaintData, context, charity, initial);
+    extraActionsMiniBasket && extraActionsMiniBasket();
+  }
+}

package/src/js/page/basket/basket-update-cart.js

@@ -0,0 +1,29 @@
+export function updateCartBase(params) {
+  const {
+    isLocalEnv,
+    apiUrl,
+    apiType,
+    hideLoader,
+    callActionFn,
+    actionCallback,
+    initial,
+    localUpdateFn,
+    repaintData,
+    context,
+    charity,
+    extraLocalActions = () => {},
+    extraApiActions = () => {},
+  } = params;
+  if (!isLocalEnv) {
+    const payload = {
+      url: apiUrl,
+      type: apiType,
+      complete: hideLoader,
+    };
+    callActionFn(payload, actionCallback, {repaintData, context, charity, initial});
+    extraApiActions();
+  } else {
+    localUpdateFn(initial, repaintData, context, charity, null);
+    extraLocalActions();
+  }
+}

package/src/js/page/basket/basket-utils.js

@@ -0,0 +1,50 @@
+export function isMessageExist(data) {
+  return data.message && data.statusMessage;
+}
+
+export function getMessageInfo(data) {
+  return {
+    message: data.message,
+    status: data.statusMessage,
+  }
+}
+
+export function showNotification(data, containerSelector = '.notification-area') {
+  let notificationType;
+  switch (data.statusMessage) {
+    case 'accConfirmedMsgs':
+      notificationType = 'success'
+      break;
+    case 'accWarnMsgs':
+      notificationType = 'warning'
+      break;
+    case 'accErrorMsgs':
+      notificationType = 'error'
+      break;
+  }
+
+  Wick.Notification.show({
+    text: data.message,
+    container: containerSelector,
+    type: notificationType,
+    closeBtn: true
+  });
+}
+
+export function getCartEntries(data) {
+  return data?.deliveryOrderGroups.concat(data.pickupOrderGroups)
+    .map(orderGroup => orderGroup?.entries)
+    .flatMap(entries => entries);
+}
+
+export function checkProductArrays(cart) {
+  return cart.pickupUniqueItemsNumber || cart.deliveryUniqueItemsNumber;
+}
+
+export function updatePromotion(data, orderItemSelector, orderItemOffersSelector, orderItemInfoSelector, addPromotionsFn) {
+  $(orderItemSelector).each(function () {
+    let itemNumber = {entryNumber: +$(this).attr('data-id')}
+    $(this).find(orderItemOffersSelector).remove()
+    $(this).find(orderItemInfoSelector).append(addPromotionsFn(itemNumber, data));
+  })
+}

package/src/js/page/basket/mini-basket-total.js

@@ -0,0 +1,97 @@
+import {updateDiscount} from "../components/discounts";
+
+const osEl = {
+  $totalSection: $('.mini-basket__total'),
+  checkoutWidgetDetailsDiscount: '.checkout-widget__details-discount',
+  checkoutWidgetDetails: '.checkout-widget__details',
+  delivery: '.checkout-widget__item-delivery',
+  cc: '.checkout-widget__item-cc',
+  itemFree: '.checkout-widget__item-free',
+  itemDeficit: '.checkout-widget__item-deficit',
+  summaryDelivery: '.checkout-widget__item-delivery',
+}
+
+export function updateTotal(data, equalMap, isVoucher) {
+  equalMap.forEach((obj) => {
+    if ($(obj.item).length) {
+      $(obj.item).show();
+    } else {
+      if ($(osEl.checkoutWidgetDetailsDiscount).length) {
+        $(osEl.checkoutWidgetDetailsDiscount).before(createCheckoutWidgetItem(obj))
+      } else {
+        $(osEl.checkoutWidgetDetails).append(createCheckoutWidgetItem(obj))
+      }
+    }
+
+    $(obj.item).find(obj.itemValue).text(obj.dataValue);
+    if (isVoucher ? obj.dataValue : obj.value && obj.dataValue) {
+      $(obj.item).find(obj.itemValue).show();
+    } else {
+      $(obj.item).hide();
+    }
+  })
+
+  updateDiscount(data, isVoucher);
+  hideUnusedDeliveryTypeCost(data, isVoucher);
+  calculateFreeDelivery(data);
+}
+
+function createCheckoutWidgetItem(obj) {
+  return `
+      <li class="checkout-widget__item ${obj.item.substr(1)}">
+        <span>${obj.title}</span>
+          <span class="checkout-widget__item-value">${obj.dataValue}</span>
+      </li>
+    `
+}
+
+function hideUnusedDeliveryTypeCost(data, isVoucher) {
+  $(osEl.delivery).show()
+  $(osEl.cc).show()
+  if (isVoucher) {
+    if (!data.deliveryOrder) {
+      $(osEl.delivery).hide()
+    } else if (!data.clickAndCollectOrder) {
+      $(osEl.cc).hide()
+    }
+  } else {
+    if (data.clickAndCollectOnly) {
+      $(osEl.delivery).hide()
+    } else if (data.deliveryItemsQuantity > 0 && data.pickupItemsQuantity === 0) {
+      $(osEl.cc).hide()
+    }
+  }
+}
+
+function calculateFreeDelivery(data) {
+  osEl.$totalSection.each(function () {
+    let $free = $(this).find(osEl.itemFree);
+    let $deficit = $(this).find(osEl.itemDeficit);
+
+    !$free.length || $free.remove();
+    !$deficit.length || $deficit.remove()
+
+    if (!data.clickAndCollectOnly) {
+      if (data.freeDelivery && data.messageForFreeDelivery) {
+        $(this).find(osEl.summaryDelivery).before(function () {
+          return `
+              <div class="checkout-widget__item checkout-widget__item-free">
+                  <span class="checkout-widget__text">
+                     ${data.messageForFreeDelivery}
+                  </span>
+              </div>
+          `
+        })
+        $(this).find(osEl.summaryDelivery).hide();
+      } else if (!data.freeDelivery && data.messageForFreeDelivery) {
+        $(this).find(osEl.summaryDelivery).before(function () {
+          return `
+              <div class="checkout-widget__item checkout-widget__item-deficit">
+                  ${data.messageForFreeDelivery}
+              </div>
+          `
+        })
+      }
+    }
+  })
+}

package/src/js/page/basket/quantity-change-handler.js

@@ -0,0 +1,64 @@
+export function handleQuantityChange(params) {
+  const {
+    quantityInput,
+    action,
+    value,
+    context,
+    charity = false,
+    entryNumber,
+    onQuantityChange,
+    debounceQuantityChange,
+    onRemoveQuantityDisable,
+    parentWrap,
+  } = params
+
+  let newValue = value;
+
+  switch (action) {
+    case 'plus':
+      newValue = Number.parseInt(value, 10) + 1;
+      if (newValue) {
+        updateQuantity(quantityInput, newValue, parentWrap);
+        debounceQuantityChange(entryNumber, newValue, quantityInput, context, onQuantityChange);
+      }
+      break;
+    case 'minus':
+      newValue = Number.parseInt(value, 10) - 1;
+      if (newValue > 0) {
+        updateQuantity(quantityInput, newValue, parentWrap);
+        debounceQuantityChange(entryNumber, newValue, quantityInput, context, onQuantityChange);
+      } else {
+        if (typeof onRemoveQuantityDisable === 'function') {
+          onRemoveQuantityDisable();
+        }
+      }
+      break;
+    case 'remove':
+      newValue = 0;
+      if (!charity) updateQuantity(quantityInput, newValue, parentWrap);
+      debounceQuantityChange(entryNumber, newValue, quantityInput, context, onQuantityChange);
+      break;
+    default:
+      if (+newValue !== 0) {
+        updateQuantity(quantityInput, newValue, parentWrap);
+        debounceQuantityChange(entryNumber, newValue, quantityInput, context, onQuantityChange);
+      }
+      break;
+  }
+}
+
+export function updateQuantity(quantityInput, value, parentWrap) {
+  if (quantityInput.is('input')) {
+    quantityInput.val(value);
+  } else {
+    quantityInput.text(value);
+  }
+  quantityInput.attr('value', value);
+
+  if (parentWrap) {
+    const $card = quantityInput.closest(parentWrap);
+    if ($card.length) {
+      $card.attr('data-quantity', value);
+    }
+  }
+}

package/src/js/page/basket/update-quantity-operation.js

@@ -0,0 +1,37 @@
+export function updateQuantityOperation(quantityToUpdate, quantityInput, context, data, helpers = {}) {
+  const charity = context.hasClass && context.hasClass('charity-new');
+  const negativeStatus = data.statusMessage !== 'accConfirmedMsgs';
+  const messageInfo = helpers.isMessageExist ? helpers.isMessageExist(data) && helpers.getMessageInfo(data) : data.message && data.statusMessage && { message: data.message, status: data.statusMessage };
+  let maxValue, minValue;
+
+  if (!charity) {
+    maxValue = +quantityInput.attr('max');
+    minValue = +quantityInput.attr('min');
+  }
+
+  minValue === 0 ? minValue = 1 : minValue = minValue;
+
+  if (negativeStatus) {
+    helpers.updateCart && helpers.updateCart(messageInfo);
+    helpers.updateQuantity && helpers.updateQuantity(quantityInput, data.quantity);
+    helpers.showNotification && helpers.showNotification(data);
+  } else {
+    if (charity) {
+      helpers.updateCart && helpers.updateCart();
+    } else {
+      if (maxValue > 1 || minValue > 1) {
+        if (quantityToUpdate > maxValue || quantityToUpdate < minValue) {
+          helpers.showNotification && helpers.showNotification(data);
+        }
+      }
+
+      if (quantityToUpdate === 0) {
+        helpers.showNotification && helpers.showNotification(data);
+        helpers.updateCart && helpers.updateCart(messageInfo);
+      } else {
+        helpers.updateItemTotal && helpers.updateItemTotal(data, context);
+        helpers.updateCart && helpers.updateCart(null, context);
+      }
+    }
+  }
+}

package/src/js/page/basket/update-quantity.js

@@ -0,0 +1,65 @@
+export function updateQuantityAction(params) {
+  const {
+    entryNumber,
+    quantityToUpdate,
+    quantityInput,
+    context,
+    addQuantityDisable,
+    removeQuantityDisable,
+    hideLoader,
+    loaderSelector,
+    updateAction,
+    updateQuantityOperation,
+    basketData,
+    isLocalEnv,
+    callActionFn,
+    routes,
+    basketSectionSelector
+  } = params;
+  console.log('case(api) to update quantity', entryNumber, quantityToUpdate);
+  if (!isLocalEnv) {
+    addQuantityDisable && addQuantityDisable(context);
+    const payload = {
+      url: `${routes.BASKET_ADD_STOCK}/${entryNumber}`,
+      queries: { quantity: quantityToUpdate },
+      type: 'PUT',
+      complete: () => {
+        removeQuantityDisable && removeQuantityDisable();
+        hideLoader(loaderSelector);
+      },
+    };
+
+    callActionFn(
+      payload,
+      updateAction,
+      quantityToUpdate,
+      quantityInput,
+      context,
+      (response) => {
+        if (response.statusMessage === 'accConfirmedMsgs') {
+          $(document).trigger("EEUpdateCart", {
+            cartEntryNumber: entryNumber,
+            initialCartQuantity: response.quantity - response.quantityAdded,
+            newCartQuantity: response.quantity,
+            fulfillment: context.hasClass('charity-new')
+              ? 'Delivery'
+              : context.closest(basketSectionSelector).attr('data-type'),
+          });
+        }
+        context.find('.order-item__action').removeClass('disabled');
+      }
+    );
+  } else {
+    updateQuantityOperation(
+      quantityToUpdate,
+      quantityInput,
+      context,
+      basketData.updateQuantity
+    );
+    addQuantityDisable && addQuantityDisable(context);
+    setTimeout(() => {
+      removeQuantityDisable && removeQuantityDisable();
+      hideLoader && hideLoader(loaderSelector);
+    }, 500);
+  }
+}