wickes-css2 2.94.0-billie.3 → 2.94.0-develop.10

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 (108) hide show
  1. package/Readme.md +1 -1
  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/components/global-search.css +1 -1
  5. package/build/css/components/loader.css +1 -1
  6. package/build/css/homepage-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/my-account-v2.css +1 -1
  13. package/build/css/pages/page_checkout_delivery-new.css +1 -1
  14. package/build/css/pages/page_my-orders.css +1 -0
  15. package/build/css/pages/page_products-list-combined.css +1 -1
  16. package/build/css/pages/page_products-list.css +1 -1
  17. package/build/css/pages/page_shopping-cart-v2.css +1 -1
  18. package/build/css/pdp-main-before-combine.css +1 -1
  19. package/build/css/pdp-main-non-critical.css +1 -1
  20. package/build/css/pdp-main.css +1 -1
  21. package/build/css/plp-main.css +1 -1
  22. package/build/css/store-locator-main.css +1 -1
  23. package/build/js/basket.min.js +2 -2
  24. package/build/js/bundle.min.js +1 -1
  25. package/build/js/checkout.min.js +2 -2
  26. package/build/js/emulation.min.js +55 -8
  27. package/build/js/general.bundle.min.js +1 -1
  28. package/build/js/merged-checkout.min.js +2 -2
  29. package/build/js/my-orders.min.js +1 -0
  30. package/build/js/page/basket-v2.js +0 -14
  31. package/build/js/page/checkout-payment-details.js +0 -3
  32. package/build/js/page/components/order-summary.js +1 -9
  33. package/build/js/page/components/voucher.js +1 -1
  34. package/build/js/page/my-orders.js +165 -0
  35. package/build/js/pdp.bundle.min.js +1 -1
  36. package/build/js/plp.bundle.min.js +1 -1
  37. package/build/js/project-list.min.js +1 -1
  38. package/package.json +10 -2
  39. package/src/components/checkout-action.hbs +11 -14
  40. package/src/components/checkout-payment-details-v2.hbs +54 -100
  41. package/src/components/checkout_order-summary-new.hbs +3 -5
  42. package/src/components/checkout_voucher_large.hbs +16 -20
  43. package/src/components/flatpickr-calendar.hbs +26 -0
  44. package/src/components/my-account/active-orders/header.hbs +6 -2
  45. package/src/components/my-account/active-orders/list-orders.hbs +14 -2
  46. package/src/components/my-account/active-orders/order-header.hbs +1 -1
  47. package/src/components/my-account/active-orders/order.hbs +10 -6
  48. package/src/components/my-account/clipboard-code-card.hbs +1 -1
  49. package/src/components/my-account/empty-orders.hbs +9 -0
  50. package/src/components/my-account/mobile-nav.hbs +23 -19
  51. package/src/components/my-account/orders-nav.hbs +15 -0
  52. package/src/components/my-account/sort-by.hbs +3 -0
  53. package/src/components/my-account/user-account-actions.hbs +1 -1
  54. package/src/components/order-summary.hbs +56 -91
  55. package/src/components/payment-loader.hbs +0 -4
  56. package/src/data/footer_menu.json +0 -4
  57. package/src/data/my-account/data_my-orders.json +246 -0
  58. package/src/elements/dropdown.hbs +1 -1
  59. package/src/js/components/flatpickr.js +167 -0
  60. package/src/js/components/general/handleAccordion.js +35 -0
  61. package/src/js/components/general/is-trade-pro.js +1 -15
  62. package/src/js/emulation/basket-data.js +3 -3
  63. package/src/js/emulation/mock.js +10 -0
  64. package/src/js/emulation/my-orders-local.js +41 -0
  65. package/src/js/emulation/paymentLoader.js +1 -5
  66. package/src/js/page/basket-v2.js +0 -14
  67. package/src/js/page/checkout-payment-details.js +0 -3
  68. package/src/js/page/components/order-summary.js +1 -9
  69. package/src/js/page/components/voucher.js +1 -1
  70. package/src/js/page/my-orders.js +165 -0
  71. package/src/layouts/basket-new.hbs +1 -1
  72. package/src/page_my-orders-empty.html +49 -0
  73. package/src/page_my-orders.html +64 -0
  74. package/src/page_shopping-cart-v2.html +16 -6
  75. package/src/scss/components/_checkout-action.scss +6 -132
  76. package/src/scss/components/_order-summary.scss +179 -260
  77. package/src/scss/components/_payments-v2.scss +0 -8
  78. package/src/scss/components/checkout-payment-details-v2.scss +0 -67
  79. package/src/scss/components/loader.scss +0 -8
  80. package/src/scss/components/my-account/_active-orders.scss +263 -0
  81. package/src/scss/components/my-account/_orders-nav.scss +61 -0
  82. package/src/scss/helpers/_variables.scss +1 -2
  83. package/src/scss/libs/flatpickr.scss +235 -0
  84. package/src/scss/main.scss +0 -1
  85. package/src/scss/pages/_checkout-widget.scss +35 -48
  86. package/src/scss/pages/my-account-v2.scss +1 -136
  87. package/src/scss/pages/page_checkout_delivery-new.scss +10 -110
  88. package/src/scss/pages/page_my-orders.scss +232 -0
  89. package/src/scss/pages/page_products-list-combined.scss +0 -1
  90. package/src/scss/pages/page_products-list.scss +0 -1
  91. package/src/scss/pages/page_shopping-cart-v2.scss +33 -94
  92. package/src/sitemap.html +2 -17
  93. package/build/img/billie-spinner.svg +0 -5
  94. package/build/img/payment/footer/billie.svg +0 -4
  95. package/build/js/page/basket/summary-mobile.js +0 -17
  96. package/build/js/page/components/sticky-order-observer.js +0 -49
  97. package/src/components/checkout-payment-info-block.hbs +0 -47
  98. package/src/components/checkout-payment-option.hbs +0 -40
  99. package/src/components/checkout-voucher-accordion.hbs +0 -15
  100. package/src/components/summary-mobile-bar.hbs +0 -17
  101. package/src/img/billie-spinner.svg +0 -5
  102. package/src/img/payment/footer/billie.svg +0 -4
  103. package/src/js/page/basket/summary-mobile.js +0 -17
  104. package/src/js/page/components/sticky-order-observer.js +0 -49
  105. package/src/page_payment-details-with-billie.html +0 -66
  106. package/src/page_product-details-billie.html +0 -86
  107. package/src/scss/components/_sticky-element-appearance.scss +0 -25
  108. package/src/scss/components/my-account/_order.scss +0 -112
package/src/scss/components/_checkout-action.scss CHANGED
@@ -1,45 +1,16 @@
1
1
  @import '../helpers/helpers';
2
2
 
3
3
  .checkout-action {
4
- padding: 15px 15px 24px;
5
-
6
- .btn-checkout {
7
- .checkout-text--mixed {
8
- display: none;
9
- }
10
-
11
- .checkout-text--collect {
12
- display: inline;
13
- }
14
- }
15
-
16
- &:not(:has(.checkout-widget__basket-block)) {
17
- .btn-checkout {
18
- .checkout-text--mixed {
19
- display: inline;
20
- }
21
-
22
- .checkout-text--collect {
23
- display: none;
24
- }
25
- }
26
- }
27
-
28
- &:not(:has(.checkout-widget__basket-block)) {
29
- .btn-checkout {
30
- margin-bottom: 0;
31
- }
32
- }
4
+ margin-top: 5px;
5
+ padding-bottom: 20px;
6
+ border-bottom: 1px solid $gray;
33
7
 
34
8
  & .btn-checkout {
35
9
  display: flex;
36
10
  justify-content: center;
37
11
  align-items: center;
38
- height: 42px;
39
- margin-bottom: 10px;
40
- font-weight: 500;
41
- font-size: 16px;
42
- line-height: 1.5rem;
12
+ height: 40px;
13
+ margin-bottom: 20px;
43
14
 
44
15
  .icon {
45
16
  padding-left: 5px;
@@ -56,21 +27,18 @@
56
27
 
57
28
  & .paypal-button {
58
29
  padding-top: 0;
59
- height: 42px;
60
30
  }
61
31
 
62
32
  & .paypal-button-text {
63
33
  padding-left: 3px;
64
- font-size: 1rem;
34
+ font-size: .875rem;
65
35
  font-weight: 500;
66
- line-height: 1rem;
67
36
  }
68
37
  }
69
38
  }
70
39
 
71
40
  &__wrapper {
72
41
  order: -2;
73
- background-color: $white;
74
42
 
75
43
  &.large {
76
44
  order: inherit;
@@ -83,30 +51,6 @@
83
51
  &.mounted {
84
52
  display: none;
85
53
  }
86
-
87
- &.mobile {
88
- display: block;
89
- position: static;
90
- order: 1;
91
-
92
- .checkout-action {
93
- margin-top: 20px;
94
- padding: 0;
95
- padding-bottom: 20px;
96
-
97
- .btn-checkout {
98
- margin-bottom: 20px;
99
- }
100
-
101
- &:not(:has(.checkout-widget__basket-block)) {
102
- padding-bottom: 0;
103
-
104
- .btn-checkout {
105
- margin-bottom: 0;
106
- }
107
- }
108
- }
109
- }
110
54
  }
111
55
 
112
56
  &__large {
@@ -149,66 +93,6 @@
149
93
  }
150
94
  }
151
95
 
152
- @include media-breakpoint-up(sm) {
153
-
154
- .checkout-action {
155
- margin-top: 0;
156
- padding: 0;
157
- border-bottom: 0;
158
-
159
- &__wrapper {
160
- padding: 20px 0 24px;
161
- background-color: $white;
162
- order: -2;
163
-
164
- &.large {
165
- order: inherit;
166
-
167
- .checkout-action {
168
- margin-top: 20px;
169
- }
170
- }
171
-
172
- &.mounted {
173
- display: none;
174
- }
175
-
176
- &.mobile {
177
- display: block;
178
- position: static;
179
- order: 1;
180
- padding: 0;
181
-
182
- .checkout-action {
183
- margin-top: 20px;
184
- padding: 0;
185
- padding-bottom: 20px;
186
-
187
- .btn-checkout {
188
- margin-bottom: 20px;
189
- }
190
-
191
- &:not(:has(.checkout-widget__basket-block)) {
192
- padding-bottom: 0;
193
-
194
- .btn-checkout {
195
- margin-bottom: 0;
196
- }
197
- }
198
- }
199
- }
200
- }
201
- }
202
-
203
- .checkout-action .btn-checkout {
204
- margin-bottom: 10px;
205
- }
206
-
207
- .checkout-action--single .btn-checkout {
208
- margin-bottom: 0;
209
- }
210
- }
211
-
212
96
  @include media-breakpoint-up(md) {
213
97
  .checkout-action {
214
98
  .pay-pal_wrap {
@@ -221,13 +105,8 @@
221
105
 
222
106
  @include media-breakpoint-up(lg) {
223
107
  .checkout-action {
224
- margin-top: 5px;
225
- padding-bottom: 20px;
226
- border-bottom: 1px solid $gray;
227
-
228
108
  &__wrapper {
229
109
  order: inherit;
230
- position: static;
231
110
 
232
111
  &.large {
233
112
  order: -2;
@@ -236,7 +115,6 @@
236
115
 
237
116
  &.mounted {
238
117
  display: block;
239
- padding: 0;
240
118
  padding-top: 15px;
241
119
  background: $white;
242
120
 
@@ -244,10 +122,6 @@
244
122
  border-bottom: 0;
245
123
  }
246
124
  }
247
-
248
- &.mobile {
249
- display: none;
250
- }
251
125
  }
252
126
 
253
127
  &__large {