wickes-css2 2.103.0-RG-1742-billie-30-60-90-days.3 → 2.103.0-develop.10

package/src/components/checkout-chip.hbs

@@ -1,15 +0,0 @@
-<div class="checkout-chip">
-  <input
-      class="checkout-chip__input"
-      type="radio"
-      name="{{name}}"
-      id="{{id}}"
-      value="{{value}}"
-      {{#if checked}}checked{{/if}}
-  />
-
-  <label class="checkout-chip__label" for="{{id}}">
-    <span class="checkout-chip__label-top">{{top}}</span>
-    <span class="checkout-chip__label-bottom">{{bottom}}</span>
-  </label>
-</div>

package/src/components/checkout-payment-repayment-terms.hbs

@@ -1,12 +0,0 @@
-<div class="repayment-terms">
-  <div class="repayment-terms__title">
-    <span class="repayment-terms__asterisk">*</span>
-    <span>{{title}}</span>
-  </div>
-
-  <div class="repayment-terms__chips" role="radiogroup">
-    {{#each repaymentTerms}}
-      {{> checkout-chip name=../name }}
-    {{/each}}
-  </div>
-</div>

package/src/data/data_billie-terms.json

@@ -1,7 +0,0 @@
-{
-  "billieTerms": [
-    { "id": "repay-30", "value": "30", "top": "30", "bottom": "days" },
-    { "id": "repay-60", "value": "60", "top": "60", "bottom": "days" },
-    { "id": "repay-90", "value": "90", "top": "90", "bottom": "days" }
-  ]
-}

package/src/js/components/general/mini-basket-slider.js

@@ -1,8 +0,0 @@
-createPopupSlider({
-  type: 'miniBasket',
-  sliderSelector: '.custom-slider.mini-basket',
-  onAppendEvent: 'showMiniBasket',
-  onAppend: function (event, { showSlider }) {
-    showSlider();
-  },
-});

package/src/js/components/product-banner.js

@@ -1,148 +0,0 @@
-var Wick = Wick || {};
-Wick.ProductBanner = {
-  el: {
-    banners: '.card-product-banner',
-    bannerInactiveClass: 'card-product-banner--inactive',
-    productsWrap: '.products-list-v2',
-    $products: $('.product-card'),
-    attrPositionDesktop: 'data-desktop-position',
-    attrPositionMobile: 'data-mobile-position',
-    attrRequiredAmountDesktop: 'data-required-amount-desktop',
-    attrRequiredAmountMobile: 'data-required-amount-mobile',
-    hide: 'd-none'
-  },
-  currentBreakpoint: null,
-  checkProductsInColumn() {
-    Wick.ProductBanner.addInactiveClasses();
-    Wick.ProductBanner.arrangeBannersInRightOrder();
-    $(Wick.ProductBanner.el.banners).each((index, banner) => {
-      Wick.ProductBanner.hideBannerDueLimit(banner, index);
-      Wick.ProductBanner.moveBannerToSpecifiedPosition(banner);
-    });
-  },
-  moveBannerToSpecifiedPosition(banner) {
-    const $listSlots = Wick.ProductBanner.getListSlots();
-    const bannerPosition = Wick.ProductBanner.getBannerPosition(banner) - 2;
-    const listSlotsLength = $listSlots.length;
-
-    if(Wick.ProductBanner.isBannerVisible(banner)) {
-      if (bannerPosition <= listSlotsLength) {
-        if ($listSlots[bannerPosition]) {
-          Wick.ProductBanner.showBanner(banner);
-          Wick.ProductBanner.removeInactiveClass(banner);
-          Wick.ProductBanner.moveBanner(banner, $listSlots[bannerPosition]);
-        } else {
-          Wick.ProductBanner.hideBanner(banner);
-          Wick.ProductBanner.coverEdgeCases(banner);
-        }
-      } else {
-        Wick.ProductBanner.hideBanner(banner);
-      }
-    }
-  },
-  moveBanner(banner, targetElement) {
-    $(banner).remove();
-    $(targetElement).after(banner);
-  },
-  hideBanner(banner) {
-    $(banner).addClass(Wick.ProductBanner.el.hide);
-  },
-  showBanner(banner) {
-    $(banner).removeClass(Wick.ProductBanner.el.hide);
-  },
-  isBannerVisible(banner) {
-    return !$(banner).hasClass(Wick.ProductBanner.el.hide);
-  },
-  hideBannerDueLimit(banner) {
-    const bannerMinLimit = Wick.ProductBanner.getBannerLimit(banner) - 1;
-    const $listSlots = Wick.ProductBanner.getListSlots();
-    const listProductsLength = $listSlots.length;
-    Wick.ProductBanner.showBanner(banner);
-
-    if (bannerMinLimit > listProductsLength) {
-      Wick.ProductBanner.hideBanner(banner);
-    }
-  },
-  getBannerPosition(banner) {
-    const isMobile = Wick.ProductBanner.isMobileResolution();
-    const positionAttribute = isMobile
-      ?  Wick.ProductBanner.el.attrPositionMobile
-      : Wick.ProductBanner.el.attrPositionDesktop
-
-    return banner.hasAttribute(positionAttribute)
-      ? Number(banner.getAttribute(positionAttribute))
-      : Number(Wick.ProductBanner.getListLength() + Wick.ProductBanner.getBannersAmount());
-  },
-  getBannerLimit(banner) {
-    const isMobile = Wick.ProductBanner.isMobileResolution();
-
-    const limitAttribute = isMobile
-      ? Wick.ProductBanner.el.attrRequiredAmountMobile
-      : Wick.ProductBanner.el.attrRequiredAmountDesktop;
-
-    return banner.hasAttribute(limitAttribute)
-      ? Number(banner.getAttribute(limitAttribute))
-      : 0;
-  },
-  isMobileResolution() {
-    return Wick.Responsive.getCurrentBreakpoint() !== 'up-lg';
-  },
-  getListLength() {
-    const $listItems = $(Wick.ProductBanner.el.productsWrap).find('.product-card');
-    return $listItems.length;
-  },
-  getBannersAmount() {
-    return $(Wick.ProductBanner.el.banners).length;
-  },
-  getProductsAmount() {
-    return Wick.ProductBanner.el.$products.length;
-  },
-  arrangeBannersInRightOrder() {
-    $(Wick.ProductBanner.el.banners).sort((a, b) => {
-      let bannerPositionA = Wick.ProductBanner.getBannerPosition(a);
-      let bannerPositionB = Wick.ProductBanner.getBannerPosition(b);
-
-      return bannerPositionA - bannerPositionB
-    }).appendTo(Wick.ProductBanner.el.productsWrap);
-  },
-  addInactiveClasses() {
-    $(Wick.ProductBanner.el.banners).addClass(Wick.ProductBanner.el.bannerInactiveClass);
-  },
-  removeInactiveClass(banner) {
-    $(banner).removeClass(Wick.ProductBanner.el.bannerInactiveClass)
-  },
-  insertFirstBanner(banner) {
-    const bannerPosition = Wick.ProductBanner.getBannerPosition(banner);
-
-    if (bannerPosition === 1) {
-      Wick.ProductBanner.showBanner(banner);
-      Wick.ProductBanner.removeInactiveClass(banner);
-      $(banner).remove();
-      $(Wick.ProductBanner.el.productsWrap).prepend(banner);
-    }
-  },
-  coverEdgeCases(banner) {
-    Wick.ProductBanner.insertFirstBanner(banner);
-  },
-  getListSlots() {
-    return $(Wick.ProductBanner.el.productsWrap)
-      .find('.product-card, .card-product-banner:not(.card-product-banner--inactive)');
-  },
-  init() {
-    Wick.Responsive.onResize(function () {
-      if(Wick.ProductBanner.currentBreakpoint !== Wick.Responsive.getCurrentBreakpoint()) {
-        Wick.ProductBanner.currentBreakpoint = Wick.Responsive.getCurrentBreakpoint()
-        Wick.ProductBanner.checkProductsInColumn();
-        $(window).trigger('productBannerPositionChanged');
-      }
-    });
-  }
-};
-
-$(document).ready(function () {
-  if (!Wick.ProductBanner.getBannersAmount() || !Wick.ProductBanner.getProductsAmount()) {
-    return;
-  }
-
-  Wick.ProductBanner.init();
-})

package/src/js/emulation/repayment-toggle.js

@@ -1,35 +0,0 @@
-var Wick = Wick || {};
-
-Wick.RepaymentToggle = (function () {
-  const SELECTORS = {
-    repaymentRadio: 'input[name="repaymentTerms"]',
-    term: '.billie-info .term',
-    paymentMethod: '[name="payment-method"]'
-  };
-
-  function updateTerm(value) {
-    const $term = $(SELECTORS.term);
-    if (!$term.length) return;
-
-    $term.text(value);
-  }
-
-  function bindEvents () {
-    $(document).on('change', SELECTORS.repaymentRadio, function () {
-      const value = $(this).val();
-      if (!value) return;
-
-      updateTerm(value);
-
-      const currentMethod = $(SELECTORS.paymentMethod + ':checked').val();
-      if (currentMethod !== 'billie') return;
-
-      if (typeof Wick.showPaymentLoader === 'function') {
-        Wick.showPaymentLoader('billie');
-      }
-
-    });
-  }
-
-  bindEvents();
-})();

package/src/scss/components/checkout-chip.scss

@@ -1,64 +0,0 @@
-@import '../helpers/variables';
-
-.checkout-chip {
-  position: relative;
-  flex: 0 0 auto;
-
-  &__input {
-    position: absolute;
-    opacity: 0;
-    width: 1px;
-    height: 1px;
-    pointer-events: none;
-
-    &:checked + .checkout-chip__label {
-      border-color: $blue;
-
-      .checkout-chip__label-top,
-      .checkout-chip__label-bottom {
-        color: $blue;
-      }
-    }
-
-    &:focus-visible + .checkout-chip__label {
-      outline: 2px solid $blue;
-      outline-offset: 2px;
-    }
-  }
-
-  &__label {
-    background: $white;
-    border: 1px solid $gray;
-    border-radius: 16px;
-    padding: 8px 24px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    gap: 4px;
-    cursor: pointer;
-    user-select: none;
-    transition: border-color 0.2s ease;
-  }
-
-  &__label-top {
-    font-family: Roboto, sans-serif;
-    font-weight: 700;
-    font-size: 1rem;
-    line-height: 20px;
-  }
-
-  &__label-bottom {
-    font-family: Roboto, sans-serif;
-    font-weight: 400;
-    font-size: 0.87rem;
-    line-height: 22px;
-    text-align: center;
-  }
-}
-
-.form-row_validation-error {
-  .checkout-chip__label {
-    border: 1px solid $red;
-  }
-}

package/src/scss/components/checkout-payment-repayment-terms.scss

@@ -1,39 +0,0 @@
-@import '../helpers/variables';
-
-.repayment-terms {
-  background: $gray-bg;
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-
-  &__title {
-    display: flex;
-    gap: 4px;
-    align-items: flex-start;
-    font-family: Roboto, sans-serif;
-    font-weight: 500;
-    font-size: 1rem;
-    line-height: 24px;
-  }
-
-  &__asterisk {
-    color: $red;
-  }
-
-  &__chips {
-    display: flex;
-    gap: 8px;
-    align-items: center;
-    width: 100%;
-  }
-
-  &__body {
-    display: flex;
-    flex-direction: column;
-    gap: 20px;
-  }
-
-  &__divider {
-    padding: 10px 0;
-  }
-}