wickes-css2 2.94.0-develop.2 → 2.94.0-develop.21

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 (170) hide show
  1. package/Readme.md +4 -4
  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/main.css +1 -1
  6. package/build/css/my-account-main-v2.css +1 -1
  7. package/build/css/my-account-main.css +1 -1
  8. package/build/css/pages/checkout-new.css +1 -1
  9. package/build/css/pages/checkout.css +1 -1
  10. package/build/css/pages/my-account-v2.css +1 -1
  11. package/build/css/pages/my-account.css +1 -1
  12. package/build/css/pages/page_checkout_delivery-new.css +1 -1
  13. package/build/css/pages/page_default-store.css +1 -0
  14. package/build/css/pages/page_my-orders.css +1 -0
  15. package/build/css/pages/page_personal-details.css +1 -1
  16. package/build/css/pages/page_product-details-v2-critical.css +1 -1
  17. package/build/css/pages/page_product-details-v2.css +1 -1
  18. package/build/css/pages/page_products-list-combined.css +1 -1
  19. package/build/css/pages/page_products-list.css +1 -1
  20. package/build/css/pages/page_shopping-cart-v2.css +1 -1
  21. package/build/css/pages/tradePro-signup.css +1 -1
  22. package/build/css/pdp-main-before-combine.css +1 -1
  23. package/build/css/pdp-main-critical.css +1 -1
  24. package/build/css/pdp-main-non-critical.css +1 -1
  25. package/build/css/pdp-main.css +1 -1
  26. package/build/css/plp-main.css +1 -1
  27. package/build/css/store-locator-main.css +1 -1
  28. package/build/js/account-members.min.js +1 -1
  29. package/build/js/basket.min.js +2 -2
  30. package/build/js/bundle.min.js +1 -1
  31. package/build/js/checkout.min.js +2 -2
  32. package/build/js/default-store.min.js +1 -0
  33. package/build/js/emulation.min.js +153 -5
  34. package/build/js/general.bundle.min.js +1 -1
  35. package/build/js/merged-checkout.min.js +2 -2
  36. package/build/js/my-orders.min.js +1 -0
  37. package/build/js/page/basket/summary-mobile.js +22 -0
  38. package/build/js/page/basket-v2.js +20 -6
  39. package/build/js/page/components/order-summary.js +8 -1
  40. package/build/js/page/components/sticky-order-observer.js +49 -0
  41. package/build/js/page/components/voucher.js +1 -1
  42. package/build/js/page/default-store.js +44 -0
  43. package/build/js/page/my-orders.js +165 -0
  44. package/build/js/page/personal-details.js +105 -36
  45. package/build/js/page/quiz.js +20 -11
  46. package/build/js/pdp.bundle.min.js +1 -1
  47. package/build/js/personal-details.min.js +1 -1
  48. package/build/js/plp.bundle.min.js +1 -1
  49. package/build/js/project-list.min.js +1 -1
  50. package/build/js/quiz.min.js +1 -1
  51. package/package.json +1 -1
  52. package/src/components/account-families/actions-bar.hbs +3 -3
  53. package/src/components/checkout-action.hbs +14 -11
  54. package/src/components/checkout-voucher-accordion.hbs +15 -0
  55. package/src/components/checkout_order-summary-new.hbs +5 -3
  56. package/src/components/checkout_voucher_large.hbs +20 -16
  57. package/src/components/date-selection.hbs +1 -1
  58. package/src/components/default-store/current-store.hbs +60 -0
  59. package/src/components/default-store/list-of-store.hbs +39 -0
  60. package/src/components/default-store/store-form.hbs +29 -0
  61. package/src/components/default-store/store-unavailable.hbs +4 -0
  62. package/src/components/flatpickr-calendar.hbs +26 -0
  63. package/src/components/my-account/active-orders/header.hbs +6 -2
  64. package/src/components/my-account/active-orders/list-orders.hbs +14 -2
  65. package/src/components/my-account/active-orders/order-header.hbs +1 -1
  66. package/src/components/my-account/active-orders/order.hbs +10 -6
  67. package/src/components/my-account/clipboard-code-card.hbs +1 -1
  68. package/src/components/my-account/empty-orders.hbs +9 -0
  69. package/src/components/my-account/mobile-nav.hbs +23 -19
  70. package/src/components/my-account/orders-nav.hbs +15 -0
  71. package/src/components/my-account/personal-details-form.hbs +5 -0
  72. package/src/components/my-account/sort-by.hbs +3 -0
  73. package/src/components/my-account/user-account-actions.hbs +1 -1
  74. package/src/components/order-item.hbs +3 -3
  75. package/src/components/order-summary.hbs +91 -56
  76. package/src/components/partner-signup-form.hbs +4 -0
  77. package/src/components/signup-form.hbs +1 -2
  78. package/src/components/store-details.hbs +22 -20
  79. package/src/components/store-preview.hbs +0 -11
  80. package/src/components/summary-mobile-bar.hbs +17 -0
  81. package/src/components/user-information-field.hbs +1 -1
  82. package/src/data/data_big-wins-stores.json +0 -22
  83. package/src/data/data_delivery-address-v2.json +1 -1
  84. package/src/data/data_shopping-cart-v2.json +24 -0
  85. package/src/data/my-account/data_my-orders.json +246 -0
  86. package/src/data/my-account/data_personal-details.json +36 -11
  87. package/src/data/my-account/page_default-store.json +158 -0
  88. package/src/elements/dropdown.hbs +1 -1
  89. package/src/elements/input.hbs +2 -2
  90. package/src/js/components/flatpickr.js +167 -0
  91. package/src/js/components/general/handleAccordion.js +35 -0
  92. package/src/js/components/general/is-trade-pro.js +15 -1
  93. package/src/js/components/general/switchVat.js +1 -1
  94. package/src/js/components/leave-event.js +41 -2
  95. package/src/js/emulation/basket-data.js +2 -2
  96. package/src/js/emulation/big-wins.js +0 -2
  97. package/src/js/emulation/default-store.js +97 -0
  98. package/src/js/emulation/forms.js +1 -1
  99. package/src/js/emulation/mock.js +10 -0
  100. package/src/js/emulation/my-orders-local.js +41 -0
  101. package/src/js/page/basket/summary-mobile.js +22 -0
  102. package/src/js/page/basket-v2.js +20 -6
  103. package/src/js/page/components/order-summary.js +8 -1
  104. package/src/js/page/components/sticky-order-observer.js +49 -0
  105. package/src/js/page/components/voucher.js +1 -1
  106. package/src/js/page/default-store.js +44 -0
  107. package/src/js/page/my-orders.js +165 -0
  108. package/src/js/page/personal-details.js +105 -36
  109. package/src/js/page/quiz.js +20 -11
  110. package/src/layouts/basket-new.hbs +1 -1
  111. package/src/layouts/checkout-new.hbs +1 -0
  112. package/src/page_checkout_confirmation-new-marketing-consent-error.html +0 -2
  113. package/src/page_checkout_delivery-address-customer-journey.html +0 -5
  114. package/src/page_checkout_delivery-address-v2.html +0 -4
  115. package/src/page_checkout_delivery-details-v2-asm.html +1 -5
  116. package/src/page_checkout_delivery-details-v2-calendar-message.html +0 -3
  117. package/src/page_checkout_delivery-details-v2-oos.html +0 -3
  118. package/src/page_checkout_delivery-details-v2-wisdom-not-available.html +0 -5
  119. package/src/page_checkout_delivery-details-v2-wisdom.html +0 -5
  120. package/src/page_checkout_delivery-details-with-loader-v2.html +0 -3
  121. package/src/page_checkout_delivery-details_guest-new.html +0 -5
  122. package/src/page_checkout_delivery_address-asm-new.html +0 -4
  123. package/src/page_checkout_next-day-delivery-details.html +0 -6
  124. package/src/page_checkout_payment-details-v2.html +1 -1
  125. package/src/page_checkout_payment-details_guest-with-checkout-journey.html +0 -2
  126. package/src/page_checkout_payment-details_login-with-checkout-journey.html +0 -2
  127. package/src/page_checkout_payment-details_with-card-loader.html +56 -0
  128. package/src/page_checkout_rapid-delivery-details.html +0 -6
  129. package/src/page_default-store-page-empty.html +48 -0
  130. package/src/page_default-store-page.html +55 -0
  131. package/src/page_klarna_payment-details_with-klarna.html +3 -6
  132. package/src/page_my-orders-empty.html +49 -0
  133. package/src/page_my-orders.html +64 -0
  134. package/src/page_payment-details-with-clearpay.html +1 -1
  135. package/src/page_payment-details_with_apple-pay.html +1 -1
  136. package/src/page_payment-details_with_google-pay.html +1 -1
  137. package/src/page_personal-details-installer.html +17 -7
  138. package/src/page_personal-details.html +15 -7
  139. package/src/page_shopping-cart-v2.html +6 -16
  140. package/src/page_tradePro-signup.html +1 -1
  141. package/src/scss/barclays-paypage-combined-minified.css +1 -1
  142. package/src/scss/barclays-paypage-combined.css +9 -15
  143. package/src/scss/components/_big-wins-critical.scss +0 -1
  144. package/src/scss/components/_big-wins.scss +1 -8
  145. package/src/scss/components/_checkout-action.scss +132 -6
  146. package/src/scss/components/_marketing-preferences.scss +1 -1
  147. package/src/scss/components/_order-item-cc.scss +0 -6
  148. package/src/scss/components/_order-summary.scss +329 -178
  149. package/src/scss/components/_sticky-element-appearance.scss +25 -0
  150. package/src/scss/components/checkout-payment-details-v2.scss +2 -2
  151. package/src/scss/components/my-account/_active-orders.scss +263 -0
  152. package/src/scss/components/my-account/_orders-nav.scss +61 -0
  153. package/src/scss/components/my-account/_shipment.scss +1 -0
  154. package/src/scss/helpers/_variables.scss +3 -0
  155. package/src/scss/libs/flatpickr.scss +235 -0
  156. package/src/scss/main.scss +1 -0
  157. package/src/scss/pages/_checkout-widget.scss +137 -28
  158. package/src/scss/pages/_my-account_new.scss +1 -12
  159. package/src/scss/pages/my-account-v2.scss +1 -136
  160. package/src/scss/pages/page_checkout_delivery-new.scss +119 -10
  161. package/src/scss/pages/page_default-store.scss +634 -0
  162. package/src/scss/pages/page_my-orders.scss +232 -0
  163. package/src/scss/pages/page_personal-details.scss +37 -5
  164. package/src/scss/pages/page_products-list-combined.scss +0 -1
  165. package/src/scss/pages/page_products-list.scss +0 -1
  166. package/src/scss/pages/page_shopping-cart-v2.scss +137 -34
  167. package/src/scss/pages/tradePro-signup.scss +27 -0
  168. package/src/scss/partials/_header.scss +5 -0
  169. package/src/sitemap.html +6 -0
  170. package/src/scss/components/my-account/_order.scss +0 -112
@@ -1,112 +0,0 @@
1
- @import '../../helpers/helpers';
2
-
3
- .active-orders .order {
4
- &-header {
5
- display: flex;
6
- justify-content: space-between;
7
- align-items: center;
8
- padding: 0;
9
-
10
- &__title {
11
- margin-bottom: 0;
12
- font-size: 1.125rem;
13
- line-height: 1.5rem;
14
- }
15
-
16
- &__status {
17
- background: rgba(2, 119, 189, .1);
18
- padding: 4px 8px;
19
- border-radius: 50px;
20
- font-weight: 500;
21
- display: flex;
22
- align-items: center;
23
-
24
- .icon {
25
- font-size: 1rem;
26
- height: auto;
27
- color: $blue;
28
- margin-right: 8px;
29
- }
30
- }
31
- }
32
-
33
- &-details {
34
- margin-top: 8px;
35
-
36
- &__summary {
37
- display: flex;
38
- align-items: baseline;
39
- }
40
-
41
- &__price {
42
- margin-bottom: 0;
43
- font-weight: 700;
44
- font-size: 1.125rem;
45
- line-height: 1.5rem;
46
- color: $blue-dark;
47
- }
48
-
49
- &__vat {
50
- margin-left: 5px;
51
- line-height: 1rem;
52
- }
53
-
54
- &__count {
55
- position: relative;
56
- padding-left: 8px;
57
- margin-left: 8px;
58
- font-weight: 400;
59
- font-size: .875rem;
60
- line-height: 1.375rem;
61
- color: $gray-dark;
62
-
63
- &::before {
64
- content: '';
65
- height: 100%;
66
- position: absolute;
67
- max-height: 16px;
68
- left: 0;
69
- top: 50%;
70
- width: 1px;
71
- background: $gray;
72
- transform: translateY(-50%);
73
- }
74
- }
75
-
76
- &__date {
77
- display: block;
78
- margin-top: 4px;
79
- font-weight: 400;
80
- font-size: .875rem;
81
- line-height: 1.375rem;
82
- color: $gray-dark;
83
- }
84
- }
85
- }
86
-
87
- @include media-breakpoint-up(sm) {
88
- .active-orders .order-details {
89
- grid-area: orderDetails;
90
- display: flex;
91
- align-items: baseline;
92
-
93
- &__date {
94
- margin-left: 8px;
95
- padding-left: 8px;
96
- margin-top: 0;
97
- position: relative;
98
-
99
- &::before {
100
- content: '';
101
- height: 100%;
102
- position: absolute;
103
- max-height: 16px;
104
- left: 0;
105
- top: 50%;
106
- width: 1px;
107
- background: $gray;
108
- transform: translateY(-50%);
109
- }
110
- }
111
- }
112
- }