@sentecacommerce-theme/lib 0.12.89 → 0.12.93

package/dist/cjs/ui/components/GridStyles.js

@@ -0,0 +1,36 @@
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.GridStyles = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+var GridStyles = function(param) {
+    var spaceX = param.spaceX, breakpoints = param.breakpoints, _remSize = param.remSize, remSize = _remSize === void 0 ? 10 : _remSize;
+    function getSize(width) {
+        return "min-width: calc(".concat(width, "% - ").concat(spaceX / remSize, "rem);") + "max-width: calc(".concat(width, "% - ").concat(spaceX / remSize, "rem);") + "margin: 0 ".concat(spaceX / 2 / remSize, "rem;");
+    }
+    var keys = Object.keys(breakpoints || {
+        xs: {
+            min: null
+        }
+    });
+    var transforms = {
+        xs: 'default'
+    };
+    var queries = keys.reduce(function(str, key, index) {
+        var min = ((breakpoints === null || breakpoints === void 0 ? void 0 : breakpoints[key]) || {}).min;
+        var k = transforms[key] || key;
+        if (index && !min) return str;
+        return str += "\n    @media(min-width: ".concat(min || '1px', ") {\n      .size-").concat(k, "-full-bleed {\n        width: 100%;\n      }\n\n      .size-").concat(k, "-full-bleed .Section--inner {\n        width: 100vw;\n        position: relative;\n        left: 50%;\n        right: 50%;\n        margin-left: -50vw;\n        margin-right: -50vw;\n      }\n\n      .size-").concat(k, "-100 {\n        ").concat(getSize(100), "\n      }\n\n      .size-").concat(k, "-90 {\n        ").concat(getSize(90), "\n      }\n\n      .size-").concat(k, "-80 {\n        ").concat(getSize(80), "\n      }\n\n      .size-").concat(k, "-75 {\n        ").concat(getSize(75), "\n      }\n\n      .size-").concat(k, "-70 {\n        ").concat(getSize(70), "\n      }\n      \n      .size-").concat(k, "-66 {\n        ").concat(getSize(66.666666), "\n      }\n\n      .size-").concat(k, "-60 {\n        ").concat(getSize(60), "\n      }\n\n      .size-").concat(k, "-50 {\n        ").concat(getSize(50), "\n      }\n\n      .size-").concat(k, "-40 {\n        ").concat(getSize(40), "\n      }\n\n      .size-").concat(k, "-33 {\n        ").concat(getSize(33.333333), "\n      }\n\n      .size-").concat(k, "-30 {\n        ").concat(getSize(30), "\n      }\n\n      .size-").concat(k, "-25 {\n        ").concat(getSize(25), "\n      }\n\n      .size-").concat(k, "-20 {\n        ").concat(getSize(20), "\n      }\n\n      .size-").concat(k, "-10 {\n        ").concat(getSize(10), "\n      }\n    }\n");
+    }, '');
+    return(/*#__PURE__*/ _react.default.createElement("style", {
+        dangerouslySetInnerHTML: {
+            __html: "\n    .Page--row {\n      display: flex;\n      display: -webkit-flex;\n      flex-wrap: wrap;\n      -webkit-flex-wrap: wrap;\n      margin: 0 -".concat(spaceX / remSize / 2, "rem;\n    }\n\n    .Page__section {\n      padding-bottom: 8rem;\n    }\n\n    .Page--col {\n      display: block;\n      width: 100%;\n    }\n    \n    .size-default-inherit {\n      width: 100%;\n    }\n    ").concat(queries, "\n  ")
+        }
+    }));
+};
+exports.GridStyles = GridStyles;

package/dist/cjs/ui/components/index.js

@@ -26,6 +26,18 @@ Object.keys(_lazyImage).forEach(function(key) {
         }
     });
 });
+var _gridStyles = _interopRequireWildcard(require("./GridStyles"));
+Object.keys(_gridStyles).forEach(function(key) {
+    if (key === "default" || key === "__esModule") return;
+    if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+    if (key in exports && exports[key] === _gridStyles[key]) return;
+    Object.defineProperty(exports, key, {
+        enumerable: true,
+        get: function() {
+            return _gridStyles[key];
+        }
+    });
+});
 function _interopRequireWildcard(obj) {
     if (obj && obj.__esModule) {
         return obj;

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 === null || pixel === void 0 ? void 0 : pixel.finishOrder(payload);
+            }
+        }
+    };
+    return {
+        sendFinishOrderEvent: sendFinishOrderEvent
+    };
+};

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { useConfigState } from '../../../index';
+import { useConfigState, canUseDOM } from '../../../index';
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -28,18 +28,14 @@ function _objectSpread(target) {
     }
     return target;
 }
-var _typeof = function(obj) {
-    "@swc/helpers - typeof";
-    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
-};
 export var usePixelProductClick = function() {
     var defaultMerchant = useConfigState().defaultMerchant;
     var sendClickEvent = function(param) {
         var product = param.product, info = param.info;
-        if ((typeof window === "undefined" ? "undefined" : _typeof(window)) !== undefined) {
+        if (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/esm/analytics/Pixel/hooks/usePixelProductsImpression.js

@@ -2,6 +2,7 @@ import React from 'react';
 import { useRouter } from 'next/router';
 import { useConfigState, useBoolean } from '../../../index';
 import { createMappedProducts } from '../../Releva';
+import { canUseDOM } from '../../../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];
@@ -40,10 +41,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);
@@ -54,42 +51,55 @@ function _unsupportedIterableToArray(o, minLen) {
 }
 export var usePixelProductsImpression = function(param) {
     var productsData = param.productsData, isCarousel = param.isCarousel;
-    var ref3 = _slicedToArray(useBoolean(false), 2), sentAlready = ref3[0], setSentAlready = ref3[1];
+    var ref5;
+    var ref1 = _slicedToArray(useBoolean(false), 2), sentAlready = ref1[0], setSentAlready = ref1[1];
     var defaultMerchant = useConfigState().defaultMerchant;
     var router = useRouter();
     var products = [];
     if (!isCarousel) {
-        products = createMappedProducts(productsData.products);
+        products = createMappedProducts(productsData === null || productsData === void 0 ? void 0 : productsData.products);
     }
     React.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.useEffect(function() {
+        var ref, ref2, ref3;
+        if (sentAlready || !(products === null || products === void 0 ? void 0 : products.length)) return;
+        if (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, 
     ]);
 };

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 === null || pixel === void 0 ? void 0 : pixel.viewBasket(payload);
+            }
+        }
+    };
+    return {
+        sendViewBasketEvent: sendViewBasketEvent
+    };
+};

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

@@ -0,0 +1,24 @@
+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(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
+    };
+};

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
     ]);