@egovernments/digit-ui-module-core 1.3.3 → 1.4.0-beta1

package/dist/index.modern.js

@@ -1,9 +1,9 @@
-import React, { useContext, useRef, useEffect, useState, useMemo } from 'react';
+import React, { useContext, useRef, useEffect, useState, Fragment as Fragment$1, useMemo } from 'react';
 import { QueryClient, QueryClientProvider } from 'react-query';
 import { Provider } from 'react-redux';
-import { useLocation, useRouteMatch, useHistory, Switch, Route, Link, Redirect, BrowserRouter } from 'react-router-dom';
+import { useLocation, useRouteMatch, useHistory, Switch, Route, Redirect, Link, BrowserRouter } from 'react-router-dom';
 import { useTranslation, getI18n } from 'react-i18next';
-import { FormStep, OTPInput, CardText, CardLabelError, AppContainer, BackButton, Toast, Dropdown, Loader, FormComposer, CardSubHeader, CardLabel, CardLabelDesc, TextInput, CustomButton, TopBar as TopBar$1, Hamburger, HomeIcon, LanguageIcon, LogoutIcon, NavBar, Body } from '@egovernments/digit-ui-react-components';
+import { FormStep, OTPInput, CardText, CardLabelError, AppContainer, BackButton, Toast, Loader, Dropdown, FormComposer, CardSubHeader, Card, CustomButton, SubmitBar, TopBar as TopBar$1, Hamburger, HomeIcon, LanguageIcon, LogoutIcon, NavBar, ComplaintIcon, PTIcon, CaseIcon, OBPSIcon, Calender, DocumentIcon, StandaloneSearchBar, CardBasedOptions, WhatsNewCard, PageBasedInput, CardHeader, RadioButtons, SearchOnRadioButtons, Body } from '@egovernments/digit-ui-react-components';
 import { compose, applyMiddleware, createStore, combineReducers } from 'redux';
 import thunk from 'redux-thunk';
 
@@ -23,7 +23,9 @@ var CitizenHome = function CitizenHome(_ref) {
   var showQuickPay = moduleArr.some(function (module) {
     return module.code === "QuickPayLinks";
   });
-  return /*#__PURE__*/React.createElement(React.Fragment, null, moduleArray.map(function (_ref4, index) {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "citizenAllServiceGrid"
+  }, moduleArray.map(function (_ref4, index) {
     var code = _ref4.code;
 
     var Links = Digit.ComponentRegistryService.getComponent(code + "Links") || function () {
@@ -41,7 +43,7 @@ var CitizenHome = function CitizenHome(_ref) {
       matchPath: "/digit-ui/citizen/" + code.toLowerCase(),
       userType: "citizen"
     });
-  }));
+  })));
 };
 
 var EmployeeHome = function EmployeeHome(_ref5) {
@@ -49,7 +51,7 @@ var EmployeeHome = function EmployeeHome(_ref5) {
   return /*#__PURE__*/React.createElement("div", {
     className: "employee-app-container"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "ground-container moduleCardWrapper"
+    className: "ground-container moduleCardWrapper gridModuleWrapper"
   }, modules.map(function (_ref6, index) {
     var code = _ref6.code;
 
@@ -163,8 +165,11 @@ var loginSteps = [{
     label: "CORE_COMMON_NAME",
     type: "text",
     name: "name",
+    error: "CORE_COMMON_NAME_VALIDMSG",
     validation: {
-      required: true
+      required: true,
+      minLength: 1,
+      pattern: /^[^{0-9}^\$\"<>?\\\\~!@#$%^()+={}\[\]*,/_:;“”‘’]{1,50}$/i
     }
   }]
 }];
@@ -212,7 +217,9 @@ var SelectOtp = function SelectOtp(_ref) {
       onResend = _ref.onResend,
       onSelect = _ref.onSelect,
       t = _ref.t,
-      error = _ref.error;
+      error = _ref.error,
+      _ref$userType = _ref.userType,
+      userType = _ref$userType === void 0 ? "citizen" : _ref$userType;
 
   var _useState = useState(30),
       timeLeft = _useState[0],
@@ -227,6 +234,17 @@ var SelectOtp = function SelectOtp(_ref) {
     setTimeLeft(2);
   };
 
+  if (userType === "employee") {
+    return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(OTPInput, {
+      length: 6,
+      onChange: onOtpChange,
+      value: otp
+    }), timeLeft > 0 ? /*#__PURE__*/React.createElement(CardText, null, t("CS_RESEND_ANOTHER_OTP") + " " + timeLeft + " " + t("CS_RESEND_SECONDS")) : /*#__PURE__*/React.createElement("p", {
+      className: "card-text-button",
+      onClick: handleResendOtp
+    }, t("CS_RESEND_OTP")), !error && /*#__PURE__*/React.createElement(CardLabelError, null, t("CS_INVALID_OTP")));
+  }
+
   return /*#__PURE__*/React.createElement(FormStep, {
     onSelect: onSelect,
     config: config,
@@ -263,12 +281,27 @@ var TYPE_LOGIN = {
 };
 var DEFAULT_REDIRECT_URL = "/digit-ui/citizen";
 
+var setCitizenDetail = function setCitizenDetail(userObject, token, tenantId) {
+  var _JSON$parse, _JSON$parse$value;
+
+  var locale = (_JSON$parse = JSON.parse(sessionStorage.getItem("Digit.initData"))) === null || _JSON$parse === void 0 ? void 0 : (_JSON$parse$value = _JSON$parse.value) === null || _JSON$parse$value === void 0 ? void 0 : _JSON$parse$value.selectedLanguage;
+  localStorage.setItem("Citizen.tenant-id", tenantId);
+  localStorage.setItem("tenant-id", tenantId);
+  localStorage.setItem("citizen.userRequestObject", JSON.stringify(userObject));
+  localStorage.setItem("locale", locale);
+  localStorage.setItem("Citizen.locale", locale);
+  localStorage.setItem("token", token);
+  localStorage.setItem("Citizen.token", token);
+  localStorage.setItem("user-info", JSON.stringify(userObject));
+  localStorage.setItem("Citizen.user-info", JSON.stringify(userObject));
+};
+
 var getFromLocation = function getFromLocation(state, searchParams) {
   return (state === null || state === void 0 ? void 0 : state.from) || (searchParams === null || searchParams === void 0 ? void 0 : searchParams.from) || DEFAULT_REDIRECT_URL;
 };
 
 var Login = function Login(_ref) {
-  var _location$state5;
+  var _location$state, _location$state6;
 
   var stateCode = _ref.stateCode,
       _ref$isUserRegistered = _ref.isUserRegistered,
@@ -298,7 +331,7 @@ var Login = function Login(_ref) {
 
   var _useState4 = useState(null);
 
-  var _useState5 = useState({}),
+  var _useState5 = useState(isUserRegistered ? {} : location === null || location === void 0 ? void 0 : (_location$state = location.state) === null || _location$state === void 0 ? void 0 : _location$state.data),
       params = _useState5[0],
       setParmas = _useState5[1];
 
@@ -317,6 +350,7 @@ var Login = function Login(_ref) {
       }
 
       errorTimeout = setTimeout(function () {
+        console.error("clearing err");
         setError("");
       }, 5000);
       setErrorTO(errorTimeout);
@@ -327,14 +361,15 @@ var Login = function Login(_ref) {
     };
   }, [error]);
   useEffect(function () {
-    var _location$state;
+    var _location$state2;
 
     if (!user) {
       return;
     }
 
     Digit.UserService.setUser(user);
-    var redirectPath = ((_location$state = location.state) === null || _location$state === void 0 ? void 0 : _location$state.from) || DEFAULT_REDIRECT_URL;
+    setCitizenDetail(user === null || user === void 0 ? void 0 : user.info, user === null || user === void 0 ? void 0 : user.access_token, stateCode);
+    var redirectPath = ((_location$state2 = location.state) === null || _location$state2 === void 0 ? void 0 : _location$state2.from) || DEFAULT_REDIRECT_URL;
     history.replace(redirectPath);
   }, [user]);
   var stepItems = useMemo(function () {
@@ -382,26 +417,27 @@ var Login = function Login(_ref) {
           return Promise.resolve(sendOtp({
             otp: _extends({}, data, TYPE_LOGIN)
           })).then(function (_ref2) {
-            var _location$state3;
+            var _location$state4;
 
             var res = _ref2[0],
                 err = _ref2[1];
 
             if (!err) {
-              var _location$state2;
+              var _location$state3;
 
               history.replace(path + "/otp", {
                 from: getFromLocation(location.state, searchParams),
-                role: (_location$state2 = location.state) === null || _location$state2 === void 0 ? void 0 : _location$state2.role
+                role: (_location$state3 = location.state) === null || _location$state3 === void 0 ? void 0 : _location$state3.role
               });
               return;
             } else {
-              history.replace("/digit-ui/citizen/register/name", {
-                from: getFromLocation(location.state, searchParams)
+              history.push("/digit-ui/citizen/register/name", {
+                from: getFromLocation(location.state, searchParams),
+                data: data
               });
             }
 
-            if ((_location$state3 = location.state) !== null && _location$state3 !== void 0 && _location$state3.role) {
+            if ((_location$state4 = location.state) !== null && _location$state4 !== void 0 && _location$state4.role) {
               setError("User not registered.");
             }
           });
@@ -430,13 +466,21 @@ var Login = function Login(_ref) {
       var data = _extends({}, params, {
         tenantId: stateCode,
         userType: getUserType()
-      });
+      }, name);
 
       setParmas(_extends({}, params, name));
-      history.replace(path + "/otp", {
-        from: getFromLocation(location.state, searchParams)
+      return Promise.resolve(sendOtp({
+        otp: _extends({}, data, TYPE_REGISTER)
+      })).then(function (_ref4) {
+        var res = _ref4[0],
+            err = _ref4[1];
+
+        if (res) {
+          history.replace(path + "/otp", {
+            from: getFromLocation(location.state, searchParams)
+          });
+        }
       });
-      return Promise.resolve();
     } catch (e) {
       return Promise.reject(e);
     }
@@ -457,14 +501,14 @@ var Login = function Login(_ref) {
               tenantId: stateCode,
               userType: getUserType()
             };
-            return Promise.resolve(Digit.UserService.authenticate(requestData)).then(function (_ref4) {
-              var _location$state4;
+            return Promise.resolve(Digit.UserService.authenticate(requestData)).then(function (_ref5) {
+              var _location$state5, _window, _window$globalConfigs;
 
-              var ResponseInfo = _ref4.ResponseInfo,
-                  info = _ref4.UserRequest,
-                  tokens = _objectWithoutPropertiesLoose(_ref4, _excluded);
+              var ResponseInfo = _ref5.ResponseInfo,
+                  info = _ref5.UserRequest,
+                  tokens = _objectWithoutPropertiesLoose(_ref5, _excluded);
 
-              if ((_location$state4 = location.state) !== null && _location$state4 !== void 0 && _location$state4.role) {
+              if ((_location$state5 = location.state) !== null && _location$state5 !== void 0 && _location$state5.role) {
                 var roleInfo = info.roles.find(function (userRole) {
                   return userRole.code === location.state.role;
                 });
@@ -478,6 +522,10 @@ var Login = function Login(_ref) {
                 }
               }
 
+              if ((_window = window) !== null && _window !== void 0 && (_window$globalConfigs = _window.globalConfigs) !== null && _window$globalConfigs !== void 0 && _window$globalConfigs.getConfig("ENABLE_SINGLEINSTANCE")) {
+                info.tenantId = Digit.ULBService.getStateId();
+              }
+
               setUser(_extends({
                 info: info
               }, tokens));
@@ -491,10 +539,16 @@ var Login = function Login(_ref) {
                   otpReference: otp,
                   tenantId: stateCode
                 };
-                return Promise.resolve(Digit.UserService.registerUser(_requestData, stateCode)).then(function (_ref5) {
-                  var ResponseInfo = _ref5.ResponseInfo,
-                      info = _ref5.UserRequest,
-                      tokens = _objectWithoutPropertiesLoose(_ref5, _excluded2);
+                return Promise.resolve(Digit.UserService.registerUser(_requestData, stateCode)).then(function (_ref6) {
+                  var _window2, _window2$globalConfig;
+
+                  var ResponseInfo = _ref6.ResponseInfo,
+                      info = _ref6.UserRequest,
+                      tokens = _objectWithoutPropertiesLoose(_ref6, _excluded2);
+
+                  if ((_window2 = window) !== null && _window2 !== void 0 && (_window2$globalConfig = _window2.globalConfigs) !== null && _window2$globalConfig !== void 0 && _window2$globalConfig.getConfig("ENABLE_SINGLEINSTANCE")) {
+                    info.tenantId = Digit.ULBService.getStateId();
+                  }
 
                   setUser(_extends({
                     info: info
@@ -506,8 +560,9 @@ var Login = function Login(_ref) {
             if (_temp2 && _temp2.then) return _temp2.then(function () {});
           }
         }();
-      }, function () {
+      }, function (err) {
         setIsOtpValid(false);
+        console.error(err);
       }));
     } catch (e) {
       return Promise.reject(e);
@@ -565,7 +620,7 @@ var Login = function Login(_ref) {
     config: stepItems[0],
     mobileNumber: params.mobileNumber || "",
     onMobileChange: handleMobileChange,
-    showRegisterLink: isUserRegistered && !((_location$state5 = location.state) !== null && _location$state5 !== void 0 && _location$state5.role),
+    showRegisterLink: isUserRegistered && !((_location$state6 = location.state) !== null && _location$state6 !== void 0 && _location$state6.role),
     t: t
   })), /*#__PURE__*/React.createElement(Route, {
     path: path + "/otp"
@@ -598,17 +653,17 @@ var Login = function Login(_ref) {
 
 var loginConfig = [{
   texts: {
-    header: "CS_LOGIN",
-    submitButtonLabel: "CS_LOGIN",
-    secondaryButtonLabel: "CS_FORGOT_PASSWORD"
+    header: "CORE_COMMON_LOGIN",
+    submitButtonLabel: "CORE_COMMON_CONTINUE",
+    secondaryButtonLabel: "CORE_COMMON_FORGOT_PASSWORD"
   },
   inputs: [{
-    label: "CORE_COMMON_USER_ID",
+    label: "CORE_LOGIN_USERNAME",
     type: "text",
     name: "username",
     error: "ERR_HRMS_INVALID_USER_ID"
   }, {
-    label: "CORE_COMMON_PASSWORD",
+    label: "CORE_LOGIN_PASSWORD",
     type: "password",
     name: "password",
     error: "ERR_HRMS_WRONG_PASSWORD"
@@ -1418,7 +1473,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);
         }
       }
@@ -1709,9 +1764,38 @@ var propTypes = createCommonjsModule(function (module) {
   }
 });
 
+var Background = function Background(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "banner"
+  }, children);
+};
+
+var Header = function Header() {
+  var _Digit$Hooks$useStore = Digit.Hooks.useStore.getInitData(),
+      storeData = _Digit$Hooks$useStore.data,
+      isLoading = _Digit$Hooks$useStore.isLoading;
+
+  var _ref = storeData || {},
+      stateInfo = _ref.stateInfo;
+
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+
+  if (isLoading) return /*#__PURE__*/React.createElement(Loader, null);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "bannerHeader"
+  }, /*#__PURE__*/React.createElement("img", {
+    className: "bannerLogo",
+    src: stateInfo === null || stateInfo === void 0 ? void 0 : stateInfo.logoUrl
+  }), /*#__PURE__*/React.createElement("p", null, t("TENANT_TENANTS_" + (stateInfo === null || stateInfo === void 0 ? void 0 : stateInfo.code.toUpperCase()))));
+};
+
 var _excluded$1 = ["UserRequest"];
 
 var Login$1 = function Login(_ref) {
+  var _window, _window$globalConfigs, _window$globalConfigs2;
+
   var propsConfig = _ref.config,
       t = _ref.t;
 
@@ -1719,16 +1803,18 @@ var Login$1 = function Login(_ref) {
       cities = _Digit$Hooks$useTenan.data,
       isLoading = _Digit$Hooks$useTenan.isLoading;
 
+  var _Digit$Hooks$useStore = Digit.Hooks.useStore.getInitData(),
+      isStoreLoading = _Digit$Hooks$useStore.isLoading;
+
   var _useState = useState(null),
       user = _useState[0],
       setUser = _useState[1];
 
-  var history = useHistory();
-
-  var getUserType = function getUserType() {
-    return Digit.UserService.getType();
-  };
+  var _useState2 = useState(null),
+      showToast = _useState2[0],
+      setShowToast = _useState2[1];
 
+  var history = useHistory();
   useEffect(function () {
     var _location$state;
 
@@ -1749,17 +1835,18 @@ var Login$1 = function Login(_ref) {
       }
 
       var requestData = _extends({}, data, {
-        userType: getUserType()
+        userType: "EMPLOYEE"
       });
 
       requestData.tenantId = data.city.code;
       delete requestData.city;
 
       var _temp2 = _catch(function () {
-        return Promise.resolve(Digit.UserService.authenticate(requestData)).then(function (_ref2) {
-          var info = _ref2.UserRequest,
-              tokens = _objectWithoutPropertiesLoose(_ref2, _excluded$1);
+        return Promise.resolve(Digit.UserService.authenticate(requestData)).then(function (_ref3) {
+          var info = _ref3.UserRequest,
+              tokens = _objectWithoutPropertiesLoose(_ref3, _excluded$1);
 
+          Digit.SessionStorage.set("Employee.tenantId", info === null || info === void 0 ? void 0 : info.tenantId);
           setUser(_extends({
             info: info
           }, tokens));
@@ -1767,7 +1854,8 @@ var Login$1 = function Login(_ref) {
       }, function (err) {
         var _err$response, _err$response$data;
 
-        alert((err === null || err === void 0 ? void 0 : (_err$response = err.response) === null || _err$response === void 0 ? void 0 : (_err$response$data = _err$response.data) === null || _err$response$data === void 0 ? void 0 : _err$response$data.error_description) || "Invalid login credentials!");
+        setShowToast((err === null || err === void 0 ? void 0 : (_err$response = err.response) === null || _err$response === void 0 ? void 0 : (_err$response$data = _err$response.data) === null || _err$response$data === void 0 ? void 0 : _err$response$data.error_description) || "Invalid login credentials!");
+        setTimeout(closeToast, 5000);
       });
 
       return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
@@ -1776,8 +1864,12 @@ var Login$1 = function Login(_ref) {
     }
   };
 
+  var closeToast = function closeToast() {
+    setShowToast(null);
+  };
+
   var onForgotPassword = function onForgotPassword() {
-    history.push("/digit-ui/employee/forgot-password");
+    history.push("/digit-ui/employee/user/forgot-password");
   };
 
   var _propsConfig$inputs = propsConfig.inputs,
@@ -1808,17 +1900,26 @@ var Login$1 = function Login(_ref) {
         component: function component(props, customProps) {
           return /*#__PURE__*/React.createElement(Dropdown, _extends({
             option: cities,
+            className: "login-city-dd",
             optionKey: "i18nKey",
             select: function select(d) {
               props.onChange(d);
-            }
+            },
+            t: t
           }, customProps));
         }
       },
       isMandatory: true
     }]
   }];
-  return isLoading ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement(FormComposer, {
+  return isLoading || isStoreLoading ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement(Background, null, /*#__PURE__*/React.createElement("div", {
+    className: "employeeBackbuttonAlign"
+  }, /*#__PURE__*/React.createElement(BackButton, {
+    variant: "white",
+    style: {
+      borderBottom: "none"
+    }
+  })), /*#__PURE__*/React.createElement(FormComposer, {
     onSubmit: onLogin,
     noBoxShadow: true,
     inline: true,
@@ -1832,10 +1933,31 @@ var Login$1 = function Login(_ref) {
       textAlign: "center"
     },
     cardStyle: {
-      maxWidth: "400px",
-      margin: "auto"
+      margin: "auto",
+      minWidth: "408px"
+    },
+    className: "loginFormStyleEmployee"
+  }, /*#__PURE__*/React.createElement(Header, null)), showToast && /*#__PURE__*/React.createElement(Toast, {
+    error: true,
+    label: t(showToast),
+    onClose: closeToast
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "employee-home-footer",
+    style: {
+      backgroundColor: "unset"
     }
-  });
+  }, /*#__PURE__*/React.createElement("img", {
+    alt: "Powered by DIGIT",
+    src: (_window = window) === null || _window === void 0 ? void 0 : (_window$globalConfigs = _window.globalConfigs) === null || _window$globalConfigs === void 0 ? void 0 : (_window$globalConfigs2 = _window$globalConfigs.getConfig) === null || _window$globalConfigs2 === void 0 ? void 0 : _window$globalConfigs2.call(_window$globalConfigs, "DIGIT_FOOTER_BW"),
+    style: {
+      cursor: "pointer"
+    },
+    onClick: function onClick() {
+      var _window2, _window2$globalConfig, _window2$globalConfig2;
+
+      window.open((_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$globalConfig = _window2.globalConfigs) === null || _window2$globalConfig === void 0 ? void 0 : (_window2$globalConfig2 = _window2$globalConfig.getConfig) === null || _window2$globalConfig2 === void 0 ? void 0 : _window2$globalConfig2.call(_window2$globalConfig, "DIGIT_HOME_URL"), "_blank").focus();
+    }
+  }), " "));
 };
 
 Login$1.propTypes = {
@@ -1865,18 +1987,18 @@ var EmployeeLogin = function EmployeeLogin() {
       });
     }, [loginConfig]);
   });
-  return /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(AppContainer, null, /*#__PURE__*/React.createElement(Route, {
+  return /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(Route, {
     path: "" + path,
     exact: true
   }, /*#__PURE__*/React.createElement(Login$1, {
     config: loginParams[0],
     t: t
-  }))));
+  })));
 };
 
 var config = [{
   texts: {
-    header: "CORE_COMMON_FORGOT_PASSWORD_LABEL",
+    header: "CORE_COMMON_RESET_PASSWORD_LABEL",
     submitButtonLabel: "CORE_COMMON_CHANGE_PASSWORD"
   },
   inputs: [{
@@ -1898,6 +2020,8 @@ var config = [{
 }];
 
 var ChangePasswordComponent = function ChangePasswordComponent(_ref) {
+  var _window, _window$globalConfigs, _window$globalConfigs2;
+
   var propsConfig = _ref.config,
       t = _ref.t;
 
@@ -1910,15 +2034,26 @@ var ChangePasswordComponent = function ChangePasswordComponent(_ref) {
 
   var history = useHistory();
 
+  var _useState2 = useState(""),
+      otp = _useState2[0],
+      setOtp = _useState2[1];
+
+  var _useState3 = useState(true),
+      isOtpValid = _useState3[0];
+
+  var _useState4 = useState(null),
+      showToast = _useState4[0],
+      setShowToast = _useState4[1];
+
   var getUserType = function getUserType() {
     return Digit.UserService.getType();
   };
 
-  var otpReference = "";
   useEffect(function () {
     var _location$state;
 
     if (!user) {
+      Digit.UserService.setType("employee");
       return;
     }
 
@@ -1927,8 +2062,16 @@ var ChangePasswordComponent = function ChangePasswordComponent(_ref) {
     history.replace(redirectPath);
   }, [user]);
 
+  var closeToast = function closeToast() {
+    setShowToast(null);
+  };
+
   var onResendOTP = function onResendOTP() {
     try {
+      var _temp3 = function _temp3() {
+        setTimeout(closeToast, 5000);
+      };
+
       var requestData = {
         otp: {
           mobileNumber: mobileNumber,
@@ -1938,17 +2081,17 @@ var ChangePasswordComponent = function ChangePasswordComponent(_ref) {
         }
       };
 
-      var _temp2 = _catch(function () {
+      var _temp4 = _catch(function () {
         return Promise.resolve(Digit.UserService.sendOtp(requestData, tenantId)).then(function () {
-          alert("OTP resend successfull");
+          setShowToast(t("ES_OTP_RESEND"));
         });
       }, function (err) {
         var _err$response, _err$response$data;
 
-        alert((err === null || err === void 0 ? void 0 : (_err$response = err.response) === null || _err$response === void 0 ? void 0 : (_err$response$data = _err$response.data) === null || _err$response$data === void 0 ? void 0 : _err$response$data.error_description) || "Invalid login credentials!");
+        setShowToast((err === null || err === void 0 ? void 0 : (_err$response = err.response) === null || _err$response === void 0 ? void 0 : (_err$response$data = _err$response.data) === null || _err$response$data === void 0 ? void 0 : _err$response$data.error_description) || t("ES_INVALID_LOGIN_CREDENTIALS"));
       });
 
-      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
+      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -1958,11 +2101,11 @@ var ChangePasswordComponent = function ChangePasswordComponent(_ref) {
     try {
       return Promise.resolve(_catch(function () {
         if (data.newPassword !== data.confirmPassword) {
-          return alert(t("ERR_PASSWORD_DO_NOT_MATCH"));
+          return setShowToast(t("ERR_PASSWORD_DO_NOT_MATCH"));
         }
 
         var requestData = _extends({}, data, {
-          otpReference: otpReference,
+          otpReference: otp,
           tenantId: tenantId,
           type: getUserType().toUpperCase()
         });
@@ -1971,21 +2114,18 @@ var ChangePasswordComponent = function ChangePasswordComponent(_ref) {
           navigateToLogin();
         });
       }, function (err) {
-        var _err$response2, _err$response2$data, _err$response2$data$E;
+        var _err$response2, _err$response2$data, _err$response2$data$e, _err$response2$data$e2, _err$response2$data$e3;
 
-        alert((err === null || err === void 0 ? void 0 : (_err$response2 = err.response) === null || _err$response2 === void 0 ? void 0 : (_err$response2$data = _err$response2.data) === null || _err$response2$data === void 0 ? void 0 : (_err$response2$data$E = _err$response2$data.Errors[0]) === null || _err$response2$data$E === void 0 ? void 0 : _err$response2$data$E.message) || "Something went wrong!");
+        setShowToast((err === null || err === void 0 ? void 0 : (_err$response2 = err.response) === null || _err$response2 === void 0 ? void 0 : (_err$response2$data = _err$response2.data) === null || _err$response2$data === void 0 ? void 0 : (_err$response2$data$e = _err$response2$data.error) === null || _err$response2$data$e === void 0 ? void 0 : (_err$response2$data$e2 = _err$response2$data$e.fields) === null || _err$response2$data$e2 === void 0 ? void 0 : (_err$response2$data$e3 = _err$response2$data$e2[0]) === null || _err$response2$data$e3 === void 0 ? void 0 : _err$response2$data$e3.message) || t("ES_SOMETHING_WRONG"));
+        setTimeout(closeToast, 5000);
       }));
     } catch (e) {
       return Promise.reject(e);
     }
   };
 
-  var updateOtp = function updateOtp(data) {
-    otpReference = data.target.value || "";
-  };
-
   var navigateToLogin = function navigateToLogin() {
-    history.replace("/digit-ui/employee/login");
+    history.replace("/digit-ui/employee/user/login");
   };
 
   var _propsConfig$inputs = propsConfig.inputs,
@@ -2016,7 +2156,14 @@ var ChangePasswordComponent = function ChangePasswordComponent(_ref) {
       isMandatory: true
     }]
   }];
-  return /*#__PURE__*/React.createElement(FormComposer, {
+  return /*#__PURE__*/React.createElement(Background, null, /*#__PURE__*/React.createElement("div", {
+    className: "employeeBackbuttonAlign"
+  }, /*#__PURE__*/React.createElement(BackButton, {
+    variant: "white",
+    style: {
+      borderBottom: "none"
+    }
+  })), /*#__PURE__*/React.createElement(FormComposer, {
     onSubmit: onChangePassword,
     noBoxShadow: true,
     inline: true,
@@ -2024,44 +2171,39 @@ var ChangePasswordComponent = function ChangePasswordComponent(_ref) {
     config: config,
     label: propsConfig.texts.submitButtonLabel,
     cardStyle: {
-      maxWidth: "400px",
+      maxWidth: "408px",
       margin: "auto"
-    }
-  }, /*#__PURE__*/React.createElement(CardSubHeader, {
+    },
+    className: "employeeChangePassword"
+  }, /*#__PURE__*/React.createElement(Header, null), /*#__PURE__*/React.createElement(CardSubHeader, {
     style: {
       textAlign: "center"
     }
-  }, " ", propsConfig.texts.header, " "), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, {
-    style: {
-      marginBottom: "8px"
-    }
-  }, t("CORE_OTP_SENT_MESSAGE")), /*#__PURE__*/React.createElement(CardLabelDesc, {
-    style: {
-      marginBottom: "0px"
-    }
-  }, " ", mobileNumber, " "), /*#__PURE__*/React.createElement(CardLabelDesc, {
-    style: {
-      marginBottom: "8px"
-    }
-  }, " ", t("CORE_EMPLOYEE_OTP_CHECK_MESSAGE"))), /*#__PURE__*/React.createElement(CardLabel, {
-    style: {
-      marginBottom: "8px"
-    }
-  }, t("CORE_OTP_OTP"), " *"), /*#__PURE__*/React.createElement(TextInput, {
-    className: "field",
-    name: otpReference,
-    isRequired: true,
-    onChange: updateOtp,
-    type: "text",
+  }, " ", propsConfig.texts.header, " "), /*#__PURE__*/React.createElement(CardText, null, t("CS_LOGIN_OTP_TEXT") + " ", /*#__PURE__*/React.createElement("b", null, " ", "" + t("+ 91 - "), " ", mobileNumber)), /*#__PURE__*/React.createElement(SelectOtp, {
+    t: t,
+    userType: "employee",
+    otp: otp,
+    onOtpChange: setOtp,
+    error: isOtpValid,
+    onResend: onResendOTP
+  })), showToast && /*#__PURE__*/React.createElement(Toast, {
+    error: true,
+    label: t(showToast),
+    onClose: closeToast
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "EmployeeLoginFooter"
+  }, /*#__PURE__*/React.createElement("img", {
+    alt: "Powered by DIGIT",
+    src: (_window = window) === null || _window === void 0 ? void 0 : (_window$globalConfigs = _window.globalConfigs) === null || _window$globalConfigs === void 0 ? void 0 : (_window$globalConfigs2 = _window$globalConfigs.getConfig) === null || _window$globalConfigs2 === void 0 ? void 0 : _window$globalConfigs2.call(_window$globalConfigs, "DIGIT_FOOTER_BW"),
     style: {
-      marginBottom: "10px"
+      cursor: "pointer"
+    },
+    onClick: function onClick() {
+      var _window2, _window2$globalConfig, _window2$globalConfig2;
+
+      window.open((_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$globalConfig = _window2.globalConfigs) === null || _window2$globalConfig === void 0 ? void 0 : (_window2$globalConfig2 = _window2$globalConfig.getConfig) === null || _window2$globalConfig2 === void 0 ? void 0 : _window2$globalConfig2.call(_window2$globalConfig, "DIGIT_HOME_URL"), "_blank").focus();
     }
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "flex-right"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "primary-label-btn",
-    onClick: onResendOTP
-  }, t("CORE_OTP_RESEND"))));
+  }), " "));
 };
 
 ChangePasswordComponent.propTypes = {
@@ -2091,20 +2233,20 @@ var EmployeeChangePassword = function EmployeeChangePassword() {
       });
     }, [config]);
   });
-  return /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(AppContainer, null, /*#__PURE__*/React.createElement(Route, {
+  return /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(Route, {
     path: "" + path,
     exact: true
   }, /*#__PURE__*/React.createElement(ChangePasswordComponent, {
     config: params[0],
     t: t
-  }))));
+  })));
 };
 
 var loginConfig$1 = [{
   texts: {
-    header: "CS_FORGOT_PASSWORD",
-    submitButtonLabel: "CS_CONTINUE",
-    secondaryButtonLabel: "CS_BACK_TO_LOGIN"
+    header: "CORE_COMMON_FORGOT_PASSWORD_LABEL",
+    description: "ES_FORGOT_PASSWORD_DESC",
+    submitButtonLabel: "CORE_COMMON_CONTINUE"
   },
   inputs: [{
     label: "CORE_COMMON_MOBILE_NUMBER",
@@ -2120,15 +2262,24 @@ var loginConfig$1 = [{
 }];
 
 var ForgotPassword = function ForgotPassword(_ref) {
+  var _window, _window$globalConfigs, _window$globalConfigs2;
+
   var propsConfig = _ref.config,
       t = _ref.t;
-  var cities = Digit.Hooks.fsm.useTenants();
+
+  var _Digit$Hooks$useTenan = Digit.Hooks.useTenants(),
+      cities = _Digit$Hooks$useTenan.data,
+      isLoading = _Digit$Hooks$useTenan.isLoading;
 
   var _useState = useState(null),
       user = _useState[0];
 
   var history = useHistory();
 
+  var _useState2 = useState(null),
+      showToast = _useState2[0],
+      setShowToast = _useState2[1];
+
   var getUserType = function getUserType() {
     return Digit.UserService.getType();
   };
@@ -2137,6 +2288,7 @@ var ForgotPassword = function ForgotPassword(_ref) {
     var _location$state;
 
     if (!user) {
+      Digit.UserService.setType("employee");
       return;
     }
 
@@ -2145,6 +2297,10 @@ var ForgotPassword = function ForgotPassword(_ref) {
     history.replace(redirectPath);
   }, [user]);
 
+  var closeToast = function closeToast() {
+    setShowToast(null);
+  };
+
   var onForgotPassword = function onForgotPassword(data) {
     try {
       if (!data.city) {
@@ -2153,21 +2309,23 @@ var ForgotPassword = function ForgotPassword(_ref) {
       }
 
       var requestData = {
-        otp: _extends({}, data, {
+        otp: {
+          mobileNumber: data.mobileNumber,
           userType: getUserType().toUpperCase(),
           type: "passwordreset",
           tenantId: data.city.code
-        })
+        }
       };
 
       var _temp2 = _catch(function () {
         return Promise.resolve(Digit.UserService.sendOtp(requestData, data.city.code)).then(function () {
-          history.push("/digit-ui/employee/change-password?mobile_number=" + data.mobileNumber + "&tenantId=" + data.city.code);
+          history.push("/digit-ui/employee/user/change-password?mobile_number=" + data.mobileNumber + "&tenantId=" + data.city.code);
         });
       }, function (err) {
-        var _err$response, _err$response$data;
+        var _err$response, _err$response$data, _err$response$data$er, _err$response$data$er2, _err$response$data$er3;
 
-        alert((err === null || err === void 0 ? void 0 : (_err$response = err.response) === null || _err$response === void 0 ? void 0 : (_err$response$data = _err$response.data) === null || _err$response$data === void 0 ? void 0 : _err$response$data.error_description) || "Invalid login credentials!");
+        setShowToast((err === null || err === void 0 ? void 0 : (_err$response = err.response) === null || _err$response === void 0 ? void 0 : (_err$response$data = _err$response.data) === null || _err$response$data === void 0 ? void 0 : (_err$response$data$er = _err$response$data.error) === null || _err$response$data$er === void 0 ? void 0 : (_err$response$data$er2 = _err$response$data$er.fields) === null || _err$response$data$er2 === void 0 ? void 0 : (_err$response$data$er3 = _err$response$data$er2[0]) === null || _err$response$data$er3 === void 0 ? void 0 : _err$response$data$er3.message) || "Invalid login credentials!");
+        setTimeout(closeToast, 5000);
       });
 
       return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
@@ -2188,7 +2346,8 @@ var ForgotPassword = function ForgotPassword(_ref) {
       label: t(userId.label),
       type: userId.type,
       populators: {
-        name: userId.name
+        name: userId.name,
+        componentInFront: "+91"
       },
       isMandatory: true
     }, {
@@ -2202,6 +2361,7 @@ var ForgotPassword = function ForgotPassword(_ref) {
             option: cities,
             optionKey: "name",
             id: city.name,
+            className: "login-city-dd",
             select: function select(d) {
               props.onChange(d);
             }
@@ -2211,7 +2371,19 @@ var ForgotPassword = function ForgotPassword(_ref) {
       isMandatory: true
     }]
   }];
-  return /*#__PURE__*/React.createElement(FormComposer, {
+
+  if (isLoading) {
+    return /*#__PURE__*/React.createElement(Loader, null);
+  }
+
+  return /*#__PURE__*/React.createElement(Background, null, /*#__PURE__*/React.createElement("div", {
+    className: "employeeBackbuttonAlign"
+  }, /*#__PURE__*/React.createElement(BackButton, {
+    variant: "white",
+    style: {
+      borderBottom: "none"
+    }
+  })), /*#__PURE__*/React.createElement(FormComposer, {
     onSubmit: onForgotPassword,
     noBoxShadow: true,
     inline: true,
@@ -2221,14 +2393,33 @@ var ForgotPassword = function ForgotPassword(_ref) {
     secondaryActionLabel: propsConfig.texts.secondaryButtonLabel,
     onSecondayActionClick: navigateToLogin,
     heading: propsConfig.texts.header,
+    description: propsConfig.texts.description,
     headingStyle: {
       textAlign: "center"
     },
     cardStyle: {
-      maxWidth: "400px",
+      maxWidth: "408px",
       margin: "auto"
+    },
+    className: "employeeForgotPassword"
+  }, /*#__PURE__*/React.createElement(Header, null)), showToast && /*#__PURE__*/React.createElement(Toast, {
+    error: true,
+    label: t(showToast),
+    onClose: closeToast
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "EmployeeLoginFooter"
+  }, /*#__PURE__*/React.createElement("img", {
+    alt: "Powered by DIGIT",
+    src: (_window = window) === null || _window === void 0 ? void 0 : (_window$globalConfigs = _window.globalConfigs) === null || _window$globalConfigs === void 0 ? void 0 : (_window$globalConfigs2 = _window$globalConfigs.getConfig) === null || _window$globalConfigs2 === void 0 ? void 0 : _window$globalConfigs2.call(_window$globalConfigs, "DIGIT_FOOTER_BW"),
+    style: {
+      cursor: "pointer"
+    },
+    onClick: function onClick() {
+      var _window2, _window2$globalConfig, _window2$globalConfig2;
+
+      window.open((_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$globalConfig = _window2.globalConfigs) === null || _window2$globalConfig === void 0 ? void 0 : (_window2$globalConfig2 = _window2$globalConfig.getConfig) === null || _window2$globalConfig2 === void 0 ? void 0 : _window2$globalConfig2.call(_window2$globalConfig, "DIGIT_HOME_URL"), "_blank").focus();
     }
-  });
+  }), " "));
 };
 
 ForgotPassword.propTypes = {
@@ -2258,18 +2449,99 @@ var EmployeeForgotPassword = function EmployeeForgotPassword() {
       });
     }, [loginConfig$1]);
   });
-  return /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(AppContainer, null, /*#__PURE__*/React.createElement(Route, {
+  return /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(Route, {
     path: "" + path,
     exact: true
   }, /*#__PURE__*/React.createElement(ForgotPassword, {
     config: params[0],
     t: t
-  }))));
+  })));
+};
+
+var LanguageSelection = function LanguageSelection() {
+  var _window, _window$globalConfigs, _window$globalConfigs2;
+
+  var _Digit$Hooks$useStore = Digit.Hooks.useStore.getInitData(),
+      storeData = _Digit$Hooks$useStore.data,
+      isLoading = _Digit$Hooks$useStore.isLoading;
+
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+
+  var history = useHistory();
+
+  var _ref = storeData || {},
+      languages = _ref.languages,
+      stateInfo = _ref.stateInfo;
+
+  var selectedLanguage = Digit.StoreData.getCurrentLanguage();
+
+  var _useState = useState(selectedLanguage),
+      selected = _useState[0],
+      setselected = _useState[1];
+
+  var handleChangeLanguage = function handleChangeLanguage(language) {
+    setselected(language.value);
+    Digit.LocalizationService.changeLanguage(language.value, stateInfo.code);
+  };
+
+  var handleSubmit = function handleSubmit(event) {
+    history.push("/digit-ui/employee/user/login");
+  };
+
+  if (isLoading) return null;
+  return /*#__PURE__*/React.createElement(Background, null, /*#__PURE__*/React.createElement(Card, {
+    className: "bannerCard removeBottomMargin"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "bannerHeader"
+  }, /*#__PURE__*/React.createElement("img", {
+    className: "bannerLogo",
+    src: stateInfo === null || stateInfo === void 0 ? void 0 : stateInfo.logoUrl,
+    alt: "Digit"
+  }), /*#__PURE__*/React.createElement("p", null, t("TENANT_TENANTS_" + (stateInfo === null || stateInfo === void 0 ? void 0 : stateInfo.code.toUpperCase())))), /*#__PURE__*/React.createElement("div", {
+    className: "language-selector",
+    style: {
+      justifyContent: "space-between",
+      marginBottom: "24px"
+    }
+  }, languages.map(function (language, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "language-button-container",
+      key: index
+    }, /*#__PURE__*/React.createElement(CustomButton, {
+      selected: language.value === selected,
+      text: language.label,
+      onClick: function onClick() {
+        return handleChangeLanguage(language);
+      }
+    }));
+  })), /*#__PURE__*/React.createElement(SubmitBar, {
+    style: {
+      width: "100%"
+    },
+    label: t("CORE_COMMON_CONTINUE"),
+    onSubmit: handleSubmit
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "EmployeeLoginFooter"
+  }, /*#__PURE__*/React.createElement("img", {
+    alt: "Powered by DIGIT",
+    src: (_window = window) === null || _window === void 0 ? void 0 : (_window$globalConfigs = _window.globalConfigs) === null || _window$globalConfigs === void 0 ? void 0 : (_window$globalConfigs2 = _window$globalConfigs.getConfig) === null || _window$globalConfigs2 === void 0 ? void 0 : _window$globalConfigs2.call(_window$globalConfigs, "DIGIT_FOOTER_BW"),
+    style: {
+      cursor: "pointer"
+    },
+    onClick: function onClick() {
+      var _window2, _window2$globalConfig, _window2$globalConfig2;
+
+      window.open((_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$globalConfig = _window2.globalConfigs) === null || _window2$globalConfig === void 0 ? void 0 : (_window2$globalConfig2 = _window2$globalConfig.getConfig) === null || _window2$globalConfig2 === void 0 ? void 0 : _window2$globalConfig2.call(_window2$globalConfig, "DIGIT_HOME_URL"), "_blank").focus();
+    }
+  }), " "));
 };
 
 var getTenants = function getTenants(codes, tenants) {
   return tenants.filter(function (tenant) {
-    return codes.map(function (item) {
+    var _codes$map;
+
+    return codes === null || codes === void 0 ? void 0 : (_codes$map = codes.map) === null || _codes$map === void 0 ? void 0 : _codes$map.call(codes, function (item) {
       return item.code;
     }).includes(tenant.code);
   });
@@ -2285,11 +2557,25 @@ var AppModules = function AppModules(_ref) {
   var _useRouteMatch = useRouteMatch(),
       path = _useRouteMatch.path;
 
+  var location = useLocation();
+  var user = Digit.UserService.getUser();
+
+  if (!user) {
+    return /*#__PURE__*/React.createElement(Redirect, {
+      to: {
+        pathname: "/digit-ui/employee/user/login",
+        state: {
+          from: location.pathname + location.search
+        }
+      }
+    });
+  }
+
   var appRoutes = modules.map(function (_ref2, index) {
     var code = _ref2.code,
         tenants = _ref2.tenants;
     var Module = Digit.ComponentRegistryService.getComponent(code + "Module");
-    return /*#__PURE__*/React.createElement(Route, {
+    return Module ? /*#__PURE__*/React.createElement(Route, {
       key: index,
       path: path + "/" + code.toLowerCase()
     }, /*#__PURE__*/React.createElement(Module, {
@@ -2297,25 +2583,27 @@ var AppModules = function AppModules(_ref) {
       moduleCode: code,
       userType: userType,
       tenants: getTenants(tenants, appTenants)
-    }));
+    })) : null;
   });
-  return /*#__PURE__*/React.createElement(Switch, null, appRoutes, /*#__PURE__*/React.createElement(Route, {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "ground-container"
+  }, /*#__PURE__*/React.createElement(Switch, null, appRoutes, /*#__PURE__*/React.createElement(Route, {
     path: path + "/login"
-  }, userType === "citizen" ? /*#__PURE__*/React.createElement(Login, {
-    stateCode: stateCode
-  }) : /*#__PURE__*/React.createElement(EmployeeLogin, null)), /*#__PURE__*/React.createElement(Route, {
+  }, " ", /*#__PURE__*/React.createElement(Redirect, {
+    to: {
+      pathname: "/digit-ui/employee/user/login",
+      state: {
+        from: location.pathname + location.search
+      }
+    }
+  })), /*#__PURE__*/React.createElement(Route, {
     path: path + "/forgot-password"
-  }, userType === "citizen" ? null : /*#__PURE__*/React.createElement(EmployeeForgotPassword, null)), /*#__PURE__*/React.createElement(Route, {
+  }, /*#__PURE__*/React.createElement(EmployeeForgotPassword, null)), /*#__PURE__*/React.createElement(Route, {
     path: path + "/change-password"
-  }, userType === "citizen" ? null : /*#__PURE__*/React.createElement(EmployeeChangePassword, null)), userType === "citizen" && /*#__PURE__*/React.createElement(Route, {
-    path: path + "/register"
-  }, /*#__PURE__*/React.createElement(Login, {
-    stateCode: stateCode,
-    isUserRegistered: false
-  })), /*#__PURE__*/React.createElement(Route, null, /*#__PURE__*/React.createElement(AppHome, {
+  }, " ", /*#__PURE__*/React.createElement(EmployeeChangePassword, null)), /*#__PURE__*/React.createElement(Route, null, /*#__PURE__*/React.createElement(AppHome, {
     userType: userType,
     modules: modules
-  })));
+  }))));
 };
 
 var ChangeLanguage = function ChangeLanguage(prop) {
@@ -2388,7 +2676,7 @@ var TextToImg = function TextToImg(props) {
 };
 
 var TopBar = function TopBar(_ref) {
-  var _cityDetails$city, _userDetails$info, _userDetails$info2, _userDetails$info2$us;
+  var _Digit$SessionStorage, _cityDetails$city, _cityDetails$city2, _stateInfo$code, _userDetails$info, _userDetails$info2, _userDetails$info2$us;
 
   var t = _ref.t,
       stateInfo = _ref.stateInfo,
@@ -2400,7 +2688,38 @@ 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 = useHistory();
+
+  var _useLocation = useLocation(),
+      pathname = _useLocation.pathname;
+
+  var conditionsToDisableNotificationCountTrigger = function conditionsToDisableNotificationCountTrigger() {
+    var _Digit$UserService, _Digit$UserService$ge, _Digit$UserService$ge2, _Digit$UserService2, _Digit$UserService2$g, _Digit$UserService2$g2;
+
+    if (((_Digit$UserService = Digit.UserService) === null || _Digit$UserService === void 0 ? void 0 : (_Digit$UserService$ge = _Digit$UserService.getUser()) === null || _Digit$UserService$ge === void 0 ? void 0 : (_Digit$UserService$ge2 = _Digit$UserService$ge.info) === null || _Digit$UserService$ge2 === void 0 ? void 0 : _Digit$UserService$ge2.type) === "EMPLOYEE") return false;
+
+    if (((_Digit$UserService2 = Digit.UserService) === null || _Digit$UserService2 === void 0 ? void 0 : (_Digit$UserService2$g = _Digit$UserService2.getUser()) === null || _Digit$UserService2$g === void 0 ? void 0 : (_Digit$UserService2$g2 = _Digit$UserService2$g.info) === null || _Digit$UserService2$g2 === void 0 ? void 0 : _Digit$UserService2$g2.type) === "CITIZEN") {
+      if (!CitizenHomePageTenantId) return false;else return true;
+    }
+
+    return false;
+  };
+
+  var _Digit$Hooks$useNotif = Digit.Hooks.useNotificationCount({
+    tenantId: CitizenHomePageTenantId,
+    config: {
+      enabled: conditionsToDisableNotificationCountTrigger()
+    }
+  }),
+      _Digit$Hooks$useNotif2 = _Digit$Hooks$useNotif.data;
+
+  _Digit$Hooks$useNotif2 = _Digit$Hooks$useNotif2 === void 0 ? {} : _Digit$Hooks$useNotif2;
+  var unreadNotificationCount = _Digit$Hooks$useNotif2.unreadCount,
+      notificationCountLoaded = _Digit$Hooks$useNotif.isSuccess;
 
   var updateSidebar = function updateSidebar() {
     if (!Digit.clikOusideFired) {
@@ -2410,6 +2729,16 @@ var TopBar = function TopBar(_ref) {
     }
   };
 
+  function onNotificationIconClick() {
+    history.push("/digit-ui/citizen/engagement/notifications");
+  }
+
+  var urlsToDisableNotificationIcon = function urlsToDisableNotificationIcon(pathname) {
+    var _Digit$UserService3, _Digit$UserService3$g;
+
+    return !!((_Digit$UserService3 = Digit.UserService) !== null && _Digit$UserService3 !== void 0 && (_Digit$UserService3$g = _Digit$UserService3.getUser()) !== null && _Digit$UserService3$g !== void 0 && _Digit$UserService3$g.access_token) ? false : ["/digit-ui/citizen/select-language", "/digit-ui/citizen/select-location"].includes(pathname);
+  };
+
   if (CITIZEN) {
     return /*#__PURE__*/React.createElement(TopBar$1, {
       img: stateInfo === null || stateInfo === void 0 ? void 0 : stateInfo.logoUrlWhite,
@@ -2417,10 +2746,16 @@ var TopBar = function TopBar(_ref) {
       toggleSidebar: updateSidebar,
       logoUrl: stateInfo === null || stateInfo === void 0 ? void 0 : stateInfo.logoUrlWhite,
       onLogout: handleLogout,
-      userDetails: userDetails
+      userDetails: userDetails,
+      notificationCount: unreadNotificationCount < 99 ? unreadNotificationCount : 99,
+      notificationCountLoaded: notificationCountLoaded,
+      cityOfCitizenShownBesideLogo: t(CitizenHomePageTenantId),
+      onNotificationIconClick: onNotificationIconClick,
+      hideNotificationIconOnSomeUrlsWhenNotLoggedIn: urlsToDisableNotificationIcon(pathname)
     });
   }
 
+  var loggedin = userDetails !== null && userDetails !== void 0 && userDetails.access_token ? true : false;
   return /*#__PURE__*/React.createElement("div", {
     className: "topbar"
   }, mobileView ? /*#__PURE__*/React.createElement(Hamburger, {
@@ -2428,18 +2763,30 @@ var TopBar = function TopBar(_ref) {
     color: "#9E9E9E"
   }) : null, /*#__PURE__*/React.createElement("img", {
     className: "city",
-    src: cityDetails === null || cityDetails === void 0 ? void 0 : cityDetails.logoId
-  }), /*#__PURE__*/React.createElement("p", {
+    src: loggedin ? cityDetails === null || cityDetails === void 0 ? void 0 : cityDetails.logoId : stateInfo === null || stateInfo === void 0 ? void 0 : stateInfo.statelogo
+  }), loggedin && (cityDetails !== null && cityDetails !== void 0 && (_cityDetails$city = cityDetails.city) !== null && _cityDetails$city !== void 0 && _cityDetails$city.ulbGrade ? /*#__PURE__*/React.createElement("p", {
+    className: "ulb",
+    style: mobileView ? {
+      fontSize: "14px",
+      display: "inline-block"
+    } : {}
+  }, t(cityDetails === null || cityDetails === void 0 ? void 0 : cityDetails.i18nKey).toUpperCase(), " ", t("ULBGRADE_" + (cityDetails === null || cityDetails === void 0 ? void 0 : (_cityDetails$city2 = cityDetails.city) === null || _cityDetails$city2 === void 0 ? void 0 : _cityDetails$city2.ulbGrade.toUpperCase().replace(" ", "_").replace(".", "_"))).toUpperCase()) : /*#__PURE__*/React.createElement("img", {
+    className: "state",
+    src: logoUrl
+  })), !loggedin && /*#__PURE__*/React.createElement("p", {
     className: "ulb",
     style: mobileView ? {
       fontSize: "14px",
       display: "inline-block"
     } : {}
-  }, t(cityDetails === null || cityDetails === void 0 ? void 0 : cityDetails.i18nKey).toUpperCase(), " ", t("ULBGRADE_" + (cityDetails === null || cityDetails === void 0 ? void 0 : (_cityDetails$city = cityDetails.city) === null || _cityDetails$city === void 0 ? void 0 : _cityDetails$city.ulbGrade.toUpperCase().replace(" ", "_").replace(".", "_"))).toUpperCase()), !mobileView && /*#__PURE__*/React.createElement("div", {
-    className: mobileView ? "right" : "flex-right right w-80 column-gap-15"
+  }, t("MYCITY_" + (stateInfo === null || stateInfo === void 0 ? void 0 : (_stateInfo$code = stateInfo.code) === null || _stateInfo$code === void 0 ? void 0 : _stateInfo$code.toUpperCase()) + "_LABEL"), " ", t("MYCITY_STATECODE_LABEL")), !mobileView && /*#__PURE__*/React.createElement("div", {
+    className: mobileView ? "right" : "flex-right right w-80 column-gap-15",
+    style: !loggedin ? {
+      width: '80%'
+    } : {}
   }, /*#__PURE__*/React.createElement("div", {
     className: "left"
-  }, /*#__PURE__*/React.createElement(ChangeLanguage, {
+  }, showLanguageChange && /*#__PURE__*/React.createElement(ChangeLanguage, {
     dropdown: true
   })), (userDetails === null || userDetails === void 0 ? void 0 : userDetails.access_token) && /*#__PURE__*/React.createElement("div", {
     className: "left"
@@ -2464,9 +2811,10 @@ var TopBar = function TopBar(_ref) {
   })));
 };
 
-var SideBarMenu = function SideBarMenu(t, closeSidebar, isEmployee) {
+var SideBarMenu = function SideBarMenu(t, closeSidebar, redirectToLoginPage, isEmployee) {
   return [{
     type: "link",
+    element: "HOME",
     text: t("COMMON_BOTTOM_NAVIGATION_HOME"),
     link: isEmployee ? "/digit-ui/employee/" : "/digit-ui/citizen/",
     icon: /*#__PURE__*/React.createElement(HomeIcon, {
@@ -2477,17 +2825,24 @@ var SideBarMenu = function SideBarMenu(t, closeSidebar, isEmployee) {
     }
   }, {
     type: "component",
+    element: "LANGUAGE",
     action: /*#__PURE__*/React.createElement(ChangeLanguage, null),
     icon: /*#__PURE__*/React.createElement(LanguageIcon, {
       className: "icon"
     })
+  }, {
+    id: 'login-btn',
+    element: "LOGIN",
+    text: t("CORE_COMMON_LOGIN"),
+    icon: /*#__PURE__*/React.createElement(LogoutIcon, {
+      className: "icon"
+    }),
+    populators: {
+      onClick: redirectToLoginPage
+    }
   }];
 };
 
-var digitImg = "data:image/png;base64,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" + "4ffyGJt9D+/HMAAAAASUVORK5CYII=";
-
-var powered = "data:image/png;base64,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";
-
 var defaultImage = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAO4AAADUCAMAAACs0e/bAAAAM1BMVEXK0eL" + "/" + "/" + "/" + "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";
 
 var Profile = function Profile(_ref) {
@@ -2518,15 +2873,22 @@ var Profile = function Profile(_ref) {
 };
 
 var PoweredBy = function PoweredBy() {
+  var _window, _window$globalConfigs, _window$globalConfigs2;
+
   return /*#__PURE__*/React.createElement("div", {
     className: "digit-footer"
   }, /*#__PURE__*/React.createElement("img", {
-    src: powered,
-    alt: "Powered by"
-  }), /*#__PURE__*/React.createElement("img", {
-    src: digitImg,
-    alt: "DIGIT"
-  }));
+    alt: "Powered by DIGIT",
+    src: (_window = window) === null || _window === void 0 ? void 0 : (_window$globalConfigs = _window.globalConfigs) === null || _window$globalConfigs === void 0 ? void 0 : (_window$globalConfigs2 = _window$globalConfigs.getConfig) === null || _window$globalConfigs2 === void 0 ? void 0 : _window$globalConfigs2.call(_window$globalConfigs, "DIGIT_FOOTER"),
+    style: {
+      cursor: "pointer"
+    },
+    onClick: function onClick() {
+      var _window2, _window2$globalConfig, _window2$globalConfig2;
+
+      window.open((_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$globalConfig = _window2.globalConfigs) === null || _window2$globalConfig === void 0 ? void 0 : (_window2$globalConfig2 = _window2$globalConfig.getConfig) === null || _window2$globalConfig2 === void 0 ? void 0 : _window2$globalConfig2.call(_window2$globalConfig, "DIGIT_HOME_URL"), "_blank").focus();
+    }
+  }), " ");
 };
 
 var CitizenSideBar = function CitizenSideBar(_ref2) {
@@ -2548,12 +2910,19 @@ var CitizenSideBar = function CitizenSideBar(_ref2) {
   var _useTranslation = useTranslation(),
       t = _useTranslation.t;
 
+  var history = useHistory();
+
   var closeSidebar = function closeSidebar() {
     Digit.clikOusideFired = true;
     toggleSidebar(false);
   };
 
-  var menuItems = [].concat(SideBarMenu(t, closeSidebar, isEmployee));
+  var redirectToLoginPage = function redirectToLoginPage() {
+    history.push("/digit-ui/citizen/login");
+    closeSidebar();
+  };
+
+  var menuItems = [].concat(SideBarMenu(t, closeSidebar, redirectToLoginPage, isEmployee));
   var profileItem;
 
   if (isFetched && user && user.access_token) {
@@ -2561,8 +2930,12 @@ var CitizenSideBar = function CitizenSideBar(_ref2) {
       info: user.info,
       stateName: stateInfo.name
     });
+    menuItems = menuItems.filter(function (item) {
+      return (item === null || item === void 0 ? void 0 : item.id) !== "login-btn";
+    });
     menuItems = [].concat(menuItems, [{
       text: t("CORE_COMMON_LOGOUT"),
+      element: "LOGOUT",
       icon: /*#__PURE__*/React.createElement(LogoutIcon, {
         className: "icon"
       }),
@@ -2572,6 +2945,13 @@ var CitizenSideBar = function CitizenSideBar(_ref2) {
     }]);
   }
 
+  if (history.location.pathname.includes("/openlink")) {
+    profileItem = /*#__PURE__*/React.createElement("span", null);
+    menuItems = menuItems.filter(function (ele) {
+      return ele.element === "LANGUAGE";
+    });
+  }
+
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(NavBar, {
     open: isOpen,
     profileItem: profileItem,
@@ -2687,7 +3067,10 @@ var TopBarSideBar = function TopBarSideBar(_ref) {
       cityDetails = _ref.cityDetails,
       mobileView = _ref.mobileView,
       handleUserDropdownSelection = _ref.handleUserDropdownSelection,
-      logoUrl = _ref.logoUrl;
+      logoUrl = _ref.logoUrl,
+      _ref$showSidebar = _ref.showSidebar,
+      showSidebar = _ref$showSidebar === void 0 ? true : _ref$showSidebar,
+      showLanguageChange = _ref.showLanguageChange;
 
   var _useState = useState(false),
       isSidebarOpen = _useState[0],
@@ -2717,8 +3100,9 @@ var TopBarSideBar = function TopBarSideBar(_ref) {
     mobileView: mobileView,
     userOptions: userOptions,
     handleUserDropdownSelection: handleUserDropdownSelection,
-    logoUrl: logoUrl
-  }), /*#__PURE__*/React.createElement(SideBar, {
+    logoUrl: logoUrl,
+    showLanguageChange: showLanguageChange
+  }), showSidebar && /*#__PURE__*/React.createElement(SideBar, {
     t: t,
     CITIZEN: CITIZEN,
     isSidebarOpen: isSidebarOpen,
@@ -2730,6 +3114,8 @@ var TopBarSideBar = function TopBarSideBar(_ref) {
 };
 
 var EmployeeApp = function EmployeeApp(_ref) {
+  var _location$pathname, _window, _window$globalConfigs, _window$globalConfigs2;
+
   var stateInfo = _ref.stateInfo,
       userDetails = _ref.userDetails,
       CITIZEN = _ref.CITIZEN,
@@ -2740,15 +3126,50 @@ var EmployeeApp = function EmployeeApp(_ref) {
       DSO = _ref.DSO,
       stateCode = _ref.stateCode,
       modules = _ref.modules,
-      appTenants = _ref.appTenants,
-      sourceUrl = _ref.sourceUrl;
+      appTenants = _ref.appTenants;
 
   var _useTranslation = useTranslation(),
       t = _useTranslation.t;
 
+  var _useRouteMatch = useRouteMatch(),
+      path = _useRouteMatch.path;
+
+  var location = 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");
+  useEffect(function () {
+    Digit.UserService.setType("employee");
+  }, []);
   return /*#__PURE__*/React.createElement("div", {
     className: "employee"
+  }, /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(Route, {
+    path: path + "/user"
   }, /*#__PURE__*/React.createElement(TopBarSideBar, {
+    t: t,
+    stateInfo: stateInfo,
+    userDetails: userDetails,
+    CITIZEN: CITIZEN,
+    cityDetails: cityDetails,
+    mobileView: mobileView,
+    handleUserDropdownSelection: handleUserDropdownSelection,
+    logoUrl: logoUrl,
+    showSidebar: false,
+    showLanguageChange: !showLanguageChange
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "loginContainer",
+    style: {
+      "--banner-url": "url(" + (stateInfo === null || stateInfo === void 0 ? void 0 : stateInfo.bannerUrl) + ")"
+    }
+  }, /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(Route, {
+    path: path + "/user/login"
+  }, /*#__PURE__*/React.createElement(EmployeeLogin, null)), /*#__PURE__*/React.createElement(Route, {
+    path: path + "/user/forgot-password"
+  }, /*#__PURE__*/React.createElement(EmployeeForgotPassword, null)), /*#__PURE__*/React.createElement(Route, {
+    path: path + "/user/change-password"
+  }, " ", /*#__PURE__*/React.createElement(EmployeeChangePassword, null)), /*#__PURE__*/React.createElement(Route, {
+    path: path + "/user/language-selection"
+  }, /*#__PURE__*/React.createElement(LanguageSelection, null)), /*#__PURE__*/React.createElement(Route, null, /*#__PURE__*/React.createElement(Redirect, {
+    to: path + "/user/language-selection"
+  }))))), /*#__PURE__*/React.createElement(Route, null, /*#__PURE__*/React.createElement(TopBarSideBar, {
     t: t,
     stateInfo: stateInfo,
     userDetails: userDetails,
@@ -2767,18 +3188,278 @@ var EmployeeApp = function EmployeeApp(_ref) {
   })), /*#__PURE__*/React.createElement("div", {
     className: "employee-home-footer"
   }, /*#__PURE__*/React.createElement("img", {
-    src: sourceUrl + "/digit-footer.png",
+    alt: "Powered by DIGIT",
+    src: (_window = window) === null || _window === void 0 ? void 0 : (_window$globalConfigs = _window.globalConfigs) === null || _window$globalConfigs === void 0 ? void 0 : (_window$globalConfigs2 = _window$globalConfigs.getConfig) === null || _window$globalConfigs2 === void 0 ? void 0 : _window$globalConfigs2.call(_window$globalConfigs, "DIGIT_FOOTER"),
     style: {
       height: "1.1em",
       cursor: "pointer"
     },
     onClick: function onClick() {
-      window.open("https://www.digit.org/", "_blank").focus();
+      var _window2, _window2$globalConfig, _window2$globalConfig2;
+
+      window.open((_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$globalConfig = _window2.globalConfigs) === null || _window2$globalConfig === void 0 ? void 0 : (_window2$globalConfig2 = _window2$globalConfig.getConfig) === null || _window2$globalConfig2 === void 0 ? void 0 : _window2$globalConfig2.call(_window2$globalConfig, "DIGIT_HOME_URL"), "_blank").focus();
     }
+  })))), /*#__PURE__*/React.createElement(Route, null, /*#__PURE__*/React.createElement(Redirect, {
+    to: path + "/user/language-selection"
   }))));
 };
 
-var CitizenApp = function CitizenApp(_ref) {
+var Home = function Home() {
+  var _Digit$SessionStorage;
+
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+
+  var history = useHistory();
+  var tenantId = (_Digit$SessionStorage = Digit.SessionStorage.get("CITIZEN.COMMON.HOME.CITY")) === null || _Digit$SessionStorage === void 0 ? void 0 : _Digit$SessionStorage.code;
+
+  var _Digit$Hooks$useStore = Digit.Hooks.useStore.getInitData(),
+      _Digit$Hooks$useStore2 = _Digit$Hooks$useStore.data;
+
+  _Digit$Hooks$useStore2 = _Digit$Hooks$useStore2 === void 0 ? {} : _Digit$Hooks$useStore2;
+  var stateInfo = _Digit$Hooks$useStore2.stateInfo,
+      isLoading = _Digit$Hooks$useStore.isLoading;
+
+  var conditionsToDisableNotificationCountTrigger = function conditionsToDisableNotificationCountTrigger() {
+    var _Digit$UserService, _Digit$UserService$ge, _Digit$UserService$ge2, _Digit$UserService2, _Digit$UserService2$g;
+
+    if (((_Digit$UserService = Digit.UserService) === null || _Digit$UserService === void 0 ? void 0 : (_Digit$UserService$ge = _Digit$UserService.getUser()) === null || _Digit$UserService$ge === void 0 ? void 0 : (_Digit$UserService$ge2 = _Digit$UserService$ge.info) === null || _Digit$UserService$ge2 === void 0 ? void 0 : _Digit$UserService$ge2.type) === "EMPLOYEE") return false;
+    if (!((_Digit$UserService2 = Digit.UserService) !== null && _Digit$UserService2 !== void 0 && (_Digit$UserService2$g = _Digit$UserService2.getUser()) !== null && _Digit$UserService2$g !== void 0 && _Digit$UserService2$g.access_token)) return false;
+    return true;
+  };
+
+  var _Digit$Hooks$useEvent = Digit.Hooks.useEvents({
+    tenantId: tenantId,
+    variant: "whats-new",
+    config: {
+      enabled: conditionsToDisableNotificationCountTrigger()
+    }
+  }),
+      EventsData = _Digit$Hooks$useEvent.data,
+      EventsDataLoading = _Digit$Hooks$useEvent.isLoading;
+
+  if (!tenantId) {
+    history.push("/digit-ui/citizen/select-language");
+  }
+
+  var allCitizenServicesProps = {
+    header: t("DASHBOARD_CITIZEN_SERVICES_LABEL"),
+    sideOption: {
+      name: t("DASHBOARD_VIEW_ALL_LABEL"),
+      onClick: function onClick() {
+        return history.push("/digit-ui/citizen/all-services");
+      }
+    },
+    options: [{
+      name: t("ES_PGR_HEADER_COMPLAINT"),
+      Icon: /*#__PURE__*/React.createElement(ComplaintIcon, null),
+      onClick: function onClick() {
+        return history.push("/digit-ui/citizen/pgr-home");
+      }
+    }, {
+      name: t("MODULE_PT"),
+      Icon: /*#__PURE__*/React.createElement(PTIcon, {
+        className: "fill-path-primary-main"
+      }),
+      onClick: function onClick() {
+        return history.push("/digit-ui/citizen/pt-home");
+      }
+    }, {
+      name: t("MODULE_TL"),
+      Icon: /*#__PURE__*/React.createElement(CaseIcon, {
+        className: "fill-path-primary-main"
+      }),
+      onClick: function onClick() {
+        return history.push("/digit-ui/citizen/tl-home");
+      }
+    }, {
+      name: t("CS_COMMON_INBOX_BPA"),
+      Icon: /*#__PURE__*/React.createElement(OBPSIcon, null),
+      onClick: function onClick() {
+        return history.push("/digit-ui/citizen/obps-home");
+      }
+    }],
+    styles: {
+      display: "flex",
+      flexWrap: "wrap",
+      justifyContent: "flex-start",
+      width: "100%"
+    }
+  };
+  var allInfoAndUpdatesProps = {
+    header: t("CS_COMMON_DASHBOARD_INFO_UPDATES"),
+    sideOption: {
+      name: t("DASHBOARD_VIEW_ALL_LABEL"),
+      onClick: function onClick() {
+        return console.debug("view all");
+      }
+    },
+    options: [{
+      name: t("CS_HEADER_MYCITY"),
+      Icon: /*#__PURE__*/React.createElement(HomeIcon, null)
+    }, {
+      name: t("EVENTS_EVENTS_HEADER"),
+      Icon: /*#__PURE__*/React.createElement(Calender, null),
+      onClick: function onClick() {
+        return history.push("/digit-ui/citizen/engagement/events");
+      }
+    }, {
+      name: t("CS_COMMON_DOCUMENTS"),
+      Icon: /*#__PURE__*/React.createElement(DocumentIcon, null),
+      onClick: function onClick() {
+        return history.push("/digit-ui/citizen/engagement/docs");
+      }
+    }, {
+      name: t("CS_COMMON_SURVEYS"),
+      Icon: /*#__PURE__*/React.createElement(DocumentIcon, null),
+      onClick: function onClick() {
+        return history.push("/digit-ui/citizen/engagement/SurveyList");
+      }
+    }],
+    styles: {
+      display: "flex",
+      flexWrap: "wrap",
+      justifyContent: "flex-start",
+      width: "100%"
+    }
+  };
+  return isLoading ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement("div", {
+    className: "HomePageWrapper"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "BannerWithSearch"
+  }, /*#__PURE__*/React.createElement("img", {
+    src: stateInfo === null || stateInfo === void 0 ? void 0 : stateInfo.bannerUrl
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "Search"
+  }, /*#__PURE__*/React.createElement(StandaloneSearchBar, {
+    placeholder: t("CS_COMMON_SEARCH_PLACEHOLDER")
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "ServicesSection"
+  }, /*#__PURE__*/React.createElement(CardBasedOptions, allCitizenServicesProps), /*#__PURE__*/React.createElement(CardBasedOptions, allInfoAndUpdatesProps)), conditionsToDisableNotificationCountTrigger() ? EventsDataLoading ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement("div", {
+    className: "WhatsNewSection"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "headSection"
+  }, /*#__PURE__*/React.createElement("h2", null, t("DASHBOARD_WHATS_NEW_LABEL")), /*#__PURE__*/React.createElement("p", {
+    onClick: function onClick() {
+      return history.push("/digit-ui/citizen/engagement/whats-new");
+    }
+  }, t("DASHBOARD_VIEW_ALL_LABEL"))), /*#__PURE__*/React.createElement(WhatsNewCard, EventsData === null || EventsData === void 0 ? void 0 : EventsData[0])) : null);
+};
+
+var LanguageSelection$1 = function LanguageSelection() {
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+
+  var history = useHistory();
+
+  var _Digit$Hooks$useStore = Digit.Hooks.useStore.getInitData(),
+      _Digit$Hooks$useStore2 = _Digit$Hooks$useStore.data;
+
+  _Digit$Hooks$useStore2 = _Digit$Hooks$useStore2 === void 0 ? {} : _Digit$Hooks$useStore2;
+  var languages = _Digit$Hooks$useStore2.languages,
+      stateInfo = _Digit$Hooks$useStore2.stateInfo,
+      isLoading = _Digit$Hooks$useStore.isLoading;
+  var selectedLanguage = Digit.StoreData.getCurrentLanguage();
+  var texts = useMemo(function () {
+    return {
+      header: t("CS_COMMON_CHOOSE_LANGUAGE"),
+      submitBarLabel: t("CORE_COMMON_CONTINUE")
+    };
+  }, [t]);
+  var RadioButtonProps = useMemo(function () {
+    return {
+      options: languages,
+      optionsKey: "label",
+      additionalWrapperClass: "reverse-radio-selection-wrapper",
+      onSelect: function onSelect(language) {
+        return Digit.LocalizationService.changeLanguage(language.value, stateInfo.code);
+      },
+      selectedOption: languages === null || languages === void 0 ? void 0 : languages.filter(function (i) {
+        return i.value === selectedLanguage;
+      })[0]
+    };
+  }, [selectedLanguage, languages]);
+
+  function onSubmit() {
+    history.push("/digit-ui/citizen/select-location");
+  }
+
+  return isLoading ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement(PageBasedInput, {
+    texts: texts,
+    onSubmit: onSubmit
+  }, /*#__PURE__*/React.createElement(CardHeader, null, t("CS_COMMON_CHOOSE_LANGUAGE")), /*#__PURE__*/React.createElement(RadioButtons, RadioButtonProps));
+};
+
+var LocationSelection = function LocationSelection() {
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+
+  var history = useHistory();
+
+  var _Digit$Hooks$useTenan = Digit.Hooks.useTenants(),
+      cities = _Digit$Hooks$useTenan.data,
+      isLoading = _Digit$Hooks$useTenan.isLoading;
+
+  var _useState = useState(function () {
+    return Digit.SessionStorage.get("CITIZEN.COMMON.HOME.CITY");
+  }),
+      selectedCity = _useState[0],
+      setSelectedCity = _useState[1];
+
+  var _useState2 = useState(false),
+      showError = _useState2[0],
+      setShowError = _useState2[1];
+
+  var texts = useMemo(function () {
+    return {
+      header: t("CS_COMMON_CHOOSE_LOCATION"),
+      submitBarLabel: t("CORE_COMMON_CONTINUE")
+    };
+  }, [t]);
+
+  function selectCity(city) {
+    setSelectedCity(city);
+    setShowError(false);
+  }
+
+  var RadioButtonProps = useMemo(function () {
+    return {
+      options: cities,
+      optionsKey: "i18nKey",
+      additionalWrapperClass: "reverse-radio-selection-wrapper",
+      onSelect: selectCity,
+      selectedOption: selectedCity
+    };
+  }, [cities, t, selectedCity]);
+
+  function onSubmit() {
+    if (selectedCity) {
+      Digit.SessionStorage.set("CITIZEN.COMMON.HOME.CITY", selectedCity);
+      history.push("/digit-ui/citizen");
+    } else {
+      setShowError(true);
+    }
+  }
+
+  return isLoading ? /*#__PURE__*/React.createElement("loader", null) : /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(BackButton, null), /*#__PURE__*/React.createElement(PageBasedInput, {
+    texts: texts,
+    onSubmit: onSubmit
+  }, /*#__PURE__*/React.createElement(CardHeader, null, t("CS_COMMON_CHOOSE_LOCATION")), /*#__PURE__*/React.createElement(SearchOnRadioButtons, _extends({}, RadioButtonProps, {
+    placeholder: t("COMMON_TABLE_SEARCH")
+  })), showError ? /*#__PURE__*/React.createElement(CardLabelError, null, t("CS_COMMON_LOCATION_SELECTION_ERROR")) : null));
+};
+
+var getTenants$1 = function getTenants(codes, tenants) {
+  return tenants.filter(function (tenant) {
+    return codes.map(function (item) {
+      return item.code;
+    }).includes(tenant.code);
+  });
+};
+
+var Home$1 = function Home$1(_ref) {
+  var _window, _window$globalConfigs, _window$globalConfigs2;
+
   var stateInfo = _ref.stateInfo,
       userDetails = _ref.userDetails,
       CITIZEN = _ref.CITIZEN,
@@ -2789,13 +3470,54 @@ var CitizenApp = function CitizenApp(_ref) {
       stateCode = _ref.stateCode,
       modules = _ref.modules,
       appTenants = _ref.appTenants,
-      sourceUrl = _ref.sourceUrl,
       pathname = _ref.pathname;
+  var classname = Digit.Hooks.fsm.useRouteSubscription(pathname);
 
   var _useTranslation = useTranslation(),
       t = _useTranslation.t;
 
-  var classname = Digit.Hooks.fsm.useRouteSubscription(pathname);
+  var _useRouteMatch = useRouteMatch(),
+      path = _useRouteMatch.path;
+
+  var appRoutes = modules.map(function (_ref2, index) {
+    var code = _ref2.code,
+        tenants = _ref2.tenants;
+    var Module = Digit.ComponentRegistryService.getComponent(code + "Module");
+    return /*#__PURE__*/React.createElement(Route, {
+      key: index,
+      path: path + "/" + code.toLowerCase()
+    }, /*#__PURE__*/React.createElement(Module, {
+      stateCode: stateCode,
+      moduleCode: code,
+      userType: "citizen",
+      tenants: getTenants$1(tenants, appTenants)
+    }));
+  });
+  var ModuleLevelLinkHomePages = modules.map(function (_ref3, index) {
+    var code = _ref3.code,
+        bannerImage = _ref3.bannerImage;
+
+    var Links = Digit.ComponentRegistryService.getComponent(code + "Links") || function () {
+      return /*#__PURE__*/React.createElement(React.Fragment, null);
+    };
+
+    return /*#__PURE__*/React.createElement(Route, {
+      key: index,
+      path: path + "/" + code.toLowerCase() + "-home"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "moduleLinkHomePage"
+    }, /*#__PURE__*/React.createElement("img", {
+      src: bannerImage || (stateInfo === null || stateInfo === void 0 ? void 0 : stateInfo.bannerUrl)
+    }), /*#__PURE__*/React.createElement(BackButton, {
+      className: "moduleLinkHomePageBackButton"
+    }), /*#__PURE__*/React.createElement("h1", null, t("MODULE_" + code.toUpperCase()))), /*#__PURE__*/React.createElement("div", {
+      className: "moduleLinkHomePageModuleLinks"
+    }, /*#__PURE__*/React.createElement(Links, {
+      key: index,
+      matchPath: "/digit-ui/citizen/" + code.toLowerCase(),
+      userType: "citizen"
+    })));
+  });
   return /*#__PURE__*/React.createElement("div", {
     className: classname
   }, /*#__PURE__*/React.createElement(TopBarSideBar, {
@@ -2808,24 +3530,48 @@ var CitizenApp = function CitizenApp(_ref) {
     handleUserDropdownSelection: handleUserDropdownSelection,
     logoUrl: logoUrl
   }), /*#__PURE__*/React.createElement("div", {
-    className: "main center-container mb-50"
-  }, /*#__PURE__*/React.createElement(AppModules, {
-    stateCode: stateCode,
+    className: "main center-container mb-25"
+  }, /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(Route, {
+    exact: true,
+    path: path
+  }, /*#__PURE__*/React.createElement(Home, null)), /*#__PURE__*/React.createElement(Route, {
+    exact: true,
+    path: path + "/select-language"
+  }, /*#__PURE__*/React.createElement(LanguageSelection$1, null)), /*#__PURE__*/React.createElement(Route, {
+    exact: true,
+    path: path + "/select-location"
+  }, /*#__PURE__*/React.createElement(LocationSelection, null)), /*#__PURE__*/React.createElement(Route, {
+    path: path + "/all-services"
+  }, /*#__PURE__*/React.createElement(AppHome, {
     userType: "citizen",
-    modules: modules,
-    appTenants: appTenants
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "citizen-home-footer"
+    modules: modules
+  })), /*#__PURE__*/React.createElement(Route, {
+    path: path + "/login"
+  }, " ", /*#__PURE__*/React.createElement(Login, {
+    stateCode: stateCode
+  })), /*#__PURE__*/React.createElement(Route, {
+    path: path + "/register"
+  }, /*#__PURE__*/React.createElement(Login, {
+    stateCode: stateCode,
+    isUserRegistered: false
+  })), appRoutes, ModuleLevelLinkHomePages)), /*#__PURE__*/React.createElement("div", {
+    className: "citizen-home-footer",
+    style: window.location.href.includes("citizen/obps") ? {
+      zIndex: "-1"
+    } : {}
   }, /*#__PURE__*/React.createElement("img", {
-    src: sourceUrl + "/digit-footer.png",
+    alt: "Powered by DIGIT",
+    src: (_window = window) === null || _window === void 0 ? void 0 : (_window$globalConfigs = _window.globalConfigs) === null || _window$globalConfigs === void 0 ? void 0 : (_window$globalConfigs2 = _window$globalConfigs.getConfig) === null || _window$globalConfigs2 === void 0 ? void 0 : _window$globalConfigs2.call(_window$globalConfigs, "DIGIT_FOOTER"),
     style: {
       height: "1.2em",
       cursor: "pointer"
     },
     onClick: function onClick() {
-      window.open("https://www.digit.org/", "_blank").focus();
+      var _window2, _window2$globalConfig, _window2$globalConfig2;
+
+      window.open((_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$globalConfig = _window2.globalConfigs) === null || _window2$globalConfig === void 0 ? void 0 : (_window2$globalConfig2 = _window2$globalConfig.getConfig) === null || _window2$globalConfig2 === void 0 ? void 0 : _window2$globalConfig2.call(_window2$globalConfig, "DIGIT_HOME_URL"), "_blank").focus();
     }
-  }))));
+  })));
 };
 
 var DigitApp = function DigitApp(_ref) {
@@ -2902,7 +3648,7 @@ var DigitApp = function DigitApp(_ref) {
     path: "/digit-ui/employee"
   }, /*#__PURE__*/React.createElement(EmployeeApp, commonProps)), /*#__PURE__*/React.createElement(Route, {
     path: "/digit-ui/citizen"
-  }, /*#__PURE__*/React.createElement(CitizenApp, commonProps)), /*#__PURE__*/React.createElement(Route, null, /*#__PURE__*/React.createElement(Redirect, {
+  }, /*#__PURE__*/React.createElement(Home$1, commonProps)), /*#__PURE__*/React.createElement(Route, null, /*#__PURE__*/React.createElement(Redirect, {
     to: "/digit-ui/citizen"
   })));
 };
@@ -2998,6 +3744,14 @@ var DigitUI = function DigitUI(_ref2) {
     moduleReducers: moduleReducers
   }))));
 };
+var componentsToRegister = {};
+var initCoreComponents = function initCoreComponents() {
+  Object.entries(componentsToRegister).forEach(function (_ref3) {
+    var key = _ref3[0],
+        value = _ref3[1];
+    Digit.ComponentRegistryService.setComponent(key, value);
+  });
+};
 
-export { DigitUI };
+export { DigitUI, initCoreComponents };
 //# sourceMappingURL=index.modern.js.map