@steroidsjs/core 2.3.0-beta.7 → 3.0.0-beta.1

package/components/HttpComponent.js

@@ -1,358 +1,358 @@
-"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.clientStorageName = config.clientStorageName || this._components.clientStorage.STORAGE_COOKIE;
-        this.clientStorageExpiresIn = config.clientStorageExpiresIn || 180;
-        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, this.clientStorageName)
-                            || 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, this.clientStorageName, this.clientStorageExpiresIn);
-                        }
-                        _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.clientStorageName);
-    };
-    /**
-     * @param {string} value
-     */
-    HttpComponent.prototype.setAccessToken = function (value) {
-        this._accessToken = value;
-        this.resetConfig();
-        this._components.clientStorage.set(this.accessTokenKey, value, this.clientStorageName, this.clientStorageExpiresIn);
-    };
-    /**
-     * @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, this.clientStorageName)];
-                    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.onLogout = function () {
-        this.removeAccessToken();
-    };
-    HttpComponent.prototype.onLogin = function (params) {
-        this.setAccessToken(params.accessToken);
-    };
-    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;
+"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.clientStorageName = config.clientStorageName || this._components.clientStorage.STORAGE_COOKIE;
+        this.clientStorageExpiresIn = config.clientStorageExpiresIn || 180;
+        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, this.clientStorageName)
+                            || 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, this.clientStorageName, this.clientStorageExpiresIn);
+                        }
+                        _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.clientStorageName);
+    };
+    /**
+     * @param {string} value
+     */
+    HttpComponent.prototype.setAccessToken = function (value) {
+        this._accessToken = value;
+        this.resetConfig();
+        this._components.clientStorage.set(this.accessTokenKey, value, this.clientStorageName, this.clientStorageExpiresIn);
+    };
+    /**
+     * @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, this.clientStorageName)];
+                    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.onLogout = function () {
+        this.removeAccessToken();
+    };
+    HttpComponent.prototype.onLogin = function (params) {
+        this.setAccessToken(params.accessToken);
+    };
+    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;