wickes-css2 2.102.0-lg-788-improve-mini-basket.6 → 2.103.0-gift-cards.1

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

@@ -0,0 +1,43 @@
+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' },
+  total: { item: '.checkout-widget__total', value: '.checkout-widget__total-value' },
+  giftCardApplied: { item: '.checkout-widget__gift-card', value: '.checkout-widget__total-value', title: 'Gift Card:' },
+};
+
+export function formatGc16(raw) {
+  const digits = String(raw || '').replace(/\D/g, '').slice(0, 16);
+  return digits.replace(/(\d{4})(?=\d)/g, '$1-');
+}
+
+export function buildHintContext(count, limit) {
+  const max = count >= limit;
+  return {
+    canAdd: !max,
+    max,
+    hintClass: `giftcard-summary__hint${max ? ' giftcard-summary__hint--max' : ''}`,
+  };
+}
+
+export function buildChipData($root, numberSelector) {
+  const digits = String($root.find(numberSelector).val() || '').replace(/\D/g, '');
+  const last5 = digits.slice(-5);
+  const id= `giftcard_${Date.now()}`;
+  const $giftcard = $root.closest('.giftcard');
+  const currency = $giftcard.data('currency') || '£';
+  const amount= ($giftcard.data('amount') != null ? $giftcard.data('amount') : '100.00');
+  return { id, last5, currency, amount };
+}
+
+export function buildSummaryEqualMap(data) {
+  return Object.entries(SUMMARY_SELECTORS).map(([key, d]) => ({
+    item: d.item,
+    itemValue: d.value,
+    dataValue: data[key],
+    ...(d.title ? { title: d.title } : {}),
+  }));
+}

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

@@ -0,0 +1,28 @@
+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();
+}