wickes-css2 2.103.0-RG-599-place-order-with-gift-card-spinner.2 → 2.103.0-develop.3

package/src/js/emulation/banner-placement-manager.js

@@ -0,0 +1,53 @@
+// Simulate prompt for input
+function getInputs() {
+  const productBannerPositions = prompt("Enter Product Banner Positions:", "2") || "";
+  const sponsorProductPositions = prompt("Enter Sponsor Product Positions (comma-separated):", "6,7,8") || "";
+  const sponsorBannerPositions = prompt("Enter Sponsor Banner Positions:", "10") || "";
+
+  return {
+    productBannerPositions: productBannerPositions ? productBannerPositions.split(",").map(Number) : [],
+    sponsorProductPositions: sponsorProductPositions ? sponsorProductPositions.split(",").map(Number) : [],
+    sponsorBannerPositions: sponsorBannerPositions ? sponsorBannerPositions.split(",").map(Number) : [],
+  };
+}
+
+function getPositionAttr() {
+  const isMobile = Wick.BannerPlacementManager.isMobileResolution();
+  return isMobile
+    ? 'data-mobile-position'
+    : 'data-desktop-position';
+}
+
+function updatePositions(inputs) {
+  const productBannerElements = document.querySelectorAll(".card-product-banner");
+  productBannerElements.forEach((el, index) => {
+    if (inputs.productBannerPositions[index] !== undefined) {
+      el.setAttribute(getPositionAttr(), inputs.productBannerPositions[index]);
+    }
+  });
+
+  const sponsorProductElements = document.querySelectorAll(".card-sponsor-product");
+  sponsorProductElements.forEach((el, index) => {
+    if (inputs.sponsorProductPositions[index] !== undefined) {
+      el.setAttribute(getPositionAttr(), inputs.sponsorProductPositions[index]);
+    }
+  });
+
+  const sponsorBannerElements = document.querySelectorAll(".card-sponsor-banner");
+  sponsorBannerElements.forEach((el, index) => {
+    if (inputs.sponsorBannerPositions[index] !== undefined) {
+      el.setAttribute(getPositionAttr(), inputs.sponsorBannerPositions[index]);
+    }
+  });
+}
+
+function init() {
+  const inputs = getInputs();
+  updatePositions(inputs);
+}
+
+$(document).ready(function () {
+  if ($('.retail-media .products-list.products-list-v2').length) {
+    setTimeout(() => init(), 100)
+  }
+});

package/src/js/emulation/checkout-payment-details.js

@@ -2,33 +2,24 @@ var Wick = Wick || {};
 
 Wick.PaymentDetails = (function () {
   var $btnEnterDetails = $('.btn-enter-details'),
+    $form = $btnEnterDetails.parents('form'),
     isGuestPage = $('.page_checkout-payment-details_guest').length;
 
   function bindEvents () {
-    $btnEnterDetails.on('click', function (e) {
-      e.preventDefault();
-      var $scope = $(this).closest('form');
-      if (!$scope.length) $scope = $(this).closest('.billing-address');
-      if (!$scope.length) $scope = $('.billing-address');
-      var nameVal= ($scope.find('#card-name').val() || '').trim();
-      var finderVal= ($scope.find('#first-line-address').val() || '').trim();
-      var manualLine1= ($scope.find('#address-line-1').val() || '').trim();
-      var manualTown= ($scope.find('#town-city').val() || '').trim();
-      var manualPost= ($scope.find('#postcode_additional').val() || '').trim();
-      var addressFinderOk = finderVal.length > 0;
-      var addressManualOk = manualLine1 && manualTown && manualPost;
-
-      if (nameVal && (addressFinderOk || addressManualOk)) {
-        var $details = $('.checkout-payment-details__card-details');
-        $details.removeClass('checkout-payment-details__card-details_hidden');
-        $('html, body').animate({ scrollTop: $details.offset().top - 15 }, 700);
-        return;
-      }
-
-      var formEl = $scope.closest('form').get(0) || $scope.get(0);
-      if (formEl && Wick.Forms && Wick.Forms.showValidationErrors) {
-        Wick.Forms.showValidationErrors(formEl);
+    $btnEnterDetails.on('click', function(){
+      if ($form.find('#card-name').val().length &&
+        $form.find('#first-line-address').val().length &&
+        $form.find('#address-line-1').val().length &&
+        $form.find('#town-city').val().length &&
+        $form.find('#postcode_additional').val().length){
+        $('.checkout-payment-details__card-details').removeClass('checkout-payment-details__card-details_hidden');
+        $('html, body').animate({
+          scrollTop: $('.checkout-payment-details__card-details').offset().top - 15
+        }, 700);
+        return false;
       }
+      Wick.Forms.showValidationErrors($form[0]);
+      return false;
     });
 
     $('.checkout-payment-details__card-details').on('submit', function(){

package/src/js/emulation/custom-slider-emulation.js

@@ -7,22 +7,16 @@ function simulateHybrisSendingHtml() {
   document.dispatchEvent(event);
 }
 
-function initCloseJustAddedDiff() {
-  $(window).on('CLOSE_JUST_ADDED CLOSE_MINI_BASKET', function ({ detail: { resolve }}) {
+function bindResolveEvent(events) {
+  $(window).on(events.join(' '), function ({ detail: { resolve } }) {
     setTimeout(() => {
-      return resolve();
+      resolve();
     }, 200);
   });
-};
-
-function simulateShowMiniBasket() {
-  const event = new CustomEvent('showMiniBasket', {});
-  document.dispatchEvent(event);
 }
 
 $(document).ready(function () {
   $('.btn-add-to-basket').on('click', simulateHybrisSendingHtml);
-  $('.header-minicart__btn').on('click', simulateShowMiniBasket);
 
-  initCloseJustAddedDiff();
+  bindResolveEvent(['CLOSE_JUST_ADDED', 'CLOSE_MINI_BASKET', 'MINI_BASKET_CHECKOUT', 'MINI_BASKET_VIEW_BASKET']);
 });

package/src/js/emulation/forms.js

@@ -60,16 +60,11 @@ Wick.Forms = (function(){
 
   var showValidationErrors = function (form, errorMsg) {
     var $form = $(form);
-    var $rows = $form.find(fieldRow).not('[data-no-global-validation]');
-    if (!$rows.length) return;
-    $rows.find('.form-row__error').remove();
-
     if (!$form.hasClass(formInvalid)) {
-      $form.addClass(formInvalid);
+      $form.find('.form-row__error').remove();
+      $form.addClass(formInvalid).find(fieldRow).append(validationError(errorMsg)).addClass(rowValidationError);
     }
 
-    $rows.append(validationError(errorMsg)).addClass(rowValidationError);
-
     var $firstMsg = $form.find(fieldRow).first();
     if($firstMsg.length && !isElementInViewport($firstMsg)){
       var inModal = $firstMsg.closest('.modal').length,