@sentecacommerce-theme/lib 0.12.88 → 0.12.92

package/dist/cjs/listing/components/BasicListingSEO.js

@@ -3,6 +3,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.BasicListingSEO = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _head = _interopRequireDefault(require("next/head"));
+var _router = require("next/router");
 var _useConfig = require("../../hooks/useConfig");
 var _seo = require("../../seo");
 var _hooks = require("../hooks");
@@ -13,11 +15,14 @@ function _interopRequireDefault(obj) {
 }
 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 = (0, _hooks).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 = (0, _hooks).useListingMeta(), displayName = ref7.displayName, metaTitle = ref7.metaTitle, metaKeywords = ref7.metaKeywords, metaDescription = ref7.metaDescription, getAssetByKey = ref7.getAssetByKey;
+    var ref8 = (0, _useConfig).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 = (0, _useConfig).useConfigState().imagesConfig;
+    var router = (0, _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 = (0, _hooks).useListingPagination().pagination;
     var createTemplate = function(template) {
         var ref;
@@ -26,7 +31,16 @@ var BasicListingSEO = function(param) {
     };
     var formattedTitle = favorTitleTemplateOverMeta ? createTemplate(titleTemplate) : metaTitle || createTemplate(titleTemplate);
     var formattedDescription = favorDescriptionTemplateOverMeta ? createTemplate(descriptionTemplate) : metaDescription || createTemplate(descriptionTemplate);
-    return(/*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_seo.BasicSEO, {
+    return(/*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_head.default, null, isSearchPage && /*#__PURE__*/ _react.default.createElement("meta", {
+        name: "robots",
+        content: "noindex"
+    }), (pagination === null || pagination === void 0 ? void 0 : pagination.hasPrevious) && /*#__PURE__*/ _react.default.createElement("link", {
+        rel: "prev",
+        href: "".concat(url, "?page=").concat(pagination.previousQuery.page)
+    }), (pagination === null || pagination === void 0 ? void 0 : pagination.hasNext) && /*#__PURE__*/ _react.default.createElement("link", {
+        rel: "next",
+        href: "".concat(url, "?page=").concat(pagination.nextQuery.page)
+    })), /*#__PURE__*/ _react.default.createElement(_seo.BasicSEO, {
         title: formattedTitle,
         keywords: metaKeywords,
         description: formattedDescription

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

@@ -4,32 +4,17 @@ Object.defineProperty(exports, "__esModule", {
 exports.BasicSEO = BasicSEO;
 var _react = _interopRequireDefault(require("react"));
 var _head = _interopRequireDefault(require("next/head"));
-var _router = require("next/router");
-var _index = require("../../../index");
-var _listing = require("../../../listing");
 function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
 function BasicSEO(props) {
-    var ref;
     var title = props.title, description = props.description, keywords = props.keywords, noIndex = props.noIndex;
-    var domain = (0, _index).useConfigState().domain;
-    var pagination = (0, _listing).useListingPagination().pagination;
-    var router = (0, _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.default.createElement(_head.default, null, (Boolean(noIndex) || isSearchPage) && /*#__PURE__*/ _react.default.createElement("meta", {
+    return(/*#__PURE__*/ _react.default.createElement(_head.default, null, Boolean(noIndex) && /*#__PURE__*/ _react.default.createElement("meta", {
         name: "robots",
         content: "noindex"
-    }), Boolean(title) && /*#__PURE__*/ _react.default.createElement("title", null, title), (pagination === null || pagination === void 0 ? void 0 : pagination.hasPrevious) && /*#__PURE__*/ _react.default.createElement("link", {
-        rel: "prev",
-        href: "".concat(url, "?page=").concat(pagination.previousQuery.page)
-    }), (pagination === null || pagination === void 0 ? void 0 : pagination.hasNext) && /*#__PURE__*/ _react.default.createElement("link", {
-        rel: "next",
-        href: "".concat(url, "?page=").concat(pagination.nextQuery.page)
-    }), Boolean(description) && /*#__PURE__*/ _react.default.createElement("meta", {
+    }), Boolean(title) && /*#__PURE__*/ _react.default.createElement("title", null, title), Boolean(description) && /*#__PURE__*/ _react.default.createElement("meta", {
         name: "description",
         content: description
     }), Boolean(keywords) && /*#__PURE__*/ _react.default.createElement("meta", {

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,7 +51,7 @@ 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 ref4 = _slicedToArray(useBoolean(false), 2), sentAlready = ref4[0], setSentAlready = ref4[1];
     var defaultMerchant = useConfigState().defaultMerchant;
     var router = useRouter();
     var products = [];
@@ -62,34 +59,46 @@ export var usePixelProductsImpression = function(param) {
         products = createMappedProducts(productsData.products);
     }
     React.useEffect(function() {
+        setSentAlready.off();
+    }, [
+        router.asPath,
+        productsData.products.length,
+        setSentAlready
+    ]);
+    React.useEffect(function() {
+        var ref, ref1, ref2;
         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;
+        if (canUseDOM() && !((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 : (ref2 = productsData.products) === null || ref2 === void 0 ? void 0 : ref2.length) > 0) {
+            var ref3;
+            var pixel = window.pixel;
+            var title = window === null || window === void 0 ? void 0 : (ref3 = window.document) === null || ref3 === void 0 ? void 0 : ref3.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
+    };
+};