wickes-css2 2.103.0-RG-1576-error-handling-new-codes.8 → 2.103.0-RG-1587-replace-klarna-logo-with-svg-image.1

package/src/js/page/components/toggle-password-visibility.js

@@ -1,22 +0,0 @@
-import { initializeInputToggle } from "../utils/show-hide-input";
-
-var Wick = window.Wick || {};
-
-Wick.TogglePasswordVisibility = {
-  el: {
-    $containers: $('.form-row[data-show-content] .input-wrap'),
-  },
-
-  init() {
-    if (!this.el.$containers.length) {
-      return;
-    }
-    this.el.$containers.each(function () {
-      initializeInputToggle($(this));
-    });
-  },
-};
-
-$(document).ready(function () {
-  Wick.TogglePasswordVisibility.init();
-});

package/src/js/page/utils/gift-cards-utils.js

@@ -1,170 +0,0 @@
-import { showLoader, hideLoader } from "./loader";
-
-const SUMMARY_SELECTORS = {
-  subTotal: { item: '.checkout-widget__item-bold', value: '.checkout-widget__item-value', title: 'Items subtotal:' },
-  vat: { item: '.checkout-widget__item-vat', value: '.checkout-widget__item-value', title: 'VAT:' },
-  clickAndCollectCost: { item: '.checkout-widget__item-cc', value: '.checkout-widget__item-value', title: 'Click & Collect:' },
-  deliveryCost: { item: '.checkout-widget__item-delivery', value: '.checkout-widget__item-value', title: 'Delivery:' },
-  charityPrice: { item: '.checkout-widget__item-charity', value: '.checkout-widget__item-value', title: 'Charity donation:' },
-  discountTotal: { item: '.checkout-widget__details-discount', value: '.checkout-widget__detail-value' },
-  giftCardApplied: { item: '.checkout-widget__gift-card', value: '.checkout-widget__item-value', title: 'Gift Card:' },
-  total: { item: '.checkout-widget__total', value: '.checkout-widget__total-value' },
-};
-
-const CURRENCY_KEYS = new Set([
-  'subTotal','vat','clickAndCollectCost','deliveryCost',
-  'charityPrice','discountTotal','total','giftCardApplied'
-]);
-
-const GIFT_CARD_ALREADY_ADDED = 'GIFT_CARD_ALREADY_ADDED';
-const PIS_REQUEST_TIMEOUT = 'PIS-REQUEST-TIMEOUT';
-const PIS_INTEGRATION_ERROR = 'PIS-INTEGRATION-ERROR';
-const HYBRIS_REQUEST_TIMEOUT = 'HYBRIS-REQUEST-TIMEOUT';
-const HYBRIS_PIS_INTEGRATION_ERROR = 'HYBRIS-PIS-INTEGRATION-ERROR';
-const ZERO_BALANCE = 'ZERO_BALANCE'
-
-export const DEFAULT_ERROR_MESSAGE =
-    'Unable to use Gift Card at this time, please try later or click here for support.';
-
-export const OK_CODE = 0;
-
-export const MESSAGE_BY_CODE = {
-  10: 'Gift Card number and / or PIN not recognised. A Gift Card will be locked following three unsuccessful PIN attempts.',
-  16: 'Card locked due to three unsuccessful PIN entries. For support click here.',
-  20: 'Unable to use Gift Card at this time, please try later or click here for support.',
-  21: 'Unable to use Gift Card at this time, please try later or click here for support.',
-  40: 'Unable to use Gift Card at this time, please try later or click here for support.',
-  60: 'The entered Gift Card has expired. For support click here.',
-  75: 'The entered Gift Card is invalid. For support click here.',
-  [GIFT_CARD_ALREADY_ADDED]: 'Gift Card already added, please use a different card.',
-  [PIS_REQUEST_TIMEOUT]: 'Unable to use Gift Card at this time, please try later or click here for support.',
-  [PIS_INTEGRATION_ERROR]: 'Unable to use Gift Card at this time, please try later or click here for support.',
-  [HYBRIS_REQUEST_TIMEOUT]: 'Unable to use Gift Card at this time, please try later or click here for support.',
-  [HYBRIS_PIS_INTEGRATION_ERROR]: 'Unable to use Gift Card at this time, please try later or click here for support.',
-  [ZERO_BALANCE]: 'Insufficient funds available, please try another Gift Card or alternate payment method.',
-  99: 'The entered Gift Card is invalid. For support click here.',
-  [-1]: 'Gift Card is unavailable at this time, please try later. For support click here.',
-};
-
-export const PAY_MESSAGE_BY_CODE = {
-  101: 'Unable to use Gift Cards at this time, please try later or click here for support.',
-  102: 'Unfortunately there was a problem with requesting your card details from the payment provider. Available funds on your Gift Card are unchanged.',
-  103: 'Unfortunately there was a problem placing your order with Gift Card(s). Please click here for support.',
-  104: 'Unfortunately there was a problem placing your order with Gift Card(s). Please click here for support.',
-};
-
-export const ADD_GIFT_CARD = 'addGiftCard';
-export const REMOVE_GIFT_CARD = 'removeGiftCard';
-export const PAY_WITH_GIFT_CARD = 'payWithGiftCard';
-
-export const FAQ_URL = 'https://www.wickes.co.uk/gifts';
-
-export const escapeHtml = (s) => $('<div>').text(String(s || '')).html();
-
-export const linkifyClickHere = (msg) =>
-  escapeHtml(msg).replace(
-    /\bclick here\b/gi,
-    `<a href="${FAQ_URL}" target="_blank" rel="noopener" class="notification_link">click here</a>`
-  );
-
-export function formatGc16(raw) {
-  const digits = String(raw || '').replace(/\D/g, '').slice(0, 16);
-  return digits.replace(/(\d{4})(?=\d)/g, '$1-');
-}
-
-function formatGBP(value) {
-  if (value === null || typeof value === 'undefined' || String(value).trim() === '') {
-    return value;
-  }
-
-  const cleanedValue = String(value).replace(/[^\d.-]/g, '');
-  const numberValue = Number(cleanedValue);
-
-  if (Number.isFinite(numberValue)) {
-    return `£${numberValue.toFixed(2)}`;
-  }
-
-  return value;
-}
-
-export function buildHintContext(count, limit) {
-  const max = count >= limit;
-
-  return {
-    canAdd: !max,
-    max,
-    hintClass: `giftcard-summary__hint${max ? ' giftcard-summary__hint--max' : ''}`,
-  };
-}
-
-export function buildSummaryEqualMap(data) {
-  return Object.entries(SUMMARY_SELECTORS).map(([key, d]) => {
-    const raw = data[key];
-    let dataValue = raw;
-
-    if (key === 'giftCardApplied') {
-      if (isZeroAmount(raw)) {
-        dataValue = '';
-      } else if (raw != null && raw !== '') {
-        dataValue = formatGBP(raw);
-        if (typeof dataValue === 'string' && dataValue.startsWith('£')) {
-          dataValue = `-${dataValue}`;
-        }
-      }
-    } else {
-      if (CURRENCY_KEYS.has(key) && raw != null && raw !== '') {
-        dataValue = formatGBP(raw);
-      }
-    }
-
-    return {
-      item: d.item,
-      itemValue: d.value,
-      dataValue,
-      ...(d.title ? { title: d.title } : {}),
-    };
-  });
-}
-
-export function isZeroAmount(val) {
-  const cleaned = String(val ?? '').replace(/[^\d.]/g, '');
-  if (!cleaned) {
-    return false;
-  }
-  const num = Number(cleaned);
-  return Number.isFinite(num) && num === 0;
-}
-
-// --- API/Event-Dispatching Functions ---
-
-export function verifyGiftCard($loader, giftCardNumber, pin) {
-  showLoader($loader);
-  return new Promise((resolve, reject) => {
-    const payload = { giftCardNumber, pin };
-    const detail = { resolve, reject, payload };
-    const evt = createEvent(ADD_GIFT_CARD, payload, detail);
-    window.dispatchEvent(evt);
-  }).finally(() => {
-    hideLoader($loader);
-  });
-}
-
-export function removeGiftCard($loader, index) {
-  showLoader($loader);
-  return new Promise((resolve, reject) => {
-    const payload = { index };
-    const detail = { resolve, reject, payload };
-    const evt = createEvent(REMOVE_GIFT_CARD, payload, detail);
-    window.dispatchEvent(evt);
-  }).finally(() => {
-    hideLoader($loader);
-  });
-}
-
-export function payWithGiftCard() {
-  return new Promise((resolve, reject) => {
-    const detail = { resolve, reject };
-    const evt = createEvent(PAY_WITH_GIFT_CARD, undefined, detail);
-    window.dispatchEvent(evt);
-  });
-}

package/src/js/page/utils/input-handling.js

@@ -1,92 +0,0 @@
-import {formatGc16} from './gift-cards-utils';
-import {clearErrorText, showErrorText} from './validation';
-
-
-export function createGcNumberInputHandler({
-    fieldSelector,
-    fieldErrorClass,
-    errorTextSelector,
-    ariaInvalidAttr
-  }) {
-  return function handleGcNumberInput(e) {
-    const input = e.currentTarget;
-    const $input = $(input);
-
-    const canTrack = typeof input.selectionStart === 'number';
-    const atEnd = canTrack && input.selectionStart === input.value.length;
-
-    const hadErr = $input.closest(fieldSelector).hasClass(fieldErrorClass);
-
-    input.value = formatGc16(input.value);
-
-    if (hadErr) {
-      clearErrorText($input, fieldSelector, errorTextSelector, fieldErrorClass, ariaInvalidAttr);
-    }
-
-    if (atEnd && typeof input.setSelectionRange === 'function') {
-      input.setSelectionRange(input.value.length, input.value.length);
-    }
-  };
-}
-
-export function digitsOnlyKeypress(e) {
-  if (!/\d/.test(String.fromCharCode(e.which || e.keyCode))) {
-    e.preventDefault();
-  }
-}
-
-export function handleGcNumberBlur(e, {
-  fieldSelector,
-  errorTextSelector,
-  errorClass,
-  ariaInvalidAttr,
-  numberMessage,
-}) {
-  const $input = $(e.currentTarget);
-  const len = String($input.val() || '').replace(/\D/g, '').length;
-
-  clearErrorText($input, fieldSelector, errorTextSelector, errorClass, ariaInvalidAttr);
-
-  if (len < 16) {
-    showErrorText($input, numberMessage, fieldSelector, errorTextSelector, errorClass, ariaInvalidAttr);
-  }
-}
-
-export function handleGcPinInput(e, {
-  fieldSelector,
-  errorTextSelector,
-  errorClass,
-  ariaInvalidAttr,
-}) {
-  const input = e.currentTarget;
-  const $input = $(input);
-
-  const hadErr = $input.closest(fieldSelector).hasClass(errorClass);
-  input.value = String(input.value || '').replace(/\D/g, '').slice(0, 8);
-
-  if (hadErr) {
-    clearErrorText($input, fieldSelector, errorTextSelector, errorClass, ariaInvalidAttr);
-  }
-}
-
-
-export function handleGcPinKeypress(e) {
-  if (!/\d/.test(String.fromCharCode(e.which || e.keyCode))) e.preventDefault();
-}
-
-export function handleGcPinBlur(e, {
-  fieldSelector,
-  errorTextSelector,
-  errorClass,
-  ariaInvalidAttr,
-  pinMessage,
-}) {
-  const $input = $(e.currentTarget);
-  const length = String($input.val() || '').replace(/\D/g, '').length;
-
-  clearErrorText($input, fieldSelector, errorTextSelector, errorClass, ariaInvalidAttr);
-
-  if (length < 8) {
-    showErrorText($input, pinMessage, fieldSelector, errorTextSelector, errorClass, ariaInvalidAttr);
-  }
-}

package/src/js/page/utils/show-hide-input.js

@@ -1,28 +0,0 @@
-export function initializeInputToggle($container) {
-  const $input  = $container.find('input');
-  const $toggle = $container.find('.toggle-show');
-
-  if (!$input.length || !$toggle.length) return;
-
-  const handleToggleClick = (e) => {
-    e.preventDefault();
-
-    const isPassword = String($input.attr('type')) === 'password';
-    $input.attr('type', isPassword ? 'text' : 'password');
-    const $icon = $toggle.find('svg, i').first();
-
-    if ($icon.length) {
-      $icon.removeClass('fa-eye fa-eye-slash').addClass(isPassword ? 'fa-eye' : 'fa-eye-slash');
-    }
-  };
-
-  const updateToggleVisibility = () => {
-    $toggle.toggle(($input.val() || '').length > 0);
-  };
-
-  $toggle.off('click.passwordToggle mousedown.passwordToggle')
-    .on('mousedown.passwordToggle', handleToggleClick);
-
-  $input.off('input.passwordToggle').on('input.passwordToggle', updateToggleVisibility);
-  updateToggleVisibility();
-}

package/src/page_split-orders-klarna.html

@@ -1,106 +0,0 @@
-{{#extend "checkout" pageClass="page_checkout page_checkout-confirmation page_split-orders" title="Split Orders"
-logout=true}}
-{{#content "steps"}}
-<div class="page-header">
-    <h1 class="page-header__title">Thank You, Your Order Has Been Placed</h1>
-    <p class="page-header__order-number">Order number: <span class="page-header__order-number_strong">143402004</span>
-    </p>
-    <p class="page-header__intro">We have emailed your order confirmation to <a href="#">michael.michael@gmail.com</a>
-        with details of when your order will be delivered.
-        This email will also contain our contact details should you wish to get in touch with us.</p>
-</div>
-{{/content}}
-{{#content "main"}}
-
-<div>
-    <h3>Products delivered by Wickes</h3>
-    <p>The product listed below will be delivered to you by Wickes. This order 
-    may be split into several parts, if so you will be notified by email. The 
-    date, time slot and address for this delivery are listed below: </p>
-</div>
-
-<div class="product-delivery-table">
-    <div class="product-delivery-table__delivery-info">
-        <div class="row">
-            <div class="product-delivery-table__date">
-                <h4>Delivery date</h4>
-                <div class="product-delivery-table__date-inner">
-                    <div class="checkout-address-time__time-regular">MAR</div>
-                    <div class="checkout-address-time__time-primary">15</div>
-                    <div class="checkout-address-time__time-additional">8:00am - 6:00pm</div>
-                </div>
-            </div>
-            <div class="product-delivery-table__time">
-                <h4>Delivery time</h4>
-                <div class="product-delivery-table__content">
-                    Beetween<br />8:00AM - 6:00PM
-                </div>
-            </div>
-            <div class="product-delivery-table__address">
-                <h4>Delivery address</h4>
-                <div class="product-delivery-table__content">
-                    459 Acasia way<br/>
-                    Wimbledon<br/>
-                    London<br/>
-                    S7 7ET
-                </div>
-            </div>
-        </div>
-    </div>
-
-    <div class="shopping-card-container">
-        {{#each page_shopping-cart.linesCollection}}
-        {{>order-line mod="order-line_shrink"}}
-        {{/each}}
-    </div>
-</div>
-
-{{>checkout-supply-info checkout-components.supply-info.[2]}}
-<div class="checkout-confirmation-shopping-cards">
-    {{#each page_shopping-cart.linesCollection}}
-    <div class="checkout-confirmation-shopping-card">
-        <h4>Collection from Oldham store <span class="checkout__text-highlighted">1 Item</span></h4>
-        <span class="checkout__text-highlighted">Your order will be ready for collection within 1 store hour.</span>
-        <div class="shopping-card-container shopping-card-container_bordered">
-            <div class="delivery-details-option__delivery-info">
-                <div class="delivery-details-option__delivery-info-left">
-                    {{>checkout-address-time time=true within=true}}
-                </div>
-                <div class="delivery-details-option__delivery-info-right">
-                    {{>schedule}}
-                </div>
-            </div>
-            {{>order-line mod="order-line_shrink"}}
-        </div>
-    </div>
-    {{/each}}
-</div>
-
-<div>
-    <h3>Products delivered by suppliers</h3>
-    <p>The following products will be delivered by our suppliers. They will be contacting you to arrange a delivery
-        date.</p>
-</div>
-
-<div class="product-supplier-delivery-wrap">
-    <div class="product-delivery-table product-supplier-delivery">
-        <h4 class="shopping-card-heading">Products delivered by our supplier expected within <span>14</span> days <span class="checkout__text-highlighted">2 Items</span></h4>
-        <div class="shopping-card-container">
-            {{#each page_shopping-cart.linesCollection}}
-            {{>order-line mod="order-line_shrink"}}
-            {{/each}}
-        </div>
-    </div>
-</div>
-
-
-<a href="./" class="btn btn-secondary checkout-continue-shopping">Return to shopping</a>
-{{/content}}
-{{#content "aside"}}
-{{> checkout_order-summary label="Total: "}}
-{{> checkout_payment-other-methods klarna="true"}}
-{{> checkout_information }}
-
-<a href="./" class="btn btn-secondary checkout-continue-shopping_mobile">Return to shopping</a>
-{{/content}}
-{{/extend}}