wickes-css2 2.105.0-develop.3 → 2.105.0-gift-cards.2

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

@@ -44,6 +44,7 @@ import {
 } 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";
 
 var Wick = window.Wick || {};
 Wick.BasketPage = {
@@ -1209,6 +1210,7 @@ $(document).ready(function () {
 
         setDefaultCharityValue();
         initCharityInteractions();
+        initBillieModal();
         if (!$(Wick.BasketPage.el.loader).length) {
             appendLoader(Wick.BasketPage.loaderPayload);
         }

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

@@ -0,0 +1,31 @@
+const billieEl = {
+  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');
+}
+
+export function initBillieModal() {
+  const $modal = $(billieEl.modalId);
+  if (!$modal.length) return;
+
+  $(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('hidden.bs.modal', billieEl.modalId, function () {
+    resetBillieModalScroll($modal);
+  });
+}