wickes-css2 2.113.0 → 2.117.0-develop.1

package/src/js/emulation/mock.js

@@ -479,24 +479,24 @@ Wick.FEMock = {
 
                         displayPrice: {
                             currencyIso: 'GBP',
-                            value: 9999,
+                            value: 1605,
                             priceType: 'BUY',
-                            formattedValue: '£9,999.00',
-                            formattedPriceWithoutCurrencySymbol: '16',
+                            formattedValue: '£1,605.00',
+                            formattedPriceWithoutCurrencySymbol: '1605.00',
                             currencySymbol: '£',
                             vatRatePercentage: 20,
-                            valueInPence: 999900,
-                            wasPrice: 3000,
+                            valueInPence: 160500,
+                            wasPrice: 1899,
                         },
                         displayPriceExclusiveVat: {
                             currencyIso: 'GBP',
-                            value: 9998,
+                            value: 1337.5,
                             priceType: 'BUY',
-                            formattedValue: '£9,998.00',
-                            formattedPriceWithoutCurrencySymbol: '13.33',
+                            formattedValue: '£1,337.50',
+                            formattedPriceWithoutCurrencySymbol: '1337.50',
                             currencySymbol: '£',
-                            valueInPence: 999800,
-                            wasPrice: 2500,
+                            valueInPence: 133750,
+                            wasPrice: 1582.5,
                         },
                     },
                 },
@@ -530,22 +530,22 @@ Wick.FEMock = {
                         externalReviewCount: 48,
                         displayPrice: {
                             currencyIso: 'GBP',
-                            value: 9999,
+                            value: 7.5,
                             priceType: 'BUY',
-                            formattedValue: '£7.5220',
+                            formattedValue: '£7.50',
                             formattedPriceWithoutCurrencySymbol: '7.50',
                             currencySymbol: '£',
                             vatRatePercentage: 20,
-                            valueInPence: 999900,
+                            valueInPence: 750,
                         },
                         displayPriceExclusiveVat: {
                             currencyIso: 'GBP',
-                            value: 9998,
+                            value: 6.25,
                             priceType: 'BUY',
                             formattedValue: '£6.25',
                             formattedPriceWithoutCurrencySymbol: '6.25',
                             currencySymbol: '£',
-                            valueInPence: 999800,
+                            valueInPence: 625,
                         },
                     },
                 },
@@ -767,16 +767,16 @@ Wick.FEMock = {
                         price: {
                             currencyIso: 'GBP',
                             currencySymbol: '£',
-                            formattedPriceWithoutCurrencySymbol: '16',
-                            formattedValue: '£16',
+                            formattedPriceWithoutCurrencySymbol: '18.50',
+                            formattedValue: '£18.50',
                             infoUom: 'L',
                             infoUomDescription: 'L',
                             infoUomPrice: 6.4,
                             priceType: 'BUY',
-                            value: 16,
-                            valueInPence: 1600,
+                            value: 18.5,
+                            valueInPence: 1850,
                             vatRatePercentage: 20,
-                            wasPrice: 24,
+                            wasPrice: 24.5,
                         },
                         images: [
                             {
@@ -1034,16 +1034,16 @@ Wick.FEMock = {
                         },
                         priceExclusiveVat: {
                             currencyIso: 'GBP',
-                            value: 15,
+                            value: 15.42,
                             priceType: 'BUY',
-                            formattedValue: '£15',
-                            formattedPriceWithoutCurrencySymbol: '15',
+                            formattedValue: '£15.42',
+                            formattedPriceWithoutCurrencySymbol: '15.42',
                             currencySymbol: '£',
                             infoUom: 'length',
                             infoUomDescription: 'length',
                             infoUomPrice: 8.33,
-                            valueInPence: 1500,
-                            wasPrice: 20,
+                            valueInPence: 1542,
+                            wasPrice: 20.42,
                         },
                         downStreamData: {
                             fulfillmentType: 'STANDARD',
@@ -1103,29 +1103,30 @@ Wick.FEMock = {
                         isAddedToFavourites: false,
                         displayPrice: {
                             currencyIso: 'GBP',
-                            value: 18,
+                            value: 18.5,
                             priceType: 'BUY',
-                            formattedValue: '£18',
-                            formattedPriceWithoutCurrencySymbol: '18',
+                            formattedValue: '£18.50',
+                            formattedPriceWithoutCurrencySymbol: '18.50',
                             currencySymbol: '£',
                             infoUom: 'length',
                             infoUomDescription: 'length',
                             infoUomPrice: 10,
                             vatRatePercentage: 20,
-                            valueInPence: 1800,
-                            wasPrice: 24,
+                            valueInPence: 1850,
+                            wasPrice: 24.5,
                         },
                         displayPriceExclusiveVat: {
                             currencyIso: 'GBP',
-                            value: 15,
+                            value: 15.42,
                             priceType: 'BUY',
-                            formattedValue: '£15',
-                            formattedPriceWithoutCurrencySymbol: '15',
+                            formattedValue: '£15.42',
+                            formattedPriceWithoutCurrencySymbol: '15.42',
                             currencySymbol: '£',
                             infoUom: 'length',
                             infoUomDescription: 'length',
                             infoUomPrice: 8.33,
-                            valueInPence: 1500,
+                            valueInPence: 1542,
+                            wasPrice: 20.42,
                         },
                         displayPromoDescription: '5.51 GBP discount for cart for 250064, 191018',
                         displayPromoDescriptionExclusiveVat:
@@ -4035,3 +4036,34 @@ Wick.FEMock = {
     </div>
   `,
 };
+
+Wick.FEMock.dataBloomreach.similarProductsRecommendations = {
+    ...Wick.FEMock.dataBloomreach.whyNotAddRecommendations,
+    recommendedProducts: Wick.FEMock.dataBloomreach.whyNotAddRecommendations.recommendedProducts.map(
+        function (recommendation, index) {
+            if (index !== 1) {
+                return recommendation;
+            }
+
+            return {
+                ...recommendation,
+                baseProduct: {
+                    ...recommendation.baseProduct,
+                    displayPrice: {
+                        ...recommendation.baseProduct.displayPrice,
+                        wasPrice: 9.99,
+                    },
+                    displayPriceExclusiveVat: {
+                        ...recommendation.baseProduct.displayPriceExclusiveVat,
+                        wasPrice: 8.33,
+                    },
+                },
+            };
+        }
+    ),
+    widgetMetadata: {
+        responseId: 'mock-similar-products-response',
+        id: 'similar-products-12345',
+        type: 'similar_products',
+    },
+};

package/src/js/emulation/plp-load-more.js

@@ -1,7 +1,16 @@
-function getHtmlByCurrentPage({ currentPage }) {
-    const pagesData = Wick.VatToggle.isToggleVatAvailable()
-        ? Wick.FEMock.productListVatPagesData
-        : Wick.FEMock.productListPagesData;
+function getHtmlByCurrentPage({ currentPage, isRippleData }) {
+    let pagesData;
+
+    if (isRippleData) {
+        pagesData = Wick.VatToggle.isToggleVatAvailable()
+            ? Wick.FEMock.productListVatRippleData
+            : Wick.FEMock.productListRippleData;
+    } else {
+        pagesData = Wick.VatToggle.isToggleVatAvailable()
+            ? Wick.FEMock.productListVatPagesData
+            : Wick.FEMock.productListPagesData;
+    }
+
     const matchingData = pagesData.find((item) => item.page === currentPage);
 
     return matchingData.html;

package/src/js/emulation/postcode-checker.js

@@ -0,0 +1,11 @@
+function bindPostcodeCheckAvailabilityEvent() {
+    $(window).on('postcodeCheckAviability', function ({ detail: { payload, resolve } }) {
+        setTimeout(function () {
+            resolve({ postcode: payload.postcode, isAvailable: true });
+        }, 600);
+    });
+}
+
+$(document).ready(function () {
+    bindPostcodeCheckAvailabilityEvent();
+});

package/src/js/emulation/similar-products-loading.js

@@ -0,0 +1,22 @@
+var Wick = window.Wick || {};
+
+$(document).ready(function () {
+    window.setTimeout(function () {
+        const $container = $('[data-similar-products-widget]').first();
+
+        if (!$container.length) {
+            return;
+        }
+
+        const mockDataKey = $container.attr('data-mock-key');
+        const payloadData =
+            Wick.FEMock && Wick.FEMock.dataBloomreach && Wick.FEMock.dataBloomreach[mockDataKey];
+
+        if (!payloadData) {
+            $container.empty().hide();
+            return;
+        }
+
+        Wick.BloomreachWidget.init('similarProducts', payloadData);
+    }, 3000);
+});

package/src/js/emulation/tradepro-id-pdf.js

@@ -0,0 +1,182 @@
+/* global PdfPreview */
+import { showLoader, hideLoader } from '../page/utils/loader';
+
+/**
+ * Prototype-only emulation of the TradePro "Choose Type of ID" PDF flow.
+ *
+ * On the live site this behaviour belongs to BE (Wick.ProofOfTrade in
+ * tradepro-proof-of-trade.js), which uploads the file behind the full-page
+ * loader, marks the field as attached, and swaps the ID list modal (#attach)
+ * for a preview modal. This mirrors that flow for PDFs so the prototype can be
+ * clicked through. What ships is the PdfPreview library, the markup and the
+ * CSS; this file only lives in emulation.min.js.
+ */
+var Wick = (window.Wick = window.Wick || {});
+
+Wick.TradeProIdPdf = {
+    // Stands in for the S3 upload round trip.
+    UPLOAD_DELAY: 1000,
+    // Shown for fields rendered as already attached, which have no File behind
+    // them (the PDF counterpart of Letterhead's placeholder thumbnail).
+    SAMPLE_PDF: 'img/lorem_ipsum.pdf',
+
+    el: {
+        field: '[data-pdf-preview-field]',
+        fileInput: '.tradepro-attachment',
+        trigger: '.signup-tradepro__modal-trigger',
+        pdfIcon: '.tradepro-field__pdf-icon',
+        paperclipIcon: '.icon__paperclip',
+        cameraIcon: '.icon__camera',
+        hasPdfClass: 'tradepro-field--has-pdf',
+        loader: '.tradepro-id-loader',
+        attachModal: '#attach',
+        modal: '#pdf-preview',
+        modalName: '.pdf-preview__name',
+        preview: '#pdf-preview-viewer',
+        yes: '.pdf-preview_yes',
+        no: '.pdf-preview_no',
+    },
+
+    // Field whose PDF is open in the preview modal.
+    $activeField: null,
+
+    isPdfFile(file) {
+        return !!file && file.type === 'application/pdf';
+    },
+
+    attach($field, file) {
+        var el = Wick.TradeProIdPdf.el;
+
+        $field.data('pdfFile', file);
+        $field.attr('title', file.name);
+        $field.find(el.pdfIcon).removeClass('d-none');
+        $field.find(el.paperclipIcon).addClass('d-none');
+        $field.find(el.cameraIcon).addClass('d-none');
+        $field.addClass(el.hasPdfClass);
+    },
+
+    detach($field) {
+        var el = Wick.TradeProIdPdf.el;
+
+        $field.removeData('pdfFile');
+        $field.removeAttr('title');
+        $field.find(el.pdfIcon).addClass('d-none');
+        $field.find(el.paperclipIcon).removeClass('d-none');
+        $field.find(el.cameraIcon).removeClass('d-none');
+        $field.removeClass(el.hasPdfClass);
+    },
+
+    handleFileChange() {
+        var el = Wick.TradeProIdPdf.el;
+        var $field = $(this).closest(el.field);
+        var file = this.files && this.files[0];
+
+        // Images keep the prototype's static image flow.
+        if (!Wick.TradeProIdPdf.isPdfFile(file)) {
+            Wick.TradeProIdPdf.detach($field);
+
+            return;
+        }
+
+        showLoader(el.loader);
+
+        setTimeout(function () {
+            hideLoader(el.loader);
+            Wick.TradeProIdPdf.attach($field, file);
+        }, Wick.TradeProIdPdf.UPLOAD_DELAY);
+    },
+
+    handleFieldClick(event) {
+        var el = Wick.TradeProIdPdf.el;
+        var $field = $(this);
+
+        if (!$field.hasClass(el.hasPdfClass)) {
+            return;
+        }
+
+        event.preventDefault();
+
+        Wick.TradeProIdPdf.$activeField = $field;
+        $(el.modal)
+            .find(el.modalName)
+            .text($.trim($field.find(el.trigger).first().text()));
+
+        // Swap the modals rather than stacking them, as BE does for #capture.
+        // Waiting for #attach to finish hiding stops Bootstrap from clearing
+        // the body's modal-open class after the preview has opened.
+        $(el.attachModal)
+            .one('hidden.bs.modal', function () {
+                $(el.modal).modal('show');
+            })
+            .modal('hide');
+    },
+
+    handleModalShown() {
+        var $field = Wick.TradeProIdPdf.$activeField;
+
+        if ($field) {
+            new PdfPreview(Wick.TradeProIdPdf.el.preview).load(
+                $field.data('pdfFile') || Wick.TradeProIdPdf.SAMPLE_PDF
+            );
+        }
+    },
+
+    handleModalHidden() {
+        var el = Wick.TradeProIdPdf.el;
+        var preview = PdfPreview.get(el.preview);
+
+        if (preview) {
+            preview.reset();
+        }
+
+        Wick.TradeProIdPdf.$activeField = null;
+        $(el.attachModal).modal('show');
+    },
+
+    handleYesClick(event) {
+        event.preventDefault();
+        $(Wick.TradeProIdPdf.el.modal).modal('hide');
+    },
+
+    handleNoClick(event) {
+        event.preventDefault();
+
+        var $field = Wick.TradeProIdPdf.$activeField;
+
+        if ($field) {
+            Wick.TradeProIdPdf.detach($field);
+            // Deleting also forgets the chosen file, so the same one can be
+            // picked again (an unchanged input fires no change event).
+            $field.find(Wick.TradeProIdPdf.el.fileInput).val('');
+        }
+
+        $(Wick.TradeProIdPdf.el.modal).modal('hide');
+    },
+
+    init() {
+        var el = Wick.TradeProIdPdf.el;
+
+        $(document).on(
+            'change',
+            el.field + ' ' + el.fileInput,
+            Wick.TradeProIdPdf.handleFileChange
+        );
+        $(document).on('click', el.field, Wick.TradeProIdPdf.handleFieldClick);
+
+        $(el.modal)
+            .on('shown.bs.modal', Wick.TradeProIdPdf.handleModalShown)
+            .on('hidden.bs.modal', Wick.TradeProIdPdf.handleModalHidden)
+            .on('click', el.yes, Wick.TradeProIdPdf.handleYesClick)
+            .on('click', el.no, Wick.TradeProIdPdf.handleNoClick);
+    },
+};
+
+$(document).ready(function () {
+    var el = Wick.TradeProIdPdf.el;
+
+    if (!$(el.field).length || !$(el.modal).length || typeof PdfPreview === 'undefined') {
+        return;
+    }
+
+    Wick.TradeProIdPdf.init();
+});