@wavemaker/react-runtime 11.14.3-rc.6401 → 11.15.0-2.247

package/hooks/useHttp.js

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useHttp = exports.httpService = exports["default"] = exports.HttpProvider = void 0;
+exports.useHttp = exports.httpService = exports.getHttpService = exports["default"] = exports.HttpProvider = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
@@ -13,13 +13,17 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _axios = _interopRequireWildcard(require("axios"));
+var axiosModule = _axios;
 var _constants = require("@wavemaker/react-runtime/variables/constants");
 var _store = require("../store");
 var _authSlice = require("../store/slices/authSlice");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
 var __jsx = _react["default"].createElement;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } // @ts-ignore
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var axios = axiosModule["default"] || axiosModule;
+
+// @ts-ignore
 // Types
 // Create the HTTP service class implementing HttpClientService
 var ModernHttpService = /*#__PURE__*/function () {
@@ -27,74 +31,201 @@ var ModernHttpService = /*#__PURE__*/function () {
     var baseURL = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
     (0, _classCallCheck2["default"])(this, ModernHttpService);
     (0, _defineProperty2["default"])(this, "axiosInstance", void 0);
-    this.axiosInstance = _axios["default"].create({
+    (0, _defineProperty2["default"])(this, "_context", null);
+    (0, _defineProperty2["default"])(this, "localeObject", _store.store.getState().i18n.appLocale);
+    this.axiosInstance = axios.create({
       baseURL: baseURL
     });
     this.setupInterceptors();
   }
-  (0, _createClass2["default"])(ModernHttpService, [{
+
+  /**
+   * Set the current context (page/component context)
+   * @param context - The context object to store
+   */
+  return (0, _createClass2["default"])(ModernHttpService, [{
+    key: "setContext",
+    value: function setContext(context) {
+      this._context = context;
+    }
+
+    /**
+     * Get the currently stored context
+     * @returns The stored context object
+     */
+  }, {
+    key: "getContext",
+    value: function getContext() {
+      return this._context;
+    }
+  }, {
+    key: "getAppManager",
+    value: function getAppManager() {
+      var _ref, _currentContext$App;
+      var currentContext = this.getContext();
+      return (_ref = (_currentContext$App = currentContext === null || currentContext === void 0 ? void 0 : currentContext.App) !== null && _currentContext$App !== void 0 ? _currentContext$App : currentContext) !== null && _ref !== void 0 ? _ref : {};
+    }
+  }, {
     key: "setupInterceptors",
     value: function setupInterceptors() {
-      this.axiosInstance.interceptors.request.use(function (config) {
-        var _state$info, _config$withCredentia, _config$url;
-        // Create new headers instance
-        var state = _store.store.getState();
-        var token = state.auth.token;
-        var baseUrl = ((_state$info = state.info) === null || _state$info === void 0 || (_state$info = _state$info.appConfig) === null || _state$info === void 0 ? void 0 : _state$info.url) || "";
-        var headers = new _axios.AxiosHeaders(config.headers);
-        // Check if this is a file download operation
-        var wmVariable = config.__wmVariable;
-        var isFileDownload = (wmVariable === null || wmVariable === void 0 ? void 0 : wmVariable.operation) === "getDownloadFile";
-
-        // Only set Accept header for non-download operations
-        if (!isFileDownload) {
-          headers.set("Accept", "application/json");
-        }
-        config.headers = headers;
-        config.withCredentials = (_config$withCredentia = config.withCredentials) !== null && _config$withCredentia !== void 0 ? _config$withCredentia : true;
-        if ((_config$url = config.url) !== null && _config$url !== void 0 && _config$url.startsWith(baseUrl) && token) {
-          if (config.headers) config.headers[_authSlice.XSRF_HEADER_NAME] = token;
-        }
-        return config;
-      }, function (error) {
-        return Promise.reject(error);
-      });
-      this.axiosInstance.interceptors.response.use(function (response) {
-        return _objectSpread(_objectSpread({}, response), {}, {
-          body: response.data,
-          type: 4 // mimic Angular's HttpEventType.Response
-        });
-      }, /*#__PURE__*/function () {
-        var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(error) {
-          var _error$response;
+      var _this = this;
+      this.axiosInstance.interceptors.request.use(/*#__PURE__*/function () {
+        var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(config) {
+          var _state$info, _config$withCredentia, _config$url;
+          var appManager, state, token, baseUrl, headers, wmVariable, isFileDownload, modifiedReq;
           return _regenerator["default"].wrap(function _callee$(_context) {
             while (1) switch (_context.prev = _context.next) {
               case 0:
-                if (((_error$response = error.response) === null || _error$response === void 0 ? void 0 : _error$response.status) === 401) {}
-                throw error.response || error;
-              case 2:
+                appManager = _this.getAppManager(); // Create new headers instance
+                state = _store.store.getState();
+                token = state.auth.token;
+                baseUrl = ((_state$info = state.info) === null || _state$info === void 0 || (_state$info = _state$info.appConfig) === null || _state$info === void 0 ? void 0 : _state$info.url) || "";
+                headers = new _axios.AxiosHeaders(config.headers); // Check if this is a file download operation
+                wmVariable = config.__wmVariable;
+                isFileDownload = (wmVariable === null || wmVariable === void 0 ? void 0 : wmVariable.operation) === "getDownloadFile"; // Only set Accept header for non-download operations
+                if (!isFileDownload) {
+                  headers.set("Accept", "application/json");
+                }
+                config.headers = headers;
+                config.withCredentials = (_config$withCredentia = config.withCredentials) !== null && _config$withCredentia !== void 0 ? _config$withCredentia : true;
+                if ((_config$url = config.url) !== null && _config$url !== void 0 && _config$url.startsWith(baseUrl) && token) {
+                  if (config.headers) config.headers[_authSlice.XSRF_HEADER_NAME] = token;
+                }
+
+                // Call onBeforeServiceCall if available - wait for promise to resolve
+                // This allows the app to modify the request config before it's sent
+                if (!(appManager && appManager.onBeforeServiceCall)) {
+                  _context.next = 22;
+                  break;
+                }
+                _context.prev = 12;
+                _context.next = 15;
+                return appManager.onBeforeServiceCall(config);
+              case 15:
+                modifiedReq = _context.sent;
+                if (modifiedReq) {
+                  config = modifiedReq;
+                }
+                _context.next = 22;
+                break;
+              case 19:
+                _context.prev = 19;
+                _context.t0 = _context["catch"](12);
+                console.error("Error in onBeforeServiceCall:", _context.t0);
+                // Continue with original config if the callback fails
+              case 22:
+                return _context.abrupt("return", config);
+              case 23:
               case "end":
                 return _context.stop();
             }
-          }, _callee);
+          }, _callee, null, [[12, 19]]);
         }));
         return function (_x) {
-          return _ref.apply(this, arguments);
+          return _ref2.apply(this, arguments);
+        };
+      }(), function (error) {
+        return Promise.reject(error);
+      });
+      this.axiosInstance.interceptors.response.use(/*#__PURE__*/function () {
+        var _ref3 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(response) {
+          var appManager, modifiedResponse, modifiedResp;
+          return _regenerator["default"].wrap(function _callee2$(_context2) {
+            while (1) switch (_context2.prev = _context2.next) {
+              case 0:
+                appManager = _this.getAppManager();
+                modifiedResponse = _objectSpread(_objectSpread({}, response), {}, {
+                  body: response.data,
+                  type: 4 // mimic Angular's HttpEventType.Response
+                }); // Call appOnServiceSuccess if available - similar to Angular's tap operator
+                if (!(appManager && appManager.onServiceSuccess)) {
+                  _context2.next = 13;
+                  break;
+                }
+                _context2.prev = 3;
+                _context2.next = 6;
+                return appManager.onServiceSuccess(modifiedResponse.body, modifiedResponse);
+              case 6:
+                modifiedResp = _context2.sent;
+                if (modifiedResp) {
+                  modifiedResponse = _objectSpread(_objectSpread({}, modifiedResponse), modifiedResp);
+                }
+                _context2.next = 13;
+                break;
+              case 10:
+                _context2.prev = 10;
+                _context2.t0 = _context2["catch"](3);
+                console.error("Error in onServiceSuccess:", _context2.t0);
+              case 13:
+                return _context2.abrupt("return", modifiedResponse);
+              case 14:
+              case "end":
+                return _context2.stop();
+            }
+          }, _callee2, null, [[3, 10]]);
+        }));
+        return function (_x2) {
+          return _ref3.apply(this, arguments);
+        };
+      }(), /*#__PURE__*/function () {
+        var _ref4 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(error) {
+          var _error$response;
+          var appManager, errorResponse, _errorResponse, _errorResponse2, _errorResponse3, errorMessage, modifiedResp;
+          return _regenerator["default"].wrap(function _callee3$(_context3) {
+            while (1) switch (_context3.prev = _context3.next) {
+              case 0:
+                appManager = _this.getAppManager();
+                errorResponse = error.response || error; // Handle 401 session timeout if needed
+                if (((_error$response = error.response) === null || _error$response === void 0 ? void 0 : _error$response.status) === 401) {
+                  // Session timeout handling can be added here
+                }
+
+                // Call appOnServiceError if available
+                if (!(appManager && appManager.onServiceError)) {
+                  _context3.next = 16;
+                  break;
+                }
+                _context3.prev = 4;
+                errorMessage = ((_errorResponse = errorResponse) === null || _errorResponse === void 0 || (_errorResponse = _errorResponse.data) === null || _errorResponse === void 0 ? void 0 : _errorResponse.message) || ((_errorResponse2 = errorResponse) === null || _errorResponse2 === void 0 ? void 0 : _errorResponse2.message) || "Unknown error";
+                errorResponse.error = ((_errorResponse3 = errorResponse) === null || _errorResponse3 === void 0 ? void 0 : _errorResponse3.data) || errorResponse;
+                _context3.next = 9;
+                return appManager.onServiceError(errorMessage, errorResponse);
+              case 9:
+                modifiedResp = _context3.sent;
+                if (modifiedResp) {
+                  errorResponse = _objectSpread(_objectSpread({}, errorResponse), modifiedResp);
+                }
+                _context3.next = 16;
+                break;
+              case 13:
+                _context3.prev = 13;
+                _context3.t0 = _context3["catch"](4);
+                console.error("Error in onServiceError:", _context3.t0);
+              case 16:
+                throw errorResponse;
+              case 17:
+              case "end":
+                return _context3.stop();
+            }
+          }, _callee3, null, [[4, 13]]);
+        }));
+        return function (_x3) {
+          return _ref4.apply(this, arguments);
         };
       }());
     }
   }, {
     key: "send",
     value: function () {
-      var _send = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(options, variable) {
+      var _send = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4(options, variable) {
         var serviceInfo, headers, requestBody, url, _serviceInfo$proxySet, isProxyCall, _options$url$replace, methodType, isNonDataMethod, axiosConfig, response;
-        return _regenerator["default"].wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
+        return _regenerator["default"].wrap(function _callee4$(_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
             case 0:
               serviceInfo = variable.serviceInfo;
               headers = new _axios.AxiosHeaders(options.headers);
               requestBody = options.data;
-              variable.cancelTokenSource = _axios["default"].CancelToken.source();
+              variable.cancelTokenSource = axios.CancelToken.source();
               url = options.url;
               if (serviceInfo) {
                 serviceInfo.proxySettings = (serviceInfo === null || serviceInfo === void 0 ? void 0 : serviceInfo.proxySettings) || {
@@ -103,7 +234,13 @@ var ModernHttpService = /*#__PURE__*/function () {
                 isProxyCall = serviceInfo === null || serviceInfo === void 0 || (_serviceInfo$proxySet = serviceInfo.proxySettings) === null || _serviceInfo$proxySet === void 0 ? void 0 : _serviceInfo$proxySet.web;
                 url = isProxyCall ? options.url : serviceInfo === null || serviceInfo === void 0 ? void 0 : serviceInfo.directPath;
               }
-              if (variable.category === "wm.LiveVariable" && !(url.startsWith("http://") || url.startsWith("https://"))) {
+              if (variable.category === "wm.CrudVariable") {
+                if (url.startsWith("http://") || url.startsWith("https://")) {
+                  url = url;
+                } else {
+                  url = variable.config.baseUrl + options.url.replace(".//", "/").replace("./", "/");
+                }
+              } else if (variable.category === "wm.LiveVariable" && !(url.startsWith("http://") || url.startsWith("https://"))) {
                 url = variable.config.baseUrl + options.url.replace("./", "/");
               } else if (url === (serviceInfo === null || serviceInfo === void 0 ? void 0 : serviceInfo.directPath) && options.url.startsWith("http")) {
                 url = options.url;
@@ -140,29 +277,29 @@ var ModernHttpService = /*#__PURE__*/function () {
               if (options !== null && options !== void 0 && options.onUploadProgress) {
                 axiosConfig.onUploadProgress = options.onUploadProgress;
               }
-              _context2.prev = 13;
-              _context2.next = 16;
+              _context4.prev = 13;
+              _context4.next = 16;
               return this.axiosInstance.request(axiosConfig);
             case 16:
-              response = _context2.sent;
+              response = _context4.sent;
               if (!(variable.operation === "getDownloadFile" || (serviceInfo === null || serviceInfo === void 0 ? void 0 : serviceInfo.operationId) === "FileController_getDownloadFile")) {
-                _context2.next = 19;
+                _context4.next = 19;
                 break;
               }
-              return _context2.abrupt("return", this.handleFileDownload(response, options, variable));
+              return _context4.abrupt("return", this.handleFileDownload(response, options, variable));
             case 19:
-              return _context2.abrupt("return", response);
+              return _context4.abrupt("return", response);
             case 22:
-              _context2.prev = 22;
-              _context2.t0 = _context2["catch"](13);
-              throw _context2.t0.response || _context2.t0;
+              _context4.prev = 22;
+              _context4.t0 = _context4["catch"](13);
+              throw _context4.t0.response || _context4.t0;
             case 25:
             case "end":
-              return _context2.stop();
+              return _context4.stop();
           }
-        }, _callee2, this, [[13, 22]]);
+        }, _callee4, this, [[13, 22]]);
       }));
-      function send(_x2, _x3) {
+      function send(_x4, _x5) {
         return _send.apply(this, arguments);
       }
       return send;
@@ -170,36 +307,41 @@ var ModernHttpService = /*#__PURE__*/function () {
   }, {
     key: "sendCall",
     value: function () {
-      var _sendCall = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(requestParams, variable) {
+      var _sendCall = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5(requestParams, variable) {
         var response;
-        return _regenerator["default"].wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
+        return _regenerator["default"].wrap(function _callee5$(_context5) {
+          while (1) switch (_context5.prev = _context5.next) {
             case 0:
-              _context3.prev = 0;
-              _context3.next = 3;
+              _context5.prev = 0;
+              _context5.next = 3;
               return this.send(requestParams, variable);
             case 3:
-              response = _context3.sent;
-              return _context3.abrupt("return", response);
+              response = _context5.sent;
+              return _context5.abrupt("return", response);
             case 7:
-              _context3.prev = 7;
-              _context3.t0 = _context3["catch"](0);
-              throw _context3.t0;
+              _context5.prev = 7;
+              _context5.t0 = _context5["catch"](0);
+              throw _context5.t0;
             case 10:
             case "end":
-              return _context3.stop();
+              return _context5.stop();
           }
-        }, _callee3, this, [[0, 7]]);
+        }, _callee5, this, [[0, 7]]);
       }));
-      function sendCall(_x4, _x5) {
+      function sendCall(_x6, _x7) {
         return _sendCall.apply(this, arguments);
       }
       return sendCall;
     }()
+  }, {
+    key: "setLocale",
+    value: function setLocale(locale) {
+      this.localeObject = locale;
+    }
   }, {
     key: "getLocale",
     value: function getLocale() {
-      return "appLocale";
+      return this.localeObject;
     }
   }, {
     key: "cancel",
@@ -260,13 +402,13 @@ var ModernHttpService = /*#__PURE__*/function () {
   }, {
     key: "uploadFile",
     value: function () {
-      var _uploadFile = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4(url, data, variable, options) {
-        var _this = this;
+      var _uploadFile = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee6(url, data, variable, options) {
+        var _this2 = this;
         var requestParams;
-        return _regenerator["default"].wrap(function _callee4$(_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
+        return _regenerator["default"].wrap(function _callee6$(_context6) {
+          while (1) switch (_context6.prev = _context6.next) {
             case 0:
-              _context4.prev = 0;
+              _context6.prev = 0;
               requestParams = {
                 url: url,
                 data: data,
@@ -282,39 +424,38 @@ var ModernHttpService = /*#__PURE__*/function () {
                   }
                 }
               };
-              return _context4.abrupt("return", new Promise(function (resolve, reject) {
-                variable.request = _this.send(requestParams, variable).then(function (event) {
+              return _context6.abrupt("return", new Promise(function (resolve, reject) {
+                variable.request = _this2.send(requestParams, variable).then(function (event) {
                   resolve(event.data);
                 })["catch"](function (error) {
                   reject(error);
                 });
               }));
             case 5:
-              _context4.prev = 5;
-              _context4.t0 = _context4["catch"](0);
-              console.error("Unexpected error in uploadFile:", _context4.t0);
-              throw _context4.t0;
+              _context6.prev = 5;
+              _context6.t0 = _context6["catch"](0);
+              console.error("Unexpected error in uploadFile:", _context6.t0);
+              throw _context6.t0;
             case 9:
             case "end":
-              return _context4.stop();
+              return _context6.stop();
           }
-        }, _callee4, null, [[0, 5]]);
+        }, _callee6, null, [[0, 5]]);
       }));
-      function uploadFile(_x6, _x7, _x8, _x9) {
+      function uploadFile(_x8, _x9, _x0, _x1) {
         return _uploadFile.apply(this, arguments);
       }
       return uploadFile;
     }()
   }]);
-  return ModernHttpService;
 }(); // Create Context
 var HttpContext = /*#__PURE__*/(0, _react.createContext)(null);
 
 // Provider Component
-var HttpProvider = exports.HttpProvider = function HttpProvider(_ref2) {
-  var children = _ref2.children,
-    _ref2$baseURL = _ref2.baseURL,
-    baseURL = _ref2$baseURL === void 0 ? "" : _ref2$baseURL;
+var HttpProvider = exports.HttpProvider = function HttpProvider(_ref5) {
+  var children = _ref5.children,
+    _ref5$baseURL = _ref5.baseURL,
+    baseURL = _ref5$baseURL === void 0 ? "" : _ref5$baseURL;
   var httpService = (0, _react.useRef)(new ModernHttpService(baseURL));
   var contextValue = (0, _react.useMemo)(function () {
     return _objectSpread(_objectSpread({}, httpService.current), {}, {
@@ -323,7 +464,9 @@ var HttpProvider = exports.HttpProvider = function HttpProvider(_ref2) {
       sendCall: httpService.current.sendCall.bind(httpService.current),
       cancel: httpService.current.cancel.bind(httpService.current),
       uploadFile: httpService.current.uploadFile.bind(httpService.current),
-      getLocale: httpService.current.getLocale.bind(httpService.current)
+      getLocale: httpService.current.getLocale.bind(httpService.current),
+      setContext: httpService.current.setContext.bind(httpService.current),
+      getContext: httpService.current.getContext.bind(httpService.current)
     });
   }, []);
   return __jsx(HttpContext.Provider, {
@@ -340,6 +483,49 @@ var useHttp = exports.useHttp = function useHttp() {
   return context;
 };
 
-// Export singleton instance for direct usage
-var httpService = exports.httpService = new ModernHttpService();
+// Lazy singleton - only created when first accessed
+var _httpService = null;
+var getHttpService = exports.getHttpService = function getHttpService() {
+  if (!_httpService) {
+    _httpService = new ModernHttpService();
+  }
+  return _httpService;
+};
+
+// For backward compatibility - use getter pattern
+var httpService = exports.httpService = {
+  get instance() {
+    return getHttpService();
+  },
+  send: function send() {
+    var _getHttpService;
+    return (_getHttpService = getHttpService()).send.apply(_getHttpService, arguments);
+  },
+  sendCall: function sendCall() {
+    var _getHttpService2;
+    return (_getHttpService2 = getHttpService()).sendCall.apply(_getHttpService2, arguments);
+  },
+  cancel: function cancel() {
+    var _getHttpService3;
+    return (_getHttpService3 = getHttpService()).cancel.apply(_getHttpService3, arguments);
+  },
+  uploadFile: function uploadFile() {
+    var _getHttpService4;
+    return (_getHttpService4 = getHttpService()).uploadFile.apply(_getHttpService4, arguments);
+  },
+  setLocale: function setLocale() {
+    var _getHttpService5;
+    return (_getHttpService5 = getHttpService()).setLocale.apply(_getHttpService5, arguments);
+  },
+  getLocale: function getLocale() {
+    return getHttpService().getLocale();
+  },
+  setContext: function setContext() {
+    var _getHttpService6;
+    return (_getHttpService6 = getHttpService()).setContext.apply(_getHttpService6, arguments);
+  },
+  getContext: function getContext() {
+    return getHttpService().getContext();
+  }
+};
 var _default = exports["default"] = httpService;

package/mui-config/theme-provider.js

@@ -13,5 +13,5 @@ var WmThemeProvider = exports.WmThemeProvider = function WmThemeProvider(_ref) {
   var children = _ref.children;
   return __jsx(_material.ThemeProvider, {
     theme: _theme["default"]
-  }, __jsx(_material.CssBaseline, null), " ", children);
+  }, children);
 };

package/mui-config/theme.js

@@ -68,7 +68,7 @@ var theme = (0, _styles.createTheme)({
       styleOverrides: {
         root: {
           "& .MuiDialog-container": {
-            width: "inherit"
+            width: "100vw"
           },
           "& .MuiDialog-paper": {
             backgroundColor: "transparent"