wickes-css2 2.112.0-develop.1 → 2.112.0-dont-forget-widget.1

package/src/data/my-account/data_my-orders.json

@@ -97,7 +97,21 @@
         },
         "totalPrice": "920.75",
         "totalItemCount": 7,
-        "orderDate": "21st November 2024 4:32 PM"
+        "orderDate": "21st November 2024 4:32 PM",
+        "shipmentDetails": [
+          {
+            "shipmentIcon": "fas fa-shipping-fast",
+            "shipmentTitle": "Premium Delivery from Southampton store",
+            "shipmentInfo": "Dispatched. Delivery — By 12 PM - 12th Apr 2026",
+            "itemsCount": 1
+          },
+          {
+            "shipmentIcon": "fas fa-box-alt",
+            "shipmentTitle": "Supplier Delivery",
+            "shipmentInfo": "Order placed. These item(s) will be delivered within 14 days after receiving your order confirmation. Supplier will contact you with additional information.",
+            "itemsCount": 3
+          }
+        ]
       },
       {
         "orderId": "940564923",

package/src/img/premium-delivery.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="none"><g clip-path="url(#a)"><circle cx="19.828" cy="12.892" r="6.953" stroke="#99b5cf" stroke-width="1.112"/><rect width="1.112" height="2.503" x="19.272" y="5.661" fill="#99b5cf" rx=".556"/><rect width="1.112" height="2.503" x="12.32" y="13.448" fill="#99b5cf" rx=".556" transform="rotate(-90 12.32 13.448)"/><path fill="#99b5cf" d="M1.056 21.513a.556.556 0 1 1 0-1.112H4.95v1.112z"/><rect width="1.112" height="2.503" x="24.834" y="13.448" fill="#99b5cf" rx=".556" transform="rotate(-90 24.834 13.448)"/><rect width="1.112" height="2.503" x="14.127" y="8.116" fill="#99b5cf" rx=".556" transform="rotate(-45 14.127 8.116)"/><rect width="1.112" height="2.503" fill="#99b5cf" rx=".556" transform="rotate(225 10.734 5.935)scale(-1 1)"/><rect width="1.112" height="2.503" fill="#99b5cf" rx=".556" transform="rotate(45 2.994 34.94)scale(-1 1)"/><rect width="1.112" height="3.428" fill="#99b5cf" rx=".556" transform="matrix(1 0 0 -1 19.272 12.844)"/><rect width="1.112" height="2.781" fill="#99b5cf" rx=".556" transform="matrix(0 -1 -1 0 19.78 13.448)"/><rect width="1.112" height="2.503" x="25.583" y="17.721" fill="#99b5cf" rx=".556" transform="rotate(135 25.583 17.72)"/><rect width="1.112" height="2.503" x="19.272" y="17.898" fill="#99b5cf" rx=".556"/><rect width="1.669" height="1.669" x="18.994" y="12.058" fill="#99b5cf" rx=".834"/><path fill="#99b5cf" d="M1.056 24.85a.556.556 0 1 1 0-1.112H4.95v1.113zM1.056 28.188a.556.556 0 1 1 0-1.112H4.95v1.112zM1.056 31.525a.556.556 0 1 1 0-1.112H4.95v1.112z"/><path fill="#99b5cf" fill-rule="evenodd" d="M10.86 35.419a2.98 2.98 0 0 1 2.266 1.044H8.593a2.98 2.98 0 0 1 2.266-1.044m.864-20.024c1.027 3.329 4.047 5.785 7.668 5.968l.436.012a8.49 8.49 0 0 0 8.107-5.98h4.547c1.229 0 2.225.997 2.225 2.226v4.435q.115-.026.246-.051a14 14 0 0 1 2.376-.253c1.902-.038 4.365.319 6.418 1.97 1.286 1.035 2.179 2.954 2.804 4.863.634 1.938 1.03 3.99 1.254 5.41.21 1.33-.837 2.468-2.146 2.468h-2.353a4.52 4.52 0 0 0-3.847-2.568l-.232-.005a4.52 4.52 0 0 0-4.08 2.573H14.94a4.52 4.52 0 0 0-3.847-2.568l-.233-.005a4.52 4.52 0 0 0-4.073 2.557 2.226 2.226 0 0 1-1.975-2.21v-2.71h5.005a.557.557 0 0 0 0-1.114H4.811V28.19h2.92a.557.557 0 0 0 0-1.113H4.81v-2.224h5.005a.556.556 0 1 0 0-1.112H4.811v-2.226h8.065a.556.556 0 0 0 0-1.113H4.811v-2.78c0-1.229.996-2.226 2.225-2.226zm27.503 20.024a2.98 2.98 0 0 1 2.266 1.044H36.96a2.98 2.98 0 0 1 2.268-1.044M37.48 24.715a.945.945 0 0 0-.965.953v4.263c0 .537.436.973.973.973h4.728c.53 0 .997-.44.95-1.017a8 8 0 0 0-.355-1.814c-.23-.703-.617-1.482-1.278-2.043-1.17-.993-2.79-1.24-3.707-1.3z" clip-rule="evenodd"/><circle cx="10.86" cy="38.408" r="3.476" fill="#fff" stroke="#99b5cf" stroke-width="1.53"/><circle cx="10.86" cy="38.408" r="1.738" fill="#fff" stroke="#99b5cf" stroke-width="1.112"/><circle cx="39.226" cy="38.408" r="3.476" fill="#fff" stroke="#99b5cf" stroke-width="1.53"/><circle cx="39.226" cy="38.408" r="1.738" stroke="#99b5cf" stroke-width="1.112"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h48v48H0z"/></clipPath></defs></svg>

package/src/js/emulation/bloomreach-widget-loading.js

@@ -3,9 +3,9 @@ var Wick = window.Wick || {};
 $(document).ready(function () {
     window.setTimeout(function () {
         const $container = $('[data-complete-widget]');
-        const contextKey = $container.data('context-key');
+        const contextKey = $container.data('mock-key');
         const payloadData = Wick.FEMock.dataBloomreach[contextKey];
 
-        Wick.BloomreachWidget.init(payloadData);
+        Wick.BloomreachWidget.init('completeYourProject', payloadData);
     }, 3000);
 });

package/src/js/emulation/date-selection.js

@@ -6,12 +6,14 @@ const DS_EL = {
     subtitle: '.delivery-btn .subtitle',
     infoIcon: '.rapid-info-icon',
     image: '.delivery-btn__image',
+    premiumImage: '.delivery-btn__image--premium',
 };
 
 const DS_CLASSES = {
     selectedCell: 'calendar__cell_selected',
     isSelected: 'date-selection_selected',
-    rapidCell: 'calendar__cell_rapid',
+    rapidCell: 'calendar-rapid-day',
+    premiumCell: 'calendar-premium-day',
     hidden: 'd-none',
 };
 
@@ -98,17 +100,72 @@ function updateRapidInfo() {
     updateDeliveryInfo();
 }
 
+function getPremiumOrdinal(day) {
+    if (day > 3 && day < 21) return 'th';
+    switch (day % 10) {
+        case 1:
+            return 'st';
+        case 2:
+            return 'nd';
+        case 3:
+            return 'rd';
+        default:
+            return 'th';
+    }
+}
+
+function formatPremiumDate() {
+    const tomorrow = new Date();
+    tomorrow.setDate(tomorrow.getDate() + 1);
+    const day = tomorrow.getDate();
+    const month = tomorrow.toLocaleString('en-GB', { month: 'long' });
+    const year = tomorrow.getFullYear();
+    return `${day}${getPremiumOrdinal(day)} ${month} ${year}`;
+}
+
+function updatePremiumDeliveryBlock() {
+    const $timeHead = $('.delivery-block .checkout-order .order-block__time-head');
+    if (!$timeHead.length) return;
+
+    const $span = $timeHead.find('> span').first();
+    const $icon = $span.find('.iconHead').detach();
+
+    $span.empty().append($icon).append(` By 12 PM `);
+    $span.append($('<span class="boldDate">').text(`- ${formatPremiumDate()}`));
+    $timeHead.find('.order-block__time-head-info').text('Delivery date');
+}
+
+function updatePremiumInfo() {
+    const $title = $(DS_EL.title);
+    const $subtitle = $(DS_EL.subtitle);
+    const $infoIcon = $subtitle.find(DS_EL.infoIcon).detach();
+    const $image = $(DS_EL.image);
+    const $premiumImage = $(DS_EL.premiumImage);
+
+    $title.text('Premium delivery');
+    $subtitle.html('Delivered tomorrow morning for &pound;12.00');
+    $infoIcon.addClass(DS_CLASSES.hidden);
+    $subtitle.append($infoIcon);
+    $image.addClass(DS_CLASSES.hidden);
+    $premiumImage.removeClass(DS_CLASSES.hidden);
+    updatePremiumDeliveryBlock();
+}
+
 function selectTimeSlot(e) {
     const $self = $(DS_EL.dateSelection);
     const $cell = $(e.target).closest(DS_EL.cell);
     const isRapid = $cell.hasClass(DS_CLASSES.rapidCell);
+    const isPremiumCell = $cell.hasClass(DS_CLASSES.premiumCell);
 
     $(DS_EL.cell).removeClass(DS_CLASSES.selectedCell);
     $cell.addClass(DS_CLASSES.selectedCell);
     $self.trigger('selected');
     isDateSelected = true;
 
-    if (isRapid) {
+    if (isPremiumCell) {
+        $self.addClass(DS_CLASSES.isSelected);
+        updatePremiumInfo();
+    } else if (isRapid) {
         if (!rapidLoaderShown) {
             rapidLoaderShown = true;
             showRapidLoader();

package/src/js/emulation/mock.js

@@ -9,6 +9,315 @@ Wick.FEMock = {
         );
     },
     dataBloomreach: {
+        whyNotAddRecommendationsSingle: {
+            recommendedProducts: [
+                {
+                    baseProduct: {
+                        code: '153731',
+                        name: 'Wickes Trade Paint Roller Set - 9in',
+                        url: '/Wickes-Trade-Paint-Roller-Set---9in/p/153731',
+                        purchasable: true,
+                        productType: 'ProductModel',
+                        isBaseProduct: false,
+                        availabilityRestriction: 'NO_RESTRICTIONS',
+                        fulfilmentType: 'STANDARD',
+                        stock: {
+                            stockLevelStatus: {
+                                code: 'inStock',
+                            },
+                        },
+                        fulfillmentAttributes: {
+                            type: 'STANDARD',
+                        },
+                        images: [
+                            {
+                                imageType: 'PRIMARY',
+                                format: 'product',
+                                url: 'https://placehold.co/68x68?text=roller',
+                                altText: 'Wickes Trade Paint Roller Set - 9in',
+                            },
+                        ],
+                        externalAverageRating: 5,
+                        externalReviewCount: 100,
+                        displayPrice: {
+                            currencyIso: 'GBP',
+                            value: 9999,
+                            priceType: 'BUY',
+                            formattedValue: '£9,999.00',
+                            formattedPriceWithoutCurrencySymbol: '16',
+                            currencySymbol: '£',
+                            vatRatePercentage: 20,
+                            valueInPence: 999900,
+                            wasPrice: 30,
+                        },
+                        displayPriceExclusiveVat: {
+                            currencyIso: 'GBP',
+                            value: 9998,
+                            priceType: 'BUY',
+                            formattedValue: '£9,998.00',
+                            formattedPriceWithoutCurrencySymbol: '13.33',
+                            currencySymbol: '£',
+                            valueInPence: 999800,
+                            wasPrice: 25,
+                        },
+                    },
+                },
+            ],
+        },
+        whyNotAddRecommendations: {
+            recommendedProducts: [
+                {
+                    baseProduct: {
+                        code: '153731',
+                        name: 'Wickes Trade Paint Roller Set - 9in',
+                        url: '/Wickes-Trade-Paint-Roller-Set---9in/p/153731',
+                        purchasable: true,
+                        productType: 'ProductModel',
+                        isBaseProduct: false,
+                        availabilityRestriction: 'NO_RESTRICTIONS',
+                        fulfilmentType: 'STANDARD',
+                        stock: {
+                            stockLevelStatus: {
+                                code: 'inStock',
+                            },
+                        },
+                        fulfillmentAttributes: {
+                            type: 'STANDARD',
+                        },
+                        images: [
+                            {
+                                imageType: 'PRIMARY',
+                                format: 'product',
+                                url: 'https://placehold.co/68x68?text=roller',
+                                altText: 'Wickes Trade Paint Roller Set - 9in',
+                            },
+                        ],
+                        externalAverageRating: 5,
+                        externalReviewCount: 100,
+
+                        displayPrice: {
+                            currencyIso: 'GBP',
+                            value: 9999,
+                            priceType: 'BUY',
+                            formattedValue: '£9,999.00',
+                            formattedPriceWithoutCurrencySymbol: '16',
+                            currencySymbol: '£',
+                            vatRatePercentage: 20,
+                            valueInPence: 999900,
+                            wasPrice: 3000,
+                        },
+                        displayPriceExclusiveVat: {
+                            currencyIso: 'GBP',
+                            value: 9998,
+                            priceType: 'BUY',
+                            formattedValue: '£9,998.00',
+                            formattedPriceWithoutCurrencySymbol: '13.33',
+                            currencySymbol: '£',
+                            valueInPence: 999800,
+                            wasPrice: 2500,
+                        },
+                    },
+                },
+                {
+                    baseProduct: {
+                        code: '349137',
+                        name: 'Wickes Microfibre Paint Roller Sleeve - 9in',
+                        url: '/Wickes-Microfibre-Paint-Roller-Sleeve---9in/p/349137',
+                        purchasable: true,
+                        productType: 'ProductModel',
+                        isBaseProduct: false,
+                        availabilityRestriction: 'NO_RESTRICTIONS',
+                        fulfilmentType: 'STANDARD',
+                        stock: {
+                            stockLevelStatus: {
+                                code: 'inStock',
+                            },
+                        },
+                        fulfillmentAttributes: {
+                            type: 'STANDARD',
+                        },
+                        images: [
+                            {
+                                imageType: 'PRIMARY',
+                                format: 'product',
+                                url: 'https://placehold.co/68x68?text=sleeve',
+                                altText: 'Wickes Microfibre Paint Roller Sleeve - 9in',
+                            },
+                        ],
+                        externalAverageRating: 4.2,
+                        externalReviewCount: 48,
+                        displayPrice: {
+                            currencyIso: 'GBP',
+                            value: 9999,
+                            priceType: 'BUY',
+                            formattedValue: '£7.5220',
+                            formattedPriceWithoutCurrencySymbol: '7.50',
+                            currencySymbol: '£',
+                            vatRatePercentage: 20,
+                            valueInPence: 999900,
+                        },
+                        displayPriceExclusiveVat: {
+                            currencyIso: 'GBP',
+                            value: 9998,
+                            priceType: 'BUY',
+                            formattedValue: '£6.25',
+                            formattedPriceWithoutCurrencySymbol: '6.25',
+                            currencySymbol: '£',
+                            valueInPence: 999800,
+                        },
+                    },
+                },
+                {
+                    baseProduct: {
+                        code: '221048',
+                        name: 'Wickes Paint Tray - 9in',
+                        url: '/Wickes-Paint-Tray---9in/p/221048',
+                        purchasable: true,
+                        productType: 'ProductModel',
+                        isBaseProduct: false,
+                        availabilityRestriction: 'NO_RESTRICTIONS',
+                        fulfilmentType: 'STANDARD',
+                        stock: {
+                            stockLevelStatus: {
+                                code: 'inStock',
+                            },
+                        },
+                        fulfillmentAttributes: {
+                            type: 'STANDARD',
+                        },
+                        images: [
+                            {
+                                imageType: 'PRIMARY',
+                                format: 'product',
+                                url: 'https://placehold.co/68x68?text=tray',
+                                altText: 'Wickes Paint Tray - 9in',
+                            },
+                        ],
+                        externalAverageRating: 3.8,
+                        externalReviewCount: 19,
+                        displayPrice: {
+                            currencyIso: 'GBP',
+                            value: 4,
+                            priceType: 'BUY',
+                            formattedValue: '£4',
+                            formattedPriceWithoutCurrencySymbol: '4',
+                            currencySymbol: '£',
+                            vatRatePercentage: 20,
+                            valueInPence: 400,
+                        },
+                        displayPriceExclusiveVat: {
+                            currencyIso: 'GBP',
+                            value: 3.33,
+                            priceType: 'BUY',
+                            formattedValue: '£3.33',
+                            formattedPriceWithoutCurrencySymbol: '3.33',
+                            currencySymbol: '£',
+                            valueInPence: 333,
+                        },
+                    },
+                },
+                {
+                    baseProduct: {
+                        code: '654221',
+                        name: 'Wickes Professional Masking Tape - 48mm x 50m',
+                        url: '/Wickes-Professional-Masking-Tape---48mm-x-50m/p/654221',
+                        purchasable: true,
+                        productType: 'ProductModel',
+                        isBaseProduct: false,
+                        availabilityRestriction: 'NO_RESTRICTIONS',
+                        fulfilmentType: 'STANDARD',
+                        stock: {
+                            stockLevelStatus: {
+                                code: 'inStock',
+                            },
+                        },
+                        fulfillmentAttributes: {
+                            type: 'STANDARD',
+                        },
+                        images: [
+                            {
+                                imageType: 'PRIMARY',
+                                format: 'product',
+                                url: 'https://placehold.co/68x68?text=tape',
+                                altText: 'Wickes Professional Masking Tape - 48mm x 50m',
+                            },
+                        ],
+                        externalAverageRating: 4.6,
+                        externalReviewCount: 72,
+                        displayPrice: {
+                            currencyIso: 'GBP',
+                            value: 5.5,
+                            priceType: 'BUY',
+                            formattedValue: '£5.50',
+                            formattedPriceWithoutCurrencySymbol: '5.50',
+                            currencySymbol: '£',
+                            vatRatePercentage: 20,
+                            valueInPence: 550,
+                        },
+                        displayPriceExclusiveVat: {
+                            currencyIso: 'GBP',
+                            value: 4.58,
+                            priceType: 'BUY',
+                            formattedValue: '£4.58',
+                            formattedPriceWithoutCurrencySymbol: '4.58',
+                            currencySymbol: '£',
+                            valueInPence: 458,
+                        },
+                    },
+                },
+                {
+                    baseProduct: {
+                        code: '782913',
+                        name: 'Wickes Dust Sheet Cotton Twill - 3.6m x 2.7m Extra Long Product Name For Two Line Truncation Test',
+                        url: '/Wickes-Dust-Sheet-Cotton-Twill---3-6m-x-2-7m/p/782913',
+                        purchasable: true,
+                        productType: 'ProductModel',
+                        isBaseProduct: false,
+                        availabilityRestriction: 'NO_RESTRICTIONS',
+                        fulfilmentType: 'STANDARD',
+                        stock: {
+                            stockLevelStatus: {
+                                code: 'inStock',
+                            },
+                        },
+                        fulfillmentAttributes: {
+                            type: 'STANDARD',
+                        },
+                        images: [
+                            {
+                                imageType: 'PRIMARY',
+                                format: 'product',
+                                url: 'https://placehold.co/68x68?text=sheet',
+                                altText: 'Wickes Dust Sheet Cotton Twill - 3.6m x 2.7m',
+                            },
+                        ],
+                        externalAverageRating: 4.1,
+                        externalReviewCount: 34,
+                        displayPrice: {
+                            currencyIso: 'GBP',
+                            value: 12,
+                            priceType: 'BUY',
+                            formattedValue: '£12',
+                            formattedPriceWithoutCurrencySymbol: '12',
+                            currencySymbol: '£',
+                            vatRatePercentage: 20,
+                            valueInPence: 1200,
+                            wasPrice: 18,
+                        },
+                        displayPriceExclusiveVat: {
+                            currencyIso: 'GBP',
+                            value: 10,
+                            priceType: 'BUY',
+                            formattedValue: '£10',
+                            formattedPriceWithoutCurrencySymbol: '10',
+                            currencySymbol: '£',
+                            valueInPence: 1000,
+                            wasPrice: 15,
+                        },
+                    },
+                },
+            ],
+        },
         completeYourProject3Recomendations: [
             {
                 baseProduct: {

package/src/js/emulation/why-not-add-loading.js

@@ -0,0 +1,11 @@
+var Wick = window.Wick || {};
+
+$(document).ready(function () {
+    window.setTimeout(function () {
+        const $container = $('[data-why-not-add-widget]');
+        const mockDataKey = $container.data('mock-key');
+        const payloadData = Wick.FEMock.dataBloomreach[mockDataKey];
+
+        Wick.BloomreachWidget.init('whyNotAdd', payloadData);
+    }, 3000);
+});

package/src/js/emulation/why-not-add.js

@@ -0,0 +1,28 @@
+var Wick = window.Wick || {};
+
+function simulateHybrisSendingHtml() {
+    const htmlFromHybris = Wick.FEMock.cartPDP;
+
+    window.dispatchEvent(
+        new CustomEvent('productAddedToCart', {
+            detail: {
+                html: htmlFromHybris,
+            },
+        })
+    );
+}
+
+function bindWhyNotAddToCartEvent() {
+    $(window)
+        .off('addToCart.whyNotAddEmulation')
+        .on('addToCart.whyNotAddEmulation', function ({ detail: { resolve } }) {
+            setTimeout(function () {
+                resolve();
+                simulateHybrisSendingHtml();
+            }, 3000);
+        });
+}
+
+$(document).ready(function () {
+    bindWhyNotAddToCartEvent();
+});