wickes-css2 2.109.0-develop.3 → 2.109.0-gift-cards.2

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 (112) hide show
  1. package/Readme.md +1 -3
  2. package/build/css/category-main.css +1 -1
  3. package/build/css/components/card-product-banner.css +1 -1
  4. package/build/css/components/checkout-payment-details-v2.css +1 -1
  5. package/build/css/homepage-main.css +1 -1
  6. package/build/css/kitchen-plp-main.css +1 -1
  7. package/build/css/main.css +1 -1
  8. package/build/css/my-account-main-v2.css +1 -1
  9. package/build/css/my-account-main.css +1 -1
  10. package/build/css/pages/checkout-new.css +1 -1
  11. package/build/css/pages/checkout.css +1 -1
  12. package/build/css/pages/page_checkout_delivery-new.css +1 -1
  13. package/build/css/pages/page_products-list-combined.css +1 -1
  14. package/build/css/pages/page_products-list.css +1 -1
  15. package/build/css/pages/page_shopping-cart-v2.css +1 -1
  16. package/build/css/pdp-main-before-combine.css +1 -1
  17. package/build/css/pdp-main-critical.css +1 -1
  18. package/build/css/pdp-main-non-critical.css +1 -1
  19. package/build/css/pdp-main.css +1 -1
  20. package/build/css/plp-main.css +1 -1
  21. package/build/css/store-locator-main.css +1 -1
  22. package/build/img/payment/checkout/giftcard.svg +28 -0
  23. package/build/img/payment/footer/giftcard.svg +28 -0
  24. package/build/js/basket.min.js +1 -1
  25. package/build/js/checkout.min.js +1 -1
  26. package/build/js/emulation.min.js +56 -178
  27. package/build/js/gift-cards.min.js +1 -1
  28. package/build/js/merged-checkout.min.js +1 -1
  29. package/build/js/mini-basket-slider.min.js +1 -1
  30. package/build/js/page/basket/mini-basket-total.js +2 -17
  31. package/build/js/page/checkout-payment-details.js +176 -79
  32. package/build/js/page/components/gift-cards.js +701 -357
  33. package/build/js/page/components/order-summary.js +0 -35
  34. package/build/js/pdp.bundle.min.js +1 -2
  35. package/build/js/toggle-password-visibility.min.js +1 -0
  36. package/package.json +3 -1
  37. package/src/components/base/button.hbs +1 -1
  38. package/src/components/card_product_banner_v2.hbs +1 -4
  39. package/src/components/card_sponsor_banner.hbs +1 -4
  40. package/src/components/checkout_order-summary-new.hbs +7 -10
  41. package/src/components/checkout_payment-new.hbs +31 -8
  42. package/src/components/click-and-collect-modal.hbs +14 -0
  43. package/src/components/date-selection.hbs +1 -1
  44. package/src/components/delivery-types.hbs +3 -11
  45. package/src/components/gift-cards.hbs +8 -15
  46. package/src/components/injected-content.hbs +1 -6
  47. package/src/components/modal.hbs +1 -1
  48. package/src/components/order-summary.hbs +2 -2
  49. package/src/components/payments.hbs +6 -5
  50. package/src/components/price-block-v2.hbs +214 -211
  51. package/src/data/data_checkout-giftcards.json +7 -0
  52. package/src/data/data_delivery-address-v2.json +5 -1
  53. package/src/data/data_payments-checkout.json +4 -0
  54. package/src/data/data_search-results_v2.json +2 -9
  55. package/src/data/data_spr_injected_content.json +0 -4
  56. package/src/data/footer_menu.json +4 -0
  57. package/src/img/payment/checkout/giftcard.svg +28 -0
  58. package/src/img/payment/footer/giftcard.svg +28 -0
  59. package/src/js/emulation/checkout-delivery-details.js +25 -28
  60. package/src/js/emulation/custom-slider-emulation.js +1 -1
  61. package/src/js/emulation/date-selection.js +24 -136
  62. package/src/js/emulation/forms.js +0 -12
  63. package/src/js/emulation/mini-basket-data.js +3 -3
  64. package/src/js/emulation/switchCalendar.js +8 -12
  65. package/src/js/page/basket/mini-basket-total.js +2 -17
  66. package/src/js/page/checkout-payment-details.js +176 -79
  67. package/src/js/page/components/gift-cards.js +701 -357
  68. package/src/js/page/components/order-summary.js +0 -35
  69. package/src/page_checkout_confirmation-gift-card.html +339 -0
  70. package/src/page_checkout_next-day-delivery-details.html +2 -2
  71. package/src/page_checkout_payment-details-v2-asm.html +1 -1
  72. package/src/page_checkout_payment-details-v2.html +1 -1
  73. package/src/page_checkout_payment-details_with-card-loader.html +1 -1
  74. package/src/page_checkout_payment-details_with-klarna-loader.html +1 -1
  75. package/src/page_checkout_payment-details_with-loader-v2.html +1 -1
  76. package/src/page_checkout_rapid-delivery-details.html +5 -7
  77. package/src/page_klarna_payment-details_with-klarna.html +1 -1
  78. package/src/page_payment-details-with-billie.html +1 -1
  79. package/src/page_payment-details-with-clearpay.html +1 -1
  80. package/src/page_payment-details-with-gift-card.html +2 -2
  81. package/src/page_payment-details_with_apple-pay.html +1 -1
  82. package/src/page_payment-details_with_google-pay.html +1 -1
  83. package/src/page_plp_v2.html +0 -1
  84. package/src/page_product-details-billie.html +2 -0
  85. package/src/page_product-details-clearpay.html +1 -0
  86. package/src/page_product-details-mfe-calculator.html +3 -9
  87. package/src/scss/common/_CTAs.scss +3 -7
  88. package/src/scss/components/_custom-slider.scss +0 -18
  89. package/src/scss/components/_date-selection-add-new-styles.scss +1 -43
  90. package/src/scss/components/_gift-cards.scss +32 -3
  91. package/src/scss/components/_order-summary.scss +12 -25
  92. package/src/scss/components/_payments-checkout.scss +2 -2
  93. package/src/scss/components/_payments-v2.scss +1 -1
  94. package/src/scss/components/_price-block-critical.scss +2 -2
  95. package/src/scss/components/_price-block.scss +4 -14
  96. package/src/scss/components/card-product-banner.scss +0 -8
  97. package/src/scss/helpers/_CTAs.scss +5 -15
  98. package/src/scss/helpers/_variables.scss +2 -0
  99. package/src/scss/pages/_checkout-confirmation-new.scss +86 -2
  100. package/src/scss/pages/page_checkout_delivery-new.scss +0 -36
  101. package/src/scss/pages/page_products-list-combined.scss +1 -8
  102. package/src/scss/pages/page_products-list.scss +1 -8
  103. package/src/scss/pages/page_shopping-cart-v2.scss +10 -34
  104. package/src/scss/pdp-main.scss +0 -1
  105. package/src/sitemap.html +6 -0
  106. package/build/js/page/components/notify-me.js +0 -99
  107. package/build/js/wickes-dc.js +0 -1
  108. package/src/components/modals/notify-me-modal.hbs +0 -76
  109. package/src/components/sponsor-top-banner.hbs +0 -10
  110. package/src/js/emulation/notify-me.js +0 -9
  111. package/src/js/page/components/notify-me.js +0 -99
  112. package/src/scss/components/_notify-me-modal.scss +0 -139
@@ -5,7 +5,6 @@ const osEl = {
5
5
  checkoutWidgetDetailsDiscount: '.checkout-widget__details-discount',
6
6
  checkoutWidgetDetails: '.checkout-widget__details',
7
7
  delivery: '.checkout-widget__item-delivery',
8
- deliveryCostMessage: '.checkout-widget__item-delivery-cost-message',
9
8
  cc: '.checkout-widget__item-cc',
10
9
  itemFree: '.checkout-widget__item-free',
11
10
  itemDeficit: '.checkout-widget__item-deficit',
@@ -27,22 +26,6 @@ export function updateOrderSummary(data, equalMap, isVoucher) {
27
26
  }
28
27
  }
29
28
 
30
- if (obj.item === osEl.delivery) {
31
- $(osEl.delivery).each(function () {
32
- if (
33
- !$(this).siblings(osEl.deliveryCostMessage).length &&
34
- !$(this).closest('[data-hide-delivery-cost-message]').length
35
- ) {
36
- $(this).after(`
37
- <li class="checkout-widget__item checkout-widget__item-delivery-cost-message">
38
- <span class="checkout-widget__item-value" id="order-delivery-cost-message">
39
- Final delivery cost confirmed at checkout
40
- </span>
41
- </li>`);
42
- }
43
- });
44
- }
45
-
46
29
  $(obj.item).find(obj.itemValue).text(obj.dataValue);
47
30
  if (isVoucher ? obj.dataValue : obj.value && obj.dataValue) {
48
31
  $(obj.item).find(obj.itemValue).show();
@@ -81,37 +64,20 @@ export function updateOrderSummary(data, equalMap, isVoucher) {
81
64
  }
82
65
 
83
66
  function createCheckoutWidgetItem(obj) {
84
- const isDelivery = obj.item === osEl.delivery;
85
- const hideMessage = $(osEl.checkoutWidgetDetails).closest(
86
- '[data-hide-delivery-cost-message]'
87
- ).length;
88
- const costMessageExists = $(osEl.deliveryCostMessage).length > 0;
89
67
  return `
90
68
  <li class="checkout-widget__item ${obj.item.substr(1)}">
91
69
  <span>${obj.title}</span>
92
70
  <span class="checkout-widget__item-value">${obj.dataValue}</span>
93
71
  </li>
94
- ${
95
- isDelivery && !hideMessage && !costMessageExists
96
- ? `
97
- <li class="checkout-widget__item checkout-widget__item-delivery-cost-message">
98
- <span class="checkout-widget__item-value" id="order-delivery-cost-message">
99
- Final delivery cost confirmed at checkout
100
- </span>
101
- </li>`
102
- : ''
103
- }
104
72
  `;
105
73
  }
106
74
 
107
75
  function hideUnusedDeliveryTypeCost(data, isVoucher) {
108
76
  $(osEl.delivery).show();
109
- $(osEl.deliveryCostMessage).show();
110
77
  $(osEl.cc).show();
111
78
  if (isVoucher) {
112
79
  if ('deliveryOrder' in data && data.deliveryOrder === false) {
113
80
  $(osEl.delivery).hide();
114
- $(osEl.deliveryCostMessage).hide();
115
81
  }
116
82
 
117
83
  if ('clickAndCollectOrder' in data && data.clickAndCollectOrder === false) {
@@ -120,7 +86,6 @@ function hideUnusedDeliveryTypeCost(data, isVoucher) {
120
86
  } else {
121
87
  if (data.clickAndCollectOnly) {
122
88
  $(osEl.delivery).hide();
123
- $(osEl.deliveryCostMessage).hide();
124
89
  } else if (data.deliveryItemsQuantity > 0 && data.pickupItemsQuantity === 0) {
125
90
  $(osEl.cc).hide();
126
91
  }