@steroidsjs/core 2.1.0-beta.3 → 2.1.0-beta.33

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";
 /**
@@ -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';
 /**
@@ -42,6 +43,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;

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

@@ -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/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>;
+}

package/components/social/GitlabProvider.js

@@ -0,0 +1,98 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+exports.__esModule = true;
+var GitlabProvider = /** @class */ (function () {
+    function GitlabProvider(components, config) {
+        this._components = components;
+        this.url = config.url || '';
+        this.redirectUrl = config.redirectUrl || this._components.http.getUrl('/api/v1/auth/social/proxy');
+    }
+    GitlabProvider.prototype.init = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                return [2 /*return*/, Promise.resolve()];
+            });
+        });
+    };
+    GitlabProvider.prototype.start = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var _this = this;
+            return __generator(this, function (_a) {
+                return [2 /*return*/, new Promise(function (resolve, reject) {
+                        // Open popup auth window
+                        var width = 600;
+                        var height = 400;
+                        var params = {
+                            toolbar: 'no',
+                            location: 'no',
+                            directories: 'no',
+                            status: 'no',
+                            menubar: 'no',
+                            scrollbars: 'no',
+                            resizable: 'no',
+                            width: width,
+                            height: height,
+                            left: window.screen.width / 2 - width / 2,
+                            top: window.screen.height / 2 - height / 2
+                        };
+                        var popup = window.open(_this.url, __('Авторизация через Gitlab'), Object.entries(params)
+                            .map(function (_a) {
+                            var key = _a[0], value = _a[1];
+                            return key + '=' + value;
+                        })
+                            .join(','));
+                        popup.onbeforeunload = function () { return reject(); };
+                        // This is a handler which is used by child window to pass auth result
+                        window.authCallback = function (link) {
+                            // link: http://127.0.0.1:9424/api/v1/auth/social/proxy
+                            // ?provider=gitlab_kozhindev#access_token=7b87e3de0...5518198d885d&token_type=Bearer
+                            var token = (/access_token=(\w+)/.exec(link) || [])[1];
+                            if (token) {
+                                resolve({ token: token });
+                            }
+                            else {
+                                reject();
+                            }
+                        };
+                    })];
+            });
+        });
+    };
+    return GitlabProvider;
+}());
+exports["default"] = GitlabProvider;