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

package/dist/esm/cms/hooks/useContentCategoriesMap.js

@@ -14,8 +14,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,8 +28,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) {
@@ -45,10 +43,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++){
@@ -64,11 +60,8 @@ export function useContentCategoriesMap(categories) {
             var slug = _param.slug, data = _objectWithoutProperties(_param, [
                 "slug"
             ]);
-            return _objectSpread({
-            }, map, _defineProperty({
-            }, slug, data));
-        }, {
-        });
+            return _objectSpread({}, map, _defineProperty({}, slug, data));
+        }, {});
         return categoriesMap;
     }, [
         categories

package/dist/esm/cms/hooks/useCreateCmsFolders.js

@@ -1,3 +1,2 @@
-import React from 'react';
 import { useCMSFoldersCreateMutation } from '../api';
 export { useCMSFoldersCreateMutation as useCreateCmsFolders };

package/dist/esm/cms/hooks/useInjectedContentContext.js

@@ -1,7 +1,6 @@
 import React, { createContext, useContext } from 'react';
 function _objectWithoutProperties(source, excluded) {
-    if (source == null) return {
-    };
+    if (source == null) return {};
     var target = _objectWithoutPropertiesLoose(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
@@ -16,10 +15,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++){
@@ -30,8 +27,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     return target;
 }
 var InjectedContentContext = /*#__PURE__*/ createContext({
-    components: {
-    },
+    components: {},
     fullWidthContentClass: 'InjectedContent--full-width',
     containerClass: 'InjectedContent--container'
 });

package/dist/esm/cms/hooks/useListingInjectedContent.js

@@ -9,8 +9,7 @@ export var useListingInjectedContent = function(param) {
         var result = {
             before: [],
             after: [],
-            inside: {
-            }
+            inside: {}
         };
         data === null || data === void 0 ? void 0 : data.forEach(function(content) {
             if (content.context !== ContentContextEnum.Listing) return;

package/dist/esm/cms/ssr/fetchPagePaths.js

@@ -33,12 +33,12 @@ export function fetchPagePaths(themeKey, interfaceKey, storeKey, exceptions) {
     return _fetchPagePaths.apply(this, arguments);
 }
 function _fetchPagePaths() {
-    _fetchPagePaths = _asyncToGenerator(regeneratorRuntime.mark(function _callee(themeKey, interfaceKey, storeKey, exceptions, param, param1) {
-        var excludePagesWithoutSlash, excludeSlugPath, data, pagePaths;
+    _fetchPagePaths = _asyncToGenerator(regeneratorRuntime.mark(function _callee(themeKey, interfaceKey, storeKey, exceptions) {
+        var excludePagesWithoutSlash, excludeSlugPath, data, pagePaths, _args = arguments;
         return regeneratorRuntime.wrap(function _callee$(_ctx) {
             while(1)switch(_ctx.prev = _ctx.next){
                 case 0:
-                    excludePagesWithoutSlash = param === void 0 ? false : param, excludeSlugPath = param1 === void 0 ? true : param1;
+                    excludePagesWithoutSlash = _args.length > 4 && _args[4] !== void 0 ? _args[4] : false, excludeSlugPath = _args.length > 5 && _args[5] !== void 0 ? _args[5] : true;
                     _ctx.next = 3;
                     return PagesFilter({
                         filter: "store;in;\"".concat(storeKey, "\"&interface;in;\"").concat(interfaceKey, "\"&theme;in;\"").concat(themeKey, "\"")

package/dist/esm/cms/ssr/prefetchCMSPage.js

@@ -29,32 +29,37 @@ function _asyncToGenerator(fn) {
         });
     };
 }
-export var prefetchCMSPage = _asyncToGenerator(regeneratorRuntime.mark(function _callee(storeKey, interfaceKey, pageName, pages, param) {
-    var isPreview, ref, ref1, ref2, data;
-    return regeneratorRuntime.wrap(function _callee$(_ctx) {
-        while(1)switch(_ctx.prev = _ctx.next){
-            case 0:
-                isPreview = param === void 0 ? false : param;
-                ;
-                if (!(process.env.CMS_CONFIG === 'local' && !isPreview)) {
-                    _ctx.next = 5;
-                    break;
-                }
-                ;
-                return _ctx.abrupt("return", ((ref2 = pages.find(function(page) {
-                    return pageName === page.name;
-                })) === null || ref2 === void 0 ? void 0 : ref2.nodes) || null);
-            case 5:
-                _ctx.next = 7;
-                return PagesFilter({
-                    filter: "store;in;\"".concat(storeKey, "\"&interface;in;\"").concat(interfaceKey, "\"&name;in;\"").concat(pageName, "\"")
-                });
-            case 7:
-                data = _ctx.sent;
-                return _ctx.abrupt("return", (data === null || data === void 0 ? void 0 : (ref = data.results) === null || ref === void 0 ? void 0 : (ref1 = ref[0]) === null || ref1 === void 0 ? void 0 : ref1[isPreview ? 'stagedNodes' : 'nodes']) || null);
-            case 9:
-            case "end":
-                return _ctx.stop();
-        }
-    }, _callee);
-}));
+export var prefetchCMSPage = function() {
+    var _ref = _asyncToGenerator(regeneratorRuntime.mark(function _callee(storeKey, interfaceKey, pageName, pages) {
+        var isPreview, ref, ref1, ref2, data, _args = arguments;
+        return regeneratorRuntime.wrap(function _callee$(_ctx) {
+            while(1)switch(_ctx.prev = _ctx.next){
+                case 0:
+                    isPreview = _args.length > 4 && _args[4] !== void 0 ? _args[4] : false;
+                    ;
+                    if (!(process.env.CMS_CONFIG === 'local' && !isPreview)) {
+                        _ctx.next = 5;
+                        break;
+                    }
+                    ;
+                    return _ctx.abrupt("return", ((ref2 = pages.find(function(page) {
+                        return pageName === page.name;
+                    })) === null || ref2 === void 0 ? void 0 : ref2.nodes) || null);
+                case 5:
+                    _ctx.next = 7;
+                    return PagesFilter({
+                        filter: "store;in;\"".concat(storeKey, "\"&interface;in;\"").concat(interfaceKey, "\"&name;in;\"").concat(pageName, "\"")
+                    });
+                case 7:
+                    data = _ctx.sent;
+                    return _ctx.abrupt("return", (data === null || data === void 0 ? void 0 : (ref = data.results) === null || ref === void 0 ? void 0 : (ref1 = ref[0]) === null || ref1 === void 0 ? void 0 : ref1[isPreview ? 'stagedNodes' : 'nodes']) || null);
+                case 9:
+                case "end":
+                    return _ctx.stop();
+            }
+        }, _callee);
+    }));
+    return function prefetchCMSPage(storeKey, interfaceKey, pageName, pages) {
+        return _ref.apply(this, arguments);
+    };
+}();

package/dist/esm/cms/ssr/prefetchCmsContent.js

@@ -30,46 +30,51 @@ function _asyncToGenerator(fn) {
         });
     };
 }
-export var prefetchCmsContent = _asyncToGenerator(regeneratorRuntime.mark(function _callee1(param) {
-    var queryCache, key, isFound;
-    return regeneratorRuntime.wrap(function _callee$(_ctx1) {
-        while(1)switch(_ctx1.prev = _ctx1.next){
-            case 0:
-                queryCache = param.queryCache, key = param.key;
-                isFound = true;
-                _ctx1.next = 4;
-                return queryCache.prefetchQuery(getContentKey(key), _asyncToGenerator(regeneratorRuntime.mark(function _callee() {
-                    var data;
-                    return regeneratorRuntime.wrap(function _callee$(_ctx) {
-                        while(1)switch(_ctx.prev = _ctx.next){
-                            case 0:
-                                _ctx.next = 2;
-                                return ContentsGetByKey(key).catch(function() {
-                                    return null;
-                                });
-                            case 2:
-                                data = _ctx.sent;
-                                if (data) {
-                                    _ctx.next = 6;
-                                    break;
-                                }
-                                isFound = false;
-                                return _ctx.abrupt("return", null);
-                            case 6:
-                                return _ctx.abrupt("return", data);
-                            case 7:
-                            case "end":
-                                return _ctx.stop();
-                        }
-                    }, _callee);
-                })), {
-                    staleTime: 30000
-                });
-            case 4:
-                return _ctx1.abrupt("return", isFound);
-            case 5:
-            case "end":
-                return _ctx1.stop();
-        }
-    }, _callee1);
-}));
+export var prefetchCmsContent = function() {
+    var _ref = _asyncToGenerator(regeneratorRuntime.mark(function _callee1(param) {
+        var queryCache, key, isFound;
+        return regeneratorRuntime.wrap(function _callee$(_ctx1) {
+            while(1)switch(_ctx1.prev = _ctx1.next){
+                case 0:
+                    queryCache = param.queryCache, key = param.key;
+                    isFound = true;
+                    _ctx1.next = 4;
+                    return queryCache.prefetchQuery(getContentKey(key), _asyncToGenerator(regeneratorRuntime.mark(function _callee() {
+                        var data;
+                        return regeneratorRuntime.wrap(function _callee$(_ctx) {
+                            while(1)switch(_ctx.prev = _ctx.next){
+                                case 0:
+                                    _ctx.next = 2;
+                                    return ContentsGetByKey(key).catch(function() {
+                                        return null;
+                                    });
+                                case 2:
+                                    data = _ctx.sent;
+                                    if (data) {
+                                        _ctx.next = 6;
+                                        break;
+                                    }
+                                    isFound = false;
+                                    return _ctx.abrupt("return", null);
+                                case 6:
+                                    return _ctx.abrupt("return", data);
+                                case 7:
+                                case "end":
+                                    return _ctx.stop();
+                            }
+                        }, _callee);
+                    })), {
+                        staleTime: 30000
+                    });
+                case 4:
+                    return _ctx1.abrupt("return", isFound);
+                case 5:
+                case "end":
+                    return _ctx1.stop();
+            }
+        }, _callee1);
+    }));
+    return function prefetchCmsContent(_) {
+        return _ref.apply(this, arguments);
+    };
+}();

package/dist/esm/cms/ssr/prefetchCmsContentList.js

@@ -46,8 +46,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) {
@@ -60,51 +59,54 @@ function _objectSpread(target) {
     }
     return target;
 }
-export var prefetchCmsContentList = _asyncToGenerator(regeneratorRuntime.mark(function _callee1(queryCache, config, page) {
-    var filter, isFound;
-    return regeneratorRuntime.wrap(function _callee$(_ctx1) {
-        while(1)switch(_ctx1.prev = _ctx1.next){
-            case 0:
-                filter = getCMSContentListFilter(config === null || config === void 0 ? void 0 : config.type, config === null || config === void 0 ? void 0 : config.tags);
-                isFound = true;
-                _ctx1.next = 4;
-                return queryCache.prefetchQuery(getContentListKey(page, config === null || config === void 0 ? void 0 : config.type, config === null || config === void 0 ? void 0 : config.tags), _asyncToGenerator(regeneratorRuntime.mark(function _callee() {
-                    var data;
-                    return regeneratorRuntime.wrap(function _callee$(_ctx) {
-                        while(1)switch(_ctx.prev = _ctx.next){
-                            case 0:
-                                _ctx.next = 2;
-                                return ContentsFilter(_objectSpread({
-                                }, config || {
-                                }, {
-                                    filter: filter,
-                                    offset: page * config.limit - config.limit
-                                })).catch(function() {
-                                    return null;
-                                });
-                            case 2:
-                                data = _ctx.sent;
-                                if (data === null || data === void 0 ? void 0 : data.results.length) {
-                                    _ctx.next = 6;
-                                    break;
-                                }
-                                isFound = false;
-                                return _ctx.abrupt("return", null);
-                            case 6:
-                                return _ctx.abrupt("return", data);
-                            case 7:
-                            case "end":
-                                return _ctx.stop();
-                        }
-                    }, _callee);
-                })), {
-                    staleTime: 30000
-                });
-            case 4:
-                return _ctx1.abrupt("return", isFound);
-            case 5:
-            case "end":
-                return _ctx1.stop();
-        }
-    }, _callee1);
-}));
+export var prefetchCmsContentList = function() {
+    var _ref = _asyncToGenerator(regeneratorRuntime.mark(function _callee1(queryCache, config, page) {
+        var filter, isFound;
+        return regeneratorRuntime.wrap(function _callee$(_ctx1) {
+            while(1)switch(_ctx1.prev = _ctx1.next){
+                case 0:
+                    filter = getCMSContentListFilter(config === null || config === void 0 ? void 0 : config.type, config === null || config === void 0 ? void 0 : config.tags);
+                    isFound = true;
+                    _ctx1.next = 4;
+                    return queryCache.prefetchQuery(getContentListKey(page, config === null || config === void 0 ? void 0 : config.type, config === null || config === void 0 ? void 0 : config.tags), _asyncToGenerator(regeneratorRuntime.mark(function _callee() {
+                        var data;
+                        return regeneratorRuntime.wrap(function _callee$(_ctx) {
+                            while(1)switch(_ctx.prev = _ctx.next){
+                                case 0:
+                                    _ctx.next = 2;
+                                    return ContentsFilter(_objectSpread({}, config || {}, {
+                                        filter: filter,
+                                        offset: page * config.limit - config.limit
+                                    })).catch(function() {
+                                        return null;
+                                    });
+                                case 2:
+                                    data = _ctx.sent;
+                                    if (data === null || data === void 0 ? void 0 : data.results.length) {
+                                        _ctx.next = 6;
+                                        break;
+                                    }
+                                    isFound = false;
+                                    return _ctx.abrupt("return", null);
+                                case 6:
+                                    return _ctx.abrupt("return", data);
+                                case 7:
+                                case "end":
+                                    return _ctx.stop();
+                            }
+                        }, _callee);
+                    })), {
+                        staleTime: 30000
+                    });
+                case 4:
+                    return _ctx1.abrupt("return", isFound);
+                case 5:
+                case "end":
+                    return _ctx1.stop();
+            }
+        }, _callee1);
+    }));
+    return function prefetchCmsContentList(queryCache, config, page) {
+        return _ref.apply(this, arguments);
+    };
+}();

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

@@ -3,16 +3,23 @@ import { useRouter } from 'next/router';
 import { getPageView } from '../../analytics/pageView';
 import Head from 'next/head';
 import { useConfigState } from '../../hooks/useConfig';
+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;
         }
@@ -29,12 +36,21 @@ 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 isProduction = process.env.NODE_ENV === 'production';
+var hasAnalytics = !process.env.NO_ANALYTICS;
 export function AnalyticsScripts() {
     var ref11, ref1, ref2, ref3, ref4;
     var timeout = useRef(null);
@@ -72,7 +88,7 @@ export function AnalyticsScripts() {
         }
     };
     useEffect(function() {
-        if (!isProduction) return;
+        if (!isProduction && !hasAnalytics) return;
         if (document) {
             timeout.current = setTimeout(initAnalytics, 3500);
             document.addEventListener('scroll', initAnalyticsOnEvent);
@@ -84,7 +100,7 @@ export function AnalyticsScripts() {
     ]);
     var pageView = getPageView(config);
     useEffect(function() {
-        if (!isProduction) return;
+        if (!isProduction && !hasAnalytics) return;
         var handleRouteChange = function(url) {
             if ('browser' in process) {
                 setTimeout(function() {

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

@@ -117,7 +117,7 @@ function _templateObject9() {
     return data;
 }
 export var Drawer = function(param) {
-    var children = param.children, _duration = param.duration, duration = _duration === void 0 ? 500 : _duration, _direction = param.direction, direction = _direction === void 0 ? DrawerDirectionsEnum1.Right : _direction, _animationEasing = param.animationEasing, animationEasing = _animationEasing === void 0 ? 'ease-out' : _animationEasing, _containerWidth = param.containerWidth, containerWidth = _containerWidth === void 0 ? 320 : _containerWidth, open = param.open, handleClose = param.handleClose, _backdropColor = param.backdropColor, backdropColor = _backdropColor === void 0 ? '#000' : _backdropColor, _backdropOpacity = param.backdropOpacity, backdropOpacity = _backdropOpacity === void 0 ? 0.6 : _backdropOpacity;
+    var children = param.children, _duration = param.duration, duration = _duration === void 0 ? 500 : _duration, _direction = param.direction, direction = _direction === void 0 ? DrawerDirectionsEnum.Right : _direction, _animationEasing = param.animationEasing, animationEasing = _animationEasing === void 0 ? 'ease-out' : _animationEasing, _containerWidth = param.containerWidth, containerWidth = _containerWidth === void 0 ? 320 : _containerWidth, open = param.open, handleClose = param.handleClose, _backdropColor = param.backdropColor, backdropColor = _backdropColor === void 0 ? '#000' : _backdropColor, _backdropOpacity = param.backdropOpacity, backdropOpacity = _backdropOpacity === void 0 ? 0.6 : _backdropOpacity;
     var containerWidhtInRem = containerWidth / 10;
     return(/*#__PURE__*/ React.createElement(React.Fragment, null, open && /*#__PURE__*/ React.createElement(OverflowHidden, null), open && /*#__PURE__*/ React.createElement(Backdrop, {
         duration: duration,
@@ -134,15 +134,13 @@ export var Drawer = function(param) {
         handleClose: handleClose
     }, children)));
 };
-var DrawerDirectionsEnum1;
-export { DrawerDirectionsEnum1 as DrawerDirectionsEnum,  };
+export var DrawerDirectionsEnum;
 (function(DrawerDirectionsEnum) {
     DrawerDirectionsEnum["Top"] = 'top';
     DrawerDirectionsEnum["Bottom"] = 'bottom';
     DrawerDirectionsEnum["Left"] = 'left';
     DrawerDirectionsEnum["Right"] = 'right';
-})(DrawerDirectionsEnum1 || (DrawerDirectionsEnum1 = {
-}));
+})(DrawerDirectionsEnum || (DrawerDirectionsEnum = {}));
 var drawerRight = css(_templateObject());
 var drawerLeft = css(_templateObject1());
 var drawerTop = css(_templateObject2());

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

@@ -1,18 +1,25 @@
 /* eslint-disable */ import React, { useEffect, useMemo, useRef } from 'react';
-import styled, { css as css1, keyframes } from 'styled-components';
+import styled, { css, keyframes } from 'styled-components';
 import { useBoolean } from '../../hooks/ui-hooks';
 import { useConfigState } from '../../hooks/useConfig';
 import { getElementOffset } 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;
         }
@@ -29,10 +36,10 @@ 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 _taggedTemplateLiteral(strings, raw) {
     if (!raw) {
@@ -44,6 +51,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    from {\n      opacity: 0;\n      transform: translateY(30px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  "
@@ -106,17 +121,16 @@ var getAnimationDelay = function(index, itemsPerRow, chainDelay) {
     return index % itemsPerRow * chainDelay;
 };
 export var FadeIn = function(param) {
-    var children = param.children, delay1 = param.delay, _direction = param.direction, direction = _direction === void 0 ? AnimationDirectionsEnum1.Top : _direction, _chainDelay = param.chainDelay, chainDelay = _chainDelay === void 0 ? 0 : _chainDelay, _itemsPerRow = param.itemsPerRow, itemsPerRow = _itemsPerRow === void 0 ? {
-    } : _itemsPerRow, _defaultItemsPerRow = param.defaultItemsPerRow, defaultItemsPerRow = _defaultItemsPerRow === void 0 ? 1 : _defaultItemsPerRow, _index = param.index, index = _index === void 0 ? 0 : _index, _thresholdPercentage = param.thresholdPercentage, thresholdPercentage = _thresholdPercentage === void 0 ? 0.1 : _thresholdPercentage;
+    var children = param.children, delay1 = param.delay, _direction = param.direction, direction = _direction === void 0 ? AnimationDirectionsEnum.Top : _direction, _chainDelay = param.chainDelay, chainDelay = _chainDelay === void 0 ? 0 : _chainDelay, _itemsPerRow = param.itemsPerRow, itemsPerRow = _itemsPerRow === void 0 ? {} : _itemsPerRow, _defaultItemsPerRow = param.defaultItemsPerRow, defaultItemsPerRow = _defaultItemsPerRow === void 0 ? 1 : _defaultItemsPerRow, _index = param.index, index = _index === void 0 ? 0 : _index, _thresholdPercentage = param.thresholdPercentage, thresholdPercentage = _thresholdPercentage === void 0 ? 0.1 : _thresholdPercentage;
     var ref3 = _slicedToArray(useBoolean(false), 2), isInView = ref3[0], setIsInView = ref3[1];
     var config = useConfigState();
     var containerRef = useRef(null);
     var defaultAnimationDelay = getAnimationDelay(index, defaultItemsPerRow, chainDelay);
     // generate animation delay css for different breakpoints
-    var css = useMemo(function() {
+    var css1 = useMemo(function() {
         return Object.keys(itemsPerRow).reduce(function(value, breakpoint) {
             var ref, ref1, ref2;
-            var min = config === null || config === void 0 ? void 0 : (ref = config.theme) === null || ref === void 0 ? void 0 : (ref1 = ref.breakpoints) === null || ref1 === void 0 ? void 0 : (ref2 = ref1[breakpoint]) === null || ref2 === void 0 ? void 0 : ref2.min // min width
+            var min = config === null || config === void 0 ? void 0 : (ref = config.theme) === null || ref === void 0 ? void 0 : (ref1 = ref.breakpoints) === null || ref1 === void 0 ? void 0 : (ref2 = ref1[breakpoint]) === null || ref2 === void 0 ? void 0 : ref2.min// min width
             ;
             if (!min) return value;
             var breakpointItemsPerRow = itemsPerRow[breakpoint] // items per row on the current breakpoint
@@ -161,25 +175,23 @@ export var FadeIn = function(param) {
         ref: containerRef,
         delay: delay1,
         direction: direction,
-        css: css,
+        css: css1,
         shouldTrigger: isInView
     }, children));
 };
-var AnimationDirectionsEnum1;
-export { AnimationDirectionsEnum1 as AnimationDirectionsEnum,  };
+export var AnimationDirectionsEnum;
 (function(AnimationDirectionsEnum) {
     AnimationDirectionsEnum["Top"] = 'top';
     AnimationDirectionsEnum["Bottom"] = 'bottom';
     AnimationDirectionsEnum["Left"] = 'left';
     AnimationDirectionsEnum["Right"] = 'right';
-})(AnimationDirectionsEnum1 || (AnimationDirectionsEnum1 = {
-}));
+})(AnimationDirectionsEnum || (AnimationDirectionsEnum = {}));
 var fadeInTop = keyframes(_templateObject());
 var fadeInBottom = keyframes(_templateObject1());
 var fadeInLeft = keyframes(_templateObject2());
 var fadeInRight = keyframes(_templateObject3());
 var FadeInStyledComponent = styled.div(_templateObject5(), function(props) {
-    return props.shouldTrigger ? css1(_templateObject4(), function() {
+    return props.shouldTrigger ? css(_templateObject4(), function() {
         var animation = fadeInTop;
         if (props.direction === 'bottom') animation = fadeInBottom;
         else if (props.direction === 'left') animation = fadeInLeft;