@sentecacommerce-theme/lib 0.12.89 → 0.12.90

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.finishOrder(payload);
+            }
+        }
+    };
+    return {
+        sendFinishOrderEvent: sendFinishOrderEvent
+    };
+};
+exports.usePixelFinishOrder = usePixelFinishOrder;

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.viewBasket(payload);
+            }
+        }
+    };
+    return {
+        sendViewBasketEvent: sendViewBasketEvent
+    };
+};
+exports.usePixelViewBasket = usePixelViewBasket;

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

@@ -0,0 +1,22 @@
+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(categoryBreadcrumb) {
+        if ((typeof window === "undefined" ? "undefined" : _typeof(window)) !== undefined) {
+            var pixel = window.pixel;
+            if (categoryBreadcrumb) {
+                pixel.viewCategory(categoryBreadcrumb);
+            }
+        }
+    };
+    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;

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

@@ -1,4 +1,7 @@
 export * from './usePixelProductDetails';
 export * from './usePixelProductsImpression';
 export * from './usePixelProductClick';
+export * from './usePixelViewBasket';
+export * from './usePixelViewCategory';
+export * from './usePixelFinishOrder';
 export * from './useDistrictMeta';

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

@@ -0,0 +1,22 @@
+import { mapProducts } from '../utils';
+var _typeof = function(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+};
+export var usePixelFinishOrder = function() {
+    var sendFinishOrderEvent = function(order) {
+        var payload = {
+            orderId: order.orderRefNumber,
+            productsData: mapProducts(order.lineItems)
+        };
+        if ((typeof window === "undefined" ? "undefined" : _typeof(window)) !== undefined) {
+            var pixel = window.pixel;
+            if (payload) {
+                pixel.finishOrder(payload);
+            }
+        }
+    };
+    return {
+        sendFinishOrderEvent: sendFinishOrderEvent
+    };
+};

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

@@ -0,0 +1,19 @@
+import { mapProducts } from '../utils';
+var _typeof = function(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+};
+export var usePixelViewBasket = function() {
+    var sendViewBasketEvent = function(data) {
+        var payload = mapProducts(data);
+        if ((typeof window === "undefined" ? "undefined" : _typeof(window)) !== undefined) {
+            var pixel = window.pixel;
+            if (payload) {
+                pixel.viewBasket(payload);
+            }
+        }
+    };
+    return {
+        sendViewBasketEvent: sendViewBasketEvent
+    };
+};

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

@@ -0,0 +1,17 @@
+var _typeof = function(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+};
+export var usePixelViewCategory = function() {
+    var sendViewCategoryEvent = function(categoryBreadcrumb) {
+        if ((typeof window === "undefined" ? "undefined" : _typeof(window)) !== undefined) {
+            var pixel = window.pixel;
+            if (categoryBreadcrumb) {
+                pixel.viewCategory(categoryBreadcrumb);
+            }
+        }
+    };
+    return {
+        sendViewCategoryEvent: sendViewCategoryEvent
+    };
+};

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

@@ -56,6 +56,8 @@ function _objectSpread(target) {
     }
     return target;
 }
+// eslint-disable-next-line @typescript-eslint/no-extra-semi
+;
 (function(global) {
     var log = function log(message) {
         if (debug) {
@@ -83,16 +85,6 @@ function _objectSpread(target) {
             }
         });
     };
-    var ensureStringValuesMayExist = 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"));
-                }
-            }
-        });
-    };
     var ensureStringValuesExist = 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) {
@@ -137,6 +129,54 @@ function _objectSpread(target) {
         log("adding new event to queue ".concat(JSON.stringify(enrichedPayload)));
         Q.push(enrichedPayload);
     };
+    var dispatchCriteoEvents = function dispatchCriteoEvents(events) {
+        if (criteoPartnerId) {
+            window.criteo_q = window.criteo_q || [];
+            window.criteo_q.push(events);
+        }
+    };
+    var sendRtbRequest = 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);
+            }
+        }
+    };
+    var getLid = 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;
+    };
     var buildProductPayload = function buildProductPayload(productData) {
         var payload = {};
         ensureStringValuesExist(productData, [
@@ -167,21 +207,26 @@ function _objectSpread(target) {
         payload.merchantKey = clickData.merchantKey;
         return payload;
     };
+    var isTouchDevice = function isTouchDevice() {
+        return 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
+    };
     //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
     ;
@@ -196,8 +241,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'
@@ -261,6 +307,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));
+        }
+    };
     var API = {
         //internal only
         __system__: {
@@ -274,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 viewCategory(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() {
@@ -313,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);
                 });
@@ -329,6 +508,8 @@ function _objectSpread(target) {
             ensureStringValuesExist(priceData, [
                 'merchantKey'
             ]);
+            criteoAPI.criteoViewItem(productData);
+            rtbAPI.rtbViewItem(productData);
             var product = buildProductPayload(productData);
             addEventToQueue('productDetails', _objectSpread({
                 product: product
@@ -357,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,
@@ -372,6 +556,7 @@ function _objectSpread(target) {
             });
         }
     };
+    criteoAPI.loadCriteo();
     API.__system__.land();
     global.pixel = API;
     loop();

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

@@ -1,3 +1,3 @@
 /* eslint-disable no-template-curly-in-string */ export 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);';
 };

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

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

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

@@ -0,0 +1,12 @@
+export 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;
+};

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

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

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

@@ -167,11 +167,11 @@ export function processListingQuery(_) {
 }
 function _processListingQuery() {
     _processListingQuery = _asyncToGenerator(regeneratorRuntime.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.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 = getListingPageType(router, slug, config);
                     filter = generateFilter(type, query, slug, predicate);
@@ -189,6 +189,8 @@ function _processListingQuery() {
                         postFilter: postFilter
                     }, (config === null || config === void 0 ? void 0 : config.collapseMode) && type !== ListingTypesEnum.Collection && {
                         collapseMode: config === null || config === void 0 ? void 0 : config.collapseMode
+                    }, {
+                        includeVariants: includeVariants
                     })));
                 case 6:
                 case "end":

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

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

package/dist/types/analytics/Pixel/hooks/index.d.ts

@@ -1,4 +1,7 @@
 export * from './usePixelProductDetails';
 export * from './usePixelProductsImpression';
 export * from './usePixelProductClick';
+export * from './usePixelViewBasket';
+export * from './usePixelViewCategory';
+export * from './usePixelFinishOrder';
 export * from './useDistrictMeta';

package/dist/types/analytics/Pixel/hooks/usePixelFinishOrder.d.ts

@@ -0,0 +1,4 @@
+import type { OrderDTO } from '@sentecacommerce/sdk';
+export declare const usePixelFinishOrder: () => {
+    sendFinishOrderEvent: (order: OrderDTO) => void;
+};

package/dist/types/analytics/Pixel/hooks/usePixelViewBasket.d.ts

@@ -0,0 +1,4 @@
+import { LineItemDTO } from '@sentecacommerce/sdk';
+export declare const usePixelViewBasket: () => {
+    sendViewBasketEvent: (data: LineItemDTO[]) => void;
+};

package/dist/types/analytics/Pixel/hooks/usePixelViewCategory.d.ts

@@ -0,0 +1,3 @@
+export declare const usePixelViewCategory: () => {
+    sendViewCategoryEvent: (categoryBreadcrumb: string) => void;
+};

package/dist/types/analytics/Pixel/types.d.ts

@@ -7,3 +7,12 @@ export interface ProductsImpressionType {
     name: string;
     products?: ProductType[] | SearchResultDTO[];
 }
+export interface Products {
+    id: string;
+    price: string;
+    quantity: string;
+}
+export interface OrderType {
+    orderId: string;
+    productsData: Products[];
+}

package/dist/types/analytics/Pixel/utils.d.ts

@@ -0,0 +1,3 @@
+import type { LineItemDTO } from '@sentecacommerce/sdk';
+import type { Products } from './types';
+export declare const mapProducts: (data: LineItemDTO[]) => Products[];

package/dist/types/listing/api/queries/useListingQuery.d.ts

@@ -5,7 +5,7 @@ import { PredicateType } from '..';
 import { ListingPageMeta } from '../..';
 import { StringField } from '@sentecacommerce-theme/cms';
 export declare const useListingQuery: () => QueryResult<CatalogFilterResultDTO, unknown>;
-export declare function processListingQuery({ predicate, router, limit, sort, postFilter, offset, config, slug, }: {
+export declare function processListingQuery({ predicate, router, limit, sort, postFilter, offset, config, slug, includeVariants, }: {
     predicate?: PredicateType;
     router: NextRouter;
     limit: number;
@@ -14,5 +14,6 @@ export declare function processListingQuery({ predicate, router, limit, sort, po
     postFilter?: string;
     config?: ListingPageMeta;
     slug?: string;
+    includeVariants?: boolean;
 }): Promise<CatalogFilterResultDTO>;
 export declare function isListingQueryEnabled(type: StringField, predicate?: PredicateType): boolean;

package/dist/types/listing/types.d.ts

@@ -80,7 +80,8 @@ export interface ListingPageMeta {
     titleAliases: {
         [key: string]: string;
     };
-    filterExtension: StringField;
-    collapseMode: StringField;
+    filterExtension?: StringField;
+    collapseMode?: StringField;
     limit: NumberField;
+    includeVariants?: BooleanField;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sentecacommerce-theme/lib",
   "sideEffects": false,
-  "version": "0.12.89",
+  "version": "0.12.90",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -31,13 +31,13 @@
     "watch:cjs": "swc src --out-dir dist/cjs -w",
     "watch:esm": "swc src --out-dir dist/esm --no-swcrc -w"
   },
-  "gitHead": "c33bd6a03d6f288f79cde744a489527bc0d48040",
+  "gitHead": "d28453063c2d598346b5663c6fa3530c2ce8bd62",
   "peerDependencies": {
     "react-query": "^2.26.2"
   },
   "dependencies": {
-    "@sentecacommerce-theme/base": "^0.12.89",
-    "@sentecacommerce-theme/cms": "^0.12.89",
+    "@sentecacommerce-theme/base": "^0.12.90",
+    "@sentecacommerce-theme/cms": "^0.12.90",
     "@sentecacommerce/sdk": "2.0.161",
     "body-scroll-lock": "^3.1.5",
     "copy-to-clipboard": "^3.3.1",