wickes-css2 2.94.0-order-summary.18 → 2.94.0-preprod.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 (97) hide show
  1. package/Readme.md +3 -2
  2. package/build/css/main.css +1 -1
  3. package/build/css/my-account-main-v2.css +1 -1
  4. package/build/css/pages/checkout-new.css +1 -1
  5. package/build/css/pages/checkout.css +1 -1
  6. package/build/css/pages/my-account-v2.css +1 -1
  7. package/build/css/pages/page_checkout_delivery-new.css +1 -1
  8. package/build/css/pages/page_my-orders.css +1 -0
  9. package/build/css/pages/page_products-list-combined.css +1 -1
  10. package/build/css/pages/page_products-list.css +1 -1
  11. package/build/css/pages/page_shopping-cart-v2.css +1 -1
  12. package/build/css/pages/tradePro-signup.css +1 -1
  13. package/build/css/plp-main.css +1 -1
  14. package/build/js/basket.min.js +2 -2
  15. package/build/js/bundle.min.js +1 -1
  16. package/build/js/checkout.min.js +2 -2
  17. package/build/js/emulation.min.js +53 -1
  18. package/build/js/general.bundle.min.js +1 -1
  19. package/build/js/merged-checkout.min.js +2 -2
  20. package/build/js/my-orders.min.js +1 -0
  21. package/build/js/page/basket/summary-mobile.js +6 -1
  22. package/build/js/page/components/order-summary.js +0 -1
  23. package/build/js/page/my-orders.js +165 -0
  24. package/build/js/page/quiz.js +20 -11
  25. package/build/js/pdp.bundle.min.js +1 -1
  26. package/build/js/plp.bundle.min.js +1 -1
  27. package/build/js/project-list.min.js +1 -1
  28. package/build/js/quiz.min.js +1 -1
  29. package/package.json +10 -2
  30. package/src/components/date-selection.hbs +1 -1
  31. package/src/components/flatpickr-calendar.hbs +26 -0
  32. package/src/components/my-account/active-orders/header.hbs +6 -2
  33. package/src/components/my-account/active-orders/list-orders.hbs +14 -2
  34. package/src/components/my-account/active-orders/order-header.hbs +1 -1
  35. package/src/components/my-account/active-orders/order.hbs +10 -6
  36. package/src/components/my-account/clipboard-code-card.hbs +1 -1
  37. package/src/components/my-account/empty-orders.hbs +9 -0
  38. package/src/components/my-account/mobile-nav.hbs +23 -19
  39. package/src/components/my-account/orders-nav.hbs +15 -0
  40. package/src/components/my-account/sort-by.hbs +3 -0
  41. package/src/components/my-account/user-account-actions.hbs +1 -1
  42. package/src/components/order-item.hbs +3 -3
  43. package/src/components/partner-signup-form.hbs +4 -0
  44. package/src/data/data_delivery-address-v2.json +1 -1
  45. package/src/data/data_shopping-cart-v2.json +24 -0
  46. package/src/data/my-account/data_my-orders.json +246 -0
  47. package/src/elements/dropdown.hbs +1 -1
  48. package/src/js/components/flatpickr.js +167 -0
  49. package/src/js/components/general/handleAccordion.js +35 -0
  50. package/src/js/components/general/is-trade-pro.js +15 -1
  51. package/src/js/emulation/basket-data.js +1 -1
  52. package/src/js/emulation/mock.js +10 -0
  53. package/src/js/emulation/my-orders-local.js +41 -0
  54. package/src/js/page/basket/summary-mobile.js +6 -1
  55. package/src/js/page/components/order-summary.js +0 -1
  56. package/src/js/page/my-orders.js +165 -0
  57. package/src/js/page/quiz.js +20 -11
  58. package/src/layouts/checkout-new.hbs +1 -0
  59. package/src/page_checkout_confirmation-new-marketing-consent-error.html +0 -2
  60. package/src/page_checkout_delivery-address-customer-journey.html +0 -5
  61. package/src/page_checkout_delivery-address-v2.html +0 -4
  62. package/src/page_checkout_delivery-details-v2-asm.html +1 -5
  63. package/src/page_checkout_delivery-details-v2-calendar-message.html +0 -3
  64. package/src/page_checkout_delivery-details-v2-oos.html +0 -3
  65. package/src/page_checkout_delivery-details-v2-wisdom-not-available.html +0 -5
  66. package/src/page_checkout_delivery-details-v2-wisdom.html +0 -5
  67. package/src/page_checkout_delivery-details-with-loader-v2.html +0 -3
  68. package/src/page_checkout_delivery-details_guest-new.html +0 -5
  69. package/src/page_checkout_delivery_address-asm-new.html +0 -4
  70. package/src/page_checkout_next-day-delivery-details.html +0 -6
  71. package/src/page_checkout_payment-details-v2.html +1 -1
  72. package/src/page_checkout_payment-details_guest-with-checkout-journey.html +0 -2
  73. package/src/page_checkout_payment-details_login-with-checkout-journey.html +0 -2
  74. package/src/page_checkout_rapid-delivery-details.html +0 -6
  75. package/src/page_klarna_payment-details_with-klarna.html +3 -6
  76. package/src/page_my-orders-empty.html +49 -0
  77. package/src/page_my-orders.html +64 -0
  78. package/src/page_payment-details-with-clearpay.html +1 -1
  79. package/src/page_payment-details_with_apple-pay.html +1 -1
  80. package/src/page_payment-details_with_google-pay.html +1 -1
  81. package/src/page_tradePro-signup.html +1 -1
  82. package/src/scss/components/_marketing-preferences.scss +1 -1
  83. package/src/scss/components/_order-summary.scss +93 -0
  84. package/src/scss/components/my-account/_active-orders.scss +263 -0
  85. package/src/scss/components/my-account/_orders-nav.scss +61 -0
  86. package/src/scss/helpers/_variables.scss +1 -0
  87. package/src/scss/libs/flatpickr.scss +235 -0
  88. package/src/scss/pages/_checkout-widget.scss +100 -4
  89. package/src/scss/pages/my-account-v2.scss +1 -136
  90. package/src/scss/pages/page_checkout_delivery-new.scss +12 -3
  91. package/src/scss/pages/page_my-orders.scss +232 -0
  92. package/src/scss/pages/page_products-list-combined.scss +0 -1
  93. package/src/scss/pages/page_products-list.scss +0 -1
  94. package/src/scss/pages/page_shopping-cart-v2.scss +45 -5
  95. package/src/scss/pages/tradePro-signup.scss +27 -0
  96. package/src/sitemap.html +2 -0
  97. package/src/scss/components/my-account/_order.scss +0 -112
@@ -148,6 +148,13 @@
148
148
  margin: 0;
149
149
  margin-bottom: 25px;
150
150
  }
151
+
152
+ .fill-remaining {
153
+ @include media-breakpoint-down(sm) {
154
+ margin-right: -15px;
155
+ width: auto;
156
+ }
157
+ }
151
158
  }
152
159
 
153
160
  .signup-tradepro {
@@ -349,3 +356,23 @@
349
356
  }
350
357
  }
351
358
  }
359
+
360
+ .notification.fill-remaining {
361
+ margin: 0 16px 24px;
362
+
363
+ @include media-breakpoint-up(sm) {
364
+ margin: 0 0 24px;
365
+ }
366
+
367
+ &--local {
368
+ @include media-breakpoint-only(xs) {
369
+ margin-right: 0;
370
+ width: auto;
371
+ }
372
+
373
+ @include media-breakpoint-only(sm) {
374
+ margin-right: -15px;
375
+ width: auto;
376
+ }
377
+ }
378
+ }
package/src/sitemap.html CHANGED
@@ -538,6 +538,8 @@
538
538
  <li><a href="page_personal-details-installer.html" target="_blank">My Account Personal Details Installer</a></li>
539
539
  <li><a href="page_default-store-page-empty.html" target="_blank">Default Store Page Empty</a></li>
540
540
  <li><a href="page_default-store-page.html" target="_blank">Default Store Page</a></li>
541
+ <li><a href="page_my-orders.html" target="_blank">My Orders</a></li>
542
+ <li><a href="page_my-orders-empty.html" target="_blank">My Orders Empty</a></li>
541
543
  </ul>
542
544
  <h3>Project list</h3>
543
545
  <ul>
@@ -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
- }