@egovernments/digit-ui-module-core 1.4.0-alpha → 1.4.0

package/dist/index.js

@@ -101,6 +101,22 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _inheritsLoose(subClass, superClass) {
+  subClass.prototype = Object.create(superClass.prototype);
+  subClass.prototype.constructor = subClass;
+
+  _setPrototypeOf(subClass, superClass);
+}
+
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+
+  return _setPrototypeOf(o, p);
+}
+
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
@@ -1476,7 +1492,7 @@ var factoryWithTypeCheckers = function factoryWithTypeCheckers(isValidElement, t
           return null;
         }
 
-        if (checkerResult.data.hasOwnProperty('expectedType')) {
+        if (checkerResult.data && has(checkerResult.data, 'expectedType')) {
           expectedTypes.push(checkerResult.data.expectedType);
         }
       }
@@ -2691,7 +2707,9 @@ var TopBar = function TopBar(_ref) {
       mobileView = _ref.mobileView,
       userOptions = _ref.userOptions,
       handleUserDropdownSelection = _ref.handleUserDropdownSelection,
-      logoUrl = _ref.logoUrl;
+      logoUrl = _ref.logoUrl,
+      _ref$showLanguageChan = _ref.showLanguageChange,
+      showLanguageChange = _ref$showLanguageChan === void 0 ? true : _ref$showLanguageChan;
   var CitizenHomePageTenantId = (_Digit$SessionStorage = Digit.SessionStorage.get("CITIZEN.COMMON.HOME.CITY")) === null || _Digit$SessionStorage === void 0 ? void 0 : _Digit$SessionStorage.code;
   var history = reactRouterDom.useHistory();
 
@@ -2787,7 +2805,7 @@ var TopBar = function TopBar(_ref) {
     } : {}
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "left"
-  }, /*#__PURE__*/React__default.createElement(ChangeLanguage, {
+  }, showLanguageChange && /*#__PURE__*/React__default.createElement(ChangeLanguage, {
     dropdown: true
   })), (userDetails === null || userDetails === void 0 ? void 0 : userDetails.access_token) && /*#__PURE__*/React__default.createElement("div", {
     className: "left"
@@ -3070,7 +3088,8 @@ var TopBarSideBar = function TopBarSideBar(_ref) {
       handleUserDropdownSelection = _ref.handleUserDropdownSelection,
       logoUrl = _ref.logoUrl,
       _ref$showSidebar = _ref.showSidebar,
-      showSidebar = _ref$showSidebar === void 0 ? true : _ref$showSidebar;
+      showSidebar = _ref$showSidebar === void 0 ? true : _ref$showSidebar,
+      showLanguageChange = _ref.showLanguageChange;
 
   var _useState = React.useState(false),
       isSidebarOpen = _useState[0],
@@ -3100,7 +3119,8 @@ var TopBarSideBar = function TopBarSideBar(_ref) {
     mobileView: mobileView,
     userOptions: userOptions,
     handleUserDropdownSelection: handleUserDropdownSelection,
-    logoUrl: logoUrl
+    logoUrl: logoUrl,
+    showLanguageChange: showLanguageChange
   }), showSidebar && /*#__PURE__*/React__default.createElement(SideBar, {
     t: t,
     CITIZEN: CITIZEN,
@@ -3113,7 +3133,7 @@ var TopBarSideBar = function TopBarSideBar(_ref) {
 };
 
 var EmployeeApp = function EmployeeApp(_ref) {
-  var _window, _window$globalConfigs, _window$globalConfigs2;
+  var _location$pathname, _window, _window$globalConfigs, _window$globalConfigs2;
 
   var stateInfo = _ref.stateInfo,
       userDetails = _ref.userDetails,
@@ -3133,6 +3153,8 @@ var EmployeeApp = function EmployeeApp(_ref) {
   var _useRouteMatch = reactRouterDom.useRouteMatch(),
       path = _useRouteMatch.path;
 
+  var location = reactRouterDom.useLocation();
+  var showLanguageChange = location === null || location === void 0 ? void 0 : (_location$pathname = location.pathname) === null || _location$pathname === void 0 ? void 0 : _location$pathname.includes("language-selection");
   React.useEffect(function () {
     Digit.UserService.setType("employee");
   }, []);
@@ -3149,7 +3171,8 @@ var EmployeeApp = function EmployeeApp(_ref) {
     mobileView: mobileView,
     handleUserDropdownSelection: handleUserDropdownSelection,
     logoUrl: logoUrl,
-    showSidebar: false
+    showSidebar: false,
+    showLanguageChange: !showLanguageChange
   }), /*#__PURE__*/React__default.createElement("div", {
     className: "loginContainer",
     style: {
@@ -3685,6 +3708,55 @@ var getStore = function getStore(defaultStore, moduleReducers) {
   return redux.createStore(getRootReducer(defaultStore, moduleReducers), enhancer);
 };
 
+var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(ErrorBoundary, _React$Component);
+
+  function ErrorBoundary(props) {
+    var _this;
+
+    _this = _React$Component.call(this, props) || this;
+    _this.state = {
+      error: null,
+      errorStack: null,
+      hasError: false
+    };
+    return _this;
+  }
+
+  ErrorBoundary.getDerivedStateFromError = function getDerivedStateFromError(error) {
+    return {
+      error: error === null || error === void 0 ? void 0 : error.message,
+      hasError: true,
+      errorStack: error === null || error === void 0 ? void 0 : error.stack
+    };
+  };
+
+  var _proto = ErrorBoundary.prototype;
+
+  _proto.componentDidCatch = function componentDidCatch(error, errorInfo) {
+    this.setState({
+      error: error === null || error === void 0 ? void 0 : error.message,
+      hasError: true,
+      errorStack: error === null || error === void 0 ? void 0 : error.stack
+    });
+  };
+
+  _proto.render = function render() {
+    if (this.state.hasError) {
+      var _this$state, _this$state2;
+
+      console.error("UI-error", (_this$state = this.state) === null || _this$state === void 0 ? void 0 : _this$state.error);
+      console.error("UI-errorInfo", (_this$state2 = this.state) === null || _this$state2 === void 0 ? void 0 : _this$state2.errorStack);
+      console.error("UI-component-details", this.props);
+      return /*#__PURE__*/React__default.createElement("h1", null, "Something went wrong.");
+    }
+
+    return this.props.children;
+  };
+
+  return ErrorBoundary;
+}(React__default.Component);
+
 var DigitUIWrapper = function DigitUIWrapper(_ref) {
   var _initData$stateInfo;
 
@@ -3730,7 +3802,7 @@ var DigitUI = function DigitUI(_ref2) {
   });
   var ComponentProvider = Digit.Contexts.ComponentProvider;
   var DSO = Digit.UserService.hasAccess(["FSM_DSO"]);
-  return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(reactQuery.QueryClientProvider, {
+  return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(ErrorBoundary, null, /*#__PURE__*/React__default.createElement(reactQuery.QueryClientProvider, {
     client: queryClient
   }, /*#__PURE__*/React__default.createElement(ComponentProvider.Provider, {
     value: registry
@@ -3738,7 +3810,7 @@ var DigitUI = function DigitUI(_ref2) {
     stateCode: stateCode,
     enabledModules: enabledModules,
     moduleReducers: moduleReducers
-  }))));
+  })))));
 };
 var componentsToRegister = {};
 var initCoreComponents = function initCoreComponents() {