@sentecacommerce-theme/lib 0.13.7-alpha.7 → 0.13.10

package/dist/esm/product/hooks/useUniCreditOffers.js

@@ -0,0 +1,81 @@
+import React, { useMemo } from 'react';
+import { useUniCreditOffersQuery } from '../api/queries';
+import { decodePrice, formatAsCurrency, useConfigState } from '../../index';
+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;
+}
+export var useUniCreditOffers = function(props) {
+    var ref6, ref1, ref2, ref3;
+    var configLocale = (ref6 = useConfigState()) === null || ref6 === void 0 ? void 0 : (ref1 = ref6.price) === null || ref1 === void 0 ? void 0 : ref1.locale;
+    var response = useUniCreditOffersQuery(props);
+    return useMemo(function() {
+        var ref, ref4, ref5;
+        return _objectSpread({}, response, {
+            data: response === null || response === void 0 ? void 0 : (ref = response.data) === null || ref === void 0 ? void 0 : (ref4 = ref[0]) === null || ref4 === void 0 ? void 0 : (ref5 = ref4.offers) === null || ref5 === void 0 ? void 0 : ref5.map(function(offer) {
+                var _totalRepaymentAmount = decodePrice(offer.totalRepaymentAmount);
+                var _correctDownPaymentAmount = decodePrice(offer.correctDownPaymentAmount);
+                var _installmentAmount = decodePrice(offer.installmentAmount);
+                var _processingFeeAmount = decodePrice(offer.processingFeeAmount);
+                var totalRepaymentAmount = formatAsCurrency({
+                    price: _totalRepaymentAmount,
+                    precision: offer.totalRepaymentAmount.fractionDigits,
+                    currency: offer.totalRepaymentAmount.currencyCode,
+                    locale: configLocale || 'en'
+                });
+                var correctDownPaymentAmount = formatAsCurrency({
+                    price: _correctDownPaymentAmount,
+                    precision: offer.correctDownPaymentAmount.fractionDigits,
+                    currency: offer.correctDownPaymentAmount.currencyCode,
+                    locale: configLocale || 'en'
+                });
+                var installmentAmount = formatAsCurrency({
+                    price: _installmentAmount,
+                    precision: offer.installmentAmount.fractionDigits,
+                    currency: offer.installmentAmount.currencyCode,
+                    locale: configLocale || 'en'
+                });
+                var processingFeeAmount = formatAsCurrency({
+                    price: _processingFeeAmount,
+                    precision: offer.processingFeeAmount.fractionDigits,
+                    currency: offer.processingFeeAmount.currencyCode,
+                    locale: configLocale || 'en'
+                });
+                return _objectSpread({}, offer, {
+                    totalRepaymentAmount: totalRepaymentAmount,
+                    correctDownPaymentAmount: correctDownPaymentAmount,
+                    installmentAmount: installmentAmount,
+                    processingFeeAmount: processingFeeAmount
+                });
+            }).sort(function(offer, offer2) {
+                return Number(offer.maturity) - Number(offer2.maturity);
+            })
+        });
+    }, [
+        response === null || response === void 0 ? void 0 : (ref2 = response.data) === null || ref2 === void 0 ? void 0 : (ref3 = ref2[0]) === null || ref3 === void 0 ? void 0 : ref3.offers
+    ]);
+};

package/dist/esm/seo/api/ssr/fetchRedirectByFrom.js

@@ -29,17 +29,22 @@ function _asyncToGenerator(fn) {
         });
     };
 }
-export var fetchRedirectByFrom = _asyncToGenerator(regeneratorRuntime.mark(function _callee(from) {
-    return regeneratorRuntime.wrap(function _callee$(_ctx) {
-        while(1)switch(_ctx.prev = _ctx.next){
-            case 0:
-                _ctx.next = 2;
-                return RedirectsGetByFrom(from);
-            case 2:
-                return _ctx.abrupt("return", _ctx.sent);
-            case 3:
-            case "end":
-                return _ctx.stop();
-        }
-    }, _callee);
-}));
+export var fetchRedirectByFrom = function() {
+    var _ref = _asyncToGenerator(regeneratorRuntime.mark(function _callee(from) {
+        return regeneratorRuntime.wrap(function _callee$(_ctx) {
+            while(1)switch(_ctx.prev = _ctx.next){
+                case 0:
+                    _ctx.next = 2;
+                    return RedirectsGetByFrom(from);
+                case 2:
+                    return _ctx.abrupt("return", _ctx.sent);
+                case 3:
+                case "end":
+                    return _ctx.stop();
+            }
+        }, _callee);
+    }));
+    return function fetchRedirectByFrom(from) {
+        return _ref.apply(this, arguments);
+    };
+}();

package/dist/esm/seo/api/ssr/fetchSitemaps.js

@@ -29,20 +29,25 @@ function _asyncToGenerator(fn) {
         });
     };
 }
-export var fetchSitemaps = _asyncToGenerator(regeneratorRuntime.mark(function _callee(storeKey, interfaceKey) {
-    return regeneratorRuntime.wrap(function _callee$(_ctx) {
-        while(1)switch(_ctx.prev = _ctx.next){
-            case 0:
-                _ctx.next = 2;
-                return SitemapsGetSitemapFiles({
-                    storeKey: storeKey,
-                    interfaceKey: interfaceKey
-                });
-            case 2:
-                return _ctx.abrupt("return", _ctx.sent);
-            case 3:
-            case "end":
-                return _ctx.stop();
-        }
-    }, _callee);
-}));
+export var fetchSitemaps = function() {
+    var _ref = _asyncToGenerator(regeneratorRuntime.mark(function _callee(storeKey, interfaceKey) {
+        return regeneratorRuntime.wrap(function _callee$(_ctx) {
+            while(1)switch(_ctx.prev = _ctx.next){
+                case 0:
+                    _ctx.next = 2;
+                    return SitemapsGetSitemapFiles({
+                        storeKey: storeKey,
+                        interfaceKey: interfaceKey
+                    });
+                case 2:
+                    return _ctx.abrupt("return", _ctx.sent);
+                case 3:
+                case "end":
+                    return _ctx.stop();
+            }
+        }, _callee);
+    }));
+    return function fetchSitemaps(storeKey, interfaceKey) {
+        return _ref.apply(this, arguments);
+    };
+}();

package/dist/esm/seo/api/ssr/getCanonicalUrl.js

@@ -1,13 +1,20 @@
+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;
         }
@@ -24,10 +31,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 getCanonicalUrl = function(context, localeData, redirectTo) {
     var ref;

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

@@ -31,7 +31,6 @@ export var HiddenBreadcrumb = function(param) {
         }, element.elementSeoProps), /*#__PURE__*/ React.createElement(Link, {
             href: element.link,
             passHref: true
-        }, /*#__PURE__*/ React.createElement("a", _extends({
-        }, element.elementLinkSeoProps), element.name)));
+        }, /*#__PURE__*/ React.createElement("a", _extends({}, element.elementLinkSeoProps), element.name)));
     })));
 };

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

@@ -16,9 +16,8 @@ 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(param) {
-    var ref16 = param === void 0 ? {
-    } : param, _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;
+ */ 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;
@@ -65,8 +64,7 @@ import { useConfigState } from '../../../hooks/useConfig';
     })));
 }
 var generateImage = function(images) {
-    return Object.keys(images || {
-    }).map(function(size) {
+    return Object.keys(images || {}).map(function(size) {
         return "\"".concat(images[size].url, "\"");
     }).join(',\n');
 };

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

@@ -0,0 +1,49 @@
+import React from 'react';
+import { useSeoTranslations } from '../../hooks/useSeoTranslations';
+import Head from 'next/head';
+import { useRouter } from 'next/router';
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+export var TranslationsMeta = function() {
+    var ref = useSeoTranslations(), translationsMap = ref.translationsMap, allLocales = ref.allLocales, defaultLocale = ref.defaultLocale;
+    var router = useRouter();
+    var defaultTranslation = translationsMap[defaultLocale];
+    var isError = router.route === '/404' || router.route === '/_error';
+    if (isError) return null;
+    if ((allLocales === null || allLocales === void 0 ? void 0 : allLocales.length) < 2) return null;
+    var domain = defaultTranslation === null || defaultTranslation === void 0 ? void 0 : defaultTranslation.domain;
+    return(/*#__PURE__*/ React.createElement(Head, null, allLocales === null || allLocales === void 0 ? void 0 : allLocales.map(function(locale) {
+        var translation = translationsMap === null || translationsMap === void 0 ? void 0 : translationsMap[locale];
+        var href = translation === null || translation === void 0 ? void 0 : translation.slug;
+        // go to the same page but with the right locale.
+        // This is for pages that does not have a translated slug
+        // example: /checkout -> /en/checkout, /ro/checkout
+        if (!href) href = "/".concat(locale).concat(router.asPath);
+        return(/*#__PURE__*/ React.createElement("link", _extends({
+            rel: "alternate"
+        }, {
+            hreflang: locale
+        }, {
+            href: domain + href,
+            key: 'Translation__' + href
+        })));
+    }), defaultTranslation && /*#__PURE__*/ React.createElement("link", _extends({
+        rel: "alternate"
+    }, {
+        hreflang: 'x-default'
+    }, {
+        href: "".concat(domain).concat(defaultTranslation === null || defaultTranslation === void 0 ? void 0 : defaultTranslation.slug)
+    }))));
+};

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

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

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

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

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

@@ -1,21 +1,29 @@
 import React from 'react';
 import { useMemo } from 'react';
+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 _arrayWithoutHoles(arr) {
-    if (Array.isArray(arr)) {
-        for(var i = 0, arr2 = new Array(arr.length); i < arr.length; i++){
-            arr2[i] = arr[i];
-        }
-        return arr2;
-    }
+    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
 }
 function _iterableToArray(iter) {
-    if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter);
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 function _nonIterableSpread() {
-    throw new TypeError("Invalid attempt to spread non-iterable instance");
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _toConsumableArray(arr) {
-    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+}
+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 useSEOBreadcrumb = function(param) {
     var _data = param.data, data = _data === void 0 ? [] : _data, homepageLabel = param.homepageLabel;

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/seo/utils/handleRobots.js

@@ -32,18 +32,18 @@ export function handleRobots(res, domain) {
     return _handleRobots.apply(this, arguments);
 }
 function _handleRobots() {
-    _handleRobots = _asyncToGenerator(regeneratorRuntime.mark(function _callee(res, domain, param) {
-        var disallowed, txt;
+    _handleRobots = _asyncToGenerator(regeneratorRuntime.mark(function _callee(res, domain) {
+        var disallowed, txt, _args = arguments;
         return regeneratorRuntime.wrap(function _callee$(_ctx) {
             while(1)switch(_ctx.prev = _ctx.next){
                 case 0:
-                    disallowed = param === void 0 ? [
+                    disallowed = _args.length > 2 && _args[2] !== void 0 ? _args[2] : [
                         '/login',
                         '/checkout',
                         '/basket',
                         '/profile',
                         '/favorites'
-                    ] : param;
+                    ];
                     if (!(process.env.NO_INDEX === 'true')) {
                         _ctx.next = 4;
                         break;

package/dist/esm/ssr/emptyBasketGuard.js

@@ -1,6 +1,6 @@
 export function emptyBasketGuard(context, order) {
-    var ref;
-    if (!(order === null || order === void 0 ? void 0 : (ref = order.lineItems) === null || ref === void 0 ? void 0 : ref.length) && !context.res.headersSent) {
+    var ref, ref1;
+    if (!Boolean((order === null || order === void 0 ? void 0 : (ref = order.lineItems) === null || ref === void 0 ? void 0 : ref.length) || (order === null || order === void 0 ? void 0 : (ref1 = order.customLineItems) === null || ref1 === void 0 ? void 0 : ref1.length)) && !context.res.headersSent) {
         return true;
     }
     return false;

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, _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;");
+    };
+    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: ").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/LazyImage.js

@@ -28,8 +28,7 @@ function _extends() {
 }
 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) {
@@ -43,8 +42,7 @@ function _objectSpread(target) {
     return target;
 }
 function _objectWithoutProperties(source, excluded) {
-    if (source == null) return {
-    };
+    if (source == null) return {};
     var target = _objectWithoutPropertiesLoose(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
@@ -59,10 +57,8 @@ function _objectWithoutProperties(source, excluded) {
     return target;
 }
 function _objectWithoutPropertiesLoose(source, excluded) {
-    if (source == null) return {
-    };
-    var target = {
-    };
+    if (source == null) return {};
+    var target = {};
     var sourceKeys = Object.keys(source);
     var key, i;
     for(i = 0; i < sourceKeys.length; i++){
@@ -101,8 +97,7 @@ var LazyImage = function(_param) {
             backgroundColor: background
         }
     }, /*#__PURE__*/ React.createElement("div", {
-        style: _objectSpread({
-        }, absoluteStyle, {
+        style: _objectSpread({}, absoluteStyle, {
             display: 'flex',
             alignItems: 'center',
             justifyContent: 'center'
@@ -116,8 +111,7 @@ var LazyImage = function(_param) {
     }, rest, {
         alt: alt
     }))), isBackgroundOverImage && /*#__PURE__*/ React.createElement("div", {
-        style: _objectSpread({
-        }, absoluteStyle, {
+        style: _objectSpread({}, absoluteStyle, {
             backgroundColor: background
         })
     })));

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

@@ -1,5 +1,10 @@
 import React, { useCallback, useEffect, useState } from 'react';
 import styled from 'styled-components';
+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;
 }
@@ -17,12 +22,14 @@ function _defineProperty(obj, key, value) {
     return obj;
 }
 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;
         }
@@ -39,12 +46,11 @@ 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 _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) {
@@ -58,7 +64,7 @@ function _objectSpread(target) {
     return target;
 }
 function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 function _taggedTemplateLiteral(strings, raw) {
     if (!raw) {
@@ -70,6 +76,14 @@ function _taggedTemplateLiteral(strings, raw) {
         }
     }));
 }
+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);
+}
 function _templateObject() {
     var data = _taggedTemplateLiteral([
         "\n  .",
@@ -103,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);
@@ -116,15 +130,26 @@ 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;
         if (!inputLeft || !inputRight) return;
         var leftValue = Math.min(Number(inputLeft.value), Number(inputRight.value) - 1);
-        setValue(_objectSpread({
-        }, value, {
+        setValue(_objectSpread({}, value, {
             left: leftValue
         }));
+        onSlideGeneric();
     }, [
         setValue,
         value
@@ -134,10 +159,10 @@ export var RangeSliderInput = function(param) {
         var inputRight = inputRightRef.current;
         if (!inputRight || !inputLeft) return;
         var rightValue = Math.max(Number(inputRight.value), Number(inputLeft.value) + 1);
-        setValue(_objectSpread({
-        }, value, {
+        setValue(_objectSpread({}, value, {
             right: rightValue
         }));
+        onSlideGeneric();
     }, [
         setValue,
         value