wickes-css2 2.106.0-develop.4 → 2.106.0-gift-cards.2

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);

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);
+  });
 }