wickes-css2 2.105.0-develop.1 → 2.105.0-develop.11

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

@@ -1,4 +1,4 @@
-import {updateEeaProducts, updateEeaCheckoutProducts, syncEeaProducts} from './basket/gtm';
+import { updateEeaProducts, updateEeaCheckoutProducts, syncEeaProducts } from './basket/gtm';
 import {
     toggleWisdom,
     checkDeliveryStock,
@@ -6,34 +6,34 @@ import {
     createWisdom,
     changeWisdomWhenQuantityUpdated,
     checkDeliveryStockOnEnter,
-    prettifyWisdomPostcode
+    prettifyWisdomPostcode,
 } from './basket/wisdom';
-import {updateOrderSummary} from './components/order-summary';
-import {checkVoucherCode, voucherRemove} from './components/voucher';
-import {updateKlarnaPlacements} from './basket/klarna';
-import {updateClearpayPlacements, updateClearpayVisibility} from './basket/clearpay';
-import {checkPayPalAvailability} from './basket/paypal';
+import { updateOrderSummary } from './components/order-summary';
+import { checkVoucherCode, voucherRemove } from './components/voucher';
+import { updateKlarnaPlacements } from './basket/klarna';
+import { updateClearpayPlacements, updateClearpayVisibility } from './basket/clearpay';
+import { checkPayPalAvailability } from './basket/paypal';
 import {
     updateCharity,
     changeCharityPrice,
     setDefaultCharityValue,
     initCharityInteractions,
 } from './components/charity';
-import {callAction} from './utils/http-action';
-import {ROUTES} from './utils/routes';
+import { callAction } from './utils/http-action';
+import { ROUTES } from './utils/routes';
 import {
     getUniqBasketSessionId,
     updateBasketSession,
     addStorageCheckEvent,
     updateBasketDataQuantity,
-} from './basket/session-sync'
-import {displayEnergyEfficiency} from "./basket/display-energy-efficiency";
-import {appendLoader, hideLoader, showLoader} from "./utils/loader";
+} from './basket/session-sync';
+import { displayEnergyEfficiency } from './basket/display-energy-efficiency';
+import { appendLoader, hideLoader, showLoader } from './utils/loader';
 import { initStickyObserver } from './components/sticky-order-observer';
-import {addClassToSummaryAside} from "./basket/summary-mobile";
-import {handleQuantityChange} from "./basket/quantity-change-handler";
-import {updateQuantityAction} from "./basket/update-quantity";
-import {updateQuantityOperation} from "./basket/update-quantity-operation";
+import { addClassToSummaryAside } from './basket/summary-mobile';
+import { handleQuantityChange } from './basket/quantity-change-handler';
+import { updateQuantityAction } from './basket/update-quantity';
+import { updateQuantityOperation } from './basket/update-quantity-operation';
 import {
     checkProductArrays,
     getCartEntries,
@@ -44,6 +44,7 @@ import {
 } from "./basket/basket-utils";
 import {updateCartBase} from "./basket/basket-update-cart";
 import {updateCartActionBase} from "./basket/basket-update-cart-action";
+import {initBillieModal} from "./components/billie-modal";
 
 var Wick = window.Wick || {};
 Wick.BasketPage = {
@@ -120,15 +121,15 @@ Wick.BasketPage = {
         titleItems: '.checkout-title__items',
         wisdomPostcode: '.wisdom-postcode',
         orderItemQuantityControl: '.order-item__quantity-control',
-        loader: '.basket-loader'
+        loader: '.basket-loader',
     },
     cartEntries: [],
     sessionId: getUniqBasketSessionId(),
     loaderPayload: {
         wrapper: 'body',
         hidden: true,
-        titleLoader: "Updating basket…",
-        modifier: "basket-loader"
+        titleLoader: 'Updating basket…',
+        modifier: 'basket-loader',
     },
     getEqualMapForUpdateCart: function (data) {
         return [
@@ -137,34 +138,34 @@ Wick.BasketPage = {
                 itemValue: Wick.BasketPage.el.value,
                 dataValue: data.subtotalWithoutCharity.formattedValue,
                 value: data.subTotal.value,
-                title: 'Items subtotal:'
+                title: 'Items subtotal:',
             },
             {
                 item: Wick.BasketPage.el.vat,
                 itemValue: Wick.BasketPage.el.value,
                 dataValue: data.totalTax.formattedValue,
                 value: data.totalTax.value,
-                title: 'VAT:'
+                title: 'VAT:',
             },
             {
                 item: Wick.BasketPage.el.cc,
                 itemValue: Wick.BasketPage.el.value,
                 dataValue: 'Free',
-                title: 'Click & Collect:'
+                title: 'Click & Collect:',
             },
             {
                 item: Wick.BasketPage.el.delivery,
                 itemValue: Wick.BasketPage.el.value,
                 dataValue: data.deliveryCost.formattedValue,
                 value: data.deliveryCost.value,
-                title: 'Delivery:'
+                title: 'Delivery:',
             },
             {
                 item: Wick.BasketPage.el.charity,
                 itemValue: Wick.BasketPage.el.value,
                 dataValue: data.charityPrice.formattedValue,
                 value: data.charityPrice.value,
-                title: 'Charity donation:'
+                title: 'Charity donation:',
             },
             {
                 item: Wick.BasketPage.el.discountItem,
@@ -214,15 +215,15 @@ Wick.BasketPage = {
             entryNumber,
             onQuantityChange: Wick.BasketPage.updateQuantityAction,
             debounceQuantityChange: Wick.BasketPage.debounceQuantityChange,
-            onRemoveQuantityDisable: Wick.BasketPage.removeQuantityDisable
+            onRemoveQuantityDisable: Wick.BasketPage.removeQuantityDisable,
         });
 
         changeWisdomWhenQuantityUpdated(e, context);
-        Wick.BasketPage.toggleItemTotal(context, +quantityInput.val())
+        Wick.BasketPage.toggleItemTotal(context, +quantityInput.val());
     },
     debounceQuantityChange: _.debounce(function (entryNumber, value, quantityInput, context) {
         showLoader(Wick.BasketPage.el.loader);
-        Wick.BasketPage.updateQuantityAction(entryNumber, value, quantityInput, context)
+        Wick.BasketPage.updateQuantityAction(entryNumber, value, quantityInput, context);
     }, 500),
     updateQuantityAction: function (entryNumber, quantityToUpdate, quantityInput, context) {
         updateQuantityAction({
@@ -240,16 +241,11 @@ Wick.BasketPage = {
             isLocalEnv: Wick.checkLocalEnv,
             callActionFn: callAction,
             routes: ROUTES,
-            basketSectionSelector: Wick.BasketPage.el.basketMainSection
+            basketSectionSelector: Wick.BasketPage.el.basketMainSection,
         });
     },
     updateAction: function (response, quantityToUpdate, quantityInput, context, successCallback) {
-        Wick.BasketPage.updateQuantityOperation(
-          quantityToUpdate,
-          quantityInput,
-          context,
-          response
-        );
+        Wick.BasketPage.updateQuantityOperation(quantityToUpdate, quantityInput, context, response);
         successCallback(response);
     },
     updateQuantityOperation: function (quantityToUpdate, quantityInput, context, data) {
@@ -259,7 +255,7 @@ Wick.BasketPage = {
             updateQuantity: Wick.BasketPage.updateQuantity,
             updateItemTotal: Wick.BasketPage.updateItemTotal,
             isMessageExist: Wick.BasketPage.isMessageExist,
-            getMessageInfo: Wick.BasketPage.getMessageInfo
+            getMessageInfo: Wick.BasketPage.getMessageInfo,
         });
     },
     isMessageExist: isMessageExist,
@@ -267,7 +263,7 @@ Wick.BasketPage = {
     loadIndexing: function () {
         Wick.BasketPage.el.$orderItem.each(function (index) {
             $(this).attr('data-id', index);
-        })
+        });
     },
     updateQuantity: function (quantityInput, accum) {
         quantityInput.val(accum);
@@ -290,10 +286,10 @@ Wick.BasketPage = {
             }
         }
     },
-    toggleItemTotal: function(context, quantity) {
+    toggleItemTotal: function (context, quantity) {
         quantity <= 1
-          ? $(context).find(Wick.BasketPage.el.total).addClass(Wick.BasketPage.el.totalHide)
-          : $(context).find(Wick.BasketPage.el.total).removeClass(Wick.BasketPage.el.totalHide);
+            ? $(context).find(Wick.BasketPage.el.total).addClass(Wick.BasketPage.el.totalHide)
+            : $(context).find(Wick.BasketPage.el.total).removeClass(Wick.BasketPage.el.totalHide);
     },
     updateCart: function (repaintData, context, charity, initial, callback) {
         console.log('case(api) to update cart');
@@ -308,7 +304,7 @@ Wick.BasketPage = {
             context,
             charity,
             initial,
-            localUpdateFn: function(initial, repaintData, context, charity) {
+            localUpdateFn: function (initial, repaintData, context, charity) {
                 if (initial) {
                     Wick.BasketPage.getCartEntries(Wick.BasketData.initialCartState);
                     addClassToSummaryAside(Wick.BasketData.initialCartState);
@@ -317,29 +313,33 @@ Wick.BasketPage = {
                 } else {
                     updateBasketDataQuantity();
                     updateOrderSummary(
-                      Wick.BasketData.updateCart,
-                      Wick.BasketPage.getEqualMapForUpdateCart(Wick.BasketData.updateCart)
+                        Wick.BasketData.updateCart,
+                        Wick.BasketPage.getEqualMapForUpdateCart(Wick.BasketData.updateCart)
                     );
-                    !repaintData || Wick.BasketPage.repaintOrderItems(Wick.BasketData.updateCart, repaintData);
+                    !repaintData ||
+                        Wick.BasketPage.repaintOrderItems(Wick.BasketData.updateCart, repaintData);
                     !charity || Wick.BasketPage.addCharityEntryNumber(Wick.BasketData.updateCart);
                     if (context && context.length) {
                         Wick.BasketPage.updatePromotion(Wick.BasketData.updateCart, context);
                     }
-                    updateKlarnaPlacements(Wick.BasketData.updateCart.totalPrice.formattedPriceWithoutCurrencySymbol);
+                    updateKlarnaPlacements(
+                        Wick.BasketData.updateCart.totalPrice.formattedPriceWithoutCurrencySymbol
+                    );
                     updateClearpayPlacements(Wick.BasketData.updateCart.totalPrice.value);
                     updateClearpayVisibility(Wick.BasketData.updateCart.totalPrice.value);
                     Wick.BasketPage.addPotentialPromo(Wick.BasketData.updateCart);
                     addClassToSummaryAside(Wick.BasketData.updateCart);
                     Wick.BasketPage.getCartEntries(Wick.BasketData.updateCart);
-                    Wick.BasketPage.checkProductArrays(Wick.BasketData.updateCart) || Wick.BasketPage.removeOrderItem(repaintData);
+                    Wick.BasketPage.checkProductArrays(Wick.BasketData.updateCart) ||
+                        Wick.BasketPage.removeOrderItem(repaintData);
                     updateBasketSession();
                     Wick.EnergyEfficiency && Wick.EnergyEfficiency.drawEnergyLabels();
                     setTimeout(() => hideLoader(Wick.BasketPage.el.loader), 1000);
                 }
-            }
+            },
         });
     },
-    updateCartAction: function (response, {repaintData, charity, initial, context}) {
+    updateCartAction: function (response, { repaintData, charity, initial, context }) {
         updateClearpayVisibility(response.totalPrice.value);
         addClassToSummaryAside(response);
 
@@ -370,77 +370,84 @@ Wick.BasketPage = {
                 updateEeaProducts(response.deliveryOrderGroups, response.pickupOrderGroups);
                 updateEeaCheckoutProducts(response.deliveryOrderGroups, response.pickupOrderGroups);
                 syncEeaProducts();
-            }
+            },
         });
     },
     checkProductArrays: checkProductArrays,
-    getCartEntries: function(data) {
+    getCartEntries: function (data) {
         Wick.BasketPage.cartEntries = getCartEntries(data);
     },
     addCharityEntryNumber: function (data) {
         let entryNumber;
-        data.deliveryOrderGroups.forEach(order => {
-            order.entries.forEach(item => {
-                item.charity ? entryNumber = item.entryNumber : null
-            })
-        })
+        data.deliveryOrderGroups.forEach((order) => {
+            order.entries.forEach((item) => {
+                item.charity ? (entryNumber = item.entryNumber) : null;
+            });
+        });
         if ($(Wick.BasketPage.el.charityItem).find('input[name="entryNumber"]').length) {
-            $(Wick.BasketPage.el.charityItem).find('input[name="entryNumber"]').val(entryNumber)
+            $(Wick.BasketPage.el.charityItem).find('input[name="entryNumber"]').val(entryNumber);
         } else {
             $(Wick.BasketPage.el.charityItem).prepend(
                 `<input type="hidden" name="entryNumber" value="${entryNumber}">`
-            )
+            );
         }
     },
-    updatePromotion: function(data, context) {
+    updatePromotion: function (data) {
         updatePromotion(
-          data,
-          Wick.BasketPage.el.orderItem,
-          Wick.BasketPage.el.orderItemOffers,
-          Wick.BasketPage.el.orderItemInfo,
-          Wick.BasketPage.addPromotions
+            data,
+            Wick.BasketPage.el.orderItem,
+            Wick.BasketPage.el.orderItemOffers,
+            Wick.BasketPage.el.orderItemInfo,
+            Wick.BasketPage.addPromotions
         );
     },
-    showNotification: function(data) {
+    showNotification: function (data) {
         showNotification(data, '.notification-area');
     },
     hideUnusedDeliveryTypeCost: function (data, isVoucher) {
-        $(Wick.BasketPage.el.delivery).show()
-        $(Wick.BasketPage.el.cc).show()
+        $(Wick.BasketPage.el.delivery).show();
+        $(Wick.BasketPage.el.cc).show();
         if (isVoucher) {
             if (!data.deliveryOrder) {
-                $(Wick.BasketPage.el.delivery).hide()
+                $(Wick.BasketPage.el.delivery).hide();
             } else if (!data.clickAndCollectOrder) {
-                $(Wick.BasketPage.el.cc).hide()
+                $(Wick.BasketPage.el.cc).hide();
             }
         } else {
             if (data.clickAndCollectOnly) {
-                $(Wick.BasketPage.el.delivery).hide()
+                $(Wick.BasketPage.el.delivery).hide();
             } else if (data.deliveryItemsQuantity > 0 && data.pickupItemsQuantity === 0) {
-                $(Wick.BasketPage.el.cc).hide()
+                $(Wick.BasketPage.el.cc).hide();
             }
         }
     },
     paintActionButton: function () {
         $(Wick.BasketPage.el.basketMainSection).each(function () {
-            if ($(this).attr('data-type') === "Delivery") {
-                $(this).find(Wick.BasketPage.el.actionButton).each(function () {
-                    $(this).removeClass(Wick.BasketPage.el.btnSelected);
-                    if ($(this).attr('data-type') === "Delivery" || $(this).attr('data-type') === "Delivery Stock") {
-                        $(this).addClass(Wick.BasketPage.el.btnSelected);
-                        $(this).find('input').prop('checked', true);
-                    }
-                })
-            } else if ($(this).attr('data-type') === "Click & Collect") {
-                $(this).find(Wick.BasketPage.el.actionButton).each(function () {
-                    $(this).removeClass(Wick.BasketPage.el.btnSelected);
-                    if ($(this).attr('data-type') === "Click & Collect") {
-                        $(this).addClass(Wick.BasketPage.el.btnSelected);
-                        $(this).find('input').prop('checked', true);
-                    }
-                })
+            if ($(this).attr('data-type') === 'Delivery') {
+                $(this)
+                    .find(Wick.BasketPage.el.actionButton)
+                    .each(function () {
+                        $(this).removeClass(Wick.BasketPage.el.btnSelected);
+                        if (
+                            $(this).attr('data-type') === 'Delivery' ||
+                            $(this).attr('data-type') === 'Delivery Stock'
+                        ) {
+                            $(this).addClass(Wick.BasketPage.el.btnSelected);
+                            $(this).find('input').prop('checked', true);
+                        }
+                    });
+            } else if ($(this).attr('data-type') === 'Click & Collect') {
+                $(this)
+                    .find(Wick.BasketPage.el.actionButton)
+                    .each(function () {
+                        $(this).removeClass(Wick.BasketPage.el.btnSelected);
+                        if ($(this).attr('data-type') === 'Click & Collect') {
+                            $(this).addClass(Wick.BasketPage.el.btnSelected);
+                            $(this).find('input').prop('checked', true);
+                        }
+                    });
             }
-        })
+        });
     },
     hideCCSectionInDelivery: function (context) {
         let delivery = context.find(Wick.BasketPage.el.deliveryMessage),
@@ -464,7 +471,7 @@ Wick.BasketPage = {
             ccOrderInfo.removeClass(Wick.BasketPage.el.ccOrderInfoHide);
 
             //hide wisdom if exist
-            wisdom.length && wisdom.addClass(Wick.BasketPage.el.wisdomBlockHide)
+            wisdom.length && wisdom.addClass(Wick.BasketPage.el.wisdomBlockHide);
 
             context.find(Wick.BasketPage.el.storeUnselected).unbind();
             context.find(Wick.BasketPage.el.ccCloseLink).unbind();
@@ -472,12 +479,17 @@ Wick.BasketPage = {
             context.find(Wick.BasketPage.el.storeUnselected).on('click', (e) => e.preventDefault());
             context.find(Wick.BasketPage.el.ccCloseLink).on('click', function (e) {
                 e.preventDefault();
-                Wick.BasketPage.makeRadioActive(context.find(Wick.BasketPage.el.deliveryButtonInCC));
+                Wick.BasketPage.makeRadioActive(
+                    context.find(Wick.BasketPage.el.deliveryButtonInCC)
+                );
                 Wick.BasketPage.hideCCSectionInDelivery(context);
-            })
+            });
         } else {
             Wick.BasketPage.makeRadioActive(this);
-            $(this).closest(Wick.BasketPage.el.orderItem).find(Wick.BasketPage.el.wisdomClose).trigger('click');
+            $(this)
+                .closest(Wick.BasketPage.el.orderItem)
+                .find(Wick.BasketPage.el.wisdomClose)
+                .trigger('click');
         }
     },
     changeMethodToDelivery: function (e) {
@@ -494,10 +506,10 @@ Wick.BasketPage = {
                 cartEntryNumber: entryNumber,
                 cartEntry: {},
                 fulfilmentData: {
-                    fulfillmentType: 'Delivery'
+                    fulfillmentType: 'Delivery',
                 },
                 isChangeDelivery: true,
-            }
+            };
 
             //checkEnv
             if (!Wick.checkLocalEnv) {
@@ -505,10 +517,10 @@ Wick.BasketPage = {
                 const payload = {
                     url: `${ROUTES.BASKET_ADD_STOCK}/${entryNumber}/delivery`,
                     type: 'PUT',
-                }
-                callAction(payload, Wick.BasketPage.updateDeliveryMethod, options)
+                };
+                callAction(payload, Wick.BasketPage.updateDeliveryMethod, options);
             } else {
-                Wick.BasketPage.showNotification(Wick.BasketData.changeMethod)
+                Wick.BasketPage.showNotification(Wick.BasketData.changeMethod);
                 Wick.BasketPage.updateCart(options);
             }
         } else {
@@ -518,7 +530,10 @@ Wick.BasketPage = {
     },
     changeMethodToCC: function () {
         let context = $(this).closest(Wick.BasketPage.el.orderItem),
-            storeId = $(this).closest(Wick.BasketPage.el.orderSectionCta).find('.storeNamePost').val(),
+            storeId = $(this)
+                .closest(Wick.BasketPage.el.orderSectionCta)
+                .find('.storeNamePost')
+                .val(),
             entryNumber = +context.attr('data-id'),
             quantity = context.find(Wick.BasketPage.el.quantityValue).val(),
             storeName;
@@ -527,9 +542,18 @@ Wick.BasketPage = {
             if ($(el).find('input').attr('value') === storeId) {
                 storeName = $(el).find(Wick.BasketPage.el.storeNameText).text().trim();
             }
-        })
+        });
 
-        console.log('case(api) change to C&C method, entry -', entryNumber, 'storeId', storeId, 'qty-', quantity, 'storeName-', storeName);
+        console.log(
+            'case(api) change to C&C method, entry -',
+            entryNumber,
+            'storeId',
+            storeId,
+            'qty-',
+            quantity,
+            'storeName-',
+            storeName
+        );
 
         const options = {
             cartEntryNumber: entryNumber,
@@ -540,7 +564,7 @@ Wick.BasketPage = {
                 storeName: storeName,
             },
             isChangeDelivery: true,
-        }
+        };
 
         //checkEnv
         if (!Wick.checkLocalEnv) {
@@ -552,17 +576,18 @@ Wick.BasketPage = {
                     quantity: quantity,
                 },
                 type: 'PUT',
-            }
-            callAction(payload, Wick.BasketPage.updateDeliveryMethod, options)
+            };
+            callAction(payload, Wick.BasketPage.updateDeliveryMethod, options);
         } else {
-            Wick.BasketPage.showNotification(Wick.BasketData.changeMethod)
+            Wick.BasketPage.showNotification(Wick.BasketData.changeMethod);
             Wick.BasketPage.updateCart(options);
         }
     },
     updateDeliveryMethod: function (response, options) {
-        const messageInfo = Wick.BasketPage.isMessageExist(response) && Wick.BasketPage.getMessageInfo(response);
+        const messageInfo =
+            Wick.BasketPage.isMessageExist(response) && Wick.BasketPage.getMessageInfo(response);
         Object.assign(options, messageInfo);
-        Wick.BasketPage.showNotification(response)
+        Wick.BasketPage.showNotification(response);
         Wick.BasketPage.updateCart(options);
     },
     removeOrderItem: function (messageInfo) {
@@ -571,13 +596,14 @@ Wick.BasketPage = {
             status = messageInfo.status,
             link;
 
-        link = `${currentLink}?notificationMessage=${message}&messageStatus=${status}`
+        link = `${currentLink}?notificationMessage=${message}&messageStatus=${status}`;
         window.location.replace(link);
     },
-    repaintOrderItems: function (data, message) {
+    repaintOrderItems: function (data) {
         const ccGroup = data.pickupOrderGroups || [],
             deliveryGroup = data.deliveryOrderGroups || [];
-        let type, itemDetails = {};
+        let type,
+            itemDetails = {};
 
         $(Wick.BasketPage.el.orderItem).remove();
 
@@ -585,19 +611,27 @@ Wick.BasketPage = {
             type = 'cc';
             if ($(Wick.BasketPage.el.basketCCSection).length) {
                 ccGroup.forEach((obj) => {
-                    obj.entries.forEach(item => {
+                    obj.entries.forEach((item) => {
                         itemDetails = {
-                            item, type, data,
+                            item,
+                            type,
+                            data,
                         };
-                        $(Wick.BasketPage.el.basketCCSection).append(Wick.BasketPage.createOrderItem(itemDetails));
-                    })
-                })
+                        $(Wick.BasketPage.el.basketCCSection).append(
+                            Wick.BasketPage.createOrderItem(itemDetails)
+                        );
+                    });
+                });
                 Wick.BasketPage.updateItemsCount(data, type);
             } else {
                 if ($(Wick.BasketPage.el.basketDeliverySection)) {
-                    $(Wick.BasketPage.el.basketDeliverySection).after(Wick.BasketPage.createBasketSection(type, ccGroup, data))
+                    $(Wick.BasketPage.el.basketDeliverySection).after(
+                        Wick.BasketPage.createBasketSection(type, ccGroup, data)
+                    );
                 } else {
-                    $(Wick.BasketPage.el.content).prepend(Wick.BasketPage.createBasketSection(type, ccGroup, data));
+                    $(Wick.BasketPage.el.content).prepend(
+                        Wick.BasketPage.createBasketSection(type, ccGroup, data)
+                    );
                 }
             }
         } else {
@@ -605,24 +639,33 @@ Wick.BasketPage = {
         }
 
         if (deliveryGroup.length) {
-            if (deliveryGroup.length === 1 && deliveryGroup[0].entries.length === 1 && deliveryGroup[0].entries[0].charity) {
+            if (
+                deliveryGroup.length === 1 &&
+                deliveryGroup[0].entries.length === 1 &&
+                deliveryGroup[0].entries[0].charity
+            ) {
                 $(Wick.BasketPage.el.basketDeliverySection).remove();
             } else {
                 type = 'delivery';
 
                 if ($(Wick.BasketPage.el.basketDeliverySection).length) {
                     deliveryGroup.forEach((obj) => {
-                        obj.entries.forEach(item => {
+                        obj.entries.forEach((item) => {
                             itemDetails = {
-                                item, type, data,
+                                item,
+                                type,
+                                data,
                             };
-                            $(Wick.BasketPage.el.basketDeliverySection).append(Wick.BasketPage.createOrderItem(itemDetails));
-                        })
-
-                    })
+                            $(Wick.BasketPage.el.basketDeliverySection).append(
+                                Wick.BasketPage.createOrderItem(itemDetails)
+                            );
+                        });
+                    });
                     Wick.BasketPage.updateItemsCount(data, type);
                 } else {
-                    $(Wick.BasketPage.el.content).prepend(Wick.BasketPage.createBasketSection(type, deliveryGroup, data));
+                    $(Wick.BasketPage.el.content).prepend(
+                        Wick.BasketPage.createBasketSection(type, deliveryGroup, data)
+                    );
                 }
             }
             Wick.BasketPage.addCharityEntryNumber(data);
@@ -632,27 +675,30 @@ Wick.BasketPage = {
 
         $('.order-item').each(function () {
             let quantity = +$(this).find('.order-item__quantity-value').val();
-            Wick.BasketPage.toggleItemTotal(this, quantity)
-        })
+            Wick.BasketPage.toggleItemTotal(this, quantity);
+        });
 
         Wick.BasketPage.paintActionButton();
         checkPayPalAvailability(data);
         Wick.VatToggle.reapplyDisplayClass();
-        $(document).trigger("cartRerender");
+        $(document).trigger('cartRerender');
     },
     createBasketSection: function (type, group, data) {
-        type === 'cc' ? type = 'Click & Collect' : type = 'Delivery';
+        type === 'cc' ? (type = 'Click & Collect') : (type = 'Delivery');
         const orderItems = [];
         let itemDetails = {};
 
-        group.forEach(obj => {
-            obj.entries.forEach(item => {
-                itemDetails = {item, type, data};
+        group.forEach((obj) => {
+            obj.entries.forEach((item) => {
+                itemDetails = { item, type, data };
                 orderItems.push(Wick.BasketPage.createOrderItem(itemDetails));
-            })
+            });
         });
 
-        const itemsCount = type === 'Click & Collect' ? data.pickupUniqueItemsNumber : data.deliveryUniqueItemsNumber;
+        const itemsCount =
+            type === 'Click & Collect'
+                ? data.pickupUniqueItemsNumber
+                : data.deliveryUniqueItemsNumber;
 
         return `
             <section class="basket__section" data-type="${type}">
@@ -666,18 +712,23 @@ Wick.BasketPage = {
                 </div>
                 ${orderItems.join('')}
             </section>
-        `
+        `;
     },
     updateItemsCount: function (data, type) {
-        const itemCount = type === 'cc' ? data.pickupUniqueItemsNumber : data.deliveryUniqueItemsNumber,
+        const itemCount =
+                type === 'cc' ? data.pickupUniqueItemsNumber : data.deliveryUniqueItemsNumber,
             titleItemsText = `${itemCount} item${itemCount > 1 ? 's' : ''}`;
 
         if (type === 'cc') {
-            $(Wick.BasketPage.el.basketCCSection).find(Wick.BasketPage.el.titleItems).text(titleItemsText)
+            $(Wick.BasketPage.el.basketCCSection)
+                .find(Wick.BasketPage.el.titleItems)
+                .text(titleItemsText);
         }
 
         if (type === 'delivery') {
-            $(Wick.BasketPage.el.basketDeliverySection).find(Wick.BasketPage.el.titleItems).text(titleItemsText);
+            $(Wick.BasketPage.el.basketDeliverySection)
+                .find(Wick.BasketPage.el.titleItems)
+                .text(titleItemsText);
         }
     },
     createOrderItem: function (itemDetails) {
@@ -746,7 +797,7 @@ Wick.BasketPage = {
                                 currentItem.basePrice.value === 0
                                     ? '<span class="order-item__value">FREE</span>'
                                     : Wick.VatToggle.isToggleVatAvailable()
-                                        ? `
+                                      ? `
                                             <div class="including-vat"><!--
                                                 --><span class="order-item__value">${currentItem.basePrice.formattedValue}</span><!--
                                                 --><div class="price-vat">Inc.VAT</div>
@@ -756,7 +807,7 @@ Wick.BasketPage = {
                                                 --><div class="price-vat">Exc.VAT</div>
                                             </div>
                                           `
-                                        : `<span class="order-item__value">${currentItem.basePrice.formattedValue}</span>`
+                                      : `<span class="order-item__value">${currentItem.basePrice.formattedValue}</span>`
                             }
                             </div>
                         </div>
@@ -768,7 +819,7 @@ Wick.BasketPage = {
                                     currentItem.itemTotalWithoutDiscount.value === 0
                                         ? '<span class="order-item__value">FREE</span>'
                                         : Wick.VatToggle.isToggleVatAvailable()
-                                            ? `
+                                          ? `
                                                 <div class="including-vat"><!--
                                                     --><span class="order-item__value">${currentItem.itemTotalWithoutDiscount.formattedValue}</span><!--
                                                     --><div class="price-vat">Inc.VAT</div><!--
@@ -778,7 +829,7 @@ Wick.BasketPage = {
                                                     --><div class="price-vat">Exc.VAT</div>
                                                 </div>
                                             `
-                                            : `<span class="order-item__value">${currentItem.itemTotalWithoutDiscount.formattedValue}</span>`
+                                          : `<span class="order-item__value">${currentItem.itemTotalWithoutDiscount.formattedValue}</span>`
                                 }
                             </div>
                         </div>
@@ -797,13 +848,11 @@ Wick.BasketPage = {
                 ${Wick.BasketPage.createDeliveryMessage(currentItem, itemDetails.type)}
                 ${Wick.BasketPage.createCCFinder(currentItem)}
             </div>
-        `
+        `;
         }
     },
     createActionButton: function (item, type, section) {
-        let available,
-            title,
-            dataType;
+        let available, title, dataType;
 
         if (type === 'cc') {
             title = 'Click & Collect';
@@ -823,7 +872,7 @@ Wick.BasketPage = {
                 } else {
                     title = 'Check Delivery Stock';
                     dataType = 'Delivery Stock';
-                    type = "delivery_stock";
+                    type = 'delivery_stock';
                     available = item.orderFulfilmentControls.availableForWickesFulfilment;
                 }
             }
@@ -843,51 +892,61 @@ Wick.BasketPage = {
                     <span>${title}</span>
                 </label>
             </div>
-        `
+        `;
         } else {
-            return ''
+            return '';
         }
-
     },
     addPromotions: function (item, data) {
         let arr = [];
 
-        data.potentialProductPromotions && data.potentialProductPromotions.forEach((entry) => {
-            entry.consumedEntries.forEach((promo) => {
-                if (promo.orderEntryNumber === item.entryNumber) {
-                    if (arr.length) {
-                        let duplicate = arr.every((el) => {
-                            return el !== `<div class="order-item__promo">${entry.description}</div>`
-                        })
-
-                        !duplicate || arr.push(`<div class="order-item__promo">${entry.description}</div>`);
-
-                    } else {
-                        arr.push(`<div class="order-item__promo">${entry.description}</div>`);
+        data.potentialProductPromotions &&
+            data.potentialProductPromotions.forEach((entry) => {
+                entry.consumedEntries.forEach((promo) => {
+                    if (promo.orderEntryNumber === item.entryNumber) {
+                        if (arr.length) {
+                            let duplicate = arr.every((el) => {
+                                return (
+                                    el !==
+                                    `<div class="order-item__promo">${entry.description}</div>`
+                                );
+                            });
+
+                            !duplicate ||
+                                arr.push(
+                                    `<div class="order-item__promo">${entry.description}</div>`
+                                );
+                        } else {
+                            arr.push(`<div class="order-item__promo">${entry.description}</div>`);
+                        }
                     }
-                }
-            })
-
-        });
-
-        data.appliedProductPromotions && data.appliedProductPromotions.forEach((entry) => {
-            entry.consumedEntries.forEach((promo) => {
-                if (promo.orderEntryNumber === item.entryNumber && entry.description) {
-                    if (arr.length) {
-                        let duplicate = arr.every((el) => {
-                            return el !== `<div class="order-item__promo">${entry.description}</div>`
-                        })
-
-                        !duplicate || arr.push(`<div class="order-item__promo">${entry.description}</div>`);
-
-                    } else {
-                        arr.push(`<div class="order-item__promo">${entry.description}</div>`);
+                });
+            });
+
+        data.appliedProductPromotions &&
+            data.appliedProductPromotions.forEach((entry) => {
+                entry.consumedEntries.forEach((promo) => {
+                    if (promo.orderEntryNumber === item.entryNumber && entry.description) {
+                        if (arr.length) {
+                            let duplicate = arr.every((el) => {
+                                return (
+                                    el !==
+                                    `<div class="order-item__promo">${entry.description}</div>`
+                                );
+                            });
+
+                            !duplicate ||
+                                arr.push(
+                                    `<div class="order-item__promo">${entry.description}</div>`
+                                );
+                        } else {
+                            arr.push(`<div class="order-item__promo">${entry.description}</div>`);
+                        }
                     }
-                }
-            })
-        });
+                });
+            });
 
-        return arr.length ? `<div class="order-item__offers">${arr.join('')}</div>` : ''
+        return arr.length ? `<div class="order-item__offers">${arr.join('')}</div>` : '';
     },
     createPerMeterPrice: function (item) {
         if (item.product.installationProduct) {
@@ -911,16 +970,20 @@ Wick.BasketPage = {
                         }
                     </div>
                 </div>
-            `
+            `;
         } else {
-            return ''
+            return '';
         }
     },
     createDeliveryMessage: function (item, type) {
         if (type === 'delivery') {
-            let currentFulfillment = item.product.fulfillmentAttributes.supplierDelivered ? 'SUPPLIER_DELIVERED' : 'STANDARD',
+            let currentFulfillment = item.product.fulfillmentAttributes.supplierDelivered
+                    ? 'SUPPLIER_DELIVERED'
+                    : 'STANDARD',
                 productCode = item.product.code,
-                coincidenceFulfillmentValue = $(Wick.BasketPage.el.content).find(`#${productCode}_${currentFulfillment}`).val()
+                coincidenceFulfillmentValue = $(Wick.BasketPage.el.content)
+                    .find(`#${productCode}_${currentFulfillment}`)
+                    .val();
 
             if (coincidenceFulfillmentValue) {
                 return `
@@ -930,12 +993,12 @@ Wick.BasketPage = {
                             ${coincidenceFulfillmentValue}
                         </div>
                     </div>
-                    `
+                    `;
             } else {
-                return ''
+                return '';
             }
         } else {
-            return ''
+            return '';
         }
     },
     createCCFinder: function (item) {
@@ -946,7 +1009,7 @@ Wick.BasketPage = {
                 </div>
                 ${Wick.BasketPage.createCCOrderInfo(item)}
             </div>
-        `
+        `;
     },
     createCCOrderInfo: function (item) {
         if (item.updateable) {
@@ -1009,9 +1072,9 @@ Wick.BasketPage = {
                         </div>
                     </div>
                 </div>
-            `
+            `;
         } else {
-            return ''
+            return '';
         }
     },
     checkStoreAvailability: function (store, item) {
@@ -1024,7 +1087,7 @@ Wick.BasketPage = {
                 <a href="#" class="cc-order__change" ${item.updateable || 'style="display: none"'}>
                     Change Store location
                 </a>
-            `
+            `;
         } else {
             return `
                 <div class="cc-order__store-select">
@@ -1035,17 +1098,19 @@ Wick.BasketPage = {
                         </a>
                     </div>
                 </div>
-            `
+            `;
         }
     },
     removePromotion: function () {
-        $(this).closest(Wick.BasketPage.el.promo).remove()
+        $(this).closest(Wick.BasketPage.el.promo).remove();
     },
     addPotentialPromo: function (data) {
         $(Wick.BasketPage.el.promo).remove();
 
-        if ((data.potentialOrderPromotions && data.potentialOrderPromotions.length)
-            || (data.appliedOrderPromotions && data.appliedOrderPromotions.length)) {
+        if (
+            (data.potentialOrderPromotions && data.potentialOrderPromotions.length) ||
+            (data.appliedOrderPromotions && data.appliedOrderPromotions.length)
+        ) {
             $(Wick.BasketPage.el.promoWrapper).append(Wick.BasketPage.createPotentialPromo(data));
         }
     },
@@ -1053,7 +1118,8 @@ Wick.BasketPage = {
         const arr = [];
         if (data.potentialOrderPromotions && data.potentialOrderPromotions.length) {
             data.potentialOrderPromotions.forEach((promo) => {
-                !promo.description || arr.push(`
+                !promo.description ||
+                    arr.push(`
                     <div class="p-promotion">
                         <div class="p-promotion__icon">
                             <i class="icon fas fa-gift"></i>
@@ -1065,14 +1131,14 @@ Wick.BasketPage = {
                             <i class="icon fas fa-times"></i>
                         </div>
                     </div>
-                `
-                )
-            })
+                `);
+            });
         }
 
         if (data.appliedOrderPromotions && data.appliedOrderPromotions.length) {
             data.appliedOrderPromotions.forEach((promo) => {
-                !promo.description || arr.push(`
+                !promo.description ||
+                    arr.push(`
                     <div class="p-promotion">
                         <div class="p-promotion__icon">
                             <i class="icon fas fa-gift"></i>
@@ -1084,14 +1150,15 @@ Wick.BasketPage = {
                             <i class="icon fas fa-times"></i>
                         </div>
                     </div>
-                `
-                )
-            })
+                `);
+            });
         }
         if ($(Wick.BasketPage.el.promoWrapper).length) {
             return arr.join('');
         } else {
-            $(Wick.BasketPage.el.checkoutHeader).before(`<div class="checkout-header__promo">${arr.join('')}</div>`)
+            $(Wick.BasketPage.el.checkoutHeader).before(
+                `<div class="checkout-header__promo">${arr.join('')}</div>`
+            );
         }
     },
     limitingQuantityValue: function () {
@@ -1123,7 +1190,7 @@ Wick.BasketPage = {
         const collapsed = $(context).hasClass('collapsed');
         const accordionText = collapsed ? showText : hideText;
 
-        $(context).find(Wick.BasketPage.el.summaryAccordionText).text(accordionText)
+        $(context).find(Wick.BasketPage.el.summaryAccordionText).text(accordionText);
     }, 150),
     changeOnBlur: function () {
         const context = $(this).closest(Wick.BasketPage.el.orderItem),
@@ -1153,29 +1220,60 @@ Wick.BasketPage = {
 
         $(Wick.BasketPage.el.content).find(quantityValue).prop('disabled', false);
         $(Wick.BasketPage.el.content).find(quantityButton).prop('disabled', false);
-    }
+    },
 };
 
 $(document).on('cartUpdate', initStickyObserver);
 
 $(document).ready(function () {
     function init() {
-
         if (!$('.page_basket.basket').length) {
             return;
         }
 
         addStorageCheckEvent();
         Wick.BasketPage.el.$voucherFormBtn.on('click', checkVoucherCode);
-        $(Wick.BasketPage.el.content).on('click', Wick.BasketPage.el.quantityButton, Wick.BasketPage.updateItemQuantity);
-        $(Wick.BasketPage.el.content).on('click', Wick.BasketPage.el.removeButton, Wick.BasketPage.updateItemQuantity);
-        $(Wick.BasketPage.el.content).on('change', Wick.BasketPage.el.quantityValue, Wick.BasketPage.updateItemQuantity);
-        $(Wick.BasketPage.el.content).on('input', Wick.BasketPage.el.quantityValue, Wick.BasketPage.limitingQuantityValue);
-        $(Wick.BasketPage.el.content).on('click', Wick.BasketPage.el.ccButton, Wick.BasketPage.showCCSectionInDelivery);
-        $(Wick.BasketPage.el.content).on('focusout', Wick.BasketPage.el.quantityValue, Wick.BasketPage.changeOnBlur);
-        $(Wick.BasketPage.el.content).on('click', Wick.BasketPage.el.deliveryButtonInCC, Wick.BasketPage.changeMethodToDelivery);
-        $(Wick.BasketPage.el.content).on('click', Wick.BasketPage.el.updateStoreButton, Wick.BasketPage.changeMethodToCC);
-        $(Wick.BasketPage.el.donationCartBtn).on('click', function(e) {
+        $(Wick.BasketPage.el.content).on(
+            'click',
+            Wick.BasketPage.el.quantityButton,
+            Wick.BasketPage.updateItemQuantity
+        );
+        $(Wick.BasketPage.el.content).on(
+            'click',
+            Wick.BasketPage.el.removeButton,
+            Wick.BasketPage.updateItemQuantity
+        );
+        $(Wick.BasketPage.el.content).on(
+            'change',
+            Wick.BasketPage.el.quantityValue,
+            Wick.BasketPage.updateItemQuantity
+        );
+        $(Wick.BasketPage.el.content).on(
+            'input',
+            Wick.BasketPage.el.quantityValue,
+            Wick.BasketPage.limitingQuantityValue
+        );
+        $(Wick.BasketPage.el.content).on(
+            'click',
+            Wick.BasketPage.el.ccButton,
+            Wick.BasketPage.showCCSectionInDelivery
+        );
+        $(Wick.BasketPage.el.content).on(
+            'focusout',
+            Wick.BasketPage.el.quantityValue,
+            Wick.BasketPage.changeOnBlur
+        );
+        $(Wick.BasketPage.el.content).on(
+            'click',
+            Wick.BasketPage.el.deliveryButtonInCC,
+            Wick.BasketPage.changeMethodToDelivery
+        );
+        $(Wick.BasketPage.el.content).on(
+            'click',
+            Wick.BasketPage.el.updateStoreButton,
+            Wick.BasketPage.changeMethodToCC
+        );
+        $(Wick.BasketPage.el.donationCartBtn).on('click', function (e) {
             e.preventDefault();
             const context = $(this).closest(Wick.BasketPage.el.charityItem);
             if (!context.hasClass('charity-added')) {
@@ -1185,17 +1283,53 @@ $(document).ready(function () {
                 changeCharityPrice.call(this);
             }
         });
-        $(Wick.BasketPage.el.charityItem).on('click', Wick.BasketPage.el.removeButton, updateCharity);
-        $(Wick.BasketPage.el.orderSummary).on('click', Wick.BasketPage.el.voucherRemove, voucherRemove);
-        $(Wick.BasketPage.el.promoWrapper).on('click', Wick.BasketPage.el.promoClose, Wick.BasketPage.removePromotion);
-        $(Wick.BasketPage.el.content).on('click', Wick.BasketPage.el.deliveryStockButton, toggleWisdom);
+        $(Wick.BasketPage.el.charityItem).on(
+            'click',
+            Wick.BasketPage.el.removeButton,
+            updateCharity
+        );
+        $(Wick.BasketPage.el.orderSummary).on(
+            'click',
+            Wick.BasketPage.el.voucherRemove,
+            voucherRemove
+        );
+        $(Wick.BasketPage.el.promoWrapper).on(
+            'click',
+            Wick.BasketPage.el.promoClose,
+            Wick.BasketPage.removePromotion
+        );
+        $(Wick.BasketPage.el.content).on(
+            'click',
+            Wick.BasketPage.el.deliveryStockButton,
+            toggleWisdom
+        );
         $(Wick.BasketPage.el.content).on('click', Wick.BasketPage.el.wisdomClose, toggleWisdom);
-        $(Wick.BasketPage.el.content).on('click', Wick.BasketPage.el.wisdomCheck, checkDeliveryStock);
-        $(Wick.BasketPage.el.content).on('keypress', Wick.BasketPage.el.wisdomPostcode, checkDeliveryStockOnEnter);
-        $(Wick.BasketPage.el.content).on('blur', Wick.BasketPage.el.wisdomPostcode, prettifyWisdomPostcode);
+        $(Wick.BasketPage.el.content).on(
+            'click',
+            Wick.BasketPage.el.wisdomCheck,
+            checkDeliveryStock
+        );
+        $(Wick.BasketPage.el.content).on(
+            'keypress',
+            Wick.BasketPage.el.wisdomPostcode,
+            checkDeliveryStockOnEnter
+        );
+        $(Wick.BasketPage.el.content).on(
+            'blur',
+            Wick.BasketPage.el.wisdomPostcode,
+            prettifyWisdomPostcode
+        );
         $(Wick.BasketPage.el.content).on('click', Wick.BasketPage.el.wisdomAdd, addDeliveryStock);
-        $(Wick.BasketPage.el.content).on('click', Wick.BasketPage.el.changeLink, Wick.Wisdom.onLinkChange);
-        $(Wick.BasketPage.el.content).on('click', Wick.BasketPage.el.summaryAccordion, Wick.BasketPage.changeAccordionText);
+        $(Wick.BasketPage.el.content).on(
+            'click',
+            Wick.BasketPage.el.changeLink,
+            Wick.Wisdom.onLinkChange
+        );
+        $(Wick.BasketPage.el.content).on(
+            'click',
+            Wick.BasketPage.el.summaryAccordion,
+            Wick.BasketPage.changeAccordionText
+        );
         $('main').on('click', Wick.BasketPage.el.promoClose, Wick.BasketPage.removePromotion);
 
         $(Wick.BasketPage.el.voucherRemove).unbind('click');
@@ -1209,6 +1343,7 @@ $(document).ready(function () {
 
         setDefaultCharityValue();
         initCharityInteractions();
+        initBillieModal();
         if (!$(Wick.BasketPage.el.loader).length) {
             appendLoader(Wick.BasketPage.loaderPayload);
         }