@sentecacommerce-theme/lib 0.13.10 → 0.13.13

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

@@ -3,20 +3,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.usePixelFinishOrder = void 0;
 var _utils = require("../utils");
-var _typeof = function(obj) {
-    "@swc/helpers - typeof";
-    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
-};
+var _index = require("../../../index");
 var usePixelFinishOrder = function() {
     var sendFinishOrderEvent = function(order) {
+        var ref, ref1;
         var payload = {
             orderId: order.orderRefNumber,
-            productsData: (0, _utils).mapProducts(order.lineItems)
+            productsData: (0, _utils).mapProducts(order.lineItems),
+            orderPrice: (Number((ref = order.grandTotalPrice) === null || ref === void 0 ? void 0 : ref.centAmount) / Math.pow(10, Number((ref1 = order.grandTotalPrice) === null || ref1 === void 0 ? void 0 : ref1.fractionDigits))).toFixed(2)
         };
-        if ((typeof window === "undefined" ? "undefined" : _typeof(window)) !== undefined) {
+        if ((0, _index).canUseDOM()) {
             var pixel = window.pixel;
             if (payload) {
-                pixel === null || pixel === void 0 ? void 0 : pixel.finishOrder(payload);
+                pixel === null || pixel === void 0 ? void 0 : pixel.finishOrder(payload.orderId, payload.productsData, payload.orderPrice);
             }
         }
     };

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

@@ -3,14 +3,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.usePixelViewBasket = void 0;
 var _utils = require("../utils");
-var _typeof = function(obj) {
-    "@swc/helpers - typeof";
-    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
-};
+var _index = require("../../../index");
 var usePixelViewBasket = function() {
     var sendViewBasketEvent = function(data) {
         var payload = (0, _utils).mapProducts(data);
-        if ((typeof window === "undefined" ? "undefined" : _typeof(window)) !== undefined) {
+        if ((0, _index).canUseDOM()) {
             var pixel = window.pixel;
             if (payload) {
                 pixel === null || pixel === void 0 ? void 0 : pixel.viewBasket(payload);

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

@@ -2,10 +2,7 @@ Object.defineProperty(exports, "__esModule", {
     value: true
 });
 exports.usePixelViewCategory = void 0;
-var _typeof = function(obj) {
-    "@swc/helpers - typeof";
-    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
-};
+var _index = require("../../../index");
 var usePixelViewCategory = function() {
     var sendViewCategoryEvent = function(breadcrumbData) {
         var breadcrumbString = breadcrumbData.reduce(function(res, curr, index) {
@@ -15,7 +12,7 @@ var usePixelViewCategory = function() {
             }
             return res;
         }, '');
-        if ((typeof window === "undefined" ? "undefined" : _typeof(window)) !== undefined) {
+        if ((0, _index).canUseDOM()) {
             var pixel = window.pixel;
             if (breadcrumbString) {
                 pixel === null || pixel === void 0 ? void 0 : pixel.viewCategory(breadcrumbString);

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

@@ -12,12 +12,8 @@ function _interopRequireDefault(obj) {
         default: obj
     };
 }
-var _typeof = function(obj) {
-    "@swc/helpers - typeof";
-    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
-};
 var pixelChangeRoute = function() {
-    if ((typeof window === "undefined" ? "undefined" : _typeof(window)) !== undefined) {
+    if ((0, _utils1).canUseDOM()) {
         var pixel = window.pixel;
         var title = window.document.title;
         if (!title || title === 'за') {

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

@@ -6,7 +6,7 @@ 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,
+            sku: 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 + ''
         });

package/dist/cjs/hooks/useProduct/index.js

@@ -65,12 +65,15 @@ function ProductProvider(param) {
         product === null || product === void 0 ? void 0 : product.name,
         product === null || product === void 0 ? void 0 : product.slug,
         product === null || product === void 0 ? void 0 : product.assets,
-        selectedVariant, 
+        selectedVariant,
+        product === null || product === void 0 ? void 0 : product.categories,
+        includeBrandInName,
+        product === null || product === void 0 ? void 0 : product.reviewRatingStatistics, 
     ]);
     var seoData = _react.default.useMemo(function() {
         var ref, ref39, ref40;
         var title = (0, _).getTranslatableField(selectedVariant === null || selectedVariant === void 0 ? void 0 : selectedVariant.metaTitle) || (0, _).getTranslatableField(product === null || product === void 0 ? void 0 : product.metaTitle);
-        var brandName = product === null || product === void 0 ? void 0 : (ref = product.brands) === null || ref === void 0 ? void 0 : (ref39 = ref[0]) === null || ref39 === void 0 ? void 0 : (ref40 = ref39.resource) === null || ref40 === void 0 ? void 0 : ref40.name;
+        var brandName = (0, _).getTranslatableField(product === null || product === void 0 ? void 0 : (ref = product.brands) === null || ref === void 0 ? void 0 : (ref39 = ref[0]) === null || ref39 === void 0 ? void 0 : (ref40 = ref39.resource) === null || ref40 === void 0 ? void 0 : ref40.name);
         var seoObj = {
             title: includeBrandInName && brandName ? "".concat(brandName, " ").concat(title) : title,
             description: (0, _).getTranslatableField(selectedVariant === null || selectedVariant === void 0 ? void 0 : selectedVariant.metaDescription) || (0, _).getTranslatableField(product === null || product === void 0 ? void 0 : product.metaDescription),
@@ -81,7 +84,9 @@ function ProductProvider(param) {
         product === null || product === void 0 ? void 0 : product.metaDescription,
         product === null || product === void 0 ? void 0 : product.metaKeywords,
         product === null || product === void 0 ? void 0 : product.metaTitle,
-        selectedVariant, 
+        selectedVariant,
+        product === null || product === void 0 ? void 0 : product.brands,
+        includeBrandInName, 
     ]);
     var collapsedImages = (0, _utils).createCollapseKeyImagesMap(product);
     var state = {

package/dist/cjs/seo/components/ProductSEO/index.js

@@ -16,12 +16,28 @@ function _interopRequireDefault(obj) {
         default: obj
     };
 }
+/**
+ * Template Options:
+ * :title: -> is going to be replace with the title
+ * :name: -> is going to be replace with the name
+ * :description: -> is going to be replace with the description
+ * :category: -> is going to be replace with the category
+ * :price: -> is going to be replace with the price
+ * :quantity: -> is going to be replace with the quantity
+ * :brand: -> is going to be replace with the brand
+ *
+ */ var truncateToCharLength = function(text, maxLenChars) {
+    var separator = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : ' ';
+    var cut = text.indexOf(separator, maxLenChars);
+    if (cut === -1) return text;
+    return text.substring(0, cut);
+};
 function ProductSEO() {
     var ref16 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, _favorTitleTemplateOverMeta = ref16.favorTitleTemplateOverMeta, favorTitleTemplateOverMeta = _favorTitleTemplateOverMeta === void 0 ? false : _favorTitleTemplateOverMeta, _favorDescriptionTemplateOverMeta = ref16.favorDescriptionTemplateOverMeta, favorDescriptionTemplateOverMeta = _favorDescriptionTemplateOverMeta === void 0 ? false : _favorDescriptionTemplateOverMeta, _titleTemplate = ref16.titleTemplate, titleTemplate = _titleTemplate === void 0 ? ':title:' : _titleTemplate, _descriptionTemplate = ref16.descriptionTemplate, descriptionTemplate = _descriptionTemplate === void 0 ? ':description:' : _descriptionTemplate;
     var ref1, ref2, ref3, ref4, ref5, ref6, ref7, ref8, ref9, ref10, ref11, ref12, ref13, ref14;
     var ref15 = (0, _useProduct).useProductState(), selectedVariant = ref15.selectedVariant, metaData = ref15.metaData, seoData = ref15.seoData;
     var domain = (0, _useConfig).useConfigState().domain;
-    var description = (0, _utils).escape(seoData.description || metaData.shortDescription || metaData.description || '');
+    var description = (0, _utils).escape(seoData.description || metaData.shortDescription || truncateToCharLength(metaData === null || metaData === void 0 ? void 0 : metaData.description, 200) || '');
     var title = seoData.title || metaData.name || '';
     var price = (0, _usePrice).usePrice({
         price: selectedVariant === null || selectedVariant === void 0 ? void 0 : (ref1 = selectedVariant.offer) === null || ref1 === void 0 ? void 0 : ref1.originalPrice

package/dist/cjs/seo/utils/handleRobots.js

@@ -42,7 +42,7 @@ function handleRobots(res, domain) {
 }
 function _handleRobots() {
     _handleRobots = _asyncToGenerator(_regeneratorRuntime.default.mark(function _callee(res, domain) {
-        var disallowed, txt, _args = arguments;
+        var disallowed, siteMapUrl, txt, _args = arguments;
         return _regeneratorRuntime.default.wrap(function _callee$(_ctx) {
             while(1)switch(_ctx.prev = _ctx.next){
                 case 0:
@@ -53,18 +53,19 @@ function _handleRobots() {
                         '/profile',
                         '/favorites'
                     ];
+                    siteMapUrl = "https://".concat(domain, "sitemap.xml");
                     if (!(process.env.NO_INDEX === 'true')) {
-                        _ctx.next = 4;
+                        _ctx.next = 5;
                         break;
                     }
                     res.status(200).send('User-agent: *\nDisallow: /');
                     return _ctx.abrupt("return");
-                case 4:
+                case 5:
                     txt = disallowed.reduce(function(value, str) {
                         return value + "Disallow: ".concat(str, "\n");
-                    }, "Sitemap: ".concat(domain, "/sitemap.xml\nUser-agent: *\n"));
+                    }, "Sitemap: ".concat(siteMapUrl, "\nUser-agent: *\n"));
                     res.status(200).send(txt);
-                case 6:
+                case 7:
                 case "end":
                     return _ctx.stop();
             }

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

@@ -1,18 +1,17 @@
 import { mapProducts } from '../utils';
-var _typeof = function(obj) {
-    "@swc/helpers - typeof";
-    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
-};
+import { canUseDOM } from '../../../index';
 export var usePixelFinishOrder = function() {
     var sendFinishOrderEvent = function(order) {
+        var ref, ref1;
         var payload = {
             orderId: order.orderRefNumber,
-            productsData: mapProducts(order.lineItems)
+            productsData: mapProducts(order.lineItems),
+            orderPrice: (Number((ref = order.grandTotalPrice) === null || ref === void 0 ? void 0 : ref.centAmount) / Math.pow(10, Number((ref1 = order.grandTotalPrice) === null || ref1 === void 0 ? void 0 : ref1.fractionDigits))).toFixed(2)
         };
-        if ((typeof window === "undefined" ? "undefined" : _typeof(window)) !== undefined) {
+        if (canUseDOM()) {
             var pixel = window.pixel;
             if (payload) {
-                pixel === null || pixel === void 0 ? void 0 : pixel.finishOrder(payload);
+                pixel === null || pixel === void 0 ? void 0 : pixel.finishOrder(payload.orderId, payload.productsData, payload.orderPrice);
             }
         }
     };

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

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

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

@@ -1,7 +1,4 @@
-var _typeof = function(obj) {
-    "@swc/helpers - typeof";
-    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
-};
+import { canUseDOM } from '../../../index';
 export var usePixelViewCategory = function() {
     var sendViewCategoryEvent = function(breadcrumbData) {
         var breadcrumbString = breadcrumbData.reduce(function(res, curr, index) {
@@ -11,7 +8,7 @@ export var usePixelViewCategory = function() {
             }
             return res;
         }, '');
-        if ((typeof window === "undefined" ? "undefined" : _typeof(window)) !== undefined) {
+        if (canUseDOM()) {
             var pixel = window.pixel;
             if (breadcrumbString) {
                 pixel === null || pixel === void 0 ? void 0 : pixel.viewCategory(breadcrumbString);

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

@@ -3,12 +3,8 @@ import Router from 'next/router';
 import { useConfigState } from '../../index';
 import { getBasketId } from '../Releva/utils';
 import { canUseDOM } from '../../utils';
-var _typeof = function(obj) {
-    "@swc/helpers - typeof";
-    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
-};
 export var pixelChangeRoute = function() {
-    if ((typeof window === "undefined" ? "undefined" : _typeof(window)) !== undefined) {
+    if (canUseDOM()) {
         var pixel = window.pixel;
         var title = window.document.title;
         if (!title || title === 'за') {

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

@@ -2,7 +2,7 @@ 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,
+            sku: 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 + ''
         });

package/dist/esm/hooks/useProduct/index.js

@@ -53,12 +53,15 @@ export function ProductProvider(param) {
         product === null || product === void 0 ? void 0 : product.name,
         product === null || product === void 0 ? void 0 : product.slug,
         product === null || product === void 0 ? void 0 : product.assets,
-        selectedVariant, 
+        selectedVariant,
+        product === null || product === void 0 ? void 0 : product.categories,
+        includeBrandInName,
+        product === null || product === void 0 ? void 0 : product.reviewRatingStatistics, 
     ]);
     var seoData = React.useMemo(function() {
         var ref, ref39, ref40;
         var title = getTranslatableField(selectedVariant === null || selectedVariant === void 0 ? void 0 : selectedVariant.metaTitle) || getTranslatableField(product === null || product === void 0 ? void 0 : product.metaTitle);
-        var brandName = product === null || product === void 0 ? void 0 : (ref = product.brands) === null || ref === void 0 ? void 0 : (ref39 = ref[0]) === null || ref39 === void 0 ? void 0 : (ref40 = ref39.resource) === null || ref40 === void 0 ? void 0 : ref40.name;
+        var brandName = getTranslatableField(product === null || product === void 0 ? void 0 : (ref = product.brands) === null || ref === void 0 ? void 0 : (ref39 = ref[0]) === null || ref39 === void 0 ? void 0 : (ref40 = ref39.resource) === null || ref40 === void 0 ? void 0 : ref40.name);
         var seoObj = {
             title: includeBrandInName && brandName ? "".concat(brandName, " ").concat(title) : title,
             description: getTranslatableField(selectedVariant === null || selectedVariant === void 0 ? void 0 : selectedVariant.metaDescription) || getTranslatableField(product === null || product === void 0 ? void 0 : product.metaDescription),
@@ -69,7 +72,9 @@ export function ProductProvider(param) {
         product === null || product === void 0 ? void 0 : product.metaDescription,
         product === null || product === void 0 ? void 0 : product.metaKeywords,
         product === null || product === void 0 ? void 0 : product.metaTitle,
-        selectedVariant, 
+        selectedVariant,
+        product === null || product === void 0 ? void 0 : product.brands,
+        includeBrandInName, 
     ]);
     var collapsedImages = createCollapseKeyImagesMap(product);
     var state = {

package/dist/esm/seo/components/ProductSEO/index.js

@@ -16,12 +16,18 @@ import { useConfigState } from '../../../hooks/useConfig';
  * :quantity: -> is going to be replace with the quantity
  * :brand: -> is going to be replace with the brand
  *
- */ export function ProductSEO() {
+ */ var truncateToCharLength = function(text, maxLenChars) {
+    var separator = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : ' ';
+    var cut = text.indexOf(separator, maxLenChars);
+    if (cut === -1) return text;
+    return text.substring(0, cut);
+};
+export function ProductSEO() {
     var ref16 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, _favorTitleTemplateOverMeta = ref16.favorTitleTemplateOverMeta, favorTitleTemplateOverMeta = _favorTitleTemplateOverMeta === void 0 ? false : _favorTitleTemplateOverMeta, _favorDescriptionTemplateOverMeta = ref16.favorDescriptionTemplateOverMeta, favorDescriptionTemplateOverMeta = _favorDescriptionTemplateOverMeta === void 0 ? false : _favorDescriptionTemplateOverMeta, _titleTemplate = ref16.titleTemplate, titleTemplate = _titleTemplate === void 0 ? ':title:' : _titleTemplate, _descriptionTemplate = ref16.descriptionTemplate, descriptionTemplate = _descriptionTemplate === void 0 ? ':description:' : _descriptionTemplate;
     var ref1, ref2, ref3, ref4, ref5, ref6, ref7, ref8, ref9, ref10, ref11, ref12, ref13, ref14;
     var ref15 = useProductState(), selectedVariant = ref15.selectedVariant, metaData = ref15.metaData, seoData = ref15.seoData;
     var domain = useConfigState().domain;
-    var description = escape(seoData.description || metaData.shortDescription || metaData.description || '');
+    var description = escape(seoData.description || metaData.shortDescription || truncateToCharLength(metaData === null || metaData === void 0 ? void 0 : metaData.description, 200) || '');
     var title = seoData.title || metaData.name || '';
     var price = usePrice({
         price: selectedVariant === null || selectedVariant === void 0 ? void 0 : (ref1 = selectedVariant.offer) === null || ref1 === void 0 ? void 0 : ref1.originalPrice

package/dist/esm/seo/utils/handleRobots.js

@@ -33,7 +33,7 @@ export function handleRobots(res, domain) {
 }
 function _handleRobots() {
     _handleRobots = _asyncToGenerator(regeneratorRuntime.mark(function _callee(res, domain) {
-        var disallowed, txt, _args = arguments;
+        var disallowed, siteMapUrl, txt, _args = arguments;
         return regeneratorRuntime.wrap(function _callee$(_ctx) {
             while(1)switch(_ctx.prev = _ctx.next){
                 case 0:
@@ -44,18 +44,19 @@ function _handleRobots() {
                         '/profile',
                         '/favorites'
                     ];
+                    siteMapUrl = "https://".concat(domain, "sitemap.xml");
                     if (!(process.env.NO_INDEX === 'true')) {
-                        _ctx.next = 4;
+                        _ctx.next = 5;
                         break;
                     }
                     res.status(200).send('User-agent: *\nDisallow: /');
                     return _ctx.abrupt("return");
-                case 4:
+                case 5:
                     txt = disallowed.reduce(function(value, str) {
                         return value + "Disallow: ".concat(str, "\n");
-                    }, "Sitemap: ".concat(domain, "/sitemap.xml\nUser-agent: *\n"));
+                    }, "Sitemap: ".concat(siteMapUrl, "\nUser-agent: *\n"));
                     res.status(200).send(txt);
-                case 6:
+                case 7:
                 case "end":
                     return _ctx.stop();
             }

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

@@ -8,11 +8,12 @@ export interface ProductsImpressionType {
     products?: ProductType[] | SearchResultDTO[];
 }
 export interface Products {
-    id: string;
+    sku: string;
     price: string;
     quantity: string;
 }
 export interface OrderType {
     orderId: string;
     productsData: Products[];
+    orderPrice: string;
 }

package/dist/types/seo/components/ProductSEO/index.d.ts

@@ -1,14 +1,3 @@
-/**
- * Template Options:
- * :title: -> is going to be replace with the title
- * :name: -> is going to be replace with the name
- * :description: -> is going to be replace with the description
- * :category: -> is going to be replace with the category
- * :price: -> is going to be replace with the price
- * :quantity: -> is going to be replace with the quantity
- * :brand: -> is going to be replace with the brand
- *
- */
 export declare function ProductSEO({ favorTitleTemplateOverMeta, favorDescriptionTemplateOverMeta, titleTemplate, descriptionTemplate, }?: {
     favorTitleTemplateOverMeta?: boolean;
     favorDescriptionTemplateOverMeta?: boolean;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sentecacommerce-theme/lib",
   "sideEffects": false,
-  "version": "0.13.10",
+  "version": "0.13.13",
   "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": "670581c6389f24e706bbf7d72cc397c1acce32e7",
+  "gitHead": "daf24e6985c099ac54aaf26c4999a776127c9ad7",
   "peerDependencies": {
     "react-query": "^2.26.2"
   },
   "dependencies": {
-    "@sentecacommerce-theme/base": "^0.13.10",
-    "@sentecacommerce-theme/cms": "^0.13.10",
+    "@sentecacommerce-theme/base": "^0.13.13",
+    "@sentecacommerce-theme/cms": "^0.13.13",
     "@sentecacommerce/sdk": "2.0.175",
     "body-scroll-lock": "^3.1.5",
     "copy-to-clipboard": "^3.3.1",