@sentecacommerce-theme/lib 0.13.7-alpha.6 → 0.13.9

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, {
@@ -15,8 +15,7 @@ function _defineProperty(obj, key, value) {
 }
 function _objectSpread(target) {
     for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {
-        };
+        var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
         if (typeof Object.getOwnPropertySymbols === "function") {
             ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
@@ -29,18 +28,14 @@ function _objectSpread(target) {
     }
     return target;
 }
-var _typeof = function(obj) {
-    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/usePixelProductDetails.js

@@ -1,15 +1,22 @@
 import React from 'react';
 import { useConfigState, useProductState, useBoolean } from '../../../index';
+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];
+    return arr2;
+}
 function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function _iterableToArrayLimit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
     var _arr = [];
     var _n = true;
     var _d = false;
-    var _e = undefined;
+    var _s, _e;
     try {
-        for(var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true){
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
             _arr.push(_s.value);
             if (i && _arr.length === i) break;
         }
@@ -26,10 +33,18 @@ function _iterableToArrayLimit(arr, i) {
     return _arr;
 }
 function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance");
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
 export var usePixelProductDetails = function() {
     var ref2 = _slicedToArray(useBoolean(), 2), sentData = ref2[0], setSentData = ref2[1];

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

@@ -2,16 +2,24 @@ 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];
+    return arr2;
+}
 function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function _iterableToArrayLimit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
     var _arr = [];
     var _n = true;
     var _d = false;
-    var _e = undefined;
+    var _s, _e;
     try {
-        for(var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true){
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
             _arr.push(_s.value);
             if (i && _arr.length === i) break;
         }
@@ -28,52 +36,70 @@ function _iterableToArrayLimit(arr, i) {
     return _arr;
 }
 function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance");
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
-var _typeof = function(obj) {
-    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
-};
 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
+    };
+};