@sentecacommerce-theme/lib 0.12.88 → 0.12.92

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/components/BasicListingSEO.js

@@ -1,4 +1,6 @@
 import React from 'react';
+import Head from 'next/head';
+import { useRouter } from 'next/router';
 import { useConfigState } from '../../hooks/useConfig';
 import { BasicSEO, OpenGraph } from '../../seo';
 import { useListingMeta, useListingPagination } from '../hooks';
@@ -9,11 +11,14 @@ import { useListingMeta, useListingPagination } from '../hooks';
  * :name: -> is going to be replace with the name
  */ export var BasicListingSEO = function(param) {
     var _favorTitleTemplateOverMeta = param.favorTitleTemplateOverMeta, favorTitleTemplateOverMeta = _favorTitleTemplateOverMeta === void 0 ? false : _favorTitleTemplateOverMeta, _favorDescriptionTemplateOverMeta = param.favorDescriptionTemplateOverMeta, favorDescriptionTemplateOverMeta = _favorDescriptionTemplateOverMeta === void 0 ? false : _favorDescriptionTemplateOverMeta, _titleTemplate = param.titleTemplate, titleTemplate = _titleTemplate === void 0 ? ':title:' : _titleTemplate, _descriptionTemplate = param.descriptionTemplate, descriptionTemplate = _descriptionTemplate === void 0 ? ':description:' : _descriptionTemplate, _pageTemplate = param.pageTemplate, pageTemplate = _pageTemplate === void 0 ? ':page' : _pageTemplate;
-    var ref7, ref1, ref2, ref3, ref4, ref5;
-    var ref6 = useListingMeta(), displayName = ref6.displayName, metaTitle = ref6.metaTitle, metaKeywords = ref6.metaKeywords, metaDescription = ref6.metaDescription, getAssetByKey = ref6.getAssetByKey;
-    var image = (ref7 = getAssetByKey('image')) === null || ref7 === void 0 ? void 0 : (ref1 = ref7.sources) === null || ref1 === void 0 ? void 0 : (ref2 = ref1[0]) === null || ref2 === void 0 ? void 0 : ref2.url;
+    var ref9, ref1, ref2, ref3, ref4, ref5, ref6;
+    var ref7 = useListingMeta(), displayName = ref7.displayName, metaTitle = ref7.metaTitle, metaKeywords = ref7.metaKeywords, metaDescription = ref7.metaDescription, getAssetByKey = ref7.getAssetByKey;
+    var ref8 = useConfigState(), imagesConfig = ref8.imagesConfig, domain = ref8.domain;
+    var image = (ref9 = getAssetByKey('image')) === null || ref9 === void 0 ? void 0 : (ref1 = ref9.sources) === null || ref1 === void 0 ? void 0 : (ref2 = ref1[0]) === null || ref2 === void 0 ? void 0 : ref2.url;
     var topBanner = (ref3 = getAssetByKey('top-banner')) === null || ref3 === void 0 ? void 0 : (ref4 = ref3.sources) === null || ref4 === void 0 ? void 0 : (ref5 = ref4[0]) === null || ref5 === void 0 ? void 0 : ref5.url;
-    var imagesConfig = useConfigState().imagesConfig;
+    var router = useRouter();
+    var url = "https://".concat(domain).concat(router === null || router === void 0 ? void 0 : (ref6 = router.asPath) === null || ref6 === void 0 ? void 0 : ref6.split('?')[0]);
+    var isSearchPage = router.asPath.includes('/search?q=');
     var pagination = useListingPagination().pagination;
     var createTemplate = function(template) {
         var ref;
@@ -22,7 +27,16 @@ import { useListingMeta, useListingPagination } from '../hooks';
     };
     var formattedTitle = favorTitleTemplateOverMeta ? createTemplate(titleTemplate) : metaTitle || createTemplate(titleTemplate);
     var formattedDescription = favorDescriptionTemplateOverMeta ? createTemplate(descriptionTemplate) : metaDescription || createTemplate(descriptionTemplate);
-    return(/*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(BasicSEO, {
+    return(/*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Head, null, isSearchPage && /*#__PURE__*/ React.createElement("meta", {
+        name: "robots",
+        content: "noindex"
+    }), (pagination === null || pagination === void 0 ? void 0 : pagination.hasPrevious) && /*#__PURE__*/ React.createElement("link", {
+        rel: "prev",
+        href: "".concat(url, "?page=").concat(pagination.previousQuery.page)
+    }), (pagination === null || pagination === void 0 ? void 0 : pagination.hasNext) && /*#__PURE__*/ React.createElement("link", {
+        rel: "next",
+        href: "".concat(url, "?page=").concat(pagination.nextQuery.page)
+    })), /*#__PURE__*/ React.createElement(BasicSEO, {
         title: formattedTitle,
         keywords: metaKeywords,
         description: formattedDescription

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/esm/seo/components/BasicSEO/index.js

@@ -1,26 +1,11 @@
 import React from 'react';
 import Head from 'next/head';
-import { useRouter } from 'next/router';
-import { useConfigState } from '../../../index';
-import { useListingPagination } from '../../../listing';
 export function BasicSEO(props) {
-    var ref;
     var title = props.title, description = props.description, keywords = props.keywords, noIndex = props.noIndex;
-    var domain = useConfigState().domain;
-    var pagination = useListingPagination().pagination;
-    var router = useRouter();
-    var url = "https://".concat(domain).concat(router === null || router === void 0 ? void 0 : (ref = router.asPath) === null || ref === void 0 ? void 0 : ref.split('?')[0]);
-    var isSearchPage = router.asPath.includes('/search?q=');
-    return(/*#__PURE__*/ React.createElement(Head, null, (Boolean(noIndex) || isSearchPage) && /*#__PURE__*/ React.createElement("meta", {
+    return(/*#__PURE__*/ React.createElement(Head, null, Boolean(noIndex) && /*#__PURE__*/ React.createElement("meta", {
         name: "robots",
         content: "noindex"
-    }), Boolean(title) && /*#__PURE__*/ React.createElement("title", null, title), (pagination === null || pagination === void 0 ? void 0 : pagination.hasPrevious) && /*#__PURE__*/ React.createElement("link", {
-        rel: "prev",
-        href: "".concat(url, "?page=").concat(pagination.previousQuery.page)
-    }), (pagination === null || pagination === void 0 ? void 0 : pagination.hasNext) && /*#__PURE__*/ React.createElement("link", {
-        rel: "next",
-        href: "".concat(url, "?page=").concat(pagination.nextQuery.page)
-    }), Boolean(description) && /*#__PURE__*/ React.createElement("meta", {
+    }), Boolean(title) && /*#__PURE__*/ React.createElement("title", null, title), Boolean(description) && /*#__PURE__*/ React.createElement("meta", {
         name: "description",
         content: description
     }), Boolean(keywords) && /*#__PURE__*/ React.createElement("meta", {

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

@@ -0,0 +1,26 @@
+import React from 'react';
+export var GridStyles = function(param) {
+    var spaceX = param.spaceX, breakpoints = param.breakpoints, _remSize = param.remSize, remSize = _remSize === void 0 ? 10 : _remSize;
+    var getSize = 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.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  ")
+        }
+    }));
+};

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

@@ -1,2 +1,3 @@
 export * from './RangeSliderInput';
 export * from './LazyImage';
+export * from './GridStyles';

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,7 @@
+export declare const usePixelViewCategory: () => {
+    sendViewCategoryEvent: (breadcrumbData: {
+        name: string;
+        id: string;
+        link: 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/dist/types/ui/components/GridStyles.d.ts

@@ -0,0 +1,10 @@
+import { StringField } from '@sentecacommerce-theme/cms';
+export declare const GridStyles: ({ spaceX, breakpoints, remSize, }: {
+    breakpoints?: {
+        [key: string]: {
+            min: StringField;
+        };
+    } | undefined;
+    spaceX: number;
+    remSize?: number | undefined;
+}) => JSX.Element;

package/dist/types/ui/components/index.d.ts

@@ -1,2 +1,3 @@
 export * from './RangeSliderInput';
 export * from './LazyImage';
+export * from './GridStyles';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sentecacommerce-theme/lib",
   "sideEffects": false,
-  "version": "0.12.88",
+  "version": "0.12.92",
   "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": "bc6a250aef8a245926336a983c75c63bc6a731be",
+  "gitHead": "51758ab3d6f98e5ac31cf8b2d1b4bdefdf690fe1",
   "peerDependencies": {
     "react-query": "^2.26.2"
   },
   "dependencies": {
-    "@sentecacommerce-theme/base": "^0.12.88",
-    "@sentecacommerce-theme/cms": "^0.12.88",
+    "@sentecacommerce-theme/base": "^0.12.92",
+    "@sentecacommerce-theme/cms": "^0.12.92",
     "@sentecacommerce/sdk": "2.0.161",
     "body-scroll-lock": "^3.1.5",
     "copy-to-clipboard": "^3.3.1",