@steroidsjs/core 2.1.0-beta.9 → 2.1.0-beta.9.1

package/actions/list.d.ts

@@ -51,6 +51,7 @@ export declare const listInit: (listId: any, payload: any) => {
 };
 export declare const listSetItems: (listId: any, items: any) => {
     type: string;
+    listId: any;
     items: any;
 };
 export declare const listSetLayout: (listId: any, layoutName: any) => {

package/actions/list.js

@@ -133,6 +133,7 @@ var listInit = function (listId, payload) { return ({
 exports.listInit = listInit;
 var listSetItems = function (listId, items) { return ({
     type: exports.LIST_SET_ITEMS,
+    listId: listId,
     items: items
 }); };
 exports.listSetItems = listSetItems;

package/components/ClientStorageComponent.d.ts

@@ -6,16 +6,16 @@ export default class ClientStorageComponent {
     STORAGE_COOKIE: string;
     STORAGE_LOCAL: any;
     STORAGE_SESSION: any;
-    cookieAvailable: any;
     localStorageAvailable: boolean;
     sessionStorageAvailable: boolean;
-    constructor(components: any);
+    private _ssrCookie;
+    constructor(components: any, config: any);
     /**
      * @param {string} name
      * @param {string} [storageName]
      * @returns {*}
      */
-    get(name: any, storageName: any): string;
+    get(name: any, storageName: any): any;
     /**
      * @param {string} name
      * @param {*} value

package/components/ClientStorageComponent.js

@@ -18,17 +18,20 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 exports.__esModule = true;
 var cookie = __importStar(require("js-cookie"));
+var moment_1 = __importDefault(require("moment"));
 /**
  * Client Storage Component
  * Слой хранения данных в браузере (cookie, local/session storage) или ReactNative
  */
 var ClientStorageComponent = /** @class */ (function () {
-    function ClientStorageComponent(components) {
+    function ClientStorageComponent(components, config) {
         this.localStorageAvailable = !process.env.IS_SSR;
         this.sessionStorageAvailable = !process.env.IS_SSR;
-        this.cookieAvailable = !process.env.IS_SSR;
         this.STORAGE_SESSION = 'session';
         this.STORAGE_LOCAL = 'local';
         this.STORAGE_COOKIE = 'cookie';
@@ -52,6 +55,7 @@ var ClientStorageComponent = /** @class */ (function () {
                 this.sessionStorageAvailable = false;
             }
         }
+        this._ssrCookie = config === null || config === void 0 ? void 0 : config.ssrCookie;
     }
     /**
      * @param {string} name
@@ -63,14 +67,11 @@ var ClientStorageComponent = /** @class */ (function () {
         if (this.localStorageAvailable && storageName === this.STORAGE_LOCAL) {
             return window.localStorage.getItem(name);
         }
-        else if (this.sessionStorageAvailable &&
-            storageName === this.STORAGE_SESSION) {
+        if (this.sessionStorageAvailable
+            && storageName === this.STORAGE_SESSION) {
             return window.sessionStorage.getItem(name);
         }
-        else if (this.cookieAvailable) {
-            return cookie.get(name);
-        }
-        return null;
+        return process.env.IS_SSR ? this._ssrCookie.get(name) : cookie.get(name);
     };
     /**
      * @param {string} name
@@ -84,15 +85,19 @@ var ClientStorageComponent = /** @class */ (function () {
         if (this.localStorageAvailable && storageName === this.STORAGE_LOCAL) {
             window.localStorage.setItem(name, value);
         }
-        else if (this.sessionStorageAvailable &&
-            storageName === this.STORAGE_SESSION) {
+        else if (this.sessionStorageAvailable
+            && storageName === this.STORAGE_SESSION) {
             window.sessionStorage.setItem(name, value);
         }
-        else if (this.cookieAvailable) {
-            cookie.set(name, value, {
+        else {
+            var options = {
                 expires: expires,
                 domain: this._getDomain()
-            });
+            };
+            if (expires && process.env.IS_SSR) {
+                options.expires = moment_1["default"]().add(options.expires).utc().toDate();
+            }
+            process.env.IS_SSR ? this._ssrCookie.set(name, value, options) : cookie.set(name, value, options);
         }
     };
     /**
@@ -105,24 +110,25 @@ var ClientStorageComponent = /** @class */ (function () {
         if (this.localStorageAvailable && storageName === this.STORAGE_LOCAL) {
             window.localStorage.removeItem(name);
         }
-        else if (this.sessionStorageAvailable &&
-            storageName === this.STORAGE_SESSION) {
+        else if (this.sessionStorageAvailable
+            && storageName === this.STORAGE_SESSION) {
             window.sessionStorage.removeItem(name);
         }
-        else if (this.cookieAvailable) {
-            cookie.remove(name, {
+        else {
+            var options = {
                 domain: this._getDomain()
-            });
+            };
+            process.env.IS_SSR ? this._ssrCookie.remove(name, options) : cookie.remove(name, options);
         }
     };
     ClientStorageComponent.prototype._getDomain = function () {
         var host = (typeof location !== 'undefined' && location.hostname) || '';
-        return ((!/\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}/.test(host) &&
-            host
+        return ((!/\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}/.test(host)
+            && host
                 .split('.')
                 .slice(-2)
-                .join('.')) ||
-            host);
+                .join('.'))
+            || host);
     };
     return ClientStorageComponent;
 }());

package/components/HttpComponent.js

@@ -52,6 +52,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 exports.__esModule = true;
 var trimStart_1 = __importDefault(require("lodash-es/trimStart"));
 var trimEnd_1 = __importDefault(require("lodash-es/trimEnd"));
+var isEmpty_1 = __importDefault(require("lodash-es/isEmpty"));
+var set_cookie_parser_1 = __importDefault(require("set-cookie-parser"));
 var axios_1 = __importDefault(require("axios"));
 var notifications_1 = require("../actions/notifications");
 /**
@@ -65,13 +67,12 @@ var HttpComponent = /** @class */ (function () {
         this._components = components;
         this.apiUrl = config.apiUrl
             //|| process.env.APP_BACKEND_URL
-            || (typeof window !== 'undefined' ? window.location.protocol + '//' + window.location.host : '');
+            || (!process.env.IS_SSR ? window.location.protocol + '//' + window.location.host : '');
         this.accessTokenKey = config.accessTokenKey || 'accessToken';
         this._lazyRequests = {};
         this._axios = null;
         this._csrfToken = null;
         this._accessToken = false;
-        this._promises = [];
     }
     HttpComponent.prototype.getAxiosConfig = function () {
         return __awaiter(this, void 0, void 0, function () {
@@ -191,7 +192,7 @@ var HttpComponent = /** @class */ (function () {
         });
     };
     HttpComponent.prototype.getUrl = function (method) {
-        if (method === null && typeof window !== 'undefined') {
+        if (method === null && !process.env.IS_SSR) {
             method = window.location.pathname;
         }
         if (method.indexOf('://') === -1) {
@@ -236,7 +237,21 @@ var HttpComponent = /** @class */ (function () {
     };
     HttpComponent.prototype._send = function (method, config, options) {
         var _this = this;
+        var _a;
         var axiosConfig = __assign(__assign({}, config), { url: this.getUrl(method) });
+        // Manual send cookies for preload data in ssr
+        if (process.env.IS_SSR && axiosConfig.url.indexOf(this.apiUrl) !== -1) {
+            var clientStorage = this._components.clientStorage;
+            axiosConfig.headers = __assign(__assign({}, axiosConfig.headers), { Cookie: Object
+                    .entries(clientStorage.get(null, clientStorage.STORAGE_COOKIE) || {})
+                    .map(function (_a) {
+                    var key = _a[0], value = _a[1];
+                    return key + "=" + value;
+                })
+                    .concat([(_a = axiosConfig.headers) === null || _a === void 0 ? void 0 : _a.Cookie])
+                    .filter(Boolean)
+                    .join(';') });
+        }
         if (options.cancelToken) {
             axiosConfig.cancelToken = options.cancelToken;
         }
@@ -258,25 +273,27 @@ var HttpComponent = /** @class */ (function () {
     };
     HttpComponent.prototype._sendAxios = function (config, options) {
         var _this = this;
-        var promise = this.getAxiosInstance()
+        return this.getAxiosInstance()
             .then(function (instance) { return instance(config); })
             .then(function (response) { return _this.afterRequest(response, config, options).then(function (newResponse) { return newResponse || response; }); })["catch"](function (error) {
             console.error('Error, request/response: ', config, String(error)); // eslint-disable-line no-console
             throw error;
         });
-        // Store promises for SSR
-        if (process.env.IS_SSR) {
-            this._promises.push(promise);
-        }
-        return promise;
     };
     HttpComponent.prototype.afterRequest = function (response, config, options) {
         return __awaiter(this, void 0, void 0, function () {
-            var store, match, providerName;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            var _a, store, clientStorage, cookie, match, providerName;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
                     case 0:
-                        store = this._components.store;
+                        _a = this._components, store = _a.store, clientStorage = _a.clientStorage;
+                        cookie = response.headers['set-cookie'];
+                        if (process.env.IS_SSR && config.url.indexOf(this.apiUrl) !== -1 && !isEmpty_1["default"](cookie)) {
+                            set_cookie_parser_1["default"].parse(cookie).forEach(function (_a) {
+                                var name = _a.name, value = _a.value, expires = _a.expires;
+                                return (clientStorage.set(name, value, clientStorage.STORAGE_COOKIE, expires));
+                            });
+                        }
                         // Flash
                         if (response.data.flashes) {
                             store.dispatch(notifications_1.setFlashes(response.data.flashes));
@@ -301,14 +318,14 @@ var HttpComponent = /** @class */ (function () {
                         if (!options.onTwoFactor) return [3 /*break*/, 2];
                         return [4 /*yield*/, options.onTwoFactor(providerName)];
                     case 1:
-                        _a.sent();
+                        _b.sent();
                         return [3 /*break*/, 4];
                     case 2: 
                     // Require verification code
                     return [4 /*yield*/, this._onTwoFactor(providerName)];
                     case 3:
                         // Require verification code
-                        _a.sent();
+                        _b.sent();
                         // Retry request
                         return [2 /*return*/, this._sendAxios(config, options)];
                     case 4: return [2 /*return*/, response];

package/components/LocaleComponent.js

@@ -73,11 +73,11 @@ var LocaleComponent = /** @class */ (function () {
     LocaleComponent.prototype.moment = function (date, format) {
         if (date === void 0) { date = undefined; }
         if (format === void 0) { format = undefined; }
-        if (this.backendTimeZone &&
-            date &&
-            date.length === 19 &&
-            moment_1["default"](date, 'YYYY-MM-DD HH:mm:ss').isValid()) {
-            date = date + this.backendTimeZone;
+        if (this.backendTimeZone
+            && date
+            && date.length === 19
+            && moment_1["default"](date, 'YYYY-MM-DD HH:mm:ss').isValid()) {
+            date += this.backendTimeZone;
         }
         return moment_1["default"](date, format).locale(this.language);
     };
@@ -126,7 +126,7 @@ var LocaleComponent = /** @class */ (function () {
             if (a.index < b.index) {
                 return -1;
             }
-            else if (a.index > b.index) {
+            if (a.index > b.index) {
                 return 1;
             }
             return 0;
@@ -136,9 +136,9 @@ var LocaleComponent = /** @class */ (function () {
         var textParts = message.split('!!component!!');
         for (var i = 0, j = 0; i < textParts.length; i++) {
             var isComponentAdded = false;
-            if (j === 0 &&
-                j < indexedComponents.length &&
-                indexedComponents[j].index === 0) {
+            if (j === 0
+                && j < indexedComponents.length
+                && indexedComponents[j].index === 0) {
                 result.push(React.createElement("span", { key: "element-" + j }, indexedComponents[j].component));
                 isComponentAdded = true;
                 j++;

package/components/MetricsComponent.js

@@ -15,7 +15,9 @@ var MetricsComponent = /** @class */ (function () {
         this._enable = config.enable === undefined
             ? process.env.APP_ENV === 'prod'
             : !!config.enable;
-        this._init();
+        if (!process.env.IS_SSR) {
+            this._init();
+        }
     }
     MetricsComponent.prototype._init = function () {
         var _this = this;

package/components/StoreComponent.d.ts

@@ -1,3 +1,9 @@
+declare global {
+    interface Window {
+        APP_REDUX_PRELOAD_STATES?: any;
+        __REDUX_DEVTOOLS_EXTENSION__?: any;
+    }
+}
 interface IStoreComponentConfig {
     initialState: any;
     history: any;

package/components/StoreComponent.js

@@ -37,7 +37,7 @@ var StoreComponent = /** @class */ (function () {
         this.dispatch = this.dispatch.bind(this);
         this.subscribe = this.subscribe.bind(this);
         if (!lazyInit) {
-            this.initStore();
+            this.initStore(config);
         }
     }
     StoreComponent.prototype.init = function (config) {
@@ -49,8 +49,10 @@ var StoreComponent = /** @class */ (function () {
         var _this = this;
         if (config === void 0) { config = {}; }
         var initialState = __assign(__assign({}, (process.env.IS_WEB
-            // @ts-ignore
             ? merge_1["default"].apply(void 0, (window.APP_REDUX_PRELOAD_STATES || [{}])) : {})), config.initialState);
+        if (window === null || window === void 0 ? void 0 : window.APP_REDUX_PRELOAD_STATES) {
+            delete window.APP_REDUX_PRELOAD_STATES;
+        }
         if (process.env.PLATFORM !== 'mobile') {
             var createHistory = process.env.IS_SSR || typeof location === 'undefined'
                 ? history_1.createMemoryHistory
@@ -70,10 +72,7 @@ var StoreComponent = /** @class */ (function () {
             } : {}), initialState, redux_1.compose(redux_1.applyMiddleware(function (_a) {
                 var getState = _a.getState;
                 return function (next) { return function (action) { return _this._prepare(action, next, getState); }; };
-            }), redux_1.applyMiddleware(connected_react_router_1.routerMiddleware(this.history)), 
-            // @ts-ignore
-            !process.env.IS_SSR && window.__REDUX_DEVTOOLS_EXTENSION__ && process.env.PLATFORM !== 'mobile'
-                // @ts-ignore
+            }), redux_1.applyMiddleware(connected_react_router_1.routerMiddleware(this.history)), !process.env.IS_SSR && window.__REDUX_DEVTOOLS_EXTENSION__ && process.env.PLATFORM !== 'mobile'
                 ? window.__REDUX_DEVTOOLS_EXTENSION__()
                 : function (f) { return f; }));
         }

package/components/UiComponent.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { IComponents } from '../hooks/useComponents';
+import { IComponents } from '../providers/ComponentsProvider';
 /**
  * Ui Component
  * Компонент для подгрузки и конфигурации UI компонентов приложения

package/components/WebSocketComponent.d.ts

@@ -3,7 +3,7 @@
  * Компонент, обеспечивающий постоянное web-socket соединение с сервером. Поддерживает подписку на каналы, обработку
  * ответов и токен авторизации
  */
-import { IComponents } from '../hooks/useComponents';
+import { IComponents } from '../providers/ComponentsProvider';
 export default class WebSocketComponent {
     wsUrl: string;
     streams: string[] | [string, string | number[]][];

package/hoc/components.d.ts

@@ -1,4 +1,4 @@
-import { IComponents } from '../hooks/useComponents';
+import { IComponents } from '../providers/ComponentsProvider';
 export interface IComponentsHocOutput extends IComponents {
     components?: IComponents;
 }

package/hoc/components.js

@@ -36,7 +36,7 @@ var exportComponents = function (components, names) {
     var props = {};
     names.forEach(function (items) {
         [].concat(items).forEach(function (name) {
-            props[name] = window.SteroidsComponents[name];
+            props[name] = components[name];
         });
     });
     return props;

package/hooks/index.d.ts

@@ -4,4 +4,5 @@ import useDataProvider from './useDataProvider';
 import useDataSelect from './useDataSelect';
 import useSelector from './useSelector';
 import useForm from './useForm';
-export { useBem, useComponents, useDataProvider, useDataSelect, useSelector, useForm, };
+import useSsr from './useSsr';
+export { useBem, useComponents, useDataProvider, useDataSelect, useSelector, useForm, useSsr, };

package/hooks/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-exports.useForm = exports.useSelector = exports.useDataSelect = exports.useDataProvider = exports.useComponents = exports.useBem = void 0;
+exports.useSsr = exports.useForm = exports.useSelector = exports.useDataSelect = exports.useDataProvider = exports.useComponents = exports.useBem = void 0;
 var useBem_1 = __importDefault(require("./useBem"));
 exports.useBem = useBem_1["default"];
 var useComponents_1 = __importDefault(require("./useComponents"));
@@ -16,3 +16,5 @@ var useSelector_1 = __importDefault(require("./useSelector"));
 exports.useSelector = useSelector_1["default"];
 var useForm_1 = __importDefault(require("./useForm"));
 exports.useForm = useForm_1["default"];
+var useSsr_1 = __importDefault(require("./useSsr"));
+exports.useSsr = useSsr_1["default"];

package/hooks/useApplication.d.ts

@@ -1,29 +1,13 @@
-import * as React from 'react';
-import { PropsWithChildren } from 'react';
-import { IComponents } from './useComponents';
+/// <reference types="react" />
+import ClientStorageComponent from '../components/ClientStorageComponent';
+import HtmlComponent from '../components/HtmlComponent';
+import StoreComponent from '../components/StoreComponent';
+import UiComponent from '../components/UiComponent';
+import MetaComponent from '../components/MetaComponent';
+import { IComponents } from '../providers/ComponentsProvider';
 import { IRouteItem } from '../ui/nav/Router/Router';
-export interface IScreen {
-    width: number;
-    media: Record<string, any>;
-    setMedia: any;
-    isPhone: () => boolean;
-    isTablet: () => boolean;
-    isDesktop: () => boolean;
-    getDeviceType: () => string;
-}
-export declare const ScreenContext: React.Context<IScreen>;
-export interface IScreenProviderProps extends PropsWithChildren<any> {
-    media?: Record<string, any>;
-    skipTimeout?: boolean;
-}
-export declare const SCREEN_PHONE = "phone";
-export declare const SCREEN_TABLET = "tablet";
-export declare const SCREEN_DESKTOP = "desktop";
-declare global {
-    interface Window {
-        SteroidsComponents: IComponents;
-    }
-}
+import MetricsComponent from '../components/MetricsComponent';
+import { IScreenProviderProps } from '../providers/ScreenProvider';
 /**
  * Application HOC
  * Обертка над корневым компонентом приложения, используется только в `Application.tsx`. Добавляет через React Context
@@ -48,5 +32,24 @@ export interface IApplicationHookResult {
     renderApplication: (children?: any) => JSX.Element;
     components: IComponents;
 }
-export declare const ComponentsContext: React.Context<IComponents>;
+export declare const defaultComponents: {
+    clientStorage: {
+        className: typeof ClientStorageComponent;
+    };
+    html: {
+        className: typeof HtmlComponent;
+    };
+    meta: {
+        className: typeof MetaComponent;
+    };
+    store: {
+        className: typeof StoreComponent;
+    };
+    ui: {
+        className: typeof UiComponent;
+    };
+    metrics: {
+        className: typeof MetricsComponent;
+    };
+};
 export default function useApplication(config?: IApplicationHookConfig): IApplicationHookResult;

package/hooks/useApplication.js

@@ -44,86 +44,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-exports.ComponentsContext = exports.SCREEN_DESKTOP = exports.SCREEN_TABLET = exports.SCREEN_PHONE = exports.ScreenContext = void 0;
+exports.defaultComponents = void 0;
 var React = __importStar(require("react"));
 var react_redux_1 = require("react-redux");
 var merge_1 = __importDefault(require("lodash-es/merge"));
 var react_1 = require("react");
-var react_use_1 = require("react-use");
 var ClientStorageComponent_1 = __importDefault(require("../components/ClientStorageComponent"));
 var HtmlComponent_1 = __importDefault(require("../components/HtmlComponent"));
 var StoreComponent_1 = __importDefault(require("../components/StoreComponent"));
 var UiComponent_1 = __importDefault(require("../components/UiComponent"));
 var MetaComponent_1 = __importDefault(require("../components/MetaComponent"));
+var ComponentsProvider_1 = __importDefault(require("../providers/ComponentsProvider"));
 var Router_1 = __importDefault(require("../ui/nav/Router/Router"));
 var MetricsComponent_1 = __importDefault(require("../components/MetricsComponent"));
-exports.ScreenContext = React.createContext({});
-exports.SCREEN_PHONE = 'phone';
-exports.SCREEN_TABLET = 'tablet';
-exports.SCREEN_DESKTOP = 'desktop';
-function ScreenProvider(props) {
-    var _a;
-    var _b = react_1.useState(typeof window !== 'undefined' ? window.innerWidth : 1280), width = _b[0], setWidth = _b[1];
-    var _c = react_1.useState(props.media || (_a = {},
-        _a[exports.SCREEN_PHONE] = 320,
-        _a[exports.SCREEN_TABLET] = 768,
-        _a[exports.SCREEN_DESKTOP] = 1024,
-        _a)), media = _c[0], setMedia = _c[1];
-    var timer = null;
-    var onResize = function () {
-        if (timer) {
-            clearTimeout(timer);
-        }
-        if (props.skipTimeout) {
-            setWidth(window.innerWidth);
-        }
-        else {
-            timer = setTimeout(function () { return setWidth(window.innerWidth); }, 100);
-        }
-    };
-    react_use_1.useMount(function () {
-        if (typeof window !== 'undefined') {
-            window.addEventListener('resize', onResize, false);
-        }
-    });
-    react_use_1.useUnmount(function () {
-        if (typeof window !== 'undefined') {
-            window.removeEventListener('resize', onResize);
-        }
-    });
-    var getDeviceType = react_1.useCallback(function () {
-        if (width < media[exports.SCREEN_TABLET]) {
-            return exports.SCREEN_PHONE;
-        }
-        if (width < media[exports.SCREEN_DESKTOP]) {
-            return exports.SCREEN_TABLET;
-        }
-        return exports.SCREEN_DESKTOP;
-    }, [width, media]);
-    var isPhone = react_1.useCallback(function () { return getDeviceType() === exports.SCREEN_PHONE; }, [getDeviceType]);
-    var isTablet = react_1.useCallback(function () { return getDeviceType() === exports.SCREEN_TABLET; }, [getDeviceType]);
-    var isDesktop = react_1.useCallback(function () { return getDeviceType() === exports.SCREEN_DESKTOP; }, [getDeviceType]);
-    var value = react_1.useMemo(function () { return ({
-        width: width,
-        media: media,
-        setMedia: setMedia,
-        isPhone: isPhone,
-        isTablet: isTablet,
-        isDesktop: isDesktop,
-        getDeviceType: getDeviceType
-    }); }, [
-        width,
-        media,
-        setMedia,
-        isPhone,
-        isTablet,
-        isDesktop,
-        getDeviceType,
-    ]);
-    return (React.createElement(exports.ScreenContext.Provider, { value: value }, props.children));
-}
-exports.ComponentsContext = React.createContext({});
-var defaultComponents = {
+var ScreenProvider_1 = __importDefault(require("../providers/ScreenProvider"));
+var useComponents_1 = __importDefault(require("./useComponents"));
+exports.defaultComponents = {
     clientStorage: {
         className: ClientStorageComponent_1["default"]
     },
@@ -151,31 +87,30 @@ var defaultComponents = {
 };
 function useApplication(config) {
     if (config === void 0) { config = {}; }
-    var components;
-    // Store global (in global mode)
-    var useGlobal = config.useGlobal !== false && typeof window !== 'undefined';
-    if (useGlobal) {
+    var useGlobal = config.useGlobal !== false;
+    var components = useComponents_1["default"]();
+    if (useGlobal && !process.env.IS_SSR) {
         components = window.SteroidsComponents || null;
     }
     // Create components
     if (!components) {
         components = {};
-        var componentsConfig_1 = merge_1["default"]({}, defaultComponents, config.components);
+        var componentsConfig_1 = merge_1["default"]({}, exports.defaultComponents, config.components);
         Object.keys(componentsConfig_1).forEach(function (name) {
             if (typeof componentsConfig_1[name] === 'function') {
                 componentsConfig_1[name] = { className: componentsConfig_1[name] };
             }
             var _a = componentsConfig_1[name], className = _a.className, componentConfig = __rest(_a, ["className"]);
             // Append reducers to store
-            if (name === 'store' && config.reducers) {
-                componentConfig.reducers = config.reducers;
+            if (name === 'store') {
+                if (config.reducers) {
+                    componentConfig.reducers = config.reducers;
+                }
             }
             // eslint-disable-next-line new-cap
             components[name] = new className(components, componentConfig);
         });
-        if (useGlobal) {
-            window.SteroidsComponents = components;
-        }
+        window.SteroidsComponents = components;
         // Init callback
         if (config.onInit) {
             config.onInit(components);
@@ -190,10 +125,10 @@ function useApplication(config) {
             content = (React.createElement(Router_1["default"], { routes: config.routes(), wrapperView: config.layoutView(), wrapperProps: config.layoutProps }));
         }
         if (config.screen) {
-            content = (React.createElement(ScreenProvider, __assign({}, config.screen), content));
+            content = (React.createElement(ScreenProvider_1["default"], __assign({}, config.screen), content));
         }
-        if (!useGlobal) {
-            content = (React.createElement(exports.ComponentsContext.Provider, { value: components }, content));
+        if (!(useGlobal || process.env.IS_SSR)) {
+            content = (React.createElement(ComponentsProvider_1["default"], { components: components }, content));
         }
         return (React.createElement(react_redux_1.Provider, { store: components.store.store }, content));
     }, [components, config, useGlobal]);

package/hooks/useComponents.d.ts

@@ -1,15 +1,2 @@
-export interface IComponents {
-    api?: any;
-    clientStorage?: any;
-    html?: any;
-    http?: any;
-    locale?: any;
-    store?: any;
-    ui?: any;
-    resource?: any;
-    ws?: any;
-    pushNotification?: any;
-    meta?: any;
-    [key: string]: any;
-}
+import { IComponents } from '../providers/ComponentsProvider';
 export default function useComponents(): IComponents;