wickes-css2 2.106.0-develop.1 → 2.106.0-develop.11

package/src/js/emulation/plp-load-more.js

@@ -1,21 +1,27 @@
-function getHtmlByCurrentPage({currentPage}) {
-  const matchingData = Wick.FEMock.productListPagesData.find(item => item.page === currentPage);
+function getHtmlByCurrentPage({ currentPage }) {
+    const pagesData = Wick.VatToggle.isToggleVatAvailable()
+        ? Wick.FEMock.productListVatPagesData
+        : Wick.FEMock.productListPagesData;
+    const matchingData = pagesData.find((item) => item.page === currentPage);
 
-  return matchingData.html;
+    return matchingData.html;
 }
 
-function initPLPLoadMoreFunctionality () {
-  $(window).on(Wick.PLPLoadMore?.PLP_LOAD_MORE_EVENT, function ({ detail: { resolve, reject, payload }}) {
-    setTimeout(() => {
-      resolve(getHtmlByCurrentPage(payload));
-    }, 1500)
-  });
+function initPLPLoadMoreFunctionality() {
+    $(window).on(
+        Wick.PLPLoadMore?.PLP_LOAD_MORE_EVENT,
+        function ({ detail: { resolve, payload } }) {
+            setTimeout(() => {
+                resolve(getHtmlByCurrentPage(payload));
+            }, 1500);
+        }
+    );
 }
 
 $(document).ready(function () {
-  if (!$('.btn-load-more').length) {
-    return;
-  }
+    if (!$('.btn-load-more').length) {
+        return;
+    }
 
-  initPLPLoadMoreFunctionality();
+    initPLPLoadMoreFunctionality();
 });

package/src/js/emulation/validity-emulation.js

@@ -0,0 +1,33 @@
+let suppressQuantityReportValidityOnBlur = false;
+
+$(document)
+    .off('blur.quantityValidation', '#quantity-field')
+    .on('blur.quantityValidation', '#quantity-field', function () {
+        if (suppressQuantityReportValidityOnBlur) {
+            suppressQuantityReportValidityOnBlur = false;
+            return;
+        }
+
+        this.reportValidity();
+    });
+
+$(document)
+    .off('keydown.quantityValidation', '#quantity-field')
+    .on('keydown.quantityValidation', '#quantity-field', function (e) {
+        if (e.key !== 'Enter') return;
+
+        e.preventDefault();
+        e.stopPropagation();
+
+        const isValid = this.checkValidity();
+
+        Wick.FEMock.dispatchProductAddedToCart(Wick.FEMock.getCartPdpHtml({ hasError: !isValid }));
+
+        suppressQuantityReportValidityOnBlur = true;
+        this.blur();
+
+        setTimeout(() => {
+            const $focusTarget = $('.custom-slider.just-added .close-popup').first();
+            if ($focusTarget.length) $focusTarget.trigger('focus');
+        }, 150);
+    });

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

@@ -48,7 +48,10 @@ export function updateCartActionBase(params) {
         context && context.length && updatePromotionFn && updatePromotionFn(response, context);
         addPotentialPromoFn && addPotentialPromoFn(response);
         updateKlarnaPlacementsFn &&
-            updateKlarnaPlacementsFn(response.totalPrice.formattedPriceWithoutCurrencySymbol);
+            updateKlarnaPlacementsFn(
+                response.totalPrice.formattedPriceWithoutCurrencySymbol,
+                response.paymentInfos.klarnaPaymentInfo.customPaymentMethodIds
+            );
         updateClearpayPlacementsFn && updateClearpayPlacementsFn(response.totalPrice.value);
         updateClearpayVisibilityFn && updateClearpayVisibilityFn(response.totalPrice.value);
         addClassToSummaryAsideFn && addClassToSummaryAsideFn(response);

package/src/js/page/basket/klarna.js

@@ -1,21 +1,31 @@
 const KLARNA_PLACEMENT = 'klarna-placement';
 const DATA_PURCHASE_AMOUNT_ATTRIBUTE = 'data-purchase-amount';
+const DATA_CUSTOM_PAYMENT_METHOD_IDS_ATTRIBUTE = 'data-custom-payment-method-ids';
 
 function refreshKlarnaPlacement() {
     window.Klarna?.OnsiteMessaging?.refresh();
 }
 
-function getKlarnaPlacements () {
+function getKlarnaPlacements() {
     const klarnaPlacementsWithPurchaseAmountSelector = `${KLARNA_PLACEMENT}[${DATA_PURCHASE_AMOUNT_ATTRIBUTE}]`;
     return $.find(klarnaPlacementsWithPurchaseAmountSelector);
 }
 
-export function updateKlarnaPlacements(newAmount) {
+export function updateKlarnaPlacements(newAmount, paymentMethodIds = null) {
     const formattedAmount = newAmount.split(/[,.]/).join('');
     const klarnaPlacements = getKlarnaPlacements() || [];
 
     klarnaPlacements.forEach((placement) => {
-        placement.setAttribute(DATA_PURCHASE_AMOUNT_ATTRIBUTE, formattedAmount)
+        placement.setAttribute(DATA_PURCHASE_AMOUNT_ATTRIBUTE, formattedAmount);
+
+        if (Array.isArray(paymentMethodIds) && paymentMethodIds.length > 0) {
+            placement.setAttribute(
+                DATA_CUSTOM_PAYMENT_METHOD_IDS_ATTRIBUTE,
+                paymentMethodIds.join(',')
+            );
+        } else {
+            placement.removeAttribute(DATA_CUSTOM_PAYMENT_METHOD_IDS_ATTRIBUTE);
+        }
     });
 
     refreshKlarnaPlacement();

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

@@ -40,13 +40,15 @@ import {
     getMessageInfo,
     isMessageExist,
     updatePromotion,
-    showNotification
-} from "./basket/basket-utils";
-import {updateCartBase} from "./basket/basket-update-cart";
-import {updateCartActionBase} from "./basket/basket-update-cart-action";
-import {initBillieModal} from "./components/billie-modal";
+    showNotification,
+} from './basket/basket-utils';
+import { updateCartBase } from './basket/basket-update-cart';
+import { updateCartActionBase } from './basket/basket-update-cart-action';
+import { initBillieModal } from './components/billie-modal';
+
+window.Wick = window.Wick || {};
+var Wick = window.Wick;
 
-var Wick = window.Wick || {};
 Wick.BasketPage = {
     el: {
         $voucherFormBtn: $('.voucher__btn'),
@@ -323,7 +325,9 @@ Wick.BasketPage = {
                         Wick.BasketPage.updatePromotion(Wick.BasketData.updateCart, context);
                     }
                     updateKlarnaPlacements(
-                        Wick.BasketData.updateCart.totalPrice.formattedPriceWithoutCurrencySymbol
+                        Wick.BasketData.updateCart.totalPrice.formattedPriceWithoutCurrencySymbol,
+                        Wick.BasketData.updateCart.paymentInfos.klarnaPaymentInfo
+                            .customPaymentMethodIds
                     );
                     updateClearpayPlacements(Wick.BasketData.updateCart.totalPrice.value);
                     updateClearpayVisibility(Wick.BasketData.updateCart.totalPrice.value);

package/src/js/page/components/billie-modal.js

@@ -1,31 +1,31 @@
 const billieEl = {
-  modalId: '#billieLearnMoreModal',
-  openLink: '.billie__link[data-target="#billieLearnMoreModal"]',
-  scrollBody: '.modal-body.modal-box__body',
-  content: '.modal-content.modal-box__content',
+    modalId: '#billieLearnMoreModal',
+    openLink: '.billie__link[data-target="#billieLearnMoreModal"]',
+    scrollBody: '.modal-body.modal-box__body',
+    content: '.modal-content.modal-box__content',
 };
 
 function resetBillieModalScroll($modal) {
-  const bodyEl = $modal.find(billieEl.scrollBody)[0];
-  if (bodyEl) bodyEl.scrollTop = 0;
-  $modal.find(billieEl.content).attr('data-scroll-state', 'top');
+    const bodyEl = $modal.find(billieEl.scrollBody)[0];
+    if (bodyEl) bodyEl.scrollTop = 0;
+    $modal.find(billieEl.content).attr('data-scroll-state', 'top');
 }
 
 export function initBillieModal() {
-  const $modal = $(billieEl.modalId);
-  if (!$modal.length) return;
+    const $modal = $(billieEl.modalId);
+    if (!$modal.length) return;
 
-  $(document).on('click', billieEl.openLink, function () {
-    resetBillieModalScroll($modal);
-  });
+    $(document).on('click', billieEl.openLink, function () {
+        resetBillieModalScroll($modal);
+    });
 
-  $(document).on('shown.bs.modal', billieEl.modalId, function () {
-    resetBillieModalScroll($modal);
-    requestAnimationFrame(() => resetBillieModalScroll($modal));
-    setTimeout(() => resetBillieModalScroll($modal), 30);
-  });
+    $(document).on('shown.bs.modal', billieEl.modalId, function () {
+        resetBillieModalScroll($modal);
+        requestAnimationFrame(() => resetBillieModalScroll($modal));
+        setTimeout(() => resetBillieModalScroll($modal), 30);
+    });
 
-  $(document).on('hidden.bs.modal', billieEl.modalId, function () {
-    resetBillieModalScroll($modal);
-  });
+    $(document).on('hidden.bs.modal', billieEl.modalId, function () {
+        resetBillieModalScroll($modal);
+    });
 }