wickes-css2 2.106.0-develop.6 → 2.106.0-develop.8

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

@@ -1,5 +1,8 @@
 function getHtmlByCurrentPage({currentPage}) {
-  const matchingData = Wick.FEMock.productListPagesData.find(item => item.page === currentPage);
+  const pagesData = Wick.VatToggle.isToggleVatAvailable()
+    ? Wick.FEMock.productListVatPagesData
+    : Wick.FEMock.productListPagesData;
+  const matchingData = pagesData.find(item => item.page === currentPage);
 
   return matchingData.html;
 }

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

@@ -46,7 +46,9 @@ import { updateCartBase } from './basket/basket-update-cart';
 import { updateCartActionBase } from './basket/basket-update-cart-action';
 import { initBillieModal } from './components/billie-modal';
 
-var Wick = window.Wick || {};
+window.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);