wickes-css2 2.96.0-develop.2 → 2.96.0-develop.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wickes-css2",
-  "version": "2.96.0-develop.2",
+  "version": "2.96.0-develop.4",
   "description": "CSS and JS and page templates in use by Wickes",
   "main": "index.js",
   "scripts": {

package/src/js/components/general/switchVat.js

@@ -54,7 +54,10 @@ Wick.VatToggle = {
   },
 
   isToggleVatAvailable: function() {
-    return window.ACC.app.isVatToggleAvailable;
+    //added so that it doesn't trigger in the local environment
+    if (!Wick.checkLocalEnv) {
+      return window.ACC.app.isVatToggleAvailable;
+    }
   },
 
   isOn: function () {

package/src/js/emulation/basket-data.js

@@ -431,6 +431,442 @@ Wick.BasketData = (function () {
       "entryGroupNumbers": null,
       "message": "The Basket quantity of <a href=\"/Blue-Circle-Ready-To-Use-Postcrete---20kg/p/221100\" style=\"text-decoration: underline\">Blue Circle Ready To Use Postcrete - 20kg</a> has been reduced to 74 from 100 due to insufficient stock."
     },
+    initialCartState: {
+      "code": "696252000",
+      "subTotal": {"value": 19.0, "formattedValue": "£19.00", "currencyIso": "GBP", "formattedPriceWithoutCurrencySymbol": "19.00"},
+      "totalTax": {"value": 3.17, "formattedValue": "£3.17", "currencyIso": "GBP", "formattedPriceWithoutCurrencySymbol": "3.17"},
+      "deliveryCost": {"value": 0.0, "formattedValue": "£0.00", "currencyIso": "GBP", "formattedPriceWithoutCurrencySymbol": "0.00"},
+      "charityPrice": {"value": 0.0, "formattedValue": "£0.00", "currencyIso": "GBP", "formattedPriceWithoutCurrencySymbol": "0.00"},
+      "totalDiscounts": {"value": 0.0, "formattedValue": "£0.00", "currencyIso": "GBP", "formattedPriceWithoutCurrencySymbol": "0.00"},
+      "totalPrice": {"value": 19.0, "formattedValue": "£19.00", "currencyIso": "GBP", "formattedPriceWithoutCurrencySymbol": "19.00"},
+      "potentialProductPromotions": [],
+      "appliedProductPromotions": [],
+      "appliedOrderPromotions": [],
+      "promotionsInfo": null,
+      "clickAndCollectOnly": true,
+      "deliveryItemsQuantity": 1,
+      "pickupItemsQuantity": 2,
+      "freeDelivery": false,
+      "subtotalWithoutCharity": {"value": 19.0, "formattedValue": "£19.00", "currencyIso": "GBP", "formattedPriceWithoutCurrencySymbol": "19.00"},
+      "messageForFreeDelivery": null,
+      "pickupOrderGroups": [
+        {
+          "entries": [
+            {
+              "entryNumber": 0,
+              "quantity": 2,
+              "basePrice": {
+                "value": 100.0,
+                "formattedValue": "£100",
+                "currencyIso": "GBP",
+                "formattedPriceWithoutCurrencySymbol": "100"
+              },
+              "basePriceExcVat": {
+                "value": 99,
+                "formattedValue": "£99",
+                "currencyIso": "GBP",
+                "formattedPriceWithoutCurrencySymbol": "99"
+              },
+              "product": {
+                "code": "221100",
+                "name": "Blue Circle Ready To Use Postcrete - 20kg",
+                "url": "/Blue-Circle-Ready-To-Use-Postcrete---20kg/p/221100",
+                "minOrderQuantity": 0,
+                "maxOrderQuantity": null,
+                "fulfillmentAttributes": {
+                  "type": "STANDARD_STORE_DELIVERED",
+                  "leadTimeDays": 1,
+                  "supplierDelivered": false
+                },
+                "price": {
+                  "value": 100.0,
+                  "formattedValue": "£100",
+                  "currencyIso": "GBP",
+                  "formattedPriceWithoutCurrencySymbol": "100"
+                },
+                "categoryPath": "Products/Building Materials/Cement & Aggregates/Cement",
+                "brandName": "Blue Circle",
+                "categories": [
+                  {
+                    "code": "1000208",
+                    "name": "Cement"
+                  },
+                  {
+                    "code": "1000211",
+                    "name": "Concrete"
+                  }
+                ],
+                "image": {
+                  "url": "//media.dev.wickes.co.uk/is/image/wickes/B3182_221100_00?$normal$",
+                  "altText": "Blue Circle Ready To Use Postcrete - 20kg"
+                },
+                "pricePerSqm": 0.0,
+                "installationProduct": false
+              },
+              "updateable": true,
+              "deliveryPointOfService": {
+                "name": "8901",
+                "description": "WX Test Store 12"
+              },
+              "charity": false,
+              "itemTotalWithoutDiscount": {
+                "value": 100.0,
+                "formattedValue": "£100",
+                "currencyIso": "GBP",
+                "formattedPriceWithoutCurrencySymbol": "100"
+              },
+              "itemTotalWithoutDiscountExcVat": {
+                "value": 99,
+                "formattedValue": "£99",
+                "currencyIso": "GBP",
+                "formattedPriceWithoutCurrencySymbol": "99"
+              },
+              "orderFulfilmentControls": {
+                "availableForDelivery": true,
+                "availableForCollection": true,
+                "availableForWickesFulfilment": false
+              }
+            }
+          ],
+          "quantity": 1,
+          "totalPrice": {
+            "value": 100.0,
+            "formattedValue": "£100.00",
+            "currencyIso": "GBP",
+            "formattedPriceWithoutCurrencySymbol": "100.00"
+          }
+        },
+        {
+          "entries": [
+            {
+              "entryNumber": 1,
+              "quantity": 2,
+              "basePrice": {
+                "value": 24.0,
+                "formattedValue": "£24",
+                "currencyIso": "GBP",
+                "formattedPriceWithoutCurrencySymbol": "24"
+              },
+              "basePriceExcVat": {
+                "value": 23,
+                "formattedValue": "£23",
+                "currencyIso": "GBP",
+                "formattedPriceWithoutCurrencySymbol": "23"
+              },
+              "product": {
+                "code": "109450",
+                "name": "Knauf Insulation Space Standard Top Up 170mm Loft Roll - 6.47m²",
+                "url": "/Knauf-Insulation-Space-Standard-Top-Up-170mm-Loft-Roll---6-47m%C2%B2/p/109450",
+                "minOrderQuantity": 0,
+                "maxOrderQuantity": null,
+                "fulfillmentAttributes": {
+                  "type": "HOURLY_STANDARD",
+                  "leadTimeDays": 1,
+                  "supplierDelivered": false
+                },
+                "price": {
+                  "value": 24.0,
+                  "formattedValue": "£24",
+                  "currencyIso": "GBP",
+                  "formattedPriceWithoutCurrencySymbol": "24"
+                },
+                "categoryPath": "Products/Building Materials/Insulation/Loft Insulation",
+                "brandName": "Knauf Insulation",
+                "categories": [
+                  {
+                    "code": "1000270",
+                    "name": "Loft Insulation"
+                  }
+                ],
+                "image": {
+                  "url": "//media.wickes.co.uk/is/image/wickes/O0032_109450_00?$normal$",
+                  "altText": "Knauf Insulation Space Standard Top Up 170mm Loft Roll - 6.47m²"
+                },
+                "pricePerSqm": 0.0,
+                "installationProduct": false
+              },
+              "updateable": true,
+              "deliveryPointOfService": {
+                "name": "8397",
+                "description": "WATFORD"
+              },
+              "charity": false,
+              "itemTotalWithoutDiscount": {
+                "value": 24.0,
+                "formattedValue": "£24",
+                "currencyIso": "GBP",
+                "formattedPriceWithoutCurrencySymbol": "24"
+              },
+              "itemTotalWithoutDiscountExcVat": {
+                "value": 23,
+                "formattedValue": "£23",
+                "currencyIso": "GBP",
+                "formattedPriceWithoutCurrencySymbol": "23"
+              },
+              "orderFulfilmentControls": {
+                "availableForDelivery": true,
+                "availableForCollection": true,
+                "availableForWickesFulfilment": false
+              }
+            },
+            {
+              "entryNumber": 2,
+              "quantity": 2,
+              "basePrice": {
+                "value": 0.0,
+                "formattedValue": "£0",
+                "currencyIso": "GBP",
+                "formattedPriceWithoutCurrencySymbol": "0"
+              },
+              "basePriceExcVat": {
+                "value": 0,
+                "formattedValue": "£0",
+                "currencyIso": "GBP",
+                "formattedPriceWithoutCurrencySymbol": "0"
+              },
+              "product": {
+                "code": "103123",
+                "name": "Wickes Passage Door Knob Set - Brass 1 Pair",
+                "url": "/Wickes-Passage-Door-Knob-Set---Brass-1-Pair/p/103123",
+                "minOrderQuantity": 0,
+                "maxOrderQuantity": null,
+                "fulfillmentAttributes": {
+                  "type": "STANDARD",
+                  "leadTimeDays": 1,
+                  "supplierDelivered": false
+                },
+                "price": {
+                  "value": 9.5,
+                  "formattedValue": "£9.50",
+                  "currencyIso": "GBP",
+                  "formattedPriceWithoutCurrencySymbol": "9.50"
+                },
+                "categoryPath": "Products/Clearance",
+                "brandName": "Wickes",
+                "categories": [
+                  {
+                    "code": "1072000",
+                    "name": "Clearance"
+                  },
+                  {
+                    "code": "1065002",
+                    "name": "Security & Hardware Clearance"
+                  },
+                  {
+                    "code": "1022012",
+                    "name": "Doors & Windows Clearance"
+                  },
+                  {
+                    "code": "1008007",
+                    "name": "Door Handles"
+                  }
+                ],
+                "image": {
+                  "url": "//media.wickes.co.uk/is/image/wickes/T3274_103123_00?$normal$",
+                  "altText": "Wickes Passage Door Knob Set - Brass 1 Pair"
+                },
+                "pricePerSqm": 0.0,
+                "installationProduct": false
+              },
+              "updateable": false,
+              "deliveryPointOfService": null,
+              "charity": false,
+              "itemTotalWithoutDiscount": {
+                "value": 0.0,
+                "formattedValue": "£0",
+                "currencyIso": "GBP",
+                "formattedPriceWithoutCurrencySymbol": "0"
+              },
+              "itemTotalWithoutDiscountExcVat": {
+                "value": 0,
+                "formattedValue": "£0",
+                "currencyIso": "GBP",
+                "formattedPriceWithoutCurrencySymbol": "0"
+              },
+              "orderFulfilmentControls": {
+                "availableForDelivery": true,
+                "availableForCollection": true,
+                "availableForWickesFulfilment": false
+              }
+            }
+          ],
+          "quantity": 2,
+          "totalPrice": {
+            "value": 40.5,
+            "formattedValue": "£40.50",
+            "currencyIso": "GBP",
+            "formattedPriceWithoutCurrencySymbol": "40.50"
+          }
+        }
+      ],
+      "deliveryOrderGroups": [
+        {
+          "entries": [
+            {
+              "entryNumber": 3,
+              "quantity": 3,
+              "basePrice": {
+                "value": 25.0,
+                "formattedValue": "£25",
+                "currencyIso": "GBP",
+                "formattedPriceWithoutCurrencySymbol": "25"
+              },
+              "basePriceExcVat": {
+                "value": 24,
+                "formattedValue": "£24",
+                "currencyIso": "GBP",
+                "formattedPriceWithoutCurrencySymbol": "24"
+              },
+              "product": {
+                "code": "109451",
+                "name": "Knauf Insulation Super Top Up 200mm Loft Roll - 5.61m²",
+                "url": "/Knauf-Insulation-Super-Top-Up-200mm-Loft-Roll---5-61m%C2%B2/p/109451",
+                "minOrderQuantity": 0,
+                "maxOrderQuantity": null,
+                "fulfillmentAttributes": {
+                  "type": "STANDARD",
+                  "leadTimeDays": 1,
+                  "supplierDelivered": false
+                },
+                "price": {
+                  "value": 25.0,
+                  "formattedValue": "£25",
+                  "currencyIso": "GBP",
+                  "formattedPriceWithoutCurrencySymbol": "25"
+                },
+                "categoryPath": "Products/Building Materials/Insulation/Loft Insulation",
+                "brandName": "Knauf Insulation",
+                "categories": [
+                  {
+                    "code": "1000270",
+                    "name": "Loft Insulation"
+                  }
+                ],
+                "image": {
+                  "url": "//media.wickes.co.uk/is/image/wickes/O0032_109451_00?$normal$",
+                  "altText": "Knauf Insulation Super Top Up 200mm Loft Roll - 5.61m²"
+                },
+                "pricePerSqm": {
+                  "value": 17,
+                  "formattedValue": "£17",
+                  "currencyIso": "GBP",
+                  "formattedPriceWithoutCurrencySymbol": "17"
+                },
+                "pricePerSqmExcVat": {
+                  "value": 16,
+                  "formattedValue": "£16",
+                  "currencyIso": "GBP",
+                  "formattedPriceWithoutCurrencySymbol": "16"
+                },
+                "installationProduct": true
+              },
+              "updateable": true,
+              "deliveryPointOfService": null,
+              "charity": false,
+              "itemTotalWithoutDiscount": {
+                "value": 25.0,
+                "formattedValue": "£25",
+                "currencyIso": "GBP",
+                "formattedPriceWithoutCurrencySymbol": "25"
+              },
+              "itemTotalWithoutDiscountExcVat": {
+                "value": 24,
+                "formattedValue": "£24",
+                "currencyIso": "GBP",
+                "formattedPriceWithoutCurrencySymbol": "24"
+              },
+              "orderFulfilmentControls": {
+                "availableForDelivery": true,
+                "availableForCollection": true,
+                "availableForWickesFulfilment": false
+              }
+            },
+            {
+              "entryNumber": 4,
+              "quantity": 1,
+              "basePrice": {
+                "value": 25.0,
+                "formattedValue": "£25",
+                "currencyIso": "GBP",
+                "formattedPriceWithoutCurrencySymbol": "25"
+              },
+              "basePriceExcVat": {
+                "value": 24,
+                "formattedValue": "£24",
+                "currencyIso": "GBP",
+                "formattedPriceWithoutCurrencySymbol": "24"
+              },
+              "product": {
+                "code": "123143",
+                "name": "6 Wickes General Purpose Claw test",
+                "url": "/Knauf-Insulation-Super-Top-Up-200mm-Loft-Roll---5-61m%C2%B2/p/109451",
+                "minOrderQuantity": 0,
+                "maxOrderQuantity": null,
+                "fulfillmentAttributes": {
+                  "type": "STANDARD",
+                  "leadTimeDays": 1,
+                  "supplierDelivered": false
+                },
+                "price": {
+                  "value": 25.0,
+                  "formattedValue": "£25",
+                  "currencyIso": "GBP",
+                  "formattedPriceWithoutCurrencySymbol": "25"
+                },
+                "categoryPath": "Products/Building Materials/Insulation/Loft Insulation",
+                "brandName": "Knauf Insulation",
+                "categories": [
+                  {
+                    "code": "1000270",
+                    "name": "Loft Insulation"
+                  }
+                ],
+                "image": {
+                  "url": "//media.wickes.co.uk/is/image/wickes/O0032_109451_00?$normal$",
+                  "altText": "Knauf Insulation Super Top Up 200mm Loft Roll - 5.61m²"
+                },
+                "pricePerSqm": 0.0,
+                "installationProduct": false
+              },
+              "updateable": true,
+              "deliveryPointOfService": null,
+              "charity": false,
+              "itemTotalWithoutDiscount": {
+                "value": 25.0,
+                "formattedValue": "£25",
+                "currencyIso": "GBP",
+                "formattedPriceWithoutCurrencySymbol": "25"
+              },
+              "itemTotalWithoutDiscountExcVat": {
+                "value": 24,
+                "formattedValue": "£24",
+                "currencyIso": "GBP",
+                "formattedPriceWithoutCurrencySymbol": "24"
+              },
+              "orderFulfilmentControls": {
+                "availableForDelivery": true,
+                "availableForCollection": true,
+                "availableForWickesFulfilment": false
+              }
+            }
+          ],
+          "quantity": null,
+          "totalPrice": {
+            "value": 25.0,
+            "formattedValue": "£25.00",
+            "currencyIso": "GBP",
+            "formattedPriceWithoutCurrencySymbol": "25.00"
+          }
+        }
+      ],
+      "paymentInfos": {"payPalEnabled": true, "payPalPaymentInfo": {"id": 123, "payer": "John.doe123@gmail.com"}},
+      "payPalEnabled": true,
+      "deliveryAddress": null,
+      "pickupUniqueItemsNumber": 3,
+      "deliveryUniqueItemsNumber": 1,
+      "totalUnitCount": 2,
+      "orderType": "CC"
+    },
     updateCart: {
       "code": "696252000",
       "subTotal": {"value": 19.0, "formattedValue": "£19.00", "currencyIso": "GBP", "formattedPriceWithoutCurrencySymbol": "19.00"},

package/src/js/page/basket-v2.js

@@ -385,9 +385,9 @@ Wick.BasketPage = {
             callAction(payload, actionCallback, info)
         } else {
             if (initial) {
-                Wick.BasketPage.getCartEntries(Wick.BasketData.updateCart);
-                addClassToSummaryAside(Wick.BasketData.updateCart);
-                const initialTotalPrice = Wick.BasketData.updateCart.totalPrice.value;
+                Wick.BasketPage.getCartEntries(Wick.BasketData.initialCartState);
+                addClassToSummaryAside(Wick.BasketData.initialCartState);
+                const initialTotalPrice = Wick.BasketData.initialCartState.totalPrice.value;
                 updateClearpayVisibility(initialTotalPrice);
             } else {
                 updateBasketDataQuantity();

package/src/js/page/components/order-summary.js

@@ -1,5 +1,4 @@
 import {updateDiscount} from "./discounts";
-import {addClassToSummaryAside} from "../basket/summary-mobile";
 
 const osEl = {
     $summarySection: $('.summary'),

package/src/js/page/components/sticky-order-observer.js

@@ -22,8 +22,8 @@ export function initStickyObserver(observedElements, stickyElements, collapseSel
   if ('IntersectionObserver' in window) {
     io = new IntersectionObserver(
       entries => {
-        const anyInView = entries.some(e => e.isIntersecting);
-        toggle(anyInView);
+        const shouldBeHidden = entries.some(e => e.isIntersecting || e.boundingClientRect.y < 0);
+        toggle(shouldBeHidden);
       },
       { rootMargin: '0px 0px -20% 0px', threshold: 0 }
     );
@@ -31,15 +31,15 @@ export function initStickyObserver(observedElements, stickyElements, collapseSel
   } else {
     // Fallback for older browsers
     function check() {
-      let anyInView = false;
+      let anyInViewOrAbove = false;
       $observed.each(function () {
         const r = this.getBoundingClientRect();
-        if (r.top < window.innerHeight * 0.8 && r.bottom > 0) {
-          anyInView = true;
-          return false; // break
+        if ((r.top < window.innerHeight * 0.8 && r.bottom > 0) || r.bottom < 0) {
+          anyInViewOrAbove = true;
+          return false;
         }
       });
-      toggle(anyInView);
+      toggle(anyInViewOrAbove);
     }
     $(window)
       .off('scroll.sticky resize.sticky')

package/src/scss/components/_back-to-top.scss

@@ -33,6 +33,38 @@
       height: auto;
     }
   }
+
+  body:has(.summary__aside) & {
+    bottom: 193px !important;
+
+    &.single-button {
+      bottom: 141px !important;
+    }
+  }
+
+  body.summary-hidden & {
+    bottom: 16px !important;
+    right: 16px !important;
+  }
+}
+
+@include media-breakpoint-up(sm) {
+  .back-to-top {
+    body:has(.summary__aside) & {
+      bottom: 198px !important;
+
+      &.single-button {
+        bottom: 146px !important;
+      }
+    }
+
+    // Required to resolve a specificity tie. By coming last, this 'hidden'
+    // state correctly overrides the ':has' state above.
+    body.summary-hidden & {
+      bottom: 16px !important;
+      right: 16px !important;
+    }
+  }
 }
 
 @include media-breakpoint-up(lg) {
@@ -43,5 +75,18 @@
     &--with-chat {
       bottom: 120px !important;
     }
+
+    body:has(.summary__aside):not(.summary-hidden) & {
+      &,
+      &.single-button {
+        right: 48px !important;
+        bottom: 24px !important;
+      }
+    }
+
+    body.summary-hidden & {
+      right: 48px !important;
+      bottom: 24px !important;
+    }
   }
 }

package/src/scss/components/_order-summary.scss

@@ -3,11 +3,6 @@
 $android-offset:   60px !default;
 $ios-notch-offset: 80px !default;
 
-body.summary-hidden .back-to-top {
-  bottom: 20px !important;
-  right: 16px !important;
-}
-
 .summary {
   &__aside {
     padding: 15px;
@@ -294,14 +289,6 @@ body.summary-hidden .back-to-top {
   transition: transform .3s ease;
 }
 
-.back-to-top {
-  bottom: 193px !important;
-}
-
-.back-to-top.single-button {
-  bottom: 141px !important;
-}
-
 .summary:not(.summary--mobile) {
   .summary__aside {
     padding: 20px 20px 0;
@@ -330,14 +317,6 @@ body.summary-hidden .back-to-top {
       }
     }
   }
-
-  .back-to-top {
-    bottom: 198px !important;
-  }
-
-  .back-to-top.single-button {
-    bottom: 146px !important;
-  }
 }
 
 @include media-breakpoint-up(md) {
@@ -421,16 +400,6 @@ body.summary-hidden .back-to-top {
     box-shadow: none;
   }
 
-  .back-to-top {
-    right: 48px !important;
-    bottom: 24px !important;
-  }
-
-  .back-to-top.single-button {
-    right: 48px !important;
-    bottom: 24px !important;
-  }
-
   .basket {
     .summary {
       & .summary__payment {

package/src/scss/components/_sticky-element-appearance.scss

@@ -7,7 +7,7 @@
   opacity: 0;
   pointer-events: none;
   will-change: transform, opacity;
-  transition: transform 0.5s ease, opacity 0.5s ease;
+  transition: transform .5s ease, opacity .5s ease;
 
   &:not(.is-hidden) {
     transform: translateY(0);
@@ -18,8 +18,7 @@
   &.is-hidden {
     transform: translateY(100%);
     opacity: 0;
-    transition: transform 0.5s ease 0s,
-    opacity   0.5s ease 5s;
+    transition: transform .5s ease 0s, opacity .5s ease 5s;
     pointer-events: none;
   }
 }