@sentecacommerce-theme/lib 0.12.95 → 0.12.99

package/dist/esm/seo/hooks/useSeoTranslations.js

@@ -0,0 +1,79 @@
+import React from 'react';
+import { useRouter } from 'next/router';
+function _defineProperty(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _objectSpread(target) {
+    for(var i = 1; i < arguments.length; 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) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _defineProperty(target, key, source[key]);
+        });
+    }
+    return target;
+}
+var SeoTranslationsContext = /*#__PURE__*/ React.createContext({});
+export var SeoTranslationsProvider = function(param) {
+    var children = param.children, translations = param.translations, defaultLocale = param.defaultLocale, localesMap = param.localesMap;
+    var router = useRouter();
+    var currentLocale = router.locale;
+    var currentPath = router.asPath;
+    var data1 = React.useMemo(function() {
+        if (!translations) translations = {};
+        translations[currentLocale] = {
+            slug: currentPath.split('?')[0].replace("/".concat(currentLocale), ''),
+            title: '',
+            id: Date.now().toString()
+        };
+        var map = Object.keys(translations || {}).filter(function(lang) {
+            return Boolean(localesMap[lang]);
+        }).reduce(function(acc, lang) {
+            var ref;
+            var data = translations === null || translations === void 0 ? void 0 : translations[lang];
+            var localeData = localesMap[lang];
+            var isDefault = defaultLocale === lang;
+            var isFrontPage = data.slug === '/';
+            var prefix = ((ref = data.slug) === null || ref === void 0 ? void 0 : ref[0]) === '/' ? '' : '/';
+            var slug = "".concat(isDefault ? '' : "/".concat(lang)).concat(prefix).concat(isFrontPage ? '' : data.slug);
+            return _objectSpread({}, acc, _defineProperty({}, lang, {
+                slug: slug,
+                locale: lang,
+                isDefault: isDefault,
+                domain: "https://".concat(localeData.domain)
+            }));
+        }, {});
+        return {
+            translationsMap: map,
+            defaultLocale: defaultLocale,
+            allLocales: Object.keys(localesMap)
+        };
+    }, [
+        defaultLocale,
+        translations,
+        localesMap,
+        currentLocale,
+        currentPath
+    ]);
+    return(/*#__PURE__*/ React.createElement(SeoTranslationsContext.Provider, {
+        value: data1
+    }, children));
+};
+export var useSeoTranslations = function() {
+    return React.useContext(SeoTranslationsContext) || {};
+};

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

@@ -1,6 +1,6 @@
 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 spaceX = param.spaceX, breakpoints = param.breakpoints, _remSize = param.remSize, remSize = _remSize === void 0 ? 10 : _remSize, _spaceBetweenSections = param.spaceBetweenSections, spaceBetweenSections = _spaceBetweenSections === void 0 ? 80 : _spaceBetweenSections;
     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;");
     };
@@ -20,7 +20,7 @@ export var GridStyles = function(param) {
     }, '');
     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  ")
+            __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: ").concat(spaceBetweenSections / remSize, "rem;\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/RangeSliderInput.js

@@ -117,7 +117,7 @@ export var RangeSlideClasses = {
     thumbActive: 'RangeSlider--thumb-active'
 };
 export var RangeSliderInput = function(param) {
-    var defaultValue = param.defaultValue, onChange = param.onChange, _min = param.min, min = _min === void 0 ? 0 : _min, _max = param.max, max = _max === void 0 ? 100 : _max, _step = param.step, step = _step === void 0 ? 1 : _step;
+    var defaultValue = param.defaultValue, onChange = param.onChange, onSlide = param.onSlide, _min = param.min, min = _min === void 0 ? 0 : _min, _max = param.max, max = _max === void 0 ? 100 : _max, _step = param.step, step = _step === void 0 ? 1 : _step;
     var ref1 = _slicedToArray(useState(defaultValue), 2), value = ref1[0], setValue = ref1[1];
     var inputLeftRef = React.useRef(null);
     var inputRightRef = React.useRef(null);
@@ -130,6 +130,17 @@ export var RangeSliderInput = function(param) {
     }, [
         defaultValue
     ]);
+    var onSlideGeneric = function() {
+        var inputLeft = inputLeftRef.current;
+        var inputRight = inputRightRef.current;
+        if (!inputLeft || !inputRight) return;
+        var leftValue = Math.min(Number(inputLeft.value), Number(inputRight.value) - 1);
+        var rightValue = Math.max(Number(inputRight.value), Number(inputLeft.value) + 1);
+        onSlide === null || onSlide === void 0 ? void 0 : onSlide({
+            left: leftValue,
+            right: rightValue
+        });
+    };
     var updateLeftValue = useCallback(function() {
         var inputLeft = inputLeftRef.current;
         var inputRight = inputRightRef.current;
@@ -138,6 +149,7 @@ export var RangeSliderInput = function(param) {
         setValue(_objectSpread({}, value, {
             left: leftValue
         }));
+        onSlideGeneric();
     }, [
         setValue,
         value
@@ -150,6 +162,7 @@ export var RangeSliderInput = function(param) {
         setValue(_objectSpread({}, value, {
             right: rightValue
         }));
+        onSlideGeneric();
     }, [
         setValue,
         value

package/dist/esm/utils/getLocaleFromPath.js

@@ -0,0 +1,8 @@
+import { canUseDOM } from './canUseDom';
+export var getLocaleFromPath = function() {
+    if (!canUseDOM()) return '';
+    var locale = window.location.pathname.split('/')[1] || '';
+    // the allowed standards: bg bg-BG, en en-US/en-UK
+    if (locale.length !== 2 && locale.length !== 5) return '';
+    return locale;
+};

package/dist/esm/utils/index.js

@@ -13,6 +13,7 @@ export * from './getTranslatableField';
 export * from './formatAsCurrency';
 export * from './createCatalogBreadcrumb';
 export * from './adjustColor';
+export * from './getLocaleFromPath';
 export * from './calcDiscount';
 export * from './canUseDom';
 export * from './getFirst';

package/dist/esm/utils/isTouchDevice.js

@@ -1,3 +1,4 @@
+import { canUseDOM } from "./canUseDom";
 export function isTouchDevice() {
-    return 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
+    return canUseDOM() && ('ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0);
 }

package/dist/types/listing/hooks/useSlideFilter.d.ts

@@ -3,6 +3,10 @@ export declare const useSlideFilter: (filterName: string, min: number, max: numb
         from: number;
         to: number;
     };
+    applyFilter: (data: {
+        from: number;
+        to: number;
+    }) => void;
     updateValue: (data: {
         from: number;
         to: number;

package/dist/types/listing/types.d.ts

@@ -84,4 +84,14 @@ export interface ListingPageMeta {
     collapseMode?: StringField;
     limit: NumberField;
     includeVariants?: BooleanField;
+    getTitle?: GetListingPageTitle;
 }
+export declare type GetListingPageTitle = (type: ListingTypesEnum, meta: Omit<ListingPageMeta, 'getTitle'>, data: {
+    brand?: string;
+    category?: string;
+    defaultName?: string;
+    attribute?: string;
+    search?: string;
+    isWithAttribute: boolean;
+    childAttribute?: string;
+}) => string;

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

@@ -0,0 +1 @@
+export declare const TranslationsMeta: () => JSX.Element | null;

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

@@ -4,3 +4,4 @@ export * from './GlobalSEO';
 export * from './OpenGraph';
 export * from './ProductSEO';
 export * from './HiddenBreadcrumb';
+export * from './TranslationsMeta';

package/dist/types/seo/hooks/index.d.ts

@@ -1 +1,2 @@
 export * from './useSEOBreadcrumb';
+export * from './useSeoTranslations';

package/dist/types/seo/hooks/useSeoTranslations.d.ts

@@ -0,0 +1,24 @@
+import type { TranslationsMapDTO } from '@sentecacommerce-theme/cms';
+import type { LocaleData } from '../../config';
+export declare const SeoTranslationsProvider: ({ children, translations, defaultLocale, localesMap, }: {
+    children: any;
+    translations: TranslationsMapDTO;
+    defaultLocale: string;
+    localesMap: {
+        [key: string]: LocaleData;
+    };
+}) => JSX.Element;
+export declare const useSeoTranslations: () => SeoTranslationContextType;
+export declare type SeoTranslationContextType = {
+    translationsMap: {
+        [key: string]: SeoTranslationType;
+    };
+    defaultLocale: string;
+    allLocales: string[];
+};
+export declare type SeoTranslationType = {
+    slug: string;
+    locale: string;
+    isDefault: boolean;
+    domain: string;
+};

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

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

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

@@ -15,11 +15,12 @@ export declare const RangeSlideClasses: {
     thumbHover: string;
     thumbActive: string;
 };
-export declare const RangeSliderInput: ({ defaultValue, onChange, min, max, step, }: {
+export declare const RangeSliderInput: ({ defaultValue, onChange, onSlide, min, max, step, }: {
     min: number;
     max: number;
     step: number;
     defaultValue: ValueType;
     onChange: (data: ValueType) => void;
+    onSlide?: ((data: ValueType) => void) | undefined;
 }) => JSX.Element;
 export {};

package/dist/types/utils/getLocaleFromPath.d.ts

@@ -0,0 +1 @@
+export declare const getLocaleFromPath: () => string;

package/dist/types/utils/index.d.ts

@@ -13,6 +13,7 @@ export * from './getTranslatableField';
 export * from './formatAsCurrency';
 export * from './createCatalogBreadcrumb';
 export * from './adjustColor';
+export * from './getLocaleFromPath';
 export * from './calcDiscount';
 export * from './canUseDom';
 export * from './getFirst';

package/package.json

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