wickes-css2 2.105.0-develop.7 → 2.105.0-develop.8

package/src/js/emulation/repayment-toggle.js

@@ -1,34 +1,35 @@
 var Wick = Wick || {};
 
 Wick.RepaymentToggle = (function () {
-    const SELECTORS = {
-        repaymentRadio: 'input[name="repaymentTerms"]',
-        term: '.billie-info .term',
-        paymentMethod: '[name="payment-method"]',
-    };
+  const SELECTORS = {
+    repaymentRadio: 'input[name="repaymentTerms"]',
+    term: '.billie-info .term',
+    paymentMethod: '[name="payment-method"]'
+  };
 
-    function updateTerm(value) {
-        const $term = $(SELECTORS.term);
-        if (!$term.length) return;
+  function updateTerm(value) {
+    const $term = $(SELECTORS.term);
+    if (!$term.length) return;
 
-        $term.text(value);
-    }
+    $term.text(value);
+  }
 
-    function bindEvents() {
-        $(document).on('change', SELECTORS.repaymentRadio, function () {
-            const value = $(this).val();
-            if (!value) return;
+  function bindEvents () {
+    $(document).on('change', SELECTORS.repaymentRadio, function () {
+      const value = $(this).val();
+      if (!value) return;
 
-            updateTerm(value);
+      updateTerm(value);
 
-            const currentMethod = $(SELECTORS.paymentMethod + ':checked').val();
-            if (currentMethod !== 'billie') return;
+      const currentMethod = $(SELECTORS.paymentMethod + ':checked').val();
+      if (currentMethod !== 'billie') return;
 
-            if (typeof Wick.showPaymentLoader === 'function') {
-                Wick.showPaymentLoader('billie');
-            }
-        });
-    }
+      if (typeof Wick.showPaymentLoader === 'function') {
+        Wick.showPaymentLoader('billie');
+      }
 
-    bindEvents();
+    });
+  }
+
+  bindEvents();
 })();

package/src/js/emulation/selectable.js

@@ -1,30 +1,26 @@
 var Wick = Wick || {};
-Wick.Selectable = (function () {
-    var $selectable = $('.js-selectable'),
-        selected = 'js-selectable_selected';
+Wick.Selectable = (function(){
+  $selectable = $('.js-selectable'),
+    selected = 'js-selectable_selected';
 
-    function bindEvents() {
-        if ($selectable) {
-            $selectable.on('click', function (e) {
-                var $action = $(e.target).closest('a, button, input, .rbn');
+  function bindEvents() {
+    $selectable.on('click', function(e){
+      var $action = $(e.target).closest('a, button, input, .rbn');
 
-                if ($action.length || $(this).hasClass(selected)) {
-                    return;
-                }
+      if ($action.length || $(this).hasClass(selected)){
+        return;
+      }
 
-                $selectable.removeClass(selected);
-                $(this).addClass(selected);
+      $selectable.removeClass(selected);
+      $(this).addClass(selected);
 
-                $('.user-address__wrapper .btn-delivery-details').insertAfter(
-                    '.js-selectable_selected'
-                );
-            });
-        }
-    }
+      $('.user-address__wrapper .btn-delivery-details').insertAfter('.js-selectable_selected');
+    });
+  }
 
-    if (!$selectable.length) {
-        return;
-    }
+  if (!$selectable.length){
+    return;
+  }
 
-    bindEvents();
+  bindEvents();
 })();

package/src/js/emulation/wismo-details.js

@@ -1,30 +1,38 @@
-var Wick = (window.Wick = window.Wick || {});
+var Wick = Wick || {};
 
 Wick.Wismo = (function () {
     Wick.SnackBar.init();
     var $buyBtn = $('.wismo-order__action').find('.btn');
 
     $buyBtn.on('click', function () {
-        Wick.SnackBar.show({
-            text: 'Notification success message for Delivery with Autoclose',
-            type: Wick.SnackBar.types.SUCCESS,
-            withCloseButton: false,
-            autoClose: true,
-            delayBeforeClose: 3000,
-        });
-        Wick.SnackBar.show({
-            text: 'Notification warning message for Delivery with Close Btn',
-            type: Wick.SnackBar.types.WARNING,
-            withCloseButton: false,
-            autoClose: true,
-            delayBeforeClose: 1500,
-        });
-        Wick.SnackBar.show({
-            text: 'Notification error message for Delivery with Close Btn',
-            type: Wick.SnackBar.types.ERROR,
-            withCloseButton: false,
-            autoClose: true,
-            delayBeforeClose: 1500,
-        });
-    });
+        Wick.SnackBar.show(
+            {
+                text: 'Notification success message for Delivery with Autoclose',
+                type: Wick.SnackBar.types.SUCCESS,
+                withCloseButton: false,
+                autoClose: true,
+                delayBeforeClose: 3000
+            }
+        );
+        Wick.SnackBar.show(
+            {
+                text: 'Notification warning message for Delivery with Close Btn',
+                type: Wick.SnackBar.types.WARNING,
+                withCloseButton: false,
+                autoClose: true,
+                delayBeforeClose: 1500
+            }
+        );
+        Wick.SnackBar.show(
+            {
+                text: 'Notification error message for Delivery with Close Btn',
+                type: Wick.SnackBar.types.ERROR,
+                withCloseButton: false,
+                autoClose: true,
+                delayBeforeClose: 1500
+            }
+        );
+    })
 })();
+
+

package/src/js/page/accordion.js

@@ -0,0 +1,35 @@
+var Wick = Wick || {};
+Wick.Accordion = (function(){
+  var $accordion = $('.accordion'),
+    accordionToggler = '.accordion__header',
+    accordionIcon = '.accordion__action',
+    accordionContent = '.accordion__content',
+    collapsed = 'accordion_collapsed',
+    $asideAccordion = $('.aside-accordion .js-toggle-aside-accordion');
+  var bindEvents = function (index, element) {
+    var $acc = $(element);
+
+    var accordionTrigger = $acc.attr('data-action-element') === 'icon' ? accordionIcon : accordionToggler
+    $acc.find(accordionTrigger).on('click', function(){
+      $acc.toggleClass(collapsed);
+      $acc.children(accordionContent).slideToggle(200);
+    });
+  };
+
+  var init = function () {
+    $accordion.each(bindEvents);
+
+    $asideAccordion.click(function() {
+      if (window.matchMedia("(min-width: 992px)").matches) {
+        if ($(this).text().toLowerCase() != 'useful links') {
+          $(this).closest('.aside-nav2__holder')
+            .toggleClass('is-active')
+            .find('.aside-nav2__list')
+            .slideToggle(250);
+        }
+      }
+    });
+  }
+
+  init();
+})();

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

@@ -1,62 +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();
+  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

@@ -1,29 +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();
-    }
+  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

@@ -1,57 +1,50 @@
 export function isMessageExist(data) {
-    return data.message && data.statusMessage;
+  return data.message && data.statusMessage;
 }
 
 export function getMessageInfo(data) {
-    return {
-        message: data.message,
-        status: data.statusMessage,
-    };
+  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;
-    }
+  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,
-    });
+  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);
+  return data?.deliveryOrderGroups.concat(data.pickupOrderGroups)
+    .map(orderGroup => orderGroup?.entries)
+    .flatMap(entries => entries);
 }
 
 export function checkProductArrays(cart) {
-    return cart.pickupUniqueItemsNumber || cart.deliveryUniqueItemsNumber;
+  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));
-    });
+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

@@ -1,101 +1,97 @@
-import { updateDiscount } from '../components/discounts';
+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',
-};
+  $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));
-            }
-        }
+  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();
-        }
-    });
+    $(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);
+  updateDiscount(data, isVoucher);
+  hideUnusedDeliveryTypeCost(data, isVoucher);
+  calculateFreeDelivery(data);
 }
 
 function createCheckoutWidgetItem(obj) {
-    return `
+  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();
-        }
+  $(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);
+  osEl.$totalSection.each(function () {
+    let $free = $(this).find(osEl.itemFree);
+    let $deficit = $(this).find(osEl.itemDeficit);
 
-        !$free.length || $free.remove();
-        !$deficit.length || $deficit.remove();
+    !$free.length || $free.remove();
+    !$deficit.length || $deficit.remove()
 
-        if (!data.clickAndCollectOnly) {
-            if (data.freeDelivery && data.messageForFreeDelivery) {
-                $(this)
-                    .find(osEl.summaryDelivery)
-                    .before(function () {
-                        return `
+    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 `
+          `
+        })
+        $(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>
-          `;
-                    });
-            }
-        }
-    });
+          `
+        })
+      }
+    }
+  })
 }