wickes-css2 2.111.0-develop.5 → 2.111.0-dont-forget-widget.2

package/src/js/emulation/mock.js

@@ -9,6 +9,613 @@ Wick.FEMock = {
         );
     },
     dataBloomreach: {
+        dontForgetRecommendations: {
+            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',
+                        },
+                        potentialPromotions: [
+                            {
+                                customAttributes: {
+                                    overlayText: '15% off',
+                                    overlayBackgroundColor: 'yellow',
+                                    overlayTextColor: 'gray',
+                                },
+                            },
+                        ],
+                        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: '9999',
+                            currencySymbol: '£',
+                            vatRatePercentage: 20,
+                            valueInPence: 999900,
+                            wasPrice: 3000,
+                        },
+                        displayPriceExclusiveVat: {
+                            currencyIso: 'GBP',
+                            value: 9998,
+                            priceType: 'BUY',
+                            formattedValue: '£9,998.00',
+                            formattedPriceWithoutCurrencySymbol: '9998',
+                            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',
+                        },
+                        potentialPromotions: [
+                            {
+                                customAttributes: {
+                                    overlayText: 'Multi-buy',
+                                    overlayBackgroundColor: 'green',
+                                    overlayTextColor: 'gray',
+                                },
+                            },
+                        ],
+                        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: 7.5,
+                            priceType: 'BUY',
+                            formattedValue: '£7.50',
+                            formattedPriceWithoutCurrencySymbol: '7.50',
+                            currencySymbol: '£',
+                            vatRatePercentage: 20,
+                            valueInPence: 750,
+                        },
+                        displayPriceExclusiveVat: {
+                            currencyIso: 'GBP',
+                            value: 6.25,
+                            priceType: 'BUY',
+                            formattedValue: '£6.25',
+                            formattedPriceWithoutCurrencySymbol: '6.25',
+                            currencySymbol: '£',
+                            valueInPence: 625,
+                        },
+                    },
+                },
+                {
+                    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',
+                        },
+                        potentialPromotions: [
+                            {
+                                customAttributes: {
+                                    overlayText: 'Offer Ends Wednesday',
+                                    overlayBackgroundColor: 'red',
+                                    overlayTextColor: 'white',
+                                },
+                            },
+                        ],
+                        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',
+                        },
+                        potentialPromotions: [
+                            {
+                                customAttributes: {
+                                    overlayText: 'Online Only',
+                                    overlayBackgroundColor: 'blue',
+                                    overlayTextColor: 'white',
+                                },
+                            },
+                        ],
+                        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',
+                        },
+                        potentialPromotions: [
+                            {
+                                customAttributes: {
+                                    overlayText: 'Clearance',
+                                    overlayBackgroundColor: 'gray',
+                                    overlayTextColor: 'white',
+                                },
+                            },
+                        ],
+                        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,
+                        },
+                    },
+                },
+            ],
+        },
+        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: {
@@ -3189,9 +3796,10 @@ Wick.FEMock = {
                   </div>
                 </div>
             </div>
-            <div class="custom-slider__content">
-              <p>Product description Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus pronin sapien nunc accuan eget. Product description Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus pronin sapien nunc accuan eget.</p>
-            </div>
+            <div
+                 data-dont-forget-widget
+                 data-mock-key="dontForgetRecommendations"
+            ></div>
           </div>
           <div class="custom-slider__footer">
               <button class="btn btn_full btn-secondary close-popup">Continue Shopping</button>

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

@@ -0,0 +1,16 @@
+var Wick = window.Wick || {};
+
+$(document).ready(function () {
+    const $container = $('[data-why-not-add-widget]');
+
+    if (!$container.length) {
+        return;
+    }
+
+    window.setTimeout(function () {
+        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();
+});