@steroidsjs/core 2.2.75 → 2.2.78

package/components/ClientStorageComponent.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Client Storage Component
+ * Слой хранения данных в браузере (cookie, local/session storage) или ReactNative
+ */
+export default class ClientStorageComponent {
+    STORAGE_COOKIE: string;
+    STORAGE_LOCAL: any;
+    STORAGE_SESSION: any;
+    localStorageAvailable: boolean;
+    sessionStorageAvailable: boolean;
+    domain?: string;
+    private _ssrCookie;
+    constructor(components: any, config: any);
+    /**
+     * @param {string} name
+     * @param {string} [storageName]
+     * @returns {*}
+     */
+    get(name: any, storageName: any): any;
+    /**
+     * @param {string} name
+     * @param {*} value
+     * @param {string} [storageName]
+     * @param {number|null} [expires]
+     */
+    set(name: any, value: any, storageName: any, expires?: any): void;
+    /**
+     *
+     * @param {string} name
+     * @param {string} [storageName]
+     */
+    remove(name: any, storageName: any): void;
+    _getDomain(): string;
+}

package/components/ClientStorageComponent.js

@@ -0,0 +1,139 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __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, config) {
+        this.localStorageAvailable = !process.env.IS_SSR;
+        this.sessionStorageAvailable = !process.env.IS_SSR;
+        this.STORAGE_SESSION = 'session';
+        this.STORAGE_LOCAL = 'local';
+        this.STORAGE_COOKIE = 'cookie';
+        if (this.localStorageAvailable) {
+            try {
+                window.localStorage.setItem('localStorageAvailable', '1');
+                this.localStorageAvailable = window.localStorage.getItem('localStorageAvailable') === '1';
+                window.localStorage.removeItem('localStorageAvailable');
+            }
+            catch (e) {
+                this.localStorageAvailable = false;
+            }
+        }
+        if (this.sessionStorageAvailable) {
+            try {
+                window.sessionStorage.setItem('sessionStorageAvailable', '1');
+                this.sessionStorageAvailable = window.localStorage.getItem('sessionStorageAvailable') === '1';
+                window.sessionStorage.removeItem('sessionStorageAvailable');
+            }
+            catch (e) {
+                this.sessionStorageAvailable = false;
+            }
+        }
+        this.domain = (config === null || config === void 0 ? void 0 : config.domain) || null;
+        this._ssrCookie = config === null || config === void 0 ? void 0 : config.ssrCookie;
+    }
+    /**
+     * @param {string} name
+     * @param {string} [storageName]
+     * @returns {*}
+     */
+    ClientStorageComponent.prototype.get = function (name, storageName) {
+        storageName = storageName || this.STORAGE_LOCAL;
+        if (this.localStorageAvailable && storageName === this.STORAGE_LOCAL) {
+            return window.localStorage.getItem(name);
+        }
+        if (this.sessionStorageAvailable
+            && storageName === this.STORAGE_SESSION) {
+            return window.sessionStorage.getItem(name);
+        }
+        return process.env.IS_SSR ? this._ssrCookie.get(name) : cookie.get(name);
+    };
+    /**
+     * @param {string} name
+     * @param {*} value
+     * @param {string} [storageName]
+     * @param {number|null} [expires]
+     */
+    ClientStorageComponent.prototype.set = function (name, value, storageName, expires) {
+        if (expires === void 0) { expires = null; }
+        storageName = storageName || this.STORAGE_LOCAL;
+        if (this.localStorageAvailable && storageName === this.STORAGE_LOCAL) {
+            window.localStorage.setItem(name, value);
+        }
+        else if (this.sessionStorageAvailable
+            && storageName === this.STORAGE_SESSION) {
+            window.sessionStorage.setItem(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);
+        }
+    };
+    /**
+     *
+     * @param {string} name
+     * @param {string} [storageName]
+     */
+    ClientStorageComponent.prototype.remove = function (name, storageName) {
+        storageName = storageName || this.STORAGE_LOCAL;
+        if (this.localStorageAvailable && storageName === this.STORAGE_LOCAL) {
+            window.localStorage.removeItem(name);
+        }
+        else if (this.sessionStorageAvailable
+            && storageName === this.STORAGE_SESSION) {
+            window.sessionStorage.removeItem(name);
+        }
+        else {
+            var options = {
+                domain: this._getDomain()
+            };
+            process.env.IS_SSR ? this._ssrCookie.remove(name, options) : cookie.remove(name, options);
+        }
+    };
+    ClientStorageComponent.prototype._getDomain = function () {
+        if (this.domain) {
+            return this.domain;
+        }
+        var host = (typeof window.location !== 'undefined' && window.location.hostname) || '';
+        return ((!/\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}/.test(host)
+            && host
+                .split('.')
+                .slice(-2)
+                .join('.'))
+            || host);
+    };
+    return ClientStorageComponent;
+}());
+exports["default"] = ClientStorageComponent;

package/components/HtmlComponent.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Html Component
+ * Хелпер для работы с БЭМ классами и DOM элементами
+ */
+export default class HtmlComponent {
+    _instances: any;
+    namespace: string;
+    constructor(components: any);
+    bem(blockName: any): any;
+    classNames(...names: any[]): any;
+    addClass(node: any, className: any): void;
+    removeClass(node: any, className: any): void;
+    closest(element: any, className: any): any;
+    _applyModifiers(entity: any, modifiers: any): string;
+}

package/components/HtmlComponent.js

@@ -0,0 +1,93 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var isString_1 = __importDefault(require("lodash-es/isString"));
+/**
+ * Html Component
+ * Хелпер для работы с БЭМ классами и DOM элементами
+ */
+var HtmlComponent = /** @class */ (function () {
+    function HtmlComponent(components) {
+        this.namespace = '';
+        this._instances = {};
+    }
+    HtmlComponent.prototype.bem = function (blockName) {
+        var _this = this;
+        if (!this._instances[blockName]) {
+            this._instances[blockName] = function () {
+                var names = [];
+                for (var _i = 0; _i < arguments.length; _i++) {
+                    names[_i] = arguments[_i];
+                }
+                return _this.classNames.apply(_this, names);
+            };
+            this._instances[blockName].block = function (modifiers) { return _this._applyModifiers(blockName, modifiers); };
+            this._instances[blockName].element = function (elementName, modifiers) { return _this._applyModifiers(blockName + '__' + elementName, modifiers); };
+        }
+        return this._instances[blockName];
+    };
+    HtmlComponent.prototype.classNames = function () {
+        var names = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            names[_i] = arguments[_i];
+        }
+        return Array.prototype.slice
+            .call(names)
+            .filter(function (v) { return v; })
+            .join(' ');
+    };
+    HtmlComponent.prototype.addClass = function (node, className) {
+        if (node && isString_1["default"](node.className)) {
+            var classes = node.className.split(' ');
+            if (classes.indexOf(className) === -1) {
+                classes.push(className);
+                node.className = classes.join(' ');
+            }
+        }
+    };
+    HtmlComponent.prototype.removeClass = function (node, className) {
+        if (node && isString_1["default"](node.className)) {
+            var classes = node.className.split(' ');
+            var index = classes.indexOf(className);
+            if (index !== -1) {
+                classes.splice(index, 1);
+                node.className = classes.join(' ');
+            }
+        }
+    };
+    HtmlComponent.prototype.closest = function (element, className) {
+        while ((element = element.parentElement)
+            && !element.classList.contains(className)) {
+        } // eslint-disable-line no-empty
+        return element;
+    };
+    HtmlComponent.prototype._applyModifiers = function (entity, modifiers) {
+        var _this = this;
+        var result = [];
+        result.push(entity);
+        if (typeof modifiers === 'string') {
+            result.push(entity + (modifiers ? '_' + modifiers : ''));
+        }
+        else if (modifiers) {
+            Object.keys(modifiers).forEach(function (key) {
+                var value = modifiers[key];
+                if (!value) {
+                    // Skip
+                }
+                else if (value === true) {
+                    result.push(entity + '_' + key);
+                }
+                else {
+                    result.push(entity + '_' + key + '_' + value);
+                }
+            });
+        }
+        // Append namespace
+        result = result.map(function (cl) { return _this.namespace + cl; });
+        return result.join(' ');
+    };
+    return HtmlComponent;
+}());
+exports["default"] = HtmlComponent;

package/components/HttpComponent.d.ts

@@ -0,0 +1,49 @@
+interface IHttpRequestOptions {
+    lazy?: boolean | number;
+    cancelToken?: any;
+    onTwoFactor?: (providerName: string) => Promise<any>;
+}
+/**
+ * Http Component
+ * Обертка над Axios для запросов на бекенд. Поддерживает токен авторизации, CSRF и обработку ошибок.
+ */
+export default class HttpComponent {
+    accessTokenKey: string;
+    apiUrl: string;
+    _accessToken: any;
+    _axios: any;
+    _components: any;
+    _csrfToken: any;
+    _lazyRequests: any;
+    _promises: any;
+    constructor(components: any, config?: any);
+    getAxiosConfig(): Promise<{
+        withCredentials: boolean;
+        headers: any;
+    }>;
+    /**
+     * @param {string} value
+     */
+    setCsrfToken(value: any): void;
+    removeAccessToken(): void;
+    /**
+     * @param {string} value
+     */
+    setAccessToken(value: any): void;
+    /**
+     * @returns {string}
+     */
+    getAccessToken(): Promise<any>;
+    resetConfig(): void;
+    getAxiosInstance(): Promise<any>;
+    getUrl(method: any): any;
+    get(url: any, params?: {}, options?: IHttpRequestOptions): any;
+    post(url: any, params?: {}, options?: IHttpRequestOptions): any;
+    delete(url: any, params?: {}, options?: IHttpRequestOptions): any;
+    send(method: any, url: any, params?: {}, options?: IHttpRequestOptions): any;
+    _send(method: any, config: any, options: IHttpRequestOptions): any;
+    _sendAxios(config: any, options: IHttpRequestOptions): any;
+    afterRequest(response: any, config: any, options: IHttpRequestOptions): any;
+    _onTwoFactor(providerName: any): Promise<unknown>;
+}
+export {};

package/components/HttpComponent.js

@@ -0,0 +1,350 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": 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");
+/**
+ * Http Component
+ * Обертка над Axios для запросов на бекенд. Поддерживает токен авторизации, CSRF и обработку ошибок.
+ */
+var HttpComponent = /** @class */ (function () {
+    function HttpComponent(components, config) {
+        if (config === void 0) { config = {}; }
+        this.accessTokenKey = 'accessToken';
+        this._components = components;
+        this.apiUrl = config.apiUrl
+            //|| process.env.APP_BACKEND_URL
+            || (!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;
+    }
+    HttpComponent.prototype.getAxiosConfig = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var config, metaElement, clientStorage, tokenValue, _a, _b;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
+                    case 0:
+                        config = {
+                            withCredentials: true,
+                            headers: {
+                                // Add XMLHttpRequest header for detect ajax requests
+                                'X-Requested-With': 'XMLHttpRequest',
+                                // Add Content-Type
+                                'Content-Type': 'application/json'
+                            }
+                        };
+                        // Add CSRF header
+                        if (!this._csrfToken && !process.env.IS_SSR && process.env.IS_WEB) {
+                            metaElement = document.querySelector('meta[name=csrf-token]');
+                            if (metaElement) {
+                                this._csrfToken = metaElement.getAttribute('content');
+                            }
+                        }
+                        if (this._csrfToken) {
+                            config.headers['X-CSRF-Token'] = this._csrfToken;
+                        }
+                        if (!(this._accessToken === false)) return [3 /*break*/, 4];
+                        clientStorage = this._components.clientStorage;
+                        tokenValue = clientStorage.get(this.accessTokenKey, clientStorage.STORAGE_COOKIE)
+                            || clientStorage.get(this.accessTokenKey)
+                            || null;
+                        // client storage method 'get' could be asynchronous
+                        _a = this;
+                        if (!(tokenValue instanceof Promise)) return [3 /*break*/, 2];
+                        return [4 /*yield*/, tokenValue];
+                    case 1:
+                        _b = _c.sent();
+                        return [3 /*break*/, 3];
+                    case 2:
+                        _b = tokenValue;
+                        _c.label = 3;
+                    case 3:
+                        // client storage method 'get' could be asynchronous
+                        _a._accessToken = _b;
+                        if (this._accessToken) {
+                            clientStorage.set(this.accessTokenKey, this._accessToken, clientStorage.STORAGE_COOKIE, 180);
+                        }
+                        _c.label = 4;
+                    case 4:
+                        if (this._accessToken) {
+                            config.headers.Authorization = 'Bearer ' + this._accessToken;
+                        }
+                        return [2 /*return*/, config];
+                }
+            });
+        });
+    };
+    /**
+     * @param {string} value
+     */
+    HttpComponent.prototype.setCsrfToken = function (value) {
+        this._csrfToken = value;
+        this.resetConfig();
+    };
+    HttpComponent.prototype.removeAccessToken = function () {
+        this._accessToken = null;
+        this.resetConfig();
+        this._components.clientStorage.remove(this.accessTokenKey, this._components.clientStorage.STORAGE_COOKIE);
+    };
+    /**
+     * @param {string} value
+     */
+    HttpComponent.prototype.setAccessToken = function (value) {
+        this._accessToken = value;
+        this.resetConfig();
+        this._components.clientStorage.set(this.accessTokenKey, value, this._components.clientStorage.STORAGE_COOKIE, 180);
+    };
+    /**
+     * @returns {string}
+     */
+    HttpComponent.prototype.getAccessToken = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var _a;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        if (!(this._accessToken === false)) return [3 /*break*/, 2];
+                        _a = this;
+                        return [4 /*yield*/, this._components.clientStorage.get(this.accessTokenKey)];
+                    case 1:
+                        _a._accessToken = (_b.sent()) || null;
+                        _b.label = 2;
+                    case 2: return [2 /*return*/, this._accessToken];
+                }
+            });
+        });
+    };
+    HttpComponent.prototype.resetConfig = function () {
+        this._axios = null;
+    };
+    HttpComponent.prototype.getAxiosInstance = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var _a, _b, _c;
+            return __generator(this, function (_d) {
+                switch (_d.label) {
+                    case 0:
+                        if (!!this._axios) return [3 /*break*/, 2];
+                        _a = this;
+                        _c = (_b = axios_1["default"]).create;
+                        return [4 /*yield*/, this.getAxiosConfig()];
+                    case 1:
+                        _a._axios = _c.apply(_b, [_d.sent()]);
+                        _d.label = 2;
+                    case 2: return [2 /*return*/, this._axios];
+                }
+            });
+        });
+    };
+    HttpComponent.prototype.getUrl = function (method) {
+        if (method === null && !process.env.IS_SSR) {
+            method = window.location.pathname;
+        }
+        if (method.indexOf('://') === -1) {
+            method = trimEnd_1["default"](this.apiUrl, '/') + "/" + trimStart_1["default"](method, '/');
+        }
+        return method;
+    };
+    HttpComponent.prototype.get = function (url, params, options) {
+        if (params === void 0) { params = {}; }
+        if (options === void 0) { options = {}; }
+        return this._send(url, {
+            method: 'get',
+            params: params
+        }, options).then(function (response) { return response.data; });
+    };
+    HttpComponent.prototype.post = function (url, params, options) {
+        if (params === void 0) { params = {}; }
+        if (options === void 0) { options = {}; }
+        return this._send(url, {
+            method: 'post',
+            data: params
+        }, options).then(function (response) { return response.data; });
+    };
+    HttpComponent.prototype["delete"] = function (url, params, options) {
+        if (params === void 0) { params = {}; }
+        if (options === void 0) { options = {}; }
+        return this._send(url, {
+            method: 'delete',
+            data: params
+        }, options).then(function (response) { return response.data; });
+    };
+    HttpComponent.prototype.send = function (method, url, params, options) {
+        var _a;
+        if (params === void 0) { params = {}; }
+        if (options === void 0) { options = {}; }
+        method = method.toLowerCase();
+        return this._send(url, (_a = {
+                method: method
+            },
+            _a[method === 'get' ? 'params' : 'data'] = params,
+            _a), options);
+    };
+    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;
+        }
+        if (options.lazy) {
+            if (this._lazyRequests[method]) {
+                clearTimeout(this._lazyRequests[method]);
+            }
+            return new Promise(function (resolve, reject) {
+                var timeout = options.lazy !== true ? options.lazy : 200;
+                if (typeof timeout === 'number') {
+                    _this._lazyRequests[method] = setTimeout(function () {
+                        _this._sendAxios(axiosConfig, options)
+                            .then(function (result) { return resolve(result); })["catch"](function (result) { return reject(result); });
+                    }, timeout);
+                }
+            });
+        }
+        return this._sendAxios(axiosConfig, options);
+    };
+    HttpComponent.prototype._sendAxios = function (config, options) {
+        var _this = this;
+        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;
+        });
+    };
+    HttpComponent.prototype.afterRequest = function (response, config, options) {
+        return __awaiter(this, void 0, void 0, function () {
+            var _a, store, clientStorage, cookie, match, providerName;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        _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));
+                        }
+                        // Ajax redirect
+                        if (response.data.redirectUrl && !process.env.IS_SSR) {
+                            if (window.location.href === response.data.redirectUrl.split('#')[0]) {
+                                window.location.href = response.data.redirectUrl;
+                                window.location.reload();
+                            }
+                            else {
+                                window.location.href = response.data.redirectUrl;
+                            }
+                        }
+                        if (!response.data.errors) return [3 /*break*/, 4];
+                        match = JSON.stringify(response.data.errors).match(/2FA_REQUIRED:([a-zA-Z0-9-_]+)/);
+                        if (!match) return [3 /*break*/, 4];
+                        providerName = match[1];
+                        // Mark 2fa, remove errors - only 2fa need
+                        response.twoFactor = providerName;
+                        delete response.data.errors;
+                        if (!options.onTwoFactor) return [3 /*break*/, 2];
+                        return [4 /*yield*/, options.onTwoFactor(providerName)];
+                    case 1:
+                        _b.sent();
+                        return [3 /*break*/, 4];
+                    case 2: 
+                    // Require verification code
+                    return [4 /*yield*/, this._onTwoFactor(providerName)];
+                    case 3:
+                        // Require verification code
+                        _b.sent();
+                        // Retry request
+                        return [2 /*return*/, this._sendAxios(config, options)];
+                    case 4: return [2 /*return*/, response];
+                }
+            });
+        });
+    };
+    HttpComponent.prototype._onTwoFactor = function (providerName) {
+        var _this = this;
+        return new Promise(function (resolve) {
+            var store = _this._components.store;
+            var TwoFactorModal = require('../ui/modal/TwoFactorModal')["default"];
+            var openModal = require('../actions/modal').openModal;
+            store.dispatch(openModal(TwoFactorModal, {
+                providerName: providerName,
+                onClose: resolve
+            }));
+        });
+    };
+    return HttpComponent;
+}());
+exports["default"] = HttpComponent;