wickes-css2 2.117.0-gift-cards.2 → 2.117.1-develop.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (102) hide show
  1. package/Readme.md +1 -0
  2. package/build/css/category-main.css +1 -1
  3. package/build/css/components/checkout-payment-details-v2.css +1 -1
  4. package/build/css/homepage-main.css +1 -1
  5. package/build/css/kitchen-plp-main.css +1 -1
  6. package/build/css/main.css +1 -1
  7. package/build/css/my-account-main-v2.css +1 -1
  8. package/build/css/my-account-main.css +1 -1
  9. package/build/css/pages/checkout-new.css +1 -1
  10. package/build/css/pages/checkout.css +1 -1
  11. package/build/css/pages/page_my-order.css +1 -1
  12. package/build/css/pages/page_wismo-details.css +1 -1
  13. package/build/css/pdp-main-before-combine.css +1 -1
  14. package/build/css/pdp-main-critical.css +1 -1
  15. package/build/css/pdp-main-non-critical.css +1 -1
  16. package/build/css/pdp-main.css +1 -1
  17. package/build/css/plp-main.css +1 -1
  18. package/build/css/store-locator-main.css +1 -1
  19. package/build/js/account-members.min.js +1 -1
  20. package/build/js/add-project-list-id.min.js +1 -1
  21. package/build/js/address-book.min.js +1 -1
  22. package/build/js/basket.min.js +2 -2
  23. package/build/js/bundle.min.js +1 -1
  24. package/build/js/change-password.min.js +1 -1
  25. package/build/js/checkout.min.js +2 -2
  26. package/build/js/emulation.min.js +83 -425
  27. package/build/js/general.bundle.min.js +1 -1
  28. package/build/js/gift-cards.min.js +1 -1
  29. package/build/js/merged-checkout.min.js +2 -2
  30. package/build/js/page/bloomreach-widget/bloomreach-widget-core.js +3 -1
  31. package/build/js/page/checkout-payment-details.js +10 -114
  32. package/build/js/page/components/gift-cards.js +115 -524
  33. package/build/js/page/ripple/bulk-add.js +2 -2
  34. package/build/js/page/ripple/thumb-gallery.js +8 -14
  35. package/build/js/page/utils/validation.js +1 -54
  36. package/build/js/pdp.bundle.min.js +2 -2
  37. package/build/js/personal-details.min.js +1 -1
  38. package/build/js/plp.bundle.min.js +1 -1
  39. package/build/js/postcode-checker.min.js +1 -1
  40. package/build/js/project-list.min.js +2 -57
  41. package/build/js/quiz.min.js +1 -1
  42. package/build/js/track-my-order.min.js +1 -1
  43. package/package.json +1 -5
  44. package/src/components/checkout-payment-details-v2.hbs +0 -1
  45. package/src/components/checkout_order-summary-new.hbs +0 -6
  46. package/src/components/checkout_payment-new.hbs +8 -35
  47. package/src/components/gift-cards.hbs +15 -8
  48. package/src/components/payments.hbs +6 -7
  49. package/src/components/wismo-payment.hbs +0 -10
  50. package/src/data/data_delivery-address-v2.json +0 -4
  51. package/src/data/data_payments-checkout.json +0 -4
  52. package/src/data/data_wismo.json +1 -46
  53. package/src/data/footer_menu.json +0 -4
  54. package/src/elements/input.hbs +1 -3
  55. package/src/js/components/general/footer.js +56 -63
  56. package/src/js/emulation/checkout-payment-details.js +0 -2
  57. package/src/js/emulation/gift-cards.js +1 -23
  58. package/src/js/emulation/mock.js +20 -21
  59. package/src/js/emulation/postcode-checker.js +1 -1
  60. package/src/js/page/bloomreach-widget/bloomreach-widget-core.js +3 -1
  61. package/src/js/page/checkout-payment-details.js +10 -114
  62. package/src/js/page/components/gift-cards.js +115 -524
  63. package/src/js/page/ripple/bulk-add.js +2 -2
  64. package/src/js/page/ripple/thumb-gallery.js +8 -14
  65. package/src/js/page/utils/validation.js +1 -54
  66. package/src/page_product-details-billie.html +0 -2
  67. package/src/page_product-details-clearpay.html +0 -1
  68. package/src/scss/common/_CTAs.scss +0 -4
  69. package/src/scss/components/_gift-cards.scss +9 -66
  70. package/src/scss/components/_payments-checkout.scss +2 -2
  71. package/src/scss/components/_payments-v2.scss +7 -5
  72. package/src/scss/components/checkout-payment-details-v2.scss +0 -1
  73. package/src/scss/helpers/_CTAs.scss +0 -26
  74. package/src/scss/helpers/_variables.scss +0 -2
  75. package/src/scss/pages/_checkout-confirmation-new.scss +3 -96
  76. package/src/scss/pages/page_wismo-details.scss +0 -29
  77. package/src/sitemap.html +0 -24
  78. package/build/img/payment/checkout/giftcard.svg +0 -28
  79. package/build/img/payment/footer/giftcard.svg +0 -28
  80. package/build/js/page/components/postcode-lookup/postcode-lookup-api.js +0 -56
  81. package/build/js/page/components/postcode-lookup/postcode-lookup-render.js +0 -98
  82. package/build/js/page/components/postcode-lookup/postcode-lookup-validation.js +0 -81
  83. package/build/js/page/components/postcode-lookup.js +0 -503
  84. package/build/js/page/utils/address-utils.js +0 -32
  85. package/src/components/order-address.hbs +0 -28
  86. package/src/components/postcode-lookup-v2.hbs +0 -85
  87. package/src/components/wismo-giftcard-payment-item.hbs +0 -29
  88. package/src/data/data_checkout-giftcards.json +0 -7
  89. package/src/data/data_postcode-lookup.json +0 -200
  90. package/src/img/payment/checkout/giftcard.svg +0 -28
  91. package/src/img/payment/footer/giftcard.svg +0 -28
  92. package/src/js/emulation/postcode-lookup.js +0 -122
  93. package/src/js/page/components/postcode-lookup/postcode-lookup-api.js +0 -56
  94. package/src/js/page/components/postcode-lookup/postcode-lookup-render.js +0 -98
  95. package/src/js/page/components/postcode-lookup/postcode-lookup-validation.js +0 -81
  96. package/src/js/page/components/postcode-lookup.js +0 -503
  97. package/src/js/page/utils/address-utils.js +0 -32
  98. package/src/page_checkout_confirmation-gift-card-split-payment.html +0 -339
  99. package/src/page_checkout_confirmation-gift-card.html +0 -339
  100. package/src/page_my_account_payment_info_gift_cards.html +0 -96
  101. package/src/page_my_account_payment_info_gift_cards_split_payment.html +0 -96
  102. package/src/scss/components/_postcode-lookup-v2.scss +0 -164
@@ -4039,29 +4039,28 @@ Wick.FEMock = {
4039
4039
 
4040
4040
  Wick.FEMock.dataBloomreach.similarProductsRecommendations = {
4041
4041
  ...Wick.FEMock.dataBloomreach.whyNotAddRecommendations,
4042
- recommendedProducts:
4043
- Wick.FEMock.dataBloomreach.whyNotAddRecommendations.recommendedProducts.map(
4044
- function (recommendation, index) {
4045
- if (index !== 1) {
4046
- return recommendation;
4047
- }
4042
+ recommendedProducts: Wick.FEMock.dataBloomreach.whyNotAddRecommendations.recommendedProducts.map(
4043
+ function (recommendation, index) {
4044
+ if (index !== 1) {
4045
+ return recommendation;
4046
+ }
4048
4047
 
4049
- return {
4050
- ...recommendation,
4051
- baseProduct: {
4052
- ...recommendation.baseProduct,
4053
- displayPrice: {
4054
- ...recommendation.baseProduct.displayPrice,
4055
- wasPrice: 9.99,
4056
- },
4057
- displayPriceExclusiveVat: {
4058
- ...recommendation.baseProduct.displayPriceExclusiveVat,
4059
- wasPrice: 8.33,
4060
- },
4048
+ return {
4049
+ ...recommendation,
4050
+ baseProduct: {
4051
+ ...recommendation.baseProduct,
4052
+ displayPrice: {
4053
+ ...recommendation.baseProduct.displayPrice,
4054
+ wasPrice: 9.99,
4061
4055
  },
4062
- };
4063
- }
4064
- ),
4056
+ displayPriceExclusiveVat: {
4057
+ ...recommendation.baseProduct.displayPriceExclusiveVat,
4058
+ wasPrice: 8.33,
4059
+ },
4060
+ },
4061
+ };
4062
+ }
4063
+ ),
4065
4064
  widgetMetadata: {
4066
4065
  responseId: 'mock-similar-products-response',
4067
4066
  id: 'similar-products-12345',
@@ -8,4 +8,4 @@ function bindPostcodeCheckAvailabilityEvent() {
8
8
 
9
9
  $(document).ready(function () {
10
10
  bindPostcodeCheckAvailabilityEvent();
11
- });
11
+ });
@@ -363,7 +363,9 @@ Wick.BloomreachWidget = {
363
363
  }
364
364
 
365
365
  const value =
366
- typeof rawValue === 'number' ? rawValue : Number(`${rawValue}`.replace(/[,£\s]/g, ''));
366
+ typeof rawValue === 'number'
367
+ ? rawValue
368
+ : Number(`${rawValue}`.replace(/[,£\s]/g, ''));
367
369
 
368
370
  if (!Number.isFinite(value)) {
369
371
  return typeof rawValue === 'string' ? rawValue : '';
@@ -13,6 +13,7 @@ Wick.CheckoutPaymentDetails = (function () {
13
13
  };
14
14
 
15
15
  const toggleBillieRepaymentTermsClass = 'js-billie-repayment-terms--has-selection';
16
+
16
17
  const elements = {
17
18
  $billieRepaymentTerms: $('.js-billie-repayment-terms'),
18
19
  $billieWidget: $('.checkout-payment-details__billie[data-billie]'),
@@ -27,95 +28,8 @@ Wick.CheckoutPaymentDetails = (function () {
27
28
  $unregisteredFields: $('#unregistered-fields'),
28
29
  $registeredFields: $('#registered-fields'),
29
30
  hiddenClass: 'd-none',
30
- $giftcardToggle: $('#giftcard-toggle'),
31
- $giftcardPanel: $('#giftcard-inline'),
32
- giftcardDisabledClass: 'giftcard-toggle--disabled',
33
- giftcardRoot: '.giftcard',
34
- giftcardHint: '.giftcard-hint',
35
- giftcardNumber: 'input[name="giftcard-number"]',
36
- giftcardPin: 'input[name="giftcard-pin"]',
37
- orderAddress: '[data-order-address]',
38
31
  };
39
32
 
40
- const isOutsideOrderAddress = (_, el) => !$(el).closest(elements.orderAddress).length;
41
- function setGiftcardToggleEnabled(isEnabled) {
42
- const $toggle = elements.$giftcardToggle;
43
- const $panel = elements.$giftcardPanel;
44
- const $giftcard = $toggle.closest('.giftcard');
45
-
46
- if (!$toggle.length) {
47
- return;
48
- }
49
-
50
- $giftcard.toggleClass('giftcard--disabled', !isEnabled);
51
-
52
- if (isEnabled) {
53
- $toggle.attr('aria-disabled', 'false').attr('tabindex', '0').css('pointer-events', '');
54
- } else {
55
- if ($panel && $panel.length) $panel.prop('hidden', true);
56
-
57
- $toggle
58
- .attr('aria-disabled', 'true')
59
- .attr('tabindex', '-1')
60
- .css('pointer-events', 'none')
61
- .attr('aria-expanded', 'false')
62
- .show();
63
-
64
- $giftcard.find('.giftcard-hint').show();
65
- }
66
- }
67
-
68
- // function resetGiftcardToDefault() {
69
- // const {
70
- // $giftcardToggle: $toggle,
71
- // $giftcardPanel: $panel,
72
- // giftcardRoot,
73
- // giftcardHint,
74
- // giftcardNumber,
75
- // giftcardPin,
76
- // } = elements;
77
-
78
- // if (!$toggle.length) {
79
- // return;
80
- // }
81
-
82
- // const $giftcard = $toggle.closest(giftcardRoot);
83
-
84
- // const $hint = $giftcard.find(giftcardHint);
85
- // const $number = $giftcard.find(giftcardNumber);
86
- // const $pin = $giftcard.find(giftcardPin);
87
-
88
- // if ($panel.length) $panel.prop('hidden', true);
89
-
90
- // $toggle.attr('aria-expanded', 'false').show();
91
- // $hint.show();
92
-
93
- // if (window.Wick?.GiftCard?.resetForm) {
94
- // Wick.GiftCard.resetForm($giftcard);
95
- // return;
96
- // }
97
-
98
- // $number.val('');
99
- // $pin.val('');
100
- // }
101
-
102
- function syncGiftcardAvailability(checkedMethod) {
103
- const enable = checkedMethod === 'card';
104
-
105
- if (!enable) {
106
- const $giftcard = elements.$giftcardToggle.closest(elements.giftcardRoot);
107
- if (window.Wick?.GiftCard?.collapsePreserveState) {
108
- Wick.GiftCard.collapsePreserveState($giftcard);
109
- } else {
110
- if (elements.$giftcardPanel.length) elements.$giftcardPanel.prop('hidden', true);
111
- elements.$giftcardToggle.attr('aria-expanded', 'false').show();
112
- $giftcard.find(elements.giftcardHint).show();
113
- }
114
- }
115
-
116
- setGiftcardToggleEnabled(enable);
117
- }
118
-
119
33
  let klarnaInited = false;
120
34
  let billieInited = false;
121
35
 
@@ -192,21 +106,17 @@ Wick.CheckoutPaymentDetails = (function () {
192
106
  paymentMethods.forEach((method) => {
193
107
  $(`[data-${method}]`).hide();
194
108
  });
109
+
195
110
  const $selected = $(`[data-${checkedMethod}]`);
196
111
  if ($selected.length) {
197
112
  $selected.show();
198
113
  }
199
114
  }
200
-
201
115
  function resetAllCheckoutForms(keepPaymentMethod) {
202
116
  const $container = elements.$wrapperPaymentInput.closest('.checkout-payment-details');
203
117
  if (!$container.length) return;
204
- const $giftcardScope = $container.find(elements.giftcardRoot);
205
- const $exclude = $giftcardScope.find(':input');
206
118
 
207
119
  $container.find('form').each(function () {
208
- if ($(this).closest(elements.giftcardRoot).length) return;
209
-
210
120
  if (Wick.Forms && typeof Wick.Forms.clearValidationErrors === 'function') {
211
121
  Wick.Forms.clearValidationErrors(this);
212
122
  }
@@ -216,22 +126,13 @@ Wick.CheckoutPaymentDetails = (function () {
216
126
  .find(
217
127
  'input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="password"], textarea'
218
128
  )
219
- .filter(isOutsideOrderAddress)
220
- .not($exclude)
221
129
  .val('');
222
130
 
223
- $container
224
- .find('select')
225
- .not($exclude)
226
- .each(function () {
227
- this.selectedIndex = 0;
228
- });
131
+ $container.find('select').each(function () {
132
+ this.selectedIndex = 0;
133
+ });
229
134
 
230
- $container
231
- .find('input[type="checkbox"]')
232
- .filter(isOutsideOrderAddress)
233
- .not($exclude)
234
- .prop('checked', false);
135
+ $container.find('input[type="checkbox"]').prop('checked', false);
235
136
 
236
137
  $container.find('input[type="radio"]').each(function () {
237
138
  const $radio = $(this);
@@ -407,7 +308,7 @@ Wick.CheckoutPaymentDetails = (function () {
407
308
  }
408
309
 
409
310
  function clearInputFields() {
410
- elements.$billingAddress.find('input.tbx').filter(isOutsideOrderAddress).val('');
311
+ elements.$billingAddress.find('input.tbx').val('');
411
312
  }
412
313
 
413
314
  function showPlaceOrder() {
@@ -440,8 +341,6 @@ Wick.CheckoutPaymentDetails = (function () {
440
341
 
441
342
  function init() {
442
343
  const paymentMethods = getPaymentMethods();
443
- const initialMethod = $(elements.paymentInputName + ':checked').val() || 'card';
444
- syncGiftcardAvailability(initialMethod);
445
344
  initBillieBusinessTypeToggle();
446
345
  hideBillieBusiness();
447
346
 
@@ -464,10 +363,6 @@ Wick.CheckoutPaymentDetails = (function () {
464
363
  elements.$wrapperPaymentInput.on('change', elements.paymentInputName, function () {
465
364
  const checkedMethod = $(this).val();
466
365
 
467
- togglePaymentBlocks(paymentMethods, checkedMethod);
468
- changeDetailsBlock(checkedMethod);
469
- syncGiftcardAvailability(checkedMethod);
470
-
471
366
  if (prevPaymentMethod && prevPaymentMethod !== checkedMethod) {
472
367
  resetAllCheckoutForms(checkedMethod);
473
368
  } else {
@@ -478,12 +373,13 @@ Wick.CheckoutPaymentDetails = (function () {
478
373
  Wick.Forms.clearValidationErrors(form);
479
374
  }
480
375
 
376
+ togglePaymentBlocks(paymentMethods, checkedMethod);
377
+ changeDetailsBlock(checkedMethod);
378
+
481
379
  prevPaymentMethod = checkedMethod;
482
380
  });
483
381
 
484
382
  $('.btn-new-card').on('click', function () {
485
- elements.$cardDetails.removeClass(elements.hiddenCardDetailsClass);
486
-
487
383
  $('[data-new-card]').show();
488
384
  $('[data-existing-card]').hide();
489
385
  return false;