@sentecacommerce-theme/lib 0.12.89 → 0.12.93

package/dist/cjs/analytics/Pixel/hooks/index.js

@@ -38,6 +38,42 @@ Object.keys(_usePixelProductClick).forEach(function(key) {
         }
     });
 });
+var _usePixelViewBasket = _interopRequireWildcard(require("./usePixelViewBasket"));
+Object.keys(_usePixelViewBasket).forEach(function(key) {
+    if (key === "default" || key === "__esModule") return;
+    if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+    if (key in exports && exports[key] === _usePixelViewBasket[key]) return;
+    Object.defineProperty(exports, key, {
+        enumerable: true,
+        get: function() {
+            return _usePixelViewBasket[key];
+        }
+    });
+});
+var _usePixelViewCategory = _interopRequireWildcard(require("./usePixelViewCategory"));
+Object.keys(_usePixelViewCategory).forEach(function(key) {
+    if (key === "default" || key === "__esModule") return;
+    if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+    if (key in exports && exports[key] === _usePixelViewCategory[key]) return;
+    Object.defineProperty(exports, key, {
+        enumerable: true,
+        get: function() {
+            return _usePixelViewCategory[key];
+        }
+    });
+});
+var _usePixelFinishOrder = _interopRequireWildcard(require("./usePixelFinishOrder"));
+Object.keys(_usePixelFinishOrder).forEach(function(key) {
+    if (key === "default" || key === "__esModule") return;
+    if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+    if (key in exports && exports[key] === _usePixelFinishOrder[key]) return;
+    Object.defineProperty(exports, key, {
+        enumerable: true,
+        get: function() {
+            return _usePixelFinishOrder[key];
+        }
+    });
+});
 var _useDistrictMeta = _interopRequireWildcard(require("./useDistrictMeta"));
 Object.keys(_useDistrictMeta).forEach(function(key) {
     if (key === "default" || key === "__esModule") return;

package/dist/cjs/analytics/Pixel/hooks/usePixelFinishOrder.js

@@ -0,0 +1,27 @@
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.usePixelFinishOrder = void 0;
+var _utils = require("../utils");
+var _typeof = function(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+};
+var usePixelFinishOrder = function() {
+    var sendFinishOrderEvent = function(order) {
+        var payload = {
+            orderId: order.orderRefNumber,
+            productsData: (0, _utils).mapProducts(order.lineItems)
+        };
+        if ((typeof window === "undefined" ? "undefined" : _typeof(window)) !== undefined) {
+            var pixel = window.pixel;
+            if (payload) {
+                pixel === null || pixel === void 0 ? void 0 : pixel.finishOrder(payload);
+            }
+        }
+    };
+    return {
+        sendFinishOrderEvent: sendFinishOrderEvent
+    };
+};
+exports.usePixelFinishOrder = usePixelFinishOrder;

package/dist/cjs/analytics/Pixel/hooks/usePixelProductClick.js

@@ -37,18 +37,14 @@ function _objectSpread(target) {
     }
     return target;
 }
-var _typeof = function(obj) {
-    "@swc/helpers - typeof";
-    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
-};
 var usePixelProductClick = function() {
     var defaultMerchant = (0, _index).useConfigState().defaultMerchant;
     var sendClickEvent = function(param) {
         var product = param.product, info = param.info;
-        if ((typeof window === "undefined" ? "undefined" : _typeof(window)) !== undefined) {
+        if ((0, _index).canUseDOM() && defaultMerchant) {
             var pixel = window.pixel;
-            pixel.productClick(product, _objectSpread({}, info, {
-                merchantKey: defaultMerchant || ''
+            pixel === null || pixel === void 0 ? void 0 : pixel.productClick(product, _objectSpread({}, info, {
+                merchantKey: defaultMerchant
             }));
         }
     };

package/dist/cjs/analytics/Pixel/hooks/usePixelProductsImpression.js

@@ -6,6 +6,7 @@ var _react = _interopRequireDefault(require("react"));
 var _router = require("next/router");
 var _index = require("../../../index");
 var _releva = require("../../Releva");
+var _utils = require("../../../utils");
 function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
@@ -49,10 +50,6 @@ function _nonIterableRest() {
 function _slicedToArray(arr, i) {
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
-var _typeof = function(obj) {
-    "@swc/helpers - typeof";
-    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
-};
 function _unsupportedIterableToArray(o, minLen) {
     if (!o) return;
     if (typeof o === "string") return _arrayLikeToArray(o, minLen);
@@ -63,43 +60,56 @@ function _unsupportedIterableToArray(o, minLen) {
 }
 var usePixelProductsImpression = function(param) {
     var productsData = param.productsData, isCarousel = param.isCarousel;
-    var ref3 = _slicedToArray((0, _index).useBoolean(false), 2), sentAlready = ref3[0], setSentAlready = ref3[1];
+    var ref5;
+    var ref1 = _slicedToArray((0, _index).useBoolean(false), 2), sentAlready = ref1[0], setSentAlready = ref1[1];
     var defaultMerchant = (0, _index).useConfigState().defaultMerchant;
     var router = (0, _router).useRouter();
     var products = [];
     if (!isCarousel) {
-        products = (0, _releva).createMappedProducts(productsData.products);
+        products = (0, _releva).createMappedProducts(productsData === null || productsData === void 0 ? void 0 : productsData.products);
     }
     _react.default.useEffect(function() {
-        if (sentAlready || !products.length) return;
-        router.events.on('routeChangeComplete', function() {
-            var ref, ref1;
-            if ((typeof window === "undefined" ? "undefined" : _typeof(window)) !== undefined && !((ref = productsData.products) === null || ref === void 0 ? void 0 : (ref1 = ref[0]) === null || ref1 === void 0 ? void 0 : ref1.isPlaceholder) && (productsData === null || productsData === void 0 ? void 0 : productsData.length) > 0) {
-                var ref2;
-                var pixel = window.pixel;
-                var title = window === null || window === void 0 ? void 0 : (ref2 = window.document) === null || ref2 === void 0 ? void 0 : ref2.title;
-                var sendImpressions = function() {
-                    if (!title || title === 'за') {
-                        setTimeout(function() {
-                            return sendImpressions();
-                        }, 20);
-                        return;
+        setSentAlready.off();
+    }, [
+        router.asPath,
+        productsData === null || productsData === void 0 ? void 0 : (ref5 = productsData.products) === null || ref5 === void 0 ? void 0 : ref5.length,
+        setSentAlready
+    ]);
+    _react.default.useEffect(function() {
+        var ref, ref2, ref3;
+        if (sentAlready || !(products === null || products === void 0 ? void 0 : products.length)) return;
+        if ((0, _utils).canUseDOM() && !((ref = productsData.products) === null || ref === void 0 ? void 0 : (ref2 = ref[0]) === null || ref2 === void 0 ? void 0 : ref2.isPlaceholder) && (productsData === null || productsData === void 0 ? void 0 : (ref3 = productsData.products) === null || ref3 === void 0 ? void 0 : ref3.length) > 0) {
+            var ref4;
+            var pixel = window.pixel;
+            var title = window === null || window === void 0 ? void 0 : (ref4 = window.document) === null || ref4 === void 0 ? void 0 : ref4.title;
+            var sendImpressions = function() {
+                if (!title || title === 'за') {
+                    setTimeout(function() {
+                        return sendImpressions();
+                    }, 20);
+                    return;
+                }
+                pixel === null || pixel === void 0 ? void 0 : pixel.productsImpression(!isCarousel ? [
+                    {
+                        listName: title,
+                        products: products
                     }
-                    pixel === null || pixel === void 0 ? void 0 : pixel.productsImpression(!isCarousel ? [
-                        {
-                            listName: title,
-                            products: products
-                        }
-                    ] : productsData, {
-                        merchantKey: defaultMerchant || ''
-                    });
-                };
-                sendImpressions();
+                ] : productsData, {
+                    merchantKey: defaultMerchant || ''
+                });
                 setSentAlready.on();
-            }
-        });
+            };
+            sendImpressions();
+        }
     }, [
-        router.route
+        router.route,
+        defaultMerchant,
+        sentAlready,
+        products,
+        router.events,
+        productsData,
+        setSentAlready,
+        isCarousel, 
     ]);
 };
 exports.usePixelProductsImpression = usePixelProductsImpression;

package/dist/cjs/analytics/Pixel/hooks/usePixelViewBasket.js

@@ -0,0 +1,24 @@
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.usePixelViewBasket = void 0;
+var _utils = require("../utils");
+var _typeof = function(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+};
+var usePixelViewBasket = function() {
+    var sendViewBasketEvent = function(data) {
+        var payload = (0, _utils).mapProducts(data);
+        if ((typeof window === "undefined" ? "undefined" : _typeof(window)) !== undefined) {
+            var pixel = window.pixel;
+            if (payload) {
+                pixel === null || pixel === void 0 ? void 0 : pixel.viewBasket(payload);
+            }
+        }
+    };
+    return {
+        sendViewBasketEvent: sendViewBasketEvent
+    };
+};
+exports.usePixelViewBasket = usePixelViewBasket;

package/dist/cjs/analytics/Pixel/hooks/usePixelViewCategory.js

@@ -0,0 +1,29 @@
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.usePixelViewCategory = void 0;
+var _typeof = function(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+};
+var usePixelViewCategory = function() {
+    var sendViewCategoryEvent = function(breadcrumbData) {
+        var breadcrumbString = breadcrumbData.reduce(function(res, curr, index) {
+            res += curr.name;
+            if (index !== breadcrumbData.length - 1) {
+                res += '/';
+            }
+            return res;
+        }, '');
+        if ((typeof window === "undefined" ? "undefined" : _typeof(window)) !== undefined) {
+            var pixel = window.pixel;
+            if (breadcrumbString) {
+                pixel === null || pixel === void 0 ? void 0 : pixel.viewCategory(breadcrumbString);
+            }
+        }
+    };
+    return {
+        sendViewCategoryEvent: sendViewCategoryEvent
+    };
+};
+exports.usePixelViewCategory = usePixelViewCategory;

package/dist/cjs/analytics/Pixel/mainScript.js

@@ -88,16 +88,6 @@ function _objectSpread(target) {
             }
         });
     }
-    function ensureStringValuesMayExist() {
-        var params = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, keys = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
-        keys.forEach(function(k) {
-            if (params[k]) {
-                if (typeof params[k] !== 'string') {
-                    err("".concat(k, " is empty or contains invalid string value"));
-                }
-            }
-        });
-    }
     function ensureStringValuesExist() {
         var params = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, keys = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
         keys.forEach(function(k) {
@@ -115,18 +105,20 @@ function _objectSpread(target) {
     //check the config
     if (typeof global.pixel_cfg !== 'object') {
         err('Pixel is missing config');
-    } else if (!global.pixel_cfg.initialUserId || !global.pixel_cfg.appName) {
-        err('Missing required pixel config fields. Please check if appName and initialUserId are present.');
+    } else if (!global.pixel_cfg.hubUrl || !global.pixel_cfg.initialUserId || !global.pixel_cfg.appName) {
+        err('Missing required pixel config fields. Please check if appName, hubUrl and initialUserId are present.');
     }
     /**
+   * hubUrl = the url of the integration hub
    * source = name of the client interface eg: app, website
    * debug = either or not to print logs
    * initialUserId = the initial id of the user/visitor
-   */ var _pixel_cfg = global.pixel_cfg, appName = _pixel_cfg.appName, _source = _pixel_cfg.source, source = _source === void 0 ? 'web-client' : _source, _debug = _pixel_cfg.debug, debug = _debug === void 0 ? false : _debug, initialUserId = _pixel_cfg.initialUserId;
+   */ var _pixel_cfg = global.pixel_cfg, hubUrl = _pixel_cfg.hubUrl, appName = _pixel_cfg.appName, _source = _pixel_cfg.source, source = _source === void 0 ? 'web-client' : _source, _debug = _pixel_cfg.debug, debug = _debug === void 0 ? false : _debug, _criteoPartnerId = _pixel_cfg.criteoPartnerId, criteoPartnerId = _criteoPartnerId === void 0 ? false : _criteoPartnerId, _rtbHouseHash = _pixel_cfg.rtbHouseHash, rtbHouseHash = _rtbHouseHash === void 0 ? false : _rtbHouseHash, initialUserId = _pixel_cfg.initialUserId;
     var Q = [] //events queue
     ;
     var userId = initialUserId //is modified upon setUserId
     ;
+    var userEmail = '';
     var title = undefined;
     var allowTracking = false //should explicity state positive intention
     ;
@@ -161,8 +153,9 @@ function _objectSpread(target) {
                         log("sending.. payload=".concat(JSON.stringify(payload)));
                         _ctx.prev = 1;
                         _ctx.next = 4;
-                        return fetch("/hub/analytics/collect", {
+                        return fetch("".concat(hubUrl, "/analytics/collect"), {
                             method: 'POST',
+                            mode: 'cors',
                             cache: 'no-cache',
                             headers: {
                                 'Content-Type': 'application/json'
@@ -199,6 +192,54 @@ function _objectSpread(target) {
         log("adding new event to queue ".concat(JSON.stringify(enrichedPayload)));
         Q.push(enrichedPayload);
     }
+    function dispatchCriteoEvents(events) {
+        if (criteoPartnerId) {
+            window.criteo_q = window.criteo_q || [];
+            window.criteo_q.push(events);
+        }
+    }
+    function sendRtbRequest(tag) {
+        if (rtbHouseHash) {
+            try {
+                var rtbTags = [
+                    "pr_".concat(rtbHouseHash, "_").concat(tag)
+                ];
+                rtbTags.push("pr_".concat(rtbHouseHash, "_lid_").concat(getLid()));
+                var ifr = document.createElement('iframe'), sr = encodeURIComponent(document.referrer ? document.referrer : ''), su = encodeURIComponent(document.location.href ? document.location.href : ''), tmstmp = encodeURIComponent('' + Date.now());
+                var ifrSrc = 'https://creativecdn.com/tags?type=iframe';
+                for(var i = 0; i < rtbTags.length; i++){
+                    ifrSrc += '&id=' + encodeURIComponent(rtbTags[i]);
+                }
+                ifrSrc += "&su=".concat(su, "&sr=").concat(sr, "&ts=").concat(tmstmp);
+                ifr.setAttribute('src', ifrSrc);
+                ifr.setAttribute('width', '1');
+                ifr.setAttribute('height', '1');
+                ifr.setAttribute('scrolling', 'no');
+                ifr.setAttribute('frameBorder', '0');
+                ifr.setAttribute('style', 'display:none');
+                ifr.setAttribute('referrerpolicy', 'no-referrer-when-downgrade');
+                if (document.body) {
+                    document.body.appendChild(ifr);
+                } else {
+                    window.addEventListener('DOMContentLoaded', function() {
+                        document.body.appendChild(ifr);
+                    });
+                }
+            } catch (e) {
+                log(e);
+            }
+        }
+    }
+    function getLid() {
+        var key = '__rtbhouse.lid', lid = window.localStorage.getItem(key);
+        if (!lid) {
+            lid = '';
+            var pool = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
+            for(var i = 0; i < 20; i++)lid += pool.charAt(Math.floor(Math.random() * pool.length));
+            window.localStorage.setItem(key, lid);
+        }
+        return lid;
+    }
     function loop() {
         var iid = global.setTimeout(_asyncToGenerator(_regeneratorRuntime.default.mark(function _callee() {
             var ev;
@@ -236,6 +277,113 @@ function _objectSpread(target) {
             ]);
         })), 500);
     }
+    var criteoAPI = {
+        loadCriteo: function loadCriteo() {
+            if (criteoPartnerId) {
+                log('Loading criteo');
+                var criteo = document.createElement('script');
+                criteo.setAttribute('src', "//dynamic.criteo.com/js/ld/ld.js?a=".concat(criteoPartnerId));
+                document.head.appendChild(criteo);
+                dispatchCriteoEvents([
+                    {
+                        event: 'setAccount',
+                        account: criteoPartnerId
+                    },
+                    {
+                        event: 'setEmail',
+                        email: userEmail
+                    },
+                    {
+                        event: 'setSiteType',
+                        type: isTouchDevice() ? 'm' : 'd'
+                    }, 
+                ]);
+            }
+            log('criteo partner id not set');
+        },
+        criteoViewHome: function criteoViewHome() {
+            console.log('criteoViewHome');
+            dispatchCriteoEvents({
+                event: 'viewHome'
+            });
+        },
+        //productData: [{ id: sku, price, quantity}]
+        criteoViewBasket: function criteoViewBasket(productsData) {
+            dispatchCriteoEvents({
+                event: 'viewBasket',
+                item: productsData
+            });
+        },
+        //productData: { sku }
+        criteoViewItem: function criteoViewItem(productData) {
+            dispatchCriteoEvents({
+                event: 'viewItem',
+                item: productData.sku
+            });
+        },
+        //products: [{ sku }]
+        criteoViewList: function criteoViewList(products) {
+            var items = products.map(function(product) {
+                return product.sku;
+            });
+            dispatchCriteoEvents({
+                event: 'viewList',
+                item: items
+            });
+        },
+        //orderId: Order ref number
+        //productData: [{ id: sku, price, quantity}]
+        criteoFinishOrder: function criteoFinishOrder(orderId, productsData) {
+            dispatchCriteoEvents({
+                event: 'trackTransaction',
+                id: orderId,
+                item: productsData
+            });
+        },
+        criteoChangeEmail: function criteoChangeEmail(email) {
+            dispatchCriteoEvents({
+                event: 'setEmail',
+                email: email
+            });
+        }
+    };
+    var rtbAPI = {
+        rtbViewHome: function rtbViewHome() {
+            sendRtbRequest("home");
+        },
+        //productData: [{ id: sku}]
+        rtbViewBasket: function rtbViewBasket(productsData) {
+            sendRtbRequest("basketstatus_".concat(productsData.map(function(product) {
+                return product.sku;
+            }).join(',')));
+        },
+        //productData: { sku }
+        rtbViewItem: function rtbViewItem(productData) {
+            sendRtbRequest("offer_".concat(productData.sku));
+        },
+        //products: [{ sku }]
+        rtbViewList: function rtbViewList(products) {
+            var items = products.map(function(product) {
+                return product.sku;
+            });
+            sendRtbRequest("listing_".concat(items[0], ",").concat(items[1], ",").concat(items[2], ",").concat(items[3], ",").concat(items[4]));
+        },
+        //categoryBreadcrumb: string
+        rtbViewCategory: function rtbViewCategory(categoryBreadcrumb) {
+            sendRtbRequest("category2_".concat(categoryBreadcrumb));
+        },
+        rtbStartOrder: function rtbStartOrder() {
+            sendRtbRequest("startorder");
+        },
+        //orderId: Order ref number
+        //productData: [{ id: sku, price, quantity}]
+        rtbFinishOrder: function rtbFinishOrder(orderId, productsData, orderPrice) {
+            var productIds = productsData.map(function(product) {
+                return product.sku;
+            }).join(',');
+            sendRtbRequest("orderstatus2_".concat(orderPrice, "_").concat(orderId, "_").concat(productIds));
+        }
+    };
     function buildProductPayload(productData) {
         var payload = {};
         ensureStringValuesExist(productData, [
@@ -279,9 +427,33 @@ function _objectSpread(target) {
                 addEventToQueue('land', eventPayload);
             }
         },
+        viewHome: function viewHome() {
+            console.log('viewHome');
+            criteoAPI.criteoViewHome();
+            rtbAPI.rtbViewHome();
+        },
+        //productsData: [{ id: sku, price, quantity}]
+        viewBasket: function viewBasket(productDetails) {
+            criteoAPI.criteoViewBasket(productDetails);
+            rtbAPI.rtbViewBasket(productDetails);
+        },
+        //categoryBreadcrumb
+        viewCategory: function(categoryBreadcrumb) {
+            rtbAPI.rtbViewCategory(categoryBreadcrumb);
+        },
+        //orderId: Order ref number
+        //productsData: [{ id: sku, price, quantity}]
+        //orderPrice: total price of order
+        finishOrder: function finishOrder(orderId, productsData, orderPrice) {
+            criteoAPI.criteoFinishOrder(orderId, productsData);
+            rtbAPI.rtbFinishOrder(orderId, productsData, orderPrice);
+        },
         //used when user logs in or other occasion on which the id in cookie changes
         changeUser: function changeUser(newUserId) {
+            var newUserEmail = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : '';
             userId = newUserId;
+            userEmail = newUserEmail;
+            criteoAPI.criteoChangeEmail(userEmail);
         },
         //Should be set on each app start/refresh. Marks if IP & other user data can be tracked
         agreeTracking: function agreeTracking() {
@@ -318,6 +490,8 @@ function _objectSpread(target) {
             var eventPayload = productLists.map(function(list) {
                 var name = list.listName;
                 var merchantKey = priceData.merchantKey;
+                criteoAPI.criteoViewList(list.products);
+                rtbAPI.rtbViewList(list.products);
                 var products = list.products.map(function(product) {
                     return buildProductPayload(product);
                 });
@@ -334,6 +508,8 @@ function _objectSpread(target) {
             ensureStringValuesExist(priceData, [
                 'merchantKey'
             ]);
+            criteoAPI.criteoViewItem(productData);
+            rtbAPI.rtbViewItem(productData);
             var product = buildProductPayload(productData);
             addEventToQueue('productDetails', _objectSpread({
                 product: product
@@ -362,6 +538,9 @@ function _objectSpread(target) {
             }, priceData));
         },
         checkoutStep: function checkoutStep(orderId, stepNumber) {
+            if (stepNumber === 1) {
+                rtbAPI.rtbStartOrder(orderId);
+            }
             ensureIsStringValue('orderId', orderId);
             addEventToQueue('checkoutStep', {
                 orderId: orderId,
@@ -377,7 +556,11 @@ function _objectSpread(target) {
             });
         }
     };
+    criteoAPI.loadCriteo();
     API.__system__.land();
     global.pixel = API;
+    function isTouchDevice() {
+        return 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
+    }
     loop();
 })(window);

package/dist/cjs/analytics/Pixel/minifiedPixel.js

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.PixelScript = void 0;
 var PixelScript = function() {
-    return '!function(i){function o(e){t&&console.info(e)}function c(e){throw new Error(e)}function a(t={},e=[]){e.forEach(e=>{"string"!=typeof t[e]&&c(`${e} is empty or contains invalid string value`)})}function r(e="",t={}){"string"!=typeof t&&c(`${e} is empty or contains invalid string value`)}"object"!=typeof i.pixel_cfg?c("Pixel is missing config"):i.pixel_cfg.initialUserId&&i.pixel_cfg.appName||c("Missing required pixel config fields. Please check if appName and initialUserId are present.");const{appName:n,source:s="web-client",debug:t=!1,initialUserId:u}=i.pixel_cfg,l=[];let d=u,p=void 0,m=!1;function f(e,t={}){(t={name:e,data:t}).meta={userId:d,appName:n,allowTracking:m,source:s,userAgent:i.navigator.userAgent,location:i.location.href,language:i.navigator.language,charset:i.document.characterSet,title:p=p??i.document.title,referrer:i.document.referrer,screenResolution:`${i.screen.width}x${i.screen.height}`,viewportSize:`${i.innerWidth}x${i.innerHeight}`};o(`adding new event to queue ${JSON.stringify(t)}`),l.push(t)}function h(e){let t={};var n,i;return a(e,["id","sku"]),[n={},i]=[e,["quantity"]],i.forEach(e=>{n[e]&&Number.isNaN(Number(n[e]))&&c(`${e} is empty or contains invalid numeric value`)}),t.id=e.id,t.sku=e.sku,t.quantity&&(t.quantity=e.quantity),t}function g(e){let t={};var n,i;return a(e,["listName","merchantKey"]),[n={},i]=[e,["position"]],i.forEach(e=>{Number.isNaN(Number(n[e]))&&c(`${e} is empty or contains invalid numeric value`)}),t.listName=e.listName,t.position=e.position,t.merchantKey=e.merchantKey,t}var e={__system__:{land:function(){f("land",{originalQuery:i.location.search})}},changeUser:function(e){d=e},agreeTracking:function(){m=!0},changeRoute:function(e={}){let t={};a(e,["path","title","location"]),p=e.title,t.path=e.path,t.title=e.title,t.location=e.location,f("changeRoute",t)},productClick:function(e={},t={}){f("productClick",{product:h(e),click:g(t)})},productsImpression:function(e=[],t={}){a(t,["merchantKey"]),f("productsImpression",e.map(function(e){return{name:e.listName,merchantKey:t.merchantKey,products:e.products.map(h)}}))},productDetails:function(e={},t={}){a(t,["merchantKey"]),f("productDetails",{product:h(e),...t})},addLineItem:function(e={},t={}){a(t,["currencyCode","merchantKey"]),f("addLineItem",{product:h(e),...t})},removeLineItem:function(e={},t={}){a(t,["currencyCode","merchantKey"]),f("removeLineItem",{product:h(e),...t})},checkoutStep:function(e,t){r("orderId",e),f("checkoutStep",{orderId:e,stepNumber:t})},checkoutStepOption:function(e,t,n){r("orderId",e),f("checkoutStepOption",{orderId:e,stepNumber:t,optionName:n})}};e.__system__.land(),i.pixel=e,function t(){let n=i.setTimeout(async function(){if(o("loop"),u&&l.length){var e=l.shift();try{await async function(e){o(`sending.. payload=${JSON.stringify(e)}`);try{await fetch("/hub/analytics/collect",{method:"POST",cache:"no-cache",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)})}catch(e){console.error(`Failed to send event.. ${e.message}`)}}(e)}catch(e){o(`Failed to send event.. ${e.message}`)}}i.clearInterval(n),t()},500)}()}(window);';
+    return '!function(n){function a(e){t&&console.info(e)}function o(e){throw new Error(e)}function r(t={},e=[]){e.forEach(e=>{"string"!=typeof t[e]&&o(`${e} is empty or contains invalid string value`)})}function c(e="",t={}){"string"!=typeof t&&o(`${e} is empty or contains invalid string value`)}"object"!=typeof n.pixel_cfg?o("Pixel is missing config"):n.pixel_cfg.hubUrl&&n.pixel_cfg.initialUserId&&n.pixel_cfg.appName||o("Missing required pixel config fields. Please check if appName, hubUrl and initialUserId are present.");const{hubUrl:s,appName:i,source:u="web-client",debug:t=!1,criteoPartnerId:d=!1,rtbHouseHash:l=!1,initialUserId:m}=n.pixel_cfg,p=[];let f=m,h="",g=void 0,w=!1;function y(e,t={}){(t={name:e,data:t}).meta={userId:f,appName:i,allowTracking:w,source:u,userAgent:n.navigator.userAgent,location:n.location.href,language:n.navigator.language,charset:n.document.characterSet,title:g=g??n.document.title,referrer:n.document.referrer,screenResolution:`${n.screen.width}x${n.screen.height}`,viewportSize:`${n.innerWidth}x${n.innerHeight}`};a(`adding new event to queue ${JSON.stringify(t)}`),p.push(t)}function v(e){d&&(window.criteo_q=window.criteo_q||[],window.criteo_q.push(e))}function b(e){if(l)try{const i=[`pr_${l}_${e}`];i.push(`pr_${l}_lid_${function(){let e="__rtbhouse.lid",t=window.localStorage.getItem(e);if(!t){t="";var i="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";for(let e=0;e<20;e++)t+=i.charAt(Math.floor(Math.random()*i.length));window.localStorage.setItem(e,t)}return t}()}`);const n=document.createElement("iframe"),o=encodeURIComponent(document.referrer||""),r=encodeURIComponent(document.location.href||""),c=encodeURIComponent(""+Date.now());let t="https://creativecdn.com/tags?type=iframe";for(let e=0;e<i.length;e++)t+="&id="+encodeURIComponent(i[e]);t+=`&su=${r}&sr=${o}&ts=${c}`,n.setAttribute("src",t),n.setAttribute("width","1"),n.setAttribute("height","1"),n.setAttribute("scrolling","no"),n.setAttribute("frameBorder","0"),n.setAttribute("style","display:none"),n.setAttribute("referrerpolicy","no-referrer-when-downgrade"),document.body?document.body.appendChild(n):window.addEventListener("DOMContentLoaded",function(){document.body.appendChild(n)})}catch(e){a(e)}}const $={loadCriteo:function(){if(d){a("Loading criteo");let e=document.createElement("script");e.setAttribute("src",`//dynamic.criteo.com/js/ld/ld.js?a=${d}`),document.head.appendChild(e),v([{event:"setAccount",account:d},{event:"setEmail",email:h},{event:"setSiteType",type:"ontouchstart"in window||0<navigator.maxTouchPoints||0<navigator.msMaxTouchPoints?"m":"d"}])}a("criteo partner id not set")},criteoViewHome:function(){console.log("criteoViewHome"),v({event:"viewHome"})},criteoViewBasket:function(e){v({event:"viewBasket",item:e})},criteoViewItem:function(e){v({event:"viewItem",item:e.sku})},criteoViewList:function(e){v({event:"viewList",item:e.map(e=>e.sku)})},criteoFinishOrder:function(e,t){v({event:"trackTransaction",id:e,item:t})},criteoChangeEmail:function(e){v({event:"setEmail",email:e})}},_={rtbViewHome:function(){b("home")},rtbViewBasket:function(e){b(`basketstatus_${e.map(e=>e.sku).join(",")}`)},rtbViewItem:function(e){b(`offer_${e.sku}`)},rtbViewList:function(e){e=e.map(e=>e.sku);b(`listing_${e[0]},${e[1]},${e[2]},${e[3]},${e[4]}`)},rtbViewCategory:function(e){b(`category2_${e}`)},rtbStartOrder:function(){b("startorder")},rtbFinishOrder:function(e,t,i){b(`orderstatus2_${i}_${e}_${t.map(e=>e.sku).join(",")}`)}};function k(e){let t={};var i,n;return r(e,["id","sku"]),[i={},n]=[e,["quantity"]],n.forEach(e=>{i[e]&&Number.isNaN(Number(i[e]))&&o(`${e} is empty or contains invalid numeric value`)}),t.id=e.id,t.sku=e.sku,t.quantity&&(t.quantity=e.quantity),t}function I(e){let t={};var i,n;return r(e,["listName","merchantKey"]),[i={},n]=[e,["position"]],n.forEach(e=>{Number.isNaN(Number(i[e]))&&o(`${e} is empty or contains invalid numeric value`)}),t.listName=e.listName,t.position=e.position,t.merchantKey=e.merchantKey,t}var e={__system__:{land:function(){y("land",{originalQuery:n.location.search})}},viewHome:function(){console.log("viewHome"),$.criteoViewHome(),_.rtbViewHome()},viewBasket:function(e){$.criteoViewBasket(e),_.rtbViewBasket(e)},viewCategory(e){_.rtbViewCategory(e)},finishOrder:function(e,t,i){$.criteoFinishOrder(e,t),_.rtbFinishOrder(e,t,i)},changeUser:function(e,t=""){f=e,h=t,$.criteoChangeEmail(h)},agreeTracking:function(){w=!0},changeRoute:function(e={}){let t={};r(e,["path","title","location"]),g=e.title,t.path=e.path,t.title=e.title,t.location=e.location,y("changeRoute",t)},productClick:function(e={},t={}){y("productClick",{product:k(e),click:I(t)})},productsImpression:function(e=[],n={}){r(n,["merchantKey"]),y("productsImpression",e.map(function(e){var t=e.listName,i=n.merchantKey;return $.criteoViewList(e.products),_.rtbViewList(e.products),{name:t,merchantKey:i,products:e.products.map(k)}}))},productDetails:function(e={},t={}){r(t,["merchantKey"]),$.criteoViewItem(e),_.rtbViewItem(e),y("productDetails",{product:k(e),...t})},addLineItem:function(e={},t={}){r(t,["currencyCode","merchantKey"]),y("addLineItem",{product:k(e),...t})},removeLineItem:function(e={},t={}){r(t,["currencyCode","merchantKey"]),y("removeLineItem",{product:k(e),...t})},checkoutStep:function(e,t){1===t&&_.rtbStartOrder(e),c("orderId",e),y("checkoutStep",{orderId:e,stepNumber:t})},checkoutStepOption:function(e,t,i){c("orderId",e),y("checkoutStepOption",{orderId:e,stepNumber:t,optionName:i})}};$.loadCriteo(),e.__system__.land(),n.pixel=e,function t(){let i=n.setTimeout(async function(){if(a("loop"),m&&p.length){var e=p.shift();try{await async function(e){a(`sending.. payload=${JSON.stringify(e)}`);try{await fetch(`${s}/analytics/collect`,{method:"POST",mode:"cors",cache:"no-cache",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)})}catch(e){console.error(`Failed to send event.. ${e.message}`)}}(e)}catch(e){a(`Failed to send event.. ${e.message}`)}}n.clearInterval(i),t()},500)}()}(window);';
 };
 exports.PixelScript = PixelScript;

package/dist/cjs/analytics/Pixel/usePixel.js

@@ -26,6 +26,9 @@ var pixelChangeRoute = function() {
             }, 20);
             return;
         }
+        if (_router.default.router.asPath === '/') {
+            pixel === null || pixel === void 0 ? void 0 : pixel.viewHome();
+        }
         return pixel === null || pixel === void 0 ? void 0 : pixel.changeRoute({
             path: _router.default.router.asPath,
             title: title || 'Error',

package/dist/cjs/analytics/Pixel/utils.js

@@ -0,0 +1,17 @@
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.mapProducts = void 0;
+var mapProducts = function(data) {
+    var mapped = data === null || data === void 0 ? void 0 : data.reduce(function(res, cur) {
+        var ref, ref1;
+        res.push({
+            id: cur.variant.sku,
+            price: (Number((ref = cur.totalPrice) === null || ref === void 0 ? void 0 : ref.centAmount) / Math.pow(10, Number((ref1 = cur.totalPrice) === null || ref1 === void 0 ? void 0 : ref1.fractionDigits))).toFixed(2),
+            quantity: cur.quantity + ''
+        });
+        return res;
+    }, []);
+    return mapped;
+};
+exports.mapProducts = mapProducts;

package/dist/cjs/hooks/ui-hooks/useAccordion/index.js

@@ -109,7 +109,6 @@ var useAccordion = function(param) {
         };
     }, [
         state.width,
-        state.height,
         collapse,
         expand
     ]);

package/dist/cjs/listing/api/queries/useListingQuery.js

@@ -179,11 +179,11 @@ function processListingQuery(_) {
 }
 function _processListingQuery() {
     _processListingQuery = _asyncToGenerator(_regeneratorRuntime.default.mark(function _callee(param) {
-        var predicate, router, limit, sort, postFilter, offset, config, slug, query, type, filter, _sort;
+        var predicate, router, limit, sort, postFilter, offset, config, slug, _includeVariants, includeVariants, query, type, filter, _sort;
         return _regeneratorRuntime.default.wrap(function _callee$(_ctx) {
             while(1)switch(_ctx.prev = _ctx.next){
                 case 0:
-                    predicate = param.predicate, router = param.router, limit = param.limit, sort = param.sort, postFilter = param.postFilter, offset = param.offset, config = param.config, slug = param.slug;
+                    predicate = param.predicate, router = param.router, limit = param.limit, sort = param.sort, postFilter = param.postFilter, offset = param.offset, config = param.config, slug = param.slug, _includeVariants = param.includeVariants, includeVariants = _includeVariants === void 0 ? false : _includeVariants;
                     query = router.query;
                     type = (0, _utils).getListingPageType(router, slug, config);
                     filter = generateFilter(type, query, slug, predicate);
@@ -201,6 +201,8 @@ function _processListingQuery() {
                         postFilter: postFilter
                     }, (config === null || config === void 0 ? void 0 : config.collapseMode) && type !== _types.ListingTypesEnum.Collection && {
                         collapseMode: config === null || config === void 0 ? void 0 : config.collapseMode
+                    }, {
+                        includeVariants: includeVariants
                     })));
                 case 6:
                 case "end":

package/dist/cjs/listing/ssr/prefetchListing.js

@@ -77,7 +77,8 @@ function _prefetchListing() {
                         postFilter: postFilter,
                         offset: offset,
                         config: config,
-                        slug: aliasedSlug
+                        slug: aliasedSlug,
+                        includeVariants: Boolean(config.includeVariants)
                     });
                 case 12:
                     data = _ctx.sent;