@steroidsjs/core 2.1.0-beta.7 → 2.2.0

package/README.md

@@ -1 +1,3 @@
-# Steroids
+# Steroids for React
+
+Для справки по библиотеке обратитесь к [основной документации](docs/index.md)

package/actions/form.d.ts

@@ -2,6 +2,7 @@ export declare const FORM_INITIALIZE = "@form/initialize";
 export declare const FORM_CHANGE = "@form/change";
 export declare const FORM_RESET = "@form/reset";
 export declare const FORM_SET_ERRORS = "@form/set_errors";
+export declare const FORM_SUBMIT = "@form/submit";
 export declare const FORM_ARRAY_ADD = "@form/array_add";
 export declare const FORM_ARRAY_REMOVE = "@form/array_remove";
 /**
@@ -17,13 +18,13 @@ export declare const formInitialize: (formId: any, values: any) => {
 /**
  * Изменение значения поля
  * @param formId
- * @param name
+ * @param nameOrObject
  * @param value
  */
-export declare const formChange: (formId: any, name: any, value: any) => {
+export declare const formChange: (formId: any, nameOrObject: any, value?: any) => {
     type: string;
     formId: any;
-    name: any;
+    nameOrObject: any;
     value: any;
 };
 /**
@@ -36,6 +37,14 @@ export declare const formSetErrors: (formId: any, errors: any) => {
     formId: any;
     errors: any;
 };
+/**
+ * Сабмит формы
+ * @param formId
+ */
+export declare const formSubmit: (formId: any) => {
+    type: string;
+    formId: any;
+};
 /**
  * Сброс данных формы к первоначальному состоянию (к initialValues)
  * @param formId

package/actions/form.js

@@ -1,10 +1,11 @@
 "use strict";
 exports.__esModule = true;
-exports.formArrayRemove = exports.formArrayAdd = exports.formReset = exports.formSetErrors = exports.formChange = exports.formInitialize = exports.FORM_ARRAY_REMOVE = exports.FORM_ARRAY_ADD = exports.FORM_SET_ERRORS = exports.FORM_RESET = exports.FORM_CHANGE = exports.FORM_INITIALIZE = void 0;
+exports.formArrayRemove = exports.formArrayAdd = exports.formReset = exports.formSubmit = exports.formSetErrors = exports.formChange = exports.formInitialize = exports.FORM_ARRAY_REMOVE = exports.FORM_ARRAY_ADD = exports.FORM_SUBMIT = exports.FORM_SET_ERRORS = exports.FORM_RESET = exports.FORM_CHANGE = exports.FORM_INITIALIZE = void 0;
 exports.FORM_INITIALIZE = '@form/initialize';
 exports.FORM_CHANGE = '@form/change';
 exports.FORM_RESET = '@form/reset';
 exports.FORM_SET_ERRORS = '@form/set_errors';
+exports.FORM_SUBMIT = '@form/submit';
 exports.FORM_ARRAY_ADD = '@form/array_add';
 exports.FORM_ARRAY_REMOVE = '@form/array_remove';
 /**
@@ -21,15 +22,18 @@ exports.formInitialize = formInitialize;
 /**
  * Изменение значения поля
  * @param formId
- * @param name
+ * @param nameOrObject
  * @param value
  */
-var formChange = function (formId, name, value) { return ({
-    type: exports.FORM_CHANGE,
-    formId: formId,
-    name: name,
-    value: value
-}); };
+var formChange = function (formId, nameOrObject, value) {
+    if (value === void 0) { value = null; }
+    return ({
+        type: exports.FORM_CHANGE,
+        formId: formId,
+        nameOrObject: nameOrObject,
+        value: value
+    });
+};
 exports.formChange = formChange;
 /**
  * Задать ошибки
@@ -42,6 +46,15 @@ var formSetErrors = function (formId, errors) { return ({
     errors: errors
 }); };
 exports.formSetErrors = formSetErrors;
+/**
+ * Сабмит формы
+ * @param formId
+ */
+var formSubmit = function (formId) { return ({
+    type: exports.FORM_SUBMIT,
+    formId: formId
+}); };
+exports.formSubmit = formSubmit;
 /**
  * Сброс данных формы к первоначальному состоянию (к initialValues)
  * @param formId

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;
@@ -200,6 +201,10 @@ var listFetch = function (listId, query) {
         }
         // Send request
         toDispatch.push(Promise.resolve(onFetch(list, formValues, components)).then(function (data) {
+            // Skip on empty
+            if (!data) {
+                return [];
+            }
             // Check list is not destroy
             if (!getState().list.lists[listId]) {
                 return [];

package/actions/modal.d.ts

@@ -1,12 +1,13 @@
+import { IModalProps } from '../ui/modal/Modal/Modal';
 export declare const MODAL_OPEN = "@modal/open";
 export declare const MODAL_MARK_CLOSING = "@modal/markClosing";
 export declare const MODAL_CLOSE = "@modal/close";
-export declare const openModal: (modal: any, props?: any) => {
+export declare const openModal: (modal: any, props?: IModalProps) => {
     type: string;
     id: any;
     modal: any;
     group: any;
-    props: any;
+    props: IModalProps;
 };
 export declare const modalMarkClosing: (id: any, group?: any) => {
     type: string;

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

@@ -28,21 +28,6 @@ var moment_1 = __importDefault(require("moment"));
 var isObject_1 = __importDefault(require("lodash-es/isObject"));
 require("moment/locale/it");
 require("moment/locale/ru");
-// Fix load locale data
-if (process.env.IS_SSR) {
-    // @ts-ignore
-    global.IntlMessageFormat = intl_messageformat_1["default"];
-    require('intl-messageformat/dist/locale-data/ru');
-    // @ts-ignore
-    delete global.IntlMessageFormat;
-}
-else {
-    // @ts-ignore
-    window.IntlMessageFormat = intl_messageformat_1["default"];
-    require('intl-messageformat/dist/locale-data/ru');
-    // @ts-ignore
-    delete window.IntlMessageFormat;
-}
 /**
  * Locale Component
  * Компонент для локализации приложения. Поддерживает конфигурацию языка и временной зоны
@@ -73,11 +58,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 +111,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 +121,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/MetaComponent.d.ts

@@ -6,7 +6,7 @@ export interface Model {
     attributes?: (string | ModelAttribute)[];
 }
 export interface ModelAttribute {
-    type?: 'autoTime' | 'boolean' | 'dateTime' | 'date' | 'double' | 'email' | 'enum' | 'file' | 'files' | 'html' | 'integer' | 'money' | 'password' | 'phone' | 'primaryKey' | 'size' | 'string' | 'text' | 'time';
+    type?: 'autoTime' | 'boolean' | 'dateTime' | 'date' | 'double' | 'email' | 'enum' | 'file' | 'files' | 'html' | 'integer' | 'money' | 'password' | 'phone' | 'primaryKey' | 'size' | 'string' | 'text' | 'time' | string;
     jsType?: 'boolean' | 'string' | 'string[]' | 'number' | 'number[]' | string;
     attribute?: string;
     label?: string;
@@ -14,11 +14,11 @@ export interface ModelAttribute {
     isRequired?: boolean;
     isSortable?: boolean;
     field?: string | any;
-    fieldProps?: object;
+    fieldProps?: Record<string, unknown>;
     searchField?: string | any;
-    searchFieldProps?: object;
+    searchFieldProps?: Record<string, unknown>;
     formatter?: string | any;
-    formatterProps?: object;
+    formatterProps?: Record<string, unknown>;
     defaultValue?: any;
     fromStringConverter?: (value: string, type: string, item: any) => any;
     toStringConverter?: (value: any, type: string, item: any) => string | null;

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/SocialComponent.d.ts

@@ -6,7 +6,7 @@ export default class SocialComponent {
     _components: any;
     _initializing: any;
     providers: any;
-    constructor(components: any);
+    constructor(components: any, config: any);
     init(): void;
     start(socialName: any): any;
 }

package/components/SocialComponent.js

@@ -3,25 +3,29 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var social_1 = __importDefault(require("./social"));
+var isFunction_1 = __importDefault(require("lodash-es/isFunction"));
 /**
  * Social Component
  * Провайдер для социальных сетей. Обеспечивает вызов окна соц сети для oauth авторизации
  */
 var SocialComponent = /** @class */ (function () {
-    function SocialComponent(components) {
-        this.providers = {};
+    function SocialComponent(components, config) {
+        this.providers = config.providers || {};
         this._initializing = {};
         this._components = components;
     }
     SocialComponent.prototype.init = function () {
         var _this = this;
         Object.keys(this.providers).forEach(function (name) {
-            if (social_1["default"][name]) {
-                var config = _this.providers[name] || {};
-                _this.providers[name] = new social_1["default"][name](_this._components);
-                Object.assign(_this.providers[name], config);
+            if (isFunction_1["default"](_this.providers[name])) {
+                _this.providers[name] = { className: _this.providers[name] };
             }
+            var ProviderClass = _this.providers[name].className;
+            delete _this.providers[name].className;
+            if (!ProviderClass) {
+                throw new Error('Not found class for social provider: ' + name);
+            }
+            _this.providers[name] = new ProviderClass(_this._components, _this.providers[name]);
         });
         Object.keys(this.providers).forEach(function (name) {
             _this._initializing[name] = _this.providers[name].init();
@@ -32,9 +36,7 @@ var SocialComponent = /** @class */ (function () {
         if (!this._initializing[socialName]) {
             return Promise.reject();
         }
-        return this._initializing[socialName].then(function () {
-            return _this.providers[socialName].start();
-        });
+        return this._initializing[socialName].then(function () { return _this.providers[socialName].start(); });
     };
     return SocialComponent;
 }());

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
@@ -59,7 +61,7 @@ var StoreComponent = /** @class */ (function () {
                     : history_1.createBrowserHistory;
             this.history = createHistory(__assign(__assign({}, get_1["default"](initialState, 'config.store.history', {})), config.history));
             // Add '?' for fix connected-react-router
-            if (process.env.IS_SSR && !this.history.location.search && process.env.PLATFORM !== 'mobile') {
+            if (process.env.IS_SSR && !this.history.location.search) {
                 this.history.location.search = '?';
             }
             this._routerReducer = connected_react_router_1.connectRouter(this.history);
@@ -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/components/social/FacebookProvider.d.ts

@@ -2,7 +2,7 @@ export default class FacebookProvider {
     _components: any;
     clientId: string;
     language: string;
-    constructor(components: any);
+    constructor(components: any, config: any);
     init(): Promise<any>;
     start(): Promise<unknown>;
 }

package/components/social/FacebookProvider.js

@@ -37,13 +37,12 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 exports.__esModule = true;
 var FacebookProvider = /** @class */ (function () {
-    function FacebookProvider(components) {
+    function FacebookProvider(components, config) {
         this._components = components;
-        this.clientId = '';
-        this.language =
-            this._components.locale.language +
-                '_' +
-                this._components.locale.language.toUpperCase();
+        this.clientId = config.clientId || '';
+        this.language = this._components.locale.language
+            + '_'
+            + this._components.locale.language.toUpperCase();
     }
     FacebookProvider.prototype.init = function () {
         return __awaiter(this, void 0, void 0, function () {

package/components/social/GitlabProvider.d.ts

@@ -0,0 +1,8 @@
+export default class GitlabProvider {
+    _components: any;
+    url: string;
+    redirectUrl: any;
+    constructor(components: any, config: any);
+    init(): Promise<void>;
+    start(): Promise<unknown>;
+}