@egovernments/digit-ui-module-core 1.5.4 → 1.5.5-alpha.1

package/dist/index.js

@@ -7,84 +7,10 @@ var reactRedux = require('react-redux');
 var reactRouterDom = require('react-router-dom');
 var reactI18next = require('react-i18next');
 var digitUiReactComponents = require('@egovernments/digit-ui-react-components');
+var ReactTooltip = _interopDefault(require('react-tooltip'));
 var redux = require('redux');
 var thunk = _interopDefault(require('redux-thunk'));
 
-var CitizenHome = function CitizenHome(_ref) {
-  var modules = _ref.modules;
-  var ComponentProvider = Digit.Contexts.ComponentProvider;
-  var registry = React.useContext(ComponentProvider);
-  var paymentModule = modules.filter(function (_ref2) {
-    var code = _ref2.code;
-    return code === "Payment";
-  })[0];
-  var moduleArr = modules.filter(function (_ref3) {
-    var code = _ref3.code;
-    return code !== "Payment";
-  });
-  var moduleArray = [paymentModule].concat(moduleArr);
-  var showQuickPay = moduleArr.some(function (module) {
-    return module.code === "QuickPayLinks";
-  });
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.BackButton, null), /*#__PURE__*/React__default.createElement("div", {
-    className: "citizenAllServiceGrid"
-  }, moduleArray.filter(function (mod) {
-    return mod;
-  }).map(function (_ref4, index) {
-    var code = _ref4.code;
-
-    var Links = Digit.ComponentRegistryService.getComponent(code + "Links") || function () {
-      return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
-    };
-
-    if (code === "Payment" && !showQuickPay) {
-      Links = function Links() {
-        return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
-      };
-    }
-
-    return /*#__PURE__*/React__default.createElement(Links, {
-      key: index,
-      matchPath: "/digit-ui/citizen/" + code.toLowerCase(),
-      userType: "citizen"
-    });
-  })));
-};
-
-var EmployeeHome = function EmployeeHome(_ref5) {
-  var modules = _ref5.modules;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "employee-app-container"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "ground-container moduleCardWrapper gridModuleWrapper"
-  }, modules.map(function (_ref6, index) {
-    var code = _ref6.code;
-
-    var Card = Digit.ComponentRegistryService.getComponent(code + "Card") || function () {
-      return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
-    };
-
-    return /*#__PURE__*/React__default.createElement(Card, {
-      key: index
-    });
-  })));
-};
-
-var AppHome = function AppHome(_ref7) {
-  var userType = _ref7.userType,
-      modules = _ref7.modules;
-
-  if (userType === "citizen") {
-    return /*#__PURE__*/React__default.createElement(CitizenHome, {
-      modules: modules
-    });
-  }
-
-  return /*#__PURE__*/React__default.createElement(EmployeeHome, {
-    modules: modules
-  });
-};
-
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -132,6 +58,205 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
+var processLinkData = function processLinkData(newData, code, t) {
+  var obj = newData === null || newData === void 0 ? void 0 : newData["" + code];
+
+  if (obj) {
+    obj.map(function (link) {
+      link.link = link["navigationURL"], link.i18nKey = t(link["name"]);
+    });
+  }
+
+  var newObj = {
+    links: obj === null || obj === void 0 ? void 0 : obj.reverse(),
+    header: Digit.Utils.locale.getTransformedLocale("ACTION_TEST_" + code),
+    iconName: "CITIZEN_" + code + "_ICON"
+  };
+
+  if (code === "FSM") {
+    var roleBasedLoginRoutes = [{
+      role: "FSM_DSO",
+      from: "/digit-ui/citizen/fsm/dso-dashboard",
+      dashoardLink: "CS_LINK_DSO_DASHBOARD",
+      loginLink: "CS_LINK_LOGIN_DSO"
+    }];
+    roleBasedLoginRoutes.map(function (_ref) {
+      var _newObj$links, _newObj$links2;
+
+      var role = _ref.role,
+          from = _ref.from,
+          loginLink = _ref.loginLink,
+          dashoardLink = _ref.dashoardLink;
+      if (Digit.UserService.hasAccess(role)) newObj === null || newObj === void 0 ? void 0 : (_newObj$links = newObj.links) === null || _newObj$links === void 0 ? void 0 : _newObj$links.push({
+        link: from,
+        i18nKey: t(dashoardLink)
+      });else newObj === null || newObj === void 0 ? void 0 : (_newObj$links2 = newObj.links) === null || _newObj$links2 === void 0 ? void 0 : _newObj$links2.push({
+        link: "/digit-ui/citizen/login",
+        state: {
+          role: "FSM_DSO",
+          from: from
+        },
+        i18nKey: t(loginLink)
+      });
+    });
+  }
+
+  return newObj;
+};
+
+var iconSelector = function iconSelector(code) {
+  switch (code) {
+    case "PT":
+      return /*#__PURE__*/React__default.createElement(digitUiReactComponents.PTIcon, {
+        className: "fill-path-primary-main"
+      });
+
+    case "WS":
+      return /*#__PURE__*/React__default.createElement(digitUiReactComponents.WSICon, {
+        className: "fill-path-primary-main"
+      });
+
+    case "FSM":
+      return /*#__PURE__*/React__default.createElement(digitUiReactComponents.FSMIcon, {
+        className: "fill-path-primary-main"
+      });
+
+    case "MCollect":
+      return /*#__PURE__*/React__default.createElement(digitUiReactComponents.MCollectIcon, {
+        className: "fill-path-primary-main"
+      });
+
+    case "PGR":
+      return /*#__PURE__*/React__default.createElement(digitUiReactComponents.PGRIcon, {
+        className: "fill-path-primary-main"
+      });
+
+    case "TL":
+      return /*#__PURE__*/React__default.createElement(digitUiReactComponents.TLIcon, {
+        className: "fill-path-primary-main"
+      });
+
+    case "OBPS":
+      return /*#__PURE__*/React__default.createElement(digitUiReactComponents.OBPSIcon, {
+        className: "fill-path-primary-main"
+      });
+
+    case "Bills":
+      return /*#__PURE__*/React__default.createElement(digitUiReactComponents.BillsIcon, {
+        className: "fill-path-primary-main"
+      });
+
+    default:
+      return /*#__PURE__*/React__default.createElement(digitUiReactComponents.PTIcon, {
+        className: "fill-path-primary-main"
+      });
+  }
+};
+
+var CitizenHome = function CitizenHome(_ref2) {
+  var modules = _ref2.modules,
+      getCitizenMenu = _ref2.getCitizenMenu,
+      fetchedCitizen = _ref2.fetchedCitizen,
+      isLoading = _ref2.isLoading;
+  var paymentModule = modules.filter(function (_ref3) {
+    var code = _ref3.code;
+    return code === "Payment";
+  })[0];
+  var moduleArr = modules.filter(function (_ref4) {
+    var code = _ref4.code;
+    return code !== "Payment";
+  });
+  var moduleArray = [paymentModule].concat(moduleArr);
+
+  var _useTranslation = reactI18next.useTranslation(),
+      t = _useTranslation.t;
+
+  if (isLoading) {
+    return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Loader, null);
+  }
+
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
+    className: "citizen-all-services-wrapper"
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.BackButton, null), /*#__PURE__*/React__default.createElement("div", {
+    className: "citizenAllServiceGrid"
+  }, moduleArray.filter(function (mod) {
+    return mod;
+  }).map(function (_ref5, index) {
+    var _mdmsDataObj, _mdmsDataObj$links;
+
+    var code = _ref5.code;
+    var mdmsDataObj;
+    if (fetchedCitizen) mdmsDataObj = fetchedCitizen ? processLinkData(getCitizenMenu, code, t) : undefined;
+
+    if (((_mdmsDataObj = mdmsDataObj) === null || _mdmsDataObj === void 0 ? void 0 : (_mdmsDataObj$links = _mdmsDataObj.links) === null || _mdmsDataObj$links === void 0 ? void 0 : _mdmsDataObj$links.length) > 0) {
+      var _mdmsDataObj2, _mdmsDataObj3, _mdmsDataObj3$links, _mdmsDataObj3$links$f;
+
+      return /*#__PURE__*/React__default.createElement(digitUiReactComponents.CitizenHomeCard, {
+        header: t((_mdmsDataObj2 = mdmsDataObj) === null || _mdmsDataObj2 === void 0 ? void 0 : _mdmsDataObj2.header),
+        links: (_mdmsDataObj3 = mdmsDataObj) === null || _mdmsDataObj3 === void 0 ? void 0 : (_mdmsDataObj3$links = _mdmsDataObj3.links) === null || _mdmsDataObj3$links === void 0 ? void 0 : (_mdmsDataObj3$links$f = _mdmsDataObj3$links.filter(function (ele) {
+          return ele === null || ele === void 0 ? void 0 : ele.link;
+        })) === null || _mdmsDataObj3$links$f === void 0 ? void 0 : _mdmsDataObj3$links$f.sort(function (x, y) {
+          return (x === null || x === void 0 ? void 0 : x.orderNumber) - (y === null || y === void 0 ? void 0 : y.orderNumber);
+        }),
+        Icon: function Icon() {
+          return iconSelector(code);
+        },
+        Info: code === "OBPS" ? function () {
+          return /*#__PURE__*/React__default.createElement(digitUiReactComponents.CitizenInfoLabel, {
+            style: {
+              margin: "0px",
+              padding: "10px"
+            },
+            info: t("CS_FILE_APPLICATION_INFO_LABEL"),
+            text: t("BPA_CITIZEN_HOME_STAKEHOLDER_INCLUDES_INFO_LABEL")
+          });
+        } : null,
+        isInfo: code === "OBPS" ? true : false
+      });
+    } else return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
+  }))));
+};
+
+var EmployeeHome = function EmployeeHome(_ref6) {
+  var modules = _ref6.modules;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "employee-app-container"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "ground-container moduleCardWrapper gridModuleWrapper"
+  }, modules.map(function (_ref7, index) {
+    var code = _ref7.code;
+
+    var Card = Digit.ComponentRegistryService.getComponent(code + "Card") || function () {
+      return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
+    };
+
+    return /*#__PURE__*/React__default.createElement(Card, {
+      key: index
+    });
+  })));
+};
+
+var AppHome = function AppHome(_ref8) {
+  var userType = _ref8.userType,
+      modules = _ref8.modules,
+      getCitizenMenu = _ref8.getCitizenMenu,
+      fetchedCitizen = _ref8.fetchedCitizen,
+      isLoading = _ref8.isLoading;
+
+  if (userType === "citizen") {
+    return /*#__PURE__*/React__default.createElement(CitizenHome, {
+      modules: modules,
+      getCitizenMenu: getCitizenMenu,
+      fetchedCitizen: fetchedCitizen,
+      isLoading: isLoading
+    });
+  }
+
+  return /*#__PURE__*/React__default.createElement(EmployeeHome, {
+    modules: modules
+  });
+};
+
 var _iteratorSymbol = /*#__PURE__*/typeof Symbol !== "undefined" ? Symbol.iterator || (Symbol.iterator = Symbol("Symbol.iterator")) : "@@iterator";
 var _asyncIteratorSymbol = /*#__PURE__*/typeof Symbol !== "undefined" ? Symbol.asyncIterator || (Symbol.asyncIterator = Symbol("Symbol.asyncIterator")) : "@@asyncIterator";
 function _catch(body, recover) {
@@ -198,9 +323,10 @@ var SelectMobileNumber = function SelectMobileNumber(_ref) {
       onSelect = _ref.onSelect,
       mobileNumber = _ref.mobileNumber,
       onMobileChange = _ref.onMobileChange,
-      config = _ref.config;
+      config = _ref.config,
+      canSubmit = _ref.canSubmit;
   return /*#__PURE__*/React__default.createElement(digitUiReactComponents.FormStep, {
-    isDisabled: mobileNumber.length !== 10,
+    isDisabled: !(mobileNumber.length === 10 && canSubmit),
     onSelect: onSelect,
     config: config,
     t: t,
@@ -238,7 +364,8 @@ var SelectOtp = function SelectOtp(_ref) {
       t = _ref.t,
       error = _ref.error,
       _ref$userType = _ref.userType,
-      userType = _ref$userType === void 0 ? "citizen" : _ref$userType;
+      userType = _ref$userType === void 0 ? "citizen" : _ref$userType,
+      canSubmit = _ref.canSubmit;
 
   var _useState = React.useState(30),
       timeLeft = _useState[0],
@@ -268,7 +395,7 @@ var SelectOtp = function SelectOtp(_ref) {
     onSelect: onSelect,
     config: config,
     t: t,
-    isDisabled: (otp === null || otp === void 0 ? void 0 : otp.length) !== 6
+    isDisabled: !((otp === null || otp === void 0 ? void 0 : otp.length) === 6 && canSubmit)
   }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.OTPInput, {
     length: 6,
     onChange: onOtpChange,
@@ -282,11 +409,13 @@ var SelectOtp = function SelectOtp(_ref) {
 var SelectName = function SelectName(_ref) {
   var config = _ref.config,
       onSelect = _ref.onSelect,
-      t = _ref.t;
+      t = _ref.t,
+      isDisabled = _ref.isDisabled;
   return /*#__PURE__*/React__default.createElement(digitUiReactComponents.FormStep, {
     config: config,
     onSelect: onSelect,
-    t: t
+    t: t,
+    isDisabled: isDisabled
   });
 };
 
@@ -359,6 +488,19 @@ var Login = function Login(_ref) {
       setErrorTO = _useState6[1];
 
   var searchParams = Digit.Hooks.useQueryParams();
+
+  var _useState7 = React.useState(false),
+      canSubmitName = _useState7[0],
+      setCanSubmitName = _useState7[1];
+
+  var _useState8 = React.useState(true),
+      canSubmitOtp = _useState8[0],
+      setCanSubmitOtp = _useState8[1];
+
+  var _useState9 = React.useState(true),
+      canSubmitNo = _useState9[0],
+      setCanSubmitNo = _useState9[1];
+
   React.useEffect(function () {
     var errorTimeout;
 
@@ -389,7 +531,14 @@ var Login = function Login(_ref) {
     Digit.UserService.setUser(user);
     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);
+
+    if (!Digit.ULBService.getCitizenCurrentTenant(true)) {
+      history.replace("/digit-ui/citizen/select-location", {
+        redirectBackTo: redirectPath
+      });
+    } else {
+      history.replace(redirectPath);
+    }
   }, [user]);
   var stepItems = React.useMemo(function () {
     return loginSteps.map(function (step) {
@@ -424,6 +573,7 @@ var Login = function Login(_ref) {
 
   var selectMobileNumber = function selectMobileNumber(mobileNumber) {
     try {
+      setCanSubmitNo(false);
       setParmas(_extends({}, params, mobileNumber));
 
       var data = _extends({}, mobileNumber, {
@@ -444,13 +594,16 @@ var Login = function Login(_ref) {
             if (!err) {
               var _location$state3;
 
+              setCanSubmitNo(true);
               history.replace(path + "/otp", {
                 from: getFromLocation(location.state, searchParams),
                 role: (_location$state3 = location.state) === null || _location$state3 === void 0 ? void 0 : _location$state3.role
               });
               return;
             } else {
-              if (!(location.state && location.state.role === 'FSM_DSO')) {
+              setCanSubmitNo(true);
+
+              if (!(location.state && location.state.role === "FSM_DSO")) {
                 history.push("/digit-ui/citizen/register/name", {
                   from: getFromLocation(location.state, searchParams),
                   data: data
@@ -461,6 +614,7 @@ var Login = function Login(_ref) {
             if ((_location$state4 = location.state) !== null && _location$state4 !== void 0 && _location$state4.role) {
               var _location$state5;
 
+              setCanSubmitNo(true);
               setError(((_location$state5 = location.state) === null || _location$state5 === void 0 ? void 0 : _location$state5.role) === "FSM_DSO" ? t("ES_ERROR_DSO_LOGIN") : "User not registered.");
             }
           });
@@ -472,10 +626,14 @@ var Login = function Login(_ref) {
                 err = _ref3[1];
 
             if (!err) {
+              setCanSubmitNo(true);
               history.replace(path + "/otp", {
                 from: getFromLocation(location.state, searchParams)
               });
+              return;
             }
+
+            setCanSubmitNo(true);
           });
         }
       }());
@@ -492,6 +650,7 @@ var Login = function Login(_ref) {
       }, name);
 
       setParmas(_extends({}, params, name));
+      setCanSubmitName(true);
       return Promise.resolve(sendOtp({
         otp: _extends({}, data, TYPE_REGISTER)
       })).then(function (_ref4) {
@@ -499,9 +658,12 @@ var Login = function Login(_ref) {
             err = _ref4[1];
 
         if (res) {
+          setCanSubmitName(false);
           history.replace(path + "/otp", {
             from: getFromLocation(location.state, searchParams)
           });
+        } else {
+          setCanSubmitName(false);
         }
       });
     } catch (e) {
@@ -513,6 +675,7 @@ var Login = function Login(_ref) {
     try {
       return Promise.resolve(_catch(function () {
         setIsOtpValid(true);
+        setCanSubmitOtp(false);
         var mobileNumber = params.mobileNumber,
             otp = params.otp,
             name = params.name;
@@ -584,6 +747,7 @@ var Login = function Login(_ref) {
           }
         }();
       }, function () {
+        setCanSubmitOtp(true);
         setIsOtpValid(false);
       }));
     } catch (e) {
@@ -634,7 +798,9 @@ var Login = function Login(_ref) {
     }));
   };
 
-  return /*#__PURE__*/React__default.createElement(reactRouterDom.Switch, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.AppContainer, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.BackButton, null), /*#__PURE__*/React__default.createElement(reactRouterDom.Route, {
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "citizen-form-wrapper"
+  }, /*#__PURE__*/React__default.createElement(reactRouterDom.Switch, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.AppContainer, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.BackButton, null), /*#__PURE__*/React__default.createElement(reactRouterDom.Route, {
     path: "" + path,
     exact: true
   }, /*#__PURE__*/React__default.createElement(SelectMobileNumber, {
@@ -642,6 +808,7 @@ var Login = function Login(_ref) {
     config: stepItems[0],
     mobileNumber: params.mobileNumber || "",
     onMobileChange: handleMobileChange,
+    canSubmit: canSubmitNo,
     showRegisterLink: isUserRegistered && !((_location$state7 = location.state) !== null && _location$state7 !== void 0 && _location$state7.role),
     t: t
   })), /*#__PURE__*/React__default.createElement(reactRouterDom.Route, {
@@ -657,20 +824,22 @@ var Login = function Login(_ref) {
     onSelect: selectOtp,
     otp: params.otp,
     error: isOtpValid,
+    canSubmit: canSubmitOtp,
     t: t
   })), /*#__PURE__*/React__default.createElement(reactRouterDom.Route, {
     path: path + "/name"
   }, /*#__PURE__*/React__default.createElement(SelectName, {
     config: stepItems[2],
     onSelect: selectName,
-    t: t
+    t: t,
+    isDisabled: canSubmitName
   })), error && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
     error: true,
     label: error,
     onClose: function onClose() {
       return setError(null);
     }
-  })));
+  }))));
 };
 
 var loginConfig = [{
@@ -1789,7 +1958,7 @@ var propTypes = createCommonjsModule(function (module) {
 var Background = function Background(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/React__default.createElement("div", {
-    className: "banner"
+    className: "banner banner-container"
   }, children);
 };
 
@@ -1882,13 +2051,13 @@ var Login$1 = function Login(_ref) {
     if (user !== null && user !== void 0 && (_user$info3 = user.info) !== null && _user$info3 !== void 0 && _user$info3.roles && user !== null && user !== void 0 && (_user$info4 = user.info) !== null && _user$info4 !== void 0 && (_user$info4$roles = _user$info4.roles) !== null && _user$info4$roles !== void 0 && _user$info4$roles.every(function (e) {
       return e.code === "NATADMIN";
     })) {
-      redirectPath = "/digit-ui/employee/payment/integration/dss/NURT_DASHBOARD";
+      redirectPath = "/digit-ui/employee/dss/landing/NURT_DASHBOARD";
     }
 
     if (user !== null && user !== void 0 && (_user$info5 = user.info) !== null && _user$info5 !== void 0 && _user$info5.roles && user !== null && user !== void 0 && (_user$info6 = user.info) !== null && _user$info6 !== void 0 && (_user$info6$roles = _user$info6.roles) !== null && _user$info6$roles !== void 0 && _user$info6$roles.every(function (e) {
       return e.code === "STADMIN";
     })) {
-      redirectPath = "/digit-ui/employee/payment/integration/dss/home";
+      redirectPath = "/digit-ui/employee/dss/landing/home";
     }
 
     history.replace(redirectPath);
@@ -2662,13 +2831,23 @@ var AppModules = function AppModules(_ref) {
       moduleCode: code,
       userType: userType,
       tenants: getTenants(tenants, appTenants)
-    })) : null;
+    })) : /*#__PURE__*/React__default.createElement(reactRouterDom.Route, {
+      key: index,
+      path: path + "/" + code.toLowerCase()
+    }, /*#__PURE__*/React__default.createElement(reactRouterDom.Redirect, {
+      to: {
+        pathname: "/digit-ui/employee/user/error?type=notfound",
+        state: {
+          from: location.pathname + location.search
+        }
+      }
+    }));
   });
   return /*#__PURE__*/React__default.createElement("div", {
     className: "ground-container"
   }, /*#__PURE__*/React__default.createElement(reactRouterDom.Switch, null, appRoutes, /*#__PURE__*/React__default.createElement(reactRouterDom.Route, {
     path: path + "/login"
-  }, " ", /*#__PURE__*/React__default.createElement(reactRouterDom.Redirect, {
+  }, /*#__PURE__*/React__default.createElement(reactRouterDom.Redirect, {
     to: {
       pathname: "/digit-ui/employee/user/login",
       state: {
@@ -2679,12 +2858,63 @@ var AppModules = function AppModules(_ref) {
     path: path + "/forgot-password"
   }, /*#__PURE__*/React__default.createElement(EmployeeForgotPassword, null)), /*#__PURE__*/React__default.createElement(reactRouterDom.Route, {
     path: path + "/change-password"
-  }, " ", /*#__PURE__*/React__default.createElement(EmployeeChangePassword, null)), /*#__PURE__*/React__default.createElement(reactRouterDom.Route, null, /*#__PURE__*/React__default.createElement(AppHome, {
+  }, /*#__PURE__*/React__default.createElement(EmployeeChangePassword, null)), /*#__PURE__*/React__default.createElement(reactRouterDom.Route, null, /*#__PURE__*/React__default.createElement(AppHome, {
     userType: userType,
     modules: modules
   }))));
 };
 
+var ErrorConfig = {
+  error: {
+    imgUrl: "https://s3.ap-south-1.amazonaws.com/egov-qa-assets/error-image.png",
+    infoMessage: "CORE_SOMETHING_WENT_WRONG",
+    buttonInfo: "ACTION_TEST_HOME"
+  },
+  maintenance: {
+    imgUrl: "https://s3.ap-south-1.amazonaws.com/egov-qa-assets/maintainence-image.png",
+    infoMessage: "CORE_UNDER_MAINTENANCE",
+    buttonInfo: "ACTION_TEST_HOME"
+  },
+  notfound: {
+    imgUrl: "https://s3.ap-south-1.amazonaws.com/egov-qa-assets/PageNotFound.png",
+    infoMessage: "CORE_NOT_FOUND",
+    buttonInfo: "ACTION_TEST_HOME"
+  }
+};
+
+var ErrorComponent = function ErrorComponent(props) {
+  var _Digit$Hooks$useQuery = Digit.Hooks.useQueryParams(),
+      _Digit$Hooks$useQuery2 = _Digit$Hooks$useQuery.type,
+      type = _Digit$Hooks$useQuery2 === void 0 ? "error" : _Digit$Hooks$useQuery2;
+
+  var config = ErrorConfig[type];
+
+  var _useTranslation = reactI18next.useTranslation(),
+      t = _useTranslation.t;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "error-boundary"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "error-container"
+  }, /*#__PURE__*/React__default.createElement("img", {
+    src: config.imgUrl,
+    alt: "error"
+  }), /*#__PURE__*/React__default.createElement("h1", null, t(config.infoMessage)), /*#__PURE__*/React__default.createElement("button", {
+    onClick: function onClick() {
+      props.goToHome();
+    }
+  }, t(config.buttonInfo))));
+};
+
+var Redircter = function Redircter() {
+  var path = Digit.UserService.getType() === "employee" ? "/digit-ui/employee/user/error" : "/digit-ui/citizen/error";
+
+  if (window.location.href.includes("employee/user/error") || window.location.href.includes("citizen/error") || process.env.NODE_ENV === "development") ; else {
+    window.location.href = path;
+  }
+
+  return /*#__PURE__*/React__default.createElement("span", null);
+};
+
 var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(ErrorBoundary, _React$Component);
 
@@ -2720,16 +2950,11 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     if (this.state.hasError) {
-      var _this$state, _this$state2, _this$state3;
-
-      console.error("UI-error", (_this$state = this.state) === null || _this$state === void 0 ? void 0 : _this$state.error);
       return /*#__PURE__*/React__default.createElement("div", {
         className: "error-boundary"
-      }, /*#__PURE__*/React__default.createElement("summary", null, "Something went wrong"), /*#__PURE__*/React__default.createElement("details", {
-        style: {
-          whiteSpace: "pre-wrap"
-        }
-      }, ((_this$state2 = this.state) === null || _this$state2 === void 0 ? void 0 : _this$state2.errorStack) && this.state.errorStack.toString().substring(0, 600), (_this$state3 = this.state) === null || _this$state3 === void 0 ? void 0 : _this$state3.error));
+      }, /*#__PURE__*/React__default.createElement(Redircter, null), /*#__PURE__*/React__default.createElement(ErrorComponent, {
+        initData: this.props.initData
+      }));
     }
 
     return this.props.children;
@@ -2910,11 +3135,13 @@ var ChangeLanguage = function ChangeLanguage(prop) {
 };
 
 var TextToImg = function TextToImg(props) {
+  var _props$name, _props$name$;
+
   return /*#__PURE__*/React__default.createElement("span", {
     className: "user-img-txt",
     onClick: props.toggleMenu,
     title: props.name
-  }, props.name[0].toUpperCase());
+  }, props === null || props === void 0 ? void 0 : (_props$name = props.name) === null || _props$name === void 0 ? void 0 : (_props$name$ = _props$name[0]) === null || _props$name$ === void 0 ? void 0 : _props$name$.toUpperCase());
 };
 
 var TopBar = function TopBar(_ref) {
@@ -3015,7 +3242,7 @@ var TopBar = function TopBar(_ref) {
   };
 
   if (CITIZEN) {
-    return /*#__PURE__*/React__default.createElement(digitUiReactComponents.TopBar, {
+    return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.TopBar, {
       img: stateInfo === null || stateInfo === void 0 ? void 0 : stateInfo.logoUrlWhite,
       isMobile: true,
       toggleSidebar: updateSidebar,
@@ -3026,8 +3253,11 @@ var TopBar = function TopBar(_ref) {
       notificationCountLoaded: notificationCountLoaded,
       cityOfCitizenShownBesideLogo: t(CitizenHomePageTenantId),
       onNotificationIconClick: onNotificationIconClick,
-      hideNotificationIconOnSomeUrlsWhenNotLoggedIn: urlsToDisableNotificationIcon(pathname)
-    });
+      hideNotificationIconOnSomeUrlsWhenNotLoggedIn: urlsToDisableNotificationIcon(pathname),
+      changeLanguage: !mobileView ? /*#__PURE__*/React__default.createElement(ChangeLanguage, {
+        dropdown: true
+      }) : null
+    }));
   }
 
   var loggedin = userDetails !== null && userDetails !== void 0 && userDetails.access_token ? true : false;
@@ -3110,10 +3340,8 @@ var SideBarMenu = function SideBarMenu(t, closeSidebar, redirectToLoginPage, isE
     type: "link",
     element: "HOME",
     text: t("COMMON_BOTTOM_NAVIGATION_HOME"),
-    link: isEmployee ? "/digit-ui/employee/" : "/digit-ui/citizen/",
-    icon: /*#__PURE__*/React__default.createElement(digitUiReactComponents.HomeIcon, {
-      className: "icon"
-    }),
+    link: isEmployee ? "/digit-ui/employee" : "/digit-ui/citizen",
+    icon: "HomeIcon",
     populators: {
       onClick: closeSidebar
     }
@@ -3121,11 +3349,9 @@ var SideBarMenu = function SideBarMenu(t, closeSidebar, redirectToLoginPage, isE
     type: "component",
     element: "LANGUAGE",
     action: /*#__PURE__*/React__default.createElement(ChangeLanguage, null),
-    icon: /*#__PURE__*/React__default.createElement(digitUiReactComponents.LanguageIcon, {
-      className: "icon"
-    })
+    icon: "LanguageIcon"
   }, {
-    id: 'login-btn',
+    id: "login-btn",
     element: "LOGIN",
     text: t("CORE_COMMON_LOGIN"),
     icon: /*#__PURE__*/React__default.createElement(digitUiReactComponents.LogoutIcon, {
@@ -3137,49 +3363,463 @@ var SideBarMenu = function SideBarMenu(t, closeSidebar, redirectToLoginPage, isE
   }];
 };
 
-var defaultImage = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAO4AAADUCAMAAACs0e/bAAAAM1BMVEXK0eL" + "/" + "/" + "/" + "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";
+var Heading = function Heading(props) {
+  return /*#__PURE__*/React__default.createElement("h1", {
+    className: "heading-m"
+  }, props.label);
+};
 
-var Profile = function Profile(_ref) {
-  var info = _ref.info,
-      t = _ref.t;
+var Close = function Close() {
+  return /*#__PURE__*/React__default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "#FFFFFF"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M0 0h24v24H0V0z",
+    fill: "none"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+  }));
+};
 
-  var _React$useState = React__default.useState(null),
-      profilePic = _React$useState[0],
-      setProfilePic = _React$useState[1];
+var CloseBtn = function CloseBtn(props) {
+  return /*#__PURE__*/React__default.createElement("div", {
+    onClick: props === null || props === void 0 ? void 0 : props.onClick,
+    style: props !== null && props !== void 0 && props.isMobileView ? {
+      padding: 5
+    } : null
+  }, props !== null && props !== void 0 && props.isMobileView ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.CloseSvg, null) : /*#__PURE__*/React__default.createElement("div", {
+    className: "icon-bg-secondary",
+    style: {
+      backgroundColor: '#505A5F'
+    }
+  }, " ", /*#__PURE__*/React__default.createElement(Close, null), " "));
+};
 
-  React__default.useEffect(function () {
-    try {
-      var tenant = Digit.ULBService.getCurrentTenantId();
-      var uuid = info === null || info === void 0 ? void 0 : info.uuid;
+var LogoutDialog = function LogoutDialog(_ref) {
+  var onSelect = _ref.onSelect,
+      onCancel = _ref.onCancel,
+      onDismiss = _ref.onDismiss;
 
-      var _temp2 = function () {
-        if (uuid) {
-          return Promise.resolve(Digit.UserService.userSearch(tenant, {
-            uuid: [uuid]
-          }, {})).then(function (usersResponse) {
-            if (usersResponse && usersResponse.user && usersResponse.user.length) {
-              var _userDetails$photo;
+  var _useTranslation = reactI18next.useTranslation(),
+      t = _useTranslation.t;
 
-              var userDetails = usersResponse.user[0];
-              var thumbs = userDetails === null || userDetails === void 0 ? void 0 : (_userDetails$photo = userDetails.photo) === null || _userDetails$photo === void 0 ? void 0 : _userDetails$photo.split(",");
-              setProfilePic(thumbs === null || thumbs === void 0 ? void 0 : thumbs.at(0));
-            }
-          });
-        }
-      }();
+  var mobileDeviceWidth = 780;
 
-      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
-    } catch (e) {
-      return Promise.reject(e);
+  var _React$useState = React__default.useState(window.innerWidth <= mobileDeviceWidth),
+      isMobileView = _React$useState[0],
+      setIsMobileView = _React$useState[1];
+
+  var onResize = function onResize() {
+    if (window.innerWidth <= mobileDeviceWidth) {
+      if (!isMobileView) {
+        setIsMobileView(true);
+      }
+    } else {
+      if (isMobileView) {
+        setIsMobileView(false);
+      }
     }
-  }, [profilePic !== null]);
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "profile-section"
-  }, /*#__PURE__*/React__default.createElement("div", {
+  };
+
+  React__default.useEffect(function () {
+    window.addEventListener("resize", function () {
+      onResize();
+    });
+    return function () {
+      window.addEventListener("resize", function () {
+        onResize();
+      });
+    };
+  });
+  return isMobileView ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.Modal, {
+    popupStyles: {
+      height: "174px",
+      maxHeight: "174px",
+      width: "324px",
+      position: "absolute",
+      top: "50%",
+      left: "50%",
+      transform: 'translate(-50%, -50%)'
+    },
+    popupModuleActionBarStyles: {
+      display: "flex",
+      flex: 1,
+      justifyContent: "flex-start",
+      width: "100%",
+      position: "absolute",
+      left: 0,
+      bottom: 0,
+      padding: "18px"
+    },
+    style: {
+      flex: 1
+    },
+    popupModuleMianStyles: {
+      padding: "18px"
+    },
+    headerBarMain: /*#__PURE__*/React__default.createElement(Heading, {
+      label: t("CORE_LOGOUT_WEB_HEADER")
+    }),
+    headerBarEnd: /*#__PURE__*/React__default.createElement(CloseBtn, {
+      onClick: onDismiss,
+      isMobileView: isMobileView
+    }),
+    actionCancelLabel: t("TL_COMMON_NO"),
+    actionCancelOnSubmit: onCancel,
+    actionSaveLabel: t("TL_COMMON_YES"),
+    actionSaveOnSubmit: onSelect,
+    formId: "modal-action"
+  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardText, {
+    style: {
+      margin: 0
+    }
+  }, t("CORE_LOGOUT_MOBILE_CONFIRMATION_MESSAGE") + " "))) : /*#__PURE__*/React__default.createElement(digitUiReactComponents.Modal, {
+    popupModuleMianStyles: {
+      paddingTop: "30px"
+    },
+    headerBarMain: /*#__PURE__*/React__default.createElement(Heading, {
+      label: t("CORE_LOGOUT_WEB_HEADER")
+    }),
+    headerBarEnd: /*#__PURE__*/React__default.createElement(CloseBtn, {
+      onClick: onDismiss,
+      isMobileView: false
+    }),
+    actionCancelLabel: t("CORE_LOGOUT_CANCEL"),
+    actionCancelOnSubmit: onCancel,
+    actionSaveLabel: t("CORE_LOGOUT_WEB_YES"),
+    actionSaveOnSubmit: onSelect,
+    formId: "modal-action"
+  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardText, {
+    style: {
+      marginBottom: "54px",
+      marginLeft: "8px",
+      marginRight: "8px"
+    }
+  }, t("CORE_LOGOUT_WEB_CONFIRMATION_MESSAGE") + " ", /*#__PURE__*/React__default.createElement("strong", null, t("CORE_LOGOUT_MESSAGE"), "?"))));
+};
+
+var defaultImage = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAO4AAADUCAMAAACs0e/bAAAAM1BMVEXK0eL" + "/" + "/" + "/" + "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";
+
+var Profile = function Profile(_ref) {
+  var info = _ref.info,
+      t = _ref.t;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "profile-section"
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: "imageloader imageloader-loaded"
   }, /*#__PURE__*/React__default.createElement("img", {
     className: "img-responsive img-circle img-Profile",
-    src: profilePic ? profilePic : defaultImage,
+    src: defaultImage
+  })), /*#__PURE__*/React__default.createElement("div", {
+    id: "profile-name",
+    className: "label-container name-Profile"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "label-text"
+  }, " ", info === null || info === void 0 ? void 0 : info.name, " ")), /*#__PURE__*/React__default.createElement("div", {
+    id: "profile-location",
+    className: "label-container loc-Profile"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "label-text"
+  }, " ", info === null || info === void 0 ? void 0 : info.mobileNumber, " ")), (info === null || info === void 0 ? void 0 : info.emailId) && /*#__PURE__*/React__default.createElement("div", {
+    id: "profile-emailid",
+    className: "label-container loc-Profile"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "label-text"
+  }, " ", info.emailId, " ")), /*#__PURE__*/React__default.createElement("div", {
+    className: "profile-divider"
+  }), window.location.href.includes("/employee") && !window.location.href.includes("/employee/user/login") && !window.location.href.includes("employee/user/language-selection") && /*#__PURE__*/React__default.createElement(ChangeCity, {
+    t: t,
+    mobileView: true
+  }));
+};
+
+var IconsObject = {
+  CommonPTIcon: /*#__PURE__*/React__default.createElement(digitUiReactComponents.PTIcon, {
+    className: "icon"
+  }),
+  OBPSIcon: /*#__PURE__*/React__default.createElement(digitUiReactComponents.OBPSIcon, {
+    className: "icon"
+  }),
+  propertyIcon: /*#__PURE__*/React__default.createElement(digitUiReactComponents.PropertyHouse, {
+    className: "icon"
+  }),
+  TLIcon: /*#__PURE__*/React__default.createElement(digitUiReactComponents.CaseIcon, {
+    className: "icon"
+  }),
+  PGRIcon: /*#__PURE__*/React__default.createElement(digitUiReactComponents.PGRIcon, {
+    className: "icon"
+  }),
+  FSMIcon: /*#__PURE__*/React__default.createElement(digitUiReactComponents.FSMIcon, {
+    className: "icon"
+  }),
+  WSIcon: /*#__PURE__*/React__default.createElement(digitUiReactComponents.WSICon, {
+    className: "icon"
+  }),
+  MCollectIcon: /*#__PURE__*/React__default.createElement(digitUiReactComponents.MCollectIcon, {
+    className: "icon"
+  }),
+  BillsIcon: /*#__PURE__*/React__default.createElement(digitUiReactComponents.CollectionIcon, {
+    className: "icon"
+  }),
+  BirthIcon: /*#__PURE__*/React__default.createElement(digitUiReactComponents.BirthIcon, {
+    className: "icon"
+  }),
+  DeathIcon: /*#__PURE__*/React__default.createElement(digitUiReactComponents.DeathIcon, {
+    className: "icon"
+  }),
+  FirenocIcon: /*#__PURE__*/React__default.createElement(digitUiReactComponents.FirenocIcon, {
+    className: "icon"
+  }),
+  HomeIcon: /*#__PURE__*/React__default.createElement(digitUiReactComponents.HomeIcon, {
+    className: "icon"
+  }),
+  EditPencilIcon: /*#__PURE__*/React__default.createElement(digitUiReactComponents.EditPencilIcon, {
+    className: "icon"
+  }),
+  LogoutIcon: /*#__PURE__*/React__default.createElement(digitUiReactComponents.LogoutIcon, {
+    className: "icon"
+  }),
+  Phone: /*#__PURE__*/React__default.createElement(digitUiReactComponents.Phone, {
+    className: "icon"
+  })
+};
+
+var StaticCitizenSideBar = function StaticCitizenSideBar(_ref2) {
+  var _Object$keys, _Object$keys$sort, _menuItems;
+
+  var linkData = _ref2.linkData,
+      islinkDataLoading = _ref2.islinkDataLoading;
+
+  var _useTranslation = reactI18next.useTranslation(),
+      t = _useTranslation.t;
+
+  var history = reactRouterDom.useHistory();
+  var location = reactRouterDom.useLocation();
+  var pathname = location.pathname;
+
+  var _Digit$Hooks$useStore = Digit.Hooks.useStore.getInitData(),
+      storeData = _Digit$Hooks$useStore.data,
+      isFetched = _Digit$Hooks$useStore.isFetched;
+
+  var _ref3 = storeData || {},
+      stateInfo = _ref3.stateInfo;
+
+  var user = Digit.UserService.getUser();
+  var isMobile = window.Digit.Utils.browser.isMobile();
+
+  var _useState = React.useState(false),
+      isEmployee = _useState[0];
+
+  var _useState2 = React.useState(false),
+      toggleSidebar = _useState2[1];
+
+  var _useState3 = React.useState(false),
+      showDialog = _useState3[0],
+      setShowDialog = _useState3[1];
+
+  var handleLogout = function handleLogout() {
+    toggleSidebar(false);
+    setShowDialog(true);
+  };
+
+  var handleOnSubmit = function handleOnSubmit() {
+    Digit.UserService.logout();
+    setShowDialog(false);
+  };
+
+  var handleOnCancel = function handleOnCancel() {
+    setShowDialog(false);
+  };
+
+  if (islinkDataLoading) {
+    return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Loader, null);
+  }
+
+  var redirectToLoginPage = function redirectToLoginPage() {
+    history.push("/digit-ui/citizen/login");
+  };
+
+  var showProfilePage = function showProfilePage() {
+    history.push("/digit-ui/citizen/user/profile");
+  };
+
+  var menuItems = [].concat(SideBarMenu(t, showProfilePage, redirectToLoginPage, isEmployee));
+  menuItems = menuItems.filter(function (item) {
+    return item.element !== "LANGUAGE";
+  });
+  var tenantId = Digit.ULBService.getCurrentTenantId();
+
+  var MenuItem = function MenuItem(_ref4) {
+    var _item$icon, _item$icon$type;
+
+    var item = _ref4.item;
+    var leftIconArray = (item === null || item === void 0 ? void 0 : item.icon) || ((_item$icon = item.icon) === null || _item$icon === void 0 ? void 0 : (_item$icon$type = _item$icon.type) === null || _item$icon$type === void 0 ? void 0 : _item$icon$type.name);
+    var leftIcon = leftIconArray ? IconsObject[leftIconArray] : IconsObject.BillsIcon;
+    var itemComponent;
+
+    if (item.type === "component") {
+      itemComponent = item.action;
+    } else {
+      itemComponent = item.text;
+    }
+
+    var Item = function Item() {
+      return /*#__PURE__*/React__default.createElement("span", _extends({
+        className: "menu-item"
+      }, item.populators), leftIcon, /*#__PURE__*/React__default.createElement("div", {
+        className: "menu-label"
+      }, itemComponent));
+    };
+
+    if (item.type === "external-link") {
+      return /*#__PURE__*/React__default.createElement("a", {
+        href: item.link
+      }, /*#__PURE__*/React__default.createElement(Item, null));
+    }
+
+    if (item.type === "link") {
+      return /*#__PURE__*/React__default.createElement(reactRouterDom.Link, {
+        to: item === null || item === void 0 ? void 0 : item.link
+      }, /*#__PURE__*/React__default.createElement(Item, null));
+    }
+
+    return /*#__PURE__*/React__default.createElement(Item, null);
+  };
+
+  var profileItem;
+
+  if (isFetched && user && user.access_token) {
+    profileItem = /*#__PURE__*/React__default.createElement(Profile, {
+      info: user === null || user === void 0 ? void 0 : user.info,
+      stateName: stateInfo === null || stateInfo === void 0 ? void 0 : stateInfo.name,
+      t: t
+    });
+    menuItems = menuItems.filter(function (item) {
+      return (item === null || item === void 0 ? void 0 : item.id) !== "login-btn";
+    });
+    menuItems = [].concat(menuItems, [{
+      text: t("EDIT_PROFILE"),
+      element: "PROFILE",
+      icon: "EditPencilIcon",
+      populators: {
+        onClick: showProfilePage
+      }
+    }, {
+      text: t("CORE_COMMON_LOGOUT"),
+      element: "LOGOUT",
+      icon: "LogoutIcon",
+      populators: {
+        onClick: handleLogout
+      }
+    }, {
+      text: /*#__PURE__*/React__default.createElement(React__default.Fragment, null, t("CS_COMMON_HELPLINE"), /*#__PURE__*/React__default.createElement("div", {
+        className: "telephone",
+        style: {
+          marginTop: "-10%"
+        }
+      }, storeData === null || storeData === void 0 ? void 0 : storeData.tenants.map(function (i) {
+      }), /*#__PURE__*/React__default.createElement("div", {
+        className: "link"
+      }, /*#__PURE__*/React__default.createElement("a", {
+        href: "tel:" + (storeData === null || storeData === void 0 ? void 0 : storeData.tenants[0].contactNumber)
+      }, storeData === null || storeData === void 0 ? void 0 : storeData.tenants[0].contactNumber)))),
+      element: "Helpline",
+      icon: "Phone"
+    }]);
+  }
+
+  (_Object$keys = Object.keys(linkData)) === null || _Object$keys === void 0 ? void 0 : (_Object$keys$sort = _Object$keys.sort(function (x, y) {
+    return y.localeCompare(x);
+  })) === null || _Object$keys$sort === void 0 ? void 0 : _Object$keys$sort.map(function (key) {
+    var _linkData$key$;
+
+    if (((_linkData$key$ = linkData[key][0]) === null || _linkData$key$ === void 0 ? void 0 : _linkData$key$.sidebar) === "digit-ui-links") {
+      var _linkData$key$2, _linkData$key$2$sideb, _linkData$key$3, _linkData$key$4;
+
+      menuItems.splice(1, 0, {
+        type: (_linkData$key$2 = linkData[key][0]) !== null && _linkData$key$2 !== void 0 && (_linkData$key$2$sideb = _linkData$key$2.sidebarURL) !== null && _linkData$key$2$sideb !== void 0 && _linkData$key$2$sideb.includes("digit-ui") ? "link" : "external-link",
+        text: t("ACTION_TEST_" + Digit.Utils.locale.getTransformedLocale(key)),
+        links: linkData[key],
+        icon: (_linkData$key$3 = linkData[key][0]) === null || _linkData$key$3 === void 0 ? void 0 : _linkData$key$3.leftIcon,
+        link: (_linkData$key$4 = linkData[key][0]) === null || _linkData$key$4 === void 0 ? void 0 : _linkData$key$4.sidebarURL
+      });
+    }
+  });
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      height: "100%",
+      width: "100%",
+      top: "0px",
+      backgroundColor: "rgba(0, 0, 0, 0.54)",
+      pointerzevents: "auto"
+    }
+  }), /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      height: isMobile ? "calc(100vh - 56px)" : "auto",
+      zIndex: "99"
+    }
+  }, profileItem, /*#__PURE__*/React__default.createElement("div", {
+    className: "drawer-desktop"
+  }, (_menuItems = menuItems) === null || _menuItems === void 0 ? void 0 : _menuItems.map(function (item, index) {
+    return /*#__PURE__*/React__default.createElement("div", {
+      className: "sidebar-list " + (pathname === (item === null || item === void 0 ? void 0 : item.link) || pathname === (item === null || item === void 0 ? void 0 : item.sidebarURL) ? "active" : ""),
+      key: index
+    }, /*#__PURE__*/React__default.createElement(MenuItem, {
+      item: item
+    }));
+  }))), /*#__PURE__*/React__default.createElement("div", null, showDialog && /*#__PURE__*/React__default.createElement(LogoutDialog, {
+    onSelect: handleOnSubmit,
+    onCancel: handleOnCancel,
+    onDismiss: handleOnCancel
+  }))));
+};
+
+var defaultImage$1 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAO4AAADUCAMAAACs0e/bAAAAM1BMVEXK0eL" + "/" + "/" + "/" + "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";
+
+var Profile$1 = function Profile(_ref) {
+  var info = _ref.info,
+      t = _ref.t;
+
+  var _React$useState = React__default.useState(null),
+      profilePic = _React$useState[0],
+      setProfilePic = _React$useState[1];
+
+  React__default.useEffect(function () {
+    try {
+      var tenant = Digit.ULBService.getCurrentTenantId();
+      var uuid = info === null || info === void 0 ? void 0 : info.uuid;
+
+      var _temp2 = function () {
+        if (uuid) {
+          return Promise.resolve(Digit.UserService.userSearch(tenant, {
+            uuid: [uuid]
+          }, {})).then(function (usersResponse) {
+            if (usersResponse && usersResponse.user && usersResponse.user.length) {
+              var _userDetails$photo;
+
+              var userDetails = usersResponse.user[0];
+              var thumbs = userDetails === null || userDetails === void 0 ? void 0 : (_userDetails$photo = userDetails.photo) === null || _userDetails$photo === void 0 ? void 0 : _userDetails$photo.split(",");
+              setProfilePic(thumbs === null || thumbs === void 0 ? void 0 : thumbs.at(0));
+            }
+          });
+        }
+      }();
+
+      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  }, [profilePic !== null]);
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "profile-section"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "imageloader imageloader-loaded"
+  }, /*#__PURE__*/React__default.createElement("img", {
+    className: "img-responsive img-circle img-Profile",
+    src: profilePic ? profilePic : defaultImage$1,
     style: {
       objectFit: "cover",
       objectPosition: "center"
@@ -3199,7 +3839,9 @@ var Profile = function Profile(_ref) {
     className: "label-container loc-Profile"
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "label-text"
-  }, " ", info.emailId, " ")), window.location.href.includes("/employee") && !window.location.href.includes("/employee/user/login") && !window.location.href.includes("employee/user/language-selection") && /*#__PURE__*/React__default.createElement(ChangeCity, {
+  }, " ", info.emailId, " ")), /*#__PURE__*/React__default.createElement("div", {
+    className: "profile-divider"
+  }), window.location.href.includes("/employee") && !window.location.href.includes("/employee/user/login") && !window.location.href.includes("employee/user/language-selection") && /*#__PURE__*/React__default.createElement(ChangeCity, {
     t: t,
     mobileView: true
   }));
@@ -3209,7 +3851,10 @@ var PoweredBy = function PoweredBy() {
   var _window, _window$globalConfigs, _window$globalConfigs2;
 
   return /*#__PURE__*/React__default.createElement("div", {
-    className: "digit-footer"
+    className: "digit-footer",
+    style: {
+      marginBottom: 0
+    }
   }, /*#__PURE__*/React__default.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"),
@@ -3226,10 +3871,14 @@ var PoweredBy = function PoweredBy() {
 
 var CitizenSideBar = function CitizenSideBar(_ref2) {
   var isOpen = _ref2.isOpen,
+      _ref2$isMobile = _ref2.isMobile,
+      isMobile = _ref2$isMobile === void 0 ? false : _ref2$isMobile,
       toggleSidebar = _ref2.toggleSidebar,
       onLogout = _ref2.onLogout,
       _ref2$isEmployee = _ref2.isEmployee,
-      isEmployee = _ref2$isEmployee === void 0 ? false : _ref2$isEmployee;
+      isEmployee = _ref2$isEmployee === void 0 ? false : _ref2$isEmployee,
+      linkData = _ref2.linkData,
+      islinkDataLoading = _ref2.islinkDataLoading;
 
   var _Digit$Hooks$useStore = Digit.Hooks.useStore.getInitData(),
       storeData = _Digit$Hooks$useStore.data,
@@ -3240,6 +3889,10 @@ var CitizenSideBar = function CitizenSideBar(_ref2) {
 
   var user = Digit.UserService.getUser();
 
+  var _useState = React.useState(""),
+      search = _useState[0],
+      setSearch = _useState[1];
+
   var _useTranslation = reactI18next.useTranslation(),
       t = _useTranslation.t;
 
@@ -3250,6 +3903,10 @@ var CitizenSideBar = function CitizenSideBar(_ref2) {
     toggleSidebar(false);
   };
 
+  var _Digit$Hooks$useAcces = Digit.Hooks.useAccessControl(),
+      isLoading = _Digit$Hooks$useAcces.isLoading,
+      data = _Digit$Hooks$useAcces.data;
+
   var tenantId = Digit.ULBService.getCurrentTenantId();
 
   var showProfilePage = function showProfilePage() {
@@ -3263,11 +3920,15 @@ var CitizenSideBar = function CitizenSideBar(_ref2) {
     closeSidebar();
   };
 
+  if (islinkDataLoading || isLoading) {
+    return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Loader, null);
+  }
+
   var menuItems = [].concat(SideBarMenu(t, closeSidebar, redirectToLoginPage, isEmployee));
   var profileItem;
 
   if (isFetched && user && user.access_token) {
-    profileItem = /*#__PURE__*/React__default.createElement(Profile, {
+    profileItem = /*#__PURE__*/React__default.createElement(Profile$1, {
       info: user === null || user === void 0 ? void 0 : user.info,
       stateName: stateInfo === null || stateInfo === void 0 ? void 0 : stateInfo.name,
       t: t
@@ -3278,20 +3939,14 @@ var CitizenSideBar = function CitizenSideBar(_ref2) {
     menuItems = [].concat(menuItems, [{
       text: t("EDIT_PROFILE"),
       element: "PROFILE",
-      icon: /*#__PURE__*/React__default.createElement(digitUiReactComponents.EditPencilIcon, {
-        className: "icon edit-btn-ico",
-        width: "16",
-        height: "16"
-      }),
+      icon: "EditPencilIcon",
       populators: {
         onClick: showProfilePage
       }
     }, {
       text: t("CORE_COMMON_LOGOUT"),
       element: "LOGOUT",
-      icon: /*#__PURE__*/React__default.createElement(digitUiReactComponents.LogoutIcon, {
-        className: "icon"
-      }),
+      icon: "LogoutIcon",
       populators: {
         onClick: onLogout
       }
@@ -3308,12 +3963,98 @@ var CitizenSideBar = function CitizenSideBar(_ref2) {
         href: "tel:" + (storeData === null || storeData === void 0 ? void 0 : storeData.tenants[0].contactNumber)
       }, storeData === null || storeData === void 0 ? void 0 : storeData.tenants[0].contactNumber)))),
       element: "Helpline",
-      icon: /*#__PURE__*/React__default.createElement(digitUiReactComponents.Phone, {
-        className: "icon"
-      })
+      icon: "Phone"
     }]);
   }
 
+  var configEmployeeSideBar = {};
+
+  if (!isEmployee) {
+    var _Object$keys, _Object$keys$sort;
+
+    (_Object$keys = Object.keys(linkData)) === null || _Object$keys === void 0 ? void 0 : (_Object$keys$sort = _Object$keys.sort(function (x, y) {
+      return y.localeCompare(x);
+    })) === null || _Object$keys$sort === void 0 ? void 0 : _Object$keys$sort.map(function (key) {
+      var _linkData$key$, _linkData$key$2, _linkData$key$2$sideb, _linkData$key$3, _linkData$key$4;
+
+      if (((_linkData$key$ = linkData[key][0]) === null || _linkData$key$ === void 0 ? void 0 : _linkData$key$.sidebar) === "digit-ui-links") menuItems.splice(1, 0, {
+        type: (_linkData$key$2 = linkData[key][0]) !== null && _linkData$key$2 !== void 0 && (_linkData$key$2$sideb = _linkData$key$2.sidebarURL) !== null && _linkData$key$2$sideb !== void 0 && _linkData$key$2$sideb.includes("digit-ui") ? "link" : "external-link",
+        text: t("ACTION_TEST_" + Digit.Utils.locale.getTransformedLocale(key)),
+        links: linkData[key],
+        icon: (_linkData$key$3 = linkData[key][0]) === null || _linkData$key$3 === void 0 ? void 0 : _linkData$key$3.leftIcon,
+        link: (_linkData$key$4 = linkData[key][0]) === null || _linkData$key$4 === void 0 ? void 0 : _linkData$key$4.sidebarURL
+      });
+    });
+  } else {
+    (function () {
+      data === null || data === void 0 ? void 0 : data.actions.filter(function (e) {
+        return e.url === "url" && e.displayName !== "Home";
+      }).forEach(function (item) {
+        var _item$displayName;
+
+        if (search == "" && item.path !== "") {
+          var index = item.path.split(".")[0];
+          if (index === "TradeLicense") index = "Trade License";
+
+          if (!configEmployeeSideBar[index]) {
+            configEmployeeSideBar[index] = [item];
+          } else {
+            configEmployeeSideBar[index].push(item);
+          }
+        } else if (item.path !== "" && item !== null && item !== void 0 && (_item$displayName = item.displayName) !== null && _item$displayName !== void 0 && _item$displayName.toLowerCase().includes(search.toLowerCase())) {
+          var _index = item.path.split(".")[0];
+          if (_index === "TradeLicense") _index = "Trade License";
+
+          if (!configEmployeeSideBar[_index]) {
+            configEmployeeSideBar[_index] = [item];
+          } else {
+            configEmployeeSideBar[_index].push(item);
+          }
+        }
+      });
+      var keys = Object.keys(configEmployeeSideBar);
+
+      var _loop = function _loop(i) {
+        var _configEmployeeSideBa, _configEmployeeSideBa2, _configEmployeeSideBa3, _keys$i, _keys$i$toUpperCase;
+
+        var getSingleDisplayName = (_configEmployeeSideBa = configEmployeeSideBar[keys[i]][0]) === null || _configEmployeeSideBa === void 0 ? void 0 : (_configEmployeeSideBa2 = _configEmployeeSideBa.displayName) === null || _configEmployeeSideBa2 === void 0 ? void 0 : (_configEmployeeSideBa3 = _configEmployeeSideBa2.toUpperCase()) === null || _configEmployeeSideBa3 === void 0 ? void 0 : _configEmployeeSideBa3.replace(/[ -]/g, "_");
+        var getParentDisplayName = (_keys$i = keys[i]) === null || _keys$i === void 0 ? void 0 : (_keys$i$toUpperCase = _keys$i.toUpperCase()) === null || _keys$i$toUpperCase === void 0 ? void 0 : _keys$i$toUpperCase.replace(/[ -]/g, "_");
+
+        if (configEmployeeSideBar[keys[i]][0].path.indexOf(".") === -1) {
+          var _configEmployeeSideBa4, _configEmployeeSideBa5, _configEmployeeSideBa6, _configEmployeeSideBa7;
+
+          menuItems.splice(1, 0, {
+            type: "link",
+            text: t("ACTION_TEST_" + getSingleDisplayName),
+            link: (_configEmployeeSideBa4 = configEmployeeSideBar[keys[i]][0]) === null || _configEmployeeSideBa4 === void 0 ? void 0 : _configEmployeeSideBa4.navigationURL,
+            icon: (_configEmployeeSideBa5 = configEmployeeSideBar[keys[i]][0]) === null || _configEmployeeSideBa5 === void 0 ? void 0 : (_configEmployeeSideBa6 = _configEmployeeSideBa5.leftIcon) === null || _configEmployeeSideBa6 === void 0 ? void 0 : (_configEmployeeSideBa7 = _configEmployeeSideBa6.split) === null || _configEmployeeSideBa7 === void 0 ? void 0 : _configEmployeeSideBa7.call(_configEmployeeSideBa6, ":")[1],
+            populators: {
+              onClick: function onClick() {
+                var _configEmployeeSideBa8;
+
+                history.push((_configEmployeeSideBa8 = configEmployeeSideBar[keys[i]][0]) === null || _configEmployeeSideBa8 === void 0 ? void 0 : _configEmployeeSideBa8.navigationURL);
+                closeSidebar();
+              }
+            }
+          });
+        } else {
+          var _configEmployeeSideBa9;
+
+          menuItems.splice(1, 0, {
+            type: "dynamic",
+            moduleName: t("ACTION_TEST_" + getParentDisplayName),
+            links: configEmployeeSideBar[keys[i]],
+            icon: (_configEmployeeSideBa9 = configEmployeeSideBar[keys[i]][1]) === null || _configEmployeeSideBa9 === void 0 ? void 0 : _configEmployeeSideBa9.leftIcon
+          });
+        }
+      };
+
+      for (var i = 0; i < keys.length; i++) {
+        _loop(i);
+      }
+    })();
+  }
+
   if (history.location.pathname.includes("/openlink")) {
     profileItem = /*#__PURE__*/React__default.createElement("span", null);
     menuItems = menuItems.filter(function (ele) {
@@ -3321,97 +4062,317 @@ var CitizenSideBar = function CitizenSideBar(_ref2) {
     });
   }
 
-  return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.NavBar, {
+  return isMobile ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.NavBar, {
     open: isOpen,
+    toggleSidebar: toggleSidebar,
     profileItem: profileItem,
-    menuItems: menuItems,
     onClose: closeSidebar,
-    Footer: /*#__PURE__*/React__default.createElement(PoweredBy, null)
-  }));
+    menuItems: menuItems,
+    Footer: /*#__PURE__*/React__default.createElement(PoweredBy, null),
+    isEmployee: isEmployee,
+    search: search,
+    setSearch: setSearch
+  }) : /*#__PURE__*/React__default.createElement(StaticCitizenSideBar, {
+    logout: onLogout
+  });
 };
 
-var ToolTipWrapper = function ToolTipWrapper(_ref) {
-  var child = _ref.child,
-      label = _ref.label,
-      t = _ref.t;
-  return /*#__PURE__*/React__default.createElement("span", {
-    className: "tooltip"
-  }, child, /*#__PURE__*/React__default.createElement("span", {
-    className: "tooltiptext",
-    style: {
-      fontSize: "14px",
-      marginLeft: "0px",
-      bottom: "20%"
-    }
-  }, /*#__PURE__*/React__default.createElement("div", {
-    style: {
-      background: "#555",
-      width: "100%",
-      padding: "5px",
-      borderRadius: "6px",
-      whiteSpace: "pre"
-    }
-  }, t(label))));
+var SubMenu = function SubMenu(_ref) {
+  var _item$icon, _item$icon$leftIcon, _item$icon$leftIcon$s, _item$icon$leftIcon$s2, _item$leftIcon, _item$leftIcon$split, _item$moduleName;
+
+  var item = _ref.item;
+
+  var _useState = React.useState(false),
+      subnav = _useState[0],
+      setSubnav = _useState[1];
+
+  var location = reactRouterDom.useLocation();
+  var pathname = location.pathname;
+
+  var _useTranslation = reactI18next.useTranslation(),
+      t = _useTranslation.t;
+
+  var showSubnav = function showSubnav() {
+    return setSubnav(!subnav);
+  };
+
+  var IconsObject = {
+    home: /*#__PURE__*/React__default.createElement(digitUiReactComponents.HomeIcon, null),
+    announcement: /*#__PURE__*/React__default.createElement(digitUiReactComponents.ComplaintIcon, null),
+    business: /*#__PURE__*/React__default.createElement(digitUiReactComponents.BPAHomeIcon, null),
+    store: /*#__PURE__*/React__default.createElement(digitUiReactComponents.PropertyHouse, null),
+    assignment: /*#__PURE__*/React__default.createElement(digitUiReactComponents.CaseIcon, null),
+    receipt: /*#__PURE__*/React__default.createElement(digitUiReactComponents.ReceiptIcon, null),
+    "business-center": /*#__PURE__*/React__default.createElement(digitUiReactComponents.PersonIcon, null),
+    description: /*#__PURE__*/React__default.createElement(digitUiReactComponents.DocumentIconSolid, null),
+    "water-tap": /*#__PURE__*/React__default.createElement(digitUiReactComponents.DropIcon, null),
+    "collections-bookmark": /*#__PURE__*/React__default.createElement(digitUiReactComponents.CollectionsBookmarIcons, null),
+    "insert-chart": /*#__PURE__*/React__default.createElement(digitUiReactComponents.FinanceChartIcon, null),
+    edcr: /*#__PURE__*/React__default.createElement(digitUiReactComponents.CollectionIcon, null),
+    collections: /*#__PURE__*/React__default.createElement(digitUiReactComponents.CollectionIcon, null)
+  };
+  var leftIconArray = (item === null || item === void 0 ? void 0 : (_item$icon = item.icon) === null || _item$icon === void 0 ? void 0 : (_item$icon$leftIcon = _item$icon.leftIcon) === null || _item$icon$leftIcon === void 0 ? void 0 : (_item$icon$leftIcon$s = _item$icon$leftIcon.split) === null || _item$icon$leftIcon$s === void 0 ? void 0 : (_item$icon$leftIcon$s2 = _item$icon$leftIcon$s.call(_item$icon$leftIcon, ":")) === null || _item$icon$leftIcon$s2 === void 0 ? void 0 : _item$icon$leftIcon$s2[1]) || (item === null || item === void 0 ? void 0 : (_item$leftIcon = item.leftIcon) === null || _item$leftIcon === void 0 ? void 0 : (_item$leftIcon$split = _item$leftIcon.split) === null || _item$leftIcon$split === void 0 ? void 0 : _item$leftIcon$split.call(_item$leftIcon, ":")[1]);
+  var leftIcon = IconsObject[leftIconArray] || IconsObject.collections;
+  var getModuleName = item === null || item === void 0 ? void 0 : (_item$moduleName = item.moduleName) === null || _item$moduleName === void 0 ? void 0 : _item$moduleName.replace(/[ -]/g, "_");
+  var appendTranslate = t("ACTION_TEST_" + getModuleName);
+  var trimModuleName = t((appendTranslate === null || appendTranslate === void 0 ? void 0 : appendTranslate.length) > 20 ? appendTranslate.substring(0, 20) + "..." : appendTranslate);
+
+  if (item.type === "single") {
+    var _item$navigationURL;
+
+    var getOrigin = window.location.origin;
+    return /*#__PURE__*/React__default.createElement("div", {
+      className: "submenu-container"
+    }, /*#__PURE__*/React__default.createElement("div", {
+      className: "sidebar-link  " + (pathname === (item === null || item === void 0 ? void 0 : item.navigationURL) ? "active" : "")
+    }, /*#__PURE__*/React__default.createElement("div", {
+      className: "actions"
+    }, leftIcon, ((_item$navigationURL = item.navigationURL) === null || _item$navigationURL === void 0 ? void 0 : _item$navigationURL.indexOf("/digit-ui")) === -1 ? /*#__PURE__*/React__default.createElement("a", {
+      "data-tip": "React-tooltip",
+      "data-for": "jk-side-" + getModuleName,
+      className: "custom-link",
+      href: getOrigin + "/employee/" + item.navigationURL
+    }, /*#__PURE__*/React__default.createElement("span", null, " ", trimModuleName, " "), (trimModuleName === null || trimModuleName === void 0 ? void 0 : trimModuleName.includes("...")) && /*#__PURE__*/React__default.createElement(ReactTooltip, {
+      textColor: "white",
+      backgroundColor: "grey",
+      place: "right",
+      type: "info",
+      effect: "solid",
+      id: "jk-side-" + getModuleName
+    }, t("ACTION_TEST_" + getModuleName))) :
+    /*#__PURE__*/
+    React__default.createElement(reactRouterDom.Link, {
+      className: "custom-link",
+      to: item.navigationURL
+    }, /*#__PURE__*/React__default.createElement("div", {
+      "data-tip": "React-tooltip",
+      "data-for": "jk-side-" + getModuleName
+    }, /*#__PURE__*/React__default.createElement("span", null, " ", trimModuleName, " "), (trimModuleName === null || trimModuleName === void 0 ? void 0 : trimModuleName.includes("...")) && /*#__PURE__*/React__default.createElement(ReactTooltip, {
+      textColor: "white",
+      backgroundColor: "grey",
+      place: "right",
+      type: "info",
+      effect: "solid",
+      id: "jk-side-" + getModuleName
+    }, t("ACTION_TEST_" + getModuleName)))))));
+  } else {
+    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
+      className: "submenu-container"
+    }, /*#__PURE__*/React__default.createElement("div", {
+      onClick: item.links && showSubnav,
+      className: "sidebar-link"
+    }, /*#__PURE__*/React__default.createElement("div", {
+      className: "actions"
+    }, leftIcon, /*#__PURE__*/React__default.createElement("div", {
+      "data-tip": "React-tooltip",
+      "data-for": "jk-side-" + getModuleName
+    }, /*#__PURE__*/React__default.createElement("span", null, " ", trimModuleName, " "), (trimModuleName === null || trimModuleName === void 0 ? void 0 : trimModuleName.includes("...")) && /*#__PURE__*/React__default.createElement(ReactTooltip, {
+      textColor: "white",
+      backgroundColor: "grey",
+      place: "right",
+      type: "info",
+      effect: "solid",
+      id: "jk-side-" + getModuleName
+    }, t("ACTION_TEST_" + getModuleName)))), /*#__PURE__*/React__default.createElement("div", null, " ", item.links && subnav ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.ArrowVectorDown, null) : item.links ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.ArrowForward, null) : null, " "))), subnav && item.links.sort(function (a, b) {
+      return a.orderNumber - b.orderNumber;
+    }).filter(function (item) {
+      return item.url === "url" || item.url !== "";
+    }).map(function (item, index) {
+      var _item$displayName, _item$displayName$toU;
+
+      var getChildName = item === null || item === void 0 ? void 0 : (_item$displayName = item.displayName) === null || _item$displayName === void 0 ? void 0 : (_item$displayName$toU = _item$displayName.toUpperCase()) === null || _item$displayName$toU === void 0 ? void 0 : _item$displayName$toU.replace(/[ -]/g, "_");
+      var appendTranslate = t("ACTION_TEST_" + getChildName);
+      var trimModuleName = t((appendTranslate === null || appendTranslate === void 0 ? void 0 : appendTranslate.length) > 20 ? appendTranslate.substring(0, 20) + "..." : appendTranslate);
+
+      if (item.navigationURL.indexOf("/digit-ui") === -1) {
+        var _getOrigin = window.location.origin;
+        return /*#__PURE__*/React__default.createElement("a", {
+          key: index,
+          className: "dropdown-link " + (pathname === item.link ? "active" : ""),
+          href: _getOrigin + "/employee/" + item.navigationURL
+        }, /*#__PURE__*/React__default.createElement("div", {
+          className: "actions",
+          "data-tip": "React-tooltip",
+          "data-for": "jk-side-" + index
+        }, /*#__PURE__*/React__default.createElement("span", null, " ", trimModuleName, " "), (trimModuleName === null || trimModuleName === void 0 ? void 0 : trimModuleName.includes("...")) && /*#__PURE__*/React__default.createElement(ReactTooltip, {
+          textColor: "white",
+          backgroundColor: "grey",
+          place: "right",
+          type: "info",
+          effect: "solid",
+          id: "jk-side-" + index
+        }, t("ACTION_TEST_" + getChildName))));
+      }
+
+      return /*#__PURE__*/React__default.createElement(reactRouterDom.Link, {
+        to: (item === null || item === void 0 ? void 0 : item.link) || item.navigationURL,
+        key: index,
+        className: "dropdown-link " + (pathname === (item === null || item === void 0 ? void 0 : item.link) || pathname === (item === null || item === void 0 ? void 0 : item.navigationURL) ? "active" : "")
+      }, /*#__PURE__*/React__default.createElement("div", {
+        className: "actions",
+        "data-tip": "React-tooltip",
+        "data-for": "jk-side-" + index
+      }, /*#__PURE__*/React__default.createElement("span", null, " ", trimModuleName, " "), (trimModuleName === null || trimModuleName === void 0 ? void 0 : trimModuleName.includes("...")) && /*#__PURE__*/React__default.createElement(ReactTooltip, {
+        textColor: "white",
+        backgroundColor: "grey",
+        place: "right",
+        type: "info",
+        effect: "solid",
+        id: "jk-side-" + index
+      }, t("ACTION_TEST_" + getChildName))));
+    }));
+  }
 };
 
 var EmployeeSideBar = function EmployeeSideBar() {
-  var STADMIN = Digit.UserService.hasAccess("STADMIN");
-  var NATADMIN = Digit.UserService.hasAccess("NATADMIN");
+  var sidebarRef = React.useRef(null);
 
-  function getRedirectionUrl() {
-    if (NATADMIN) return "/digit-ui/employee/payment/integration/dss/NURT_DASHBOARD";else if (STADMIN) return "/employee/integration/dss/home";else return "/employee";
-  }
+  var _Digit$Hooks$useAcces = Digit.Hooks.useAccessControl(),
+      isLoading = _Digit$Hooks$useAcces.isLoading,
+      data = _Digit$Hooks$useAcces.data;
+
+  var _useState = React.useState(""),
+      search = _useState[0],
+      setSearch = _useState[1];
 
   var _useTranslation = reactI18next.useTranslation(),
       t = _useTranslation.t;
 
+  React.useEffect(function () {
+    if (isLoading) {
+      return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Loader, null);
+    }
+
+    sidebarRef.current.style.cursor = "pointer";
+    collapseNav();
+  }, [isLoading]);
+
+  var expandNav = function expandNav() {
+    sidebarRef.current.style.width = "260px";
+    sidebarRef.current.style.overflow = "auto";
+    sidebarRef.current.querySelectorAll(".dropdown-link").forEach(function (element) {
+      element.style.display = "flex";
+    });
+  };
+
+  var collapseNav = function collapseNav() {
+    sidebarRef.current.style.width = "55px";
+    sidebarRef.current.style.overflow = "hidden";
+    sidebarRef.current.querySelectorAll(".dropdown-link").forEach(function (element) {
+      element.style.display = "none";
+    });
+    sidebarRef.current.querySelectorAll(".actions").forEach(function (element) {
+      element.style.padding = "0";
+    });
+  };
+
+  var configEmployeeSideBar = {};
+  data === null || data === void 0 ? void 0 : data.actions.filter(function (e) {
+    return e.url === "url";
+  }).forEach(function (item) {
+    var _item$displayName;
+
+    if (search == "" && item.path !== "") {
+      var index = item.path.split(".")[0];
+      if (index === "TradeLicense") index = "Trade License";
+
+      if (!configEmployeeSideBar[index]) {
+        configEmployeeSideBar[index] = [item];
+      } else {
+        configEmployeeSideBar[index].push(item);
+      }
+    } else if (item.path !== "" && item !== null && item !== void 0 && (_item$displayName = item.displayName) !== null && _item$displayName !== void 0 && _item$displayName.toLowerCase().includes(search.toLowerCase())) {
+      var _index = item.path.split(".")[0];
+      if (_index === "TradeLicense") _index = "Trade License";
+
+      if (!configEmployeeSideBar[_index]) {
+        configEmployeeSideBar[_index] = [item];
+      } else {
+        configEmployeeSideBar[_index].push(item);
+      }
+    }
+  });
+  var res = [];
+
+  var splitKeyValue = function splitKeyValue() {
+    var keys = Object.keys(configEmployeeSideBar);
+    keys.sort(function (a, b) {
+      return a.orderNumber - b.orderNumber;
+    });
+
+    for (var i = 0; i < keys.length; i++) {
+      if (configEmployeeSideBar[keys[i]][0].path.indexOf(".") === -1) {
+        if (configEmployeeSideBar[keys[i]][0].displayName === "Home") {
+          var homeURL = "/digit-ui/employee";
+          res.unshift({
+            moduleName: keys[i].toUpperCase(),
+            icon: configEmployeeSideBar[keys[i]][0],
+            navigationURL: homeURL,
+            type: "single"
+          });
+        } else {
+          var _configEmployeeSideBa;
+
+          res.push({
+            moduleName: (_configEmployeeSideBa = configEmployeeSideBar[keys[i]][0]) === null || _configEmployeeSideBa === void 0 ? void 0 : _configEmployeeSideBa.displayName.toUpperCase(),
+            type: "single",
+            icon: configEmployeeSideBar[keys[i]][0],
+            navigationURL: configEmployeeSideBar[keys[i]][0].navigationURL
+          });
+        }
+      } else {
+        res.push({
+          moduleName: keys[i].toUpperCase(),
+          links: configEmployeeSideBar[keys[i]],
+          icon: configEmployeeSideBar[keys[i]][0],
+          orderNumber: configEmployeeSideBar[keys[i]][0].orderNumber
+        });
+      }
+    }
+
+    return res.map(function (item, index) {
+      return /*#__PURE__*/React__default.createElement(SubMenu, {
+        item: item,
+        key: index + 1
+      });
+    });
+  };
+
+  if (isLoading) {
+    return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Loader, null);
+  }
+
+  if (!res) {
+    return "";
+  }
+
+  var renderSearch = function renderSearch() {
+    return /*#__PURE__*/React__default.createElement("div", {
+      className: "submenu-container"
+    }, /*#__PURE__*/React__default.createElement("div", {
+      className: "sidebar-link"
+    }, /*#__PURE__*/React__default.createElement("div", {
+      className: "actions search-icon-wrapper"
+    }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.SearchIcon, {
+      className: "search-icon"
+    }), /*#__PURE__*/React__default.createElement("input", {
+      className: "employee-search-input",
+      type: "text",
+      placeholder: t("ACTION_TEST_SEARCH"),
+      name: "search",
+      value: search,
+      onChange: function onChange(e) {
+        return setSearch(e.target.value);
+      }
+    }))));
+  };
+
   return /*#__PURE__*/React__default.createElement("div", {
-    className: "sidebar"
-  }, /*#__PURE__*/React__default.createElement(reactRouterDom.Link, {
-    to: "/digit-ui/employee"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "actions active"
-  }, /*#__PURE__*/React__default.createElement(ToolTipWrapper, {
-    child: /*#__PURE__*/React__default.createElement("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      height: "24",
-      viewBox: "0 0 24 24",
-      width: "24"
-    }, /*#__PURE__*/React__default.createElement("path", {
-      d: "M0 0h24v24H0z",
-      fill: "none"
-    }), /*#__PURE__*/React__default.createElement("path", {
-      d: "M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z",
-      fill: "white"
-    })),
-    t: t,
-    label: "ACTION_TEST_HOME"
-  }))), /*#__PURE__*/React__default.createElement("a", {
-    href: getRedirectionUrl()
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "actions"
-  }, /*#__PURE__*/React__default.createElement(ToolTipWrapper, {
-    child: /*#__PURE__*/React__default.createElement("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      height: "24",
-      viewBox: "0 0 24 24",
-      width: "24"
-    }, /*#__PURE__*/React__default.createElement("path", {
-      d: "M0 0h24v24H0z",
-      fill: "none"
-    }), /*#__PURE__*/React__default.createElement("path", {
-      d: "M8.17 5.7L1 10.48V21h5v-8h4v8h5V10.25z",
-      fill: "white"
-    }), /*#__PURE__*/React__default.createElement("path", {
-      d: "M17 7h2v2h-2z",
-      fill: "none"
-    }), /*#__PURE__*/React__default.createElement("path", {
-      d: "M10 3v1.51l2 1.33L13.73 7H15v.85l2 1.34V11h2v2h-2v2h2v2h-2v4h6V3H10zm9 6h-2V7h2v2z",
-      fill: "white"
-    })),
-    t: t,
-    label: "CORE_CHANGE_TENANT_DESCRIPTION"
-  }))));
+    className: "sidebar",
+    ref: sidebarRef,
+    onMouseOver: expandNav,
+    onMouseLeave: collapseNav
+  }, renderSearch(), splitKeyValue());
 };
 
 var SideBar = function SideBar(_ref) {
@@ -3420,16 +4381,22 @@ var SideBar = function SideBar(_ref) {
       toggleSidebar = _ref.toggleSidebar,
       handleLogout = _ref.handleLogout,
       mobileView = _ref.mobileView,
-      userDetails = _ref.userDetails;
+      userDetails = _ref.userDetails,
+      modules = _ref.modules,
+      linkData = _ref.linkData,
+      islinkDataLoading = _ref.islinkDataLoading;
   if (CITIZEN) return /*#__PURE__*/React__default.createElement(CitizenSideBar, {
     isOpen: isSidebarOpen,
     isMobile: true,
     toggleSidebar: toggleSidebar,
-    onLogout: handleLogout
+    onLogout: handleLogout,
+    linkData: linkData,
+    islinkDataLoading: islinkDataLoading
   });else {
     if (!mobileView && userDetails !== null && userDetails !== void 0 && userDetails.access_token) return /*#__PURE__*/React__default.createElement(EmployeeSideBar, {
       mobileView: mobileView,
-      userDetails: userDetails
+      userDetails: userDetails,
+      modules: modules
     });else return /*#__PURE__*/React__default.createElement(CitizenSideBar, {
       isOpen: isSidebarOpen,
       isMobile: true,
@@ -3451,7 +4418,9 @@ var TopBarSideBar = function TopBarSideBar(_ref) {
       logoUrl = _ref.logoUrl,
       _ref$showSidebar = _ref.showSidebar,
       showSidebar = _ref$showSidebar === void 0 ? true : _ref$showSidebar,
-      showLanguageChange = _ref.showLanguageChange;
+      showLanguageChange = _ref.showLanguageChange,
+      linkData = _ref.linkData,
+      islinkDataLoading = _ref.islinkDataLoading;
 
   var _useState = React.useState(false),
       isSidebarOpen = _useState[0],
@@ -3459,9 +4428,22 @@ var TopBarSideBar = function TopBarSideBar(_ref) {
 
   var history = reactRouterDom.useHistory();
 
+  var _useState2 = React.useState(false),
+      showDialog = _useState2[0],
+      setShowDialog = _useState2[1];
+
   var handleLogout = function handleLogout() {
     toggleSidebar(false);
+    setShowDialog(true);
+  };
+
+  var handleOnSubmit = function handleOnSubmit() {
     Digit.UserService.logout();
+    setShowDialog(false);
+  };
+
+  var handleOnCancel = function handleOnCancel() {
+    setShowDialog(false);
   };
 
   var userProfile = function userProfile() {
@@ -3495,6 +4477,10 @@ var TopBarSideBar = function TopBarSideBar(_ref) {
     handleUserDropdownSelection: handleUserDropdownSelection,
     logoUrl: logoUrl,
     showLanguageChange: showLanguageChange
+  }), showDialog && /*#__PURE__*/React__default.createElement(LogoutDialog, {
+    onSelect: handleOnSubmit,
+    onCancel: handleOnCancel,
+    onDismiss: handleOnCancel
   }), showSidebar && /*#__PURE__*/React__default.createElement(SideBar, {
     t: t,
     CITIZEN: CITIZEN,
@@ -3502,7 +4488,9 @@ var TopBarSideBar = function TopBarSideBar(_ref) {
     toggleSidebar: toggleSidebar,
     handleLogout: handleLogout,
     mobileView: mobileView,
-    userDetails: userDetails
+    userDetails: userDetails,
+    linkData: linkData,
+    islinkDataLoading: islinkDataLoading
   }));
 };
 
@@ -3656,7 +4644,7 @@ function UploadDrawer(_ref) {
   }, "Remove"))));
 }
 
-var defaultImage$1 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAO4AAADUCAMAAACs0e/bAAAAM1BMVEXK0eL" + "/" + "/" + "/" + "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";
+var defaultImage$2 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAO4AAADUCAMAAACs0e/bAAAAM1BMVEXK0eL" + "/" + "/" + "/" + "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";
 
 var UserProfile = function UserProfile(_ref) {
   var _Digit$UserService$ge, _errors$userName, _errors$emailAddress, _errors$userName2, _errors$mobileNumber, _errors$emailAddress2, _ref3, _errors$currentPasswo, _errors$newPassword, _errors$confirmPasswo;
@@ -3742,6 +4730,8 @@ var UserProfile = function UserProfile(_ref) {
       errors = _React$useState2[0],
       setErrors = _React$useState2[1];
 
+  var isMobile = window.Digit.Utils.browser.isMobile();
+
   var getUserInfo = function getUserInfo() {
     try {
       var uuid = userInfo === null || userInfo === void 0 ? void 0 : userInfo.uuid;
@@ -3859,7 +4849,7 @@ var UserProfile = function UserProfile(_ref) {
   var setUserCurrentPassword = function setUserCurrentPassword(value) {
     setCurrentPassword(value);
 
-    if (value.length && !new RegExp(/^([a-zA-Z0-9@#$%]{8,15})$/i).test(value)) {
+    if (!new RegExp(/^([a-zA-Z0-9@#$%]{8,15})$/i).test(value)) {
       setErrors(_extends({}, errors, {
         currentPassword: {
           type: "pattern",
@@ -3876,7 +4866,7 @@ var UserProfile = function UserProfile(_ref) {
   var setUserNewPassword = function setUserNewPassword(value) {
     setNewPassword(value);
 
-    if (value.length && !new RegExp(/^([a-zA-Z0-9@#$%]{8,15})$/i).test(value)) {
+    if (!new RegExp(/^([a-zA-Z0-9@#$%]{8,15})$/i).test(value)) {
       setErrors(_extends({}, errors, {
         newPassword: {
           type: "pattern",
@@ -3893,7 +4883,7 @@ var UserProfile = function UserProfile(_ref) {
   var setUserConfirmPassword = function setUserConfirmPassword(value) {
     setConfirmPassword(value);
 
-    if (value.length && !new RegExp(/^([a-zA-Z0-9@#$%]{8,15})$/i).test(value)) {
+    if (!new RegExp(/^([a-zA-Z0-9@#$%]{8,15})$/i).test(value)) {
       setErrors(_extends({}, errors, {
         confirmPassword: {
           type: "pattern",
@@ -4109,7 +5099,9 @@ var UserProfile = function UserProfile(_ref) {
   };
 
   if (loading) return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Loader, null);
-  return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("section", {
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "user-profile"
+  }, /*#__PURE__*/React__default.createElement("section", {
     style: {
       margin: userType === "citizen" ? "8px" : "24px"
     }
@@ -4132,7 +5124,8 @@ var UserProfile = function UserProfile(_ref) {
       gap: userType === "citizen" ? "" : "0 24px",
       boxShadow: userType === "citizen" ? "1px 1px 4px 0px rgba(0,0,0,0.2)" : "",
       background: userType === "citizen" ? "white" : "",
-      borderRadius: userType === "citizen" ? "4px" : ""
+      borderRadius: userType === "citizen" ? "4px" : "",
+      maxWidth: userType === "citizen" ? "960px" : ""
     }
   }, /*#__PURE__*/React__default.createElement("section", {
     style: {
@@ -4164,7 +5157,7 @@ var UserProfile = function UserProfile(_ref) {
       height: "100%",
       width: "100%"
     },
-    src: !profileImg || profileImg === "" ? defaultImage$1 : profileImg
+    src: !profileImg || profileImg === "" ? defaultImage$2 : profileImg
   }), /*#__PURE__*/React__default.createElement("button", {
     style: {
       position: "absolute",
@@ -4190,7 +5183,8 @@ var UserProfile = function UserProfile(_ref) {
     style:  {}
   }, "" + t("CORE_COMMON_PROFILE_NAME"), "*"), /*#__PURE__*/React__default.createElement("div", {
     style: {
-      width: "100%"
+      width: "100%",
+      maxWidth: "960px"
     }
   }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.TextInput, _extends({
     t: t,
@@ -4211,13 +5205,7 @@ var UserProfile = function UserProfile(_ref) {
     title: t("CORE_COMMON_PROFILE_NAME_ERROR_MESSAGE")
   }, {
     disable: editScreen
-  })), (errors === null || errors === void 0 ? void 0 : errors.userName) && /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabelError, {
-    style: {
-      width: "70%",
-      fontSize: "12px",
-      marginTop: "-21px"
-    }
-  }, " ", t(errors === null || errors === void 0 ? void 0 : (_errors$userName = errors.userName) === null || _errors$userName === void 0 ? void 0 : _errors$userName.message), " "))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, {
+  })), (errors === null || errors === void 0 ? void 0 : errors.userName) && /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabelError, null, " ", errors === null || errors === void 0 ? void 0 : (_errors$userName = errors.userName) === null || _errors$userName === void 0 ? void 0 : _errors$userName.message, " "))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, {
     style:  {}
   }, "" + t("CORE_COMMON_PROFILE_GENDER")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Dropdown, {
     style: {
@@ -4232,7 +5220,7 @@ var UserProfile = function UserProfile(_ref) {
     optionKey: "code",
     t: t,
     name: "gender"
-  })), /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabelError, null), /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, {
+  })), /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, {
     style:  {}
   }, "" + t("CORE_COMMON_PROFILE_EMAIL")), /*#__PURE__*/React__default.createElement("div", {
     style: {
@@ -4252,13 +5240,7 @@ var UserProfile = function UserProfile(_ref) {
       return setUserEmailAddress(e.target.value);
     },
     disable: editScreen
-  }), (errors === null || errors === void 0 ? void 0 : errors.emailAddress) && /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabelError, {
-    style: {
-      width: "70%",
-      fontSize: "12px",
-      marginTop: "-21px"
-    }
-  }, " ", t(errors === null || errors === void 0 ? void 0 : (_errors$emailAddress = errors.emailAddress) === null || _errors$emailAddress === void 0 ? void 0 : _errors$emailAddress.message), " "))), /*#__PURE__*/React__default.createElement("button", {
+  }), (errors === null || errors === void 0 ? void 0 : errors.emailAddress) && /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabelError, null, " ", errors === null || errors === void 0 ? void 0 : (_errors$emailAddress = errors.emailAddress) === null || _errors$emailAddress === void 0 ? void 0 : _errors$emailAddress.message, " "))), /*#__PURE__*/React__default.createElement("button", {
     onClick: updateProfile,
     style: {
       marginTop: "24px",
@@ -4266,6 +5248,7 @@ var UserProfile = function UserProfile(_ref) {
       width: "100%",
       height: "40px",
       color: "white",
+      maxWidth: isMobile ? "100%" : "240px",
       borderBottom: "1px solid black"
     }
   }, t("CORE_COMMON_SAVE"))) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, {
@@ -4300,11 +5283,10 @@ var UserProfile = function UserProfile(_ref) {
     disable: editScreen
   })), (errors === null || errors === void 0 ? void 0 : errors.userName) && /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabelError, {
     style: {
-      width: "70%",
-      fontSize: "12px",
-      marginTop: "-21px"
+      margin: 0,
+      padding: 0
     }
-  }, " ", t(errors === null || errors === void 0 ? void 0 : (_errors$userName2 = errors.userName) === null || _errors$userName2 === void 0 ? void 0 : _errors$userName2.message), " "))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, {
+  }, " ", errors === null || errors === void 0 ? void 0 : (_errors$userName2 = errors.userName) === null || _errors$userName2 === void 0 ? void 0 : _errors$userName2.message, " "))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, {
     style: {
       display: "flex"
     }
@@ -4343,7 +5325,7 @@ var UserProfile = function UserProfile(_ref) {
     type: "text",
     isMandatory: false,
     name: "city",
-    value: city,
+    value: t(city),
     onChange: function onChange(e) {
       return setCity(e.target.value);
     },
@@ -4384,11 +5366,10 @@ var UserProfile = function UserProfile(_ref) {
     title: t("CORE_COMMON_PROFILE_MOBILE_NUMBER_INVALID")
   }), (errors === null || errors === void 0 ? void 0 : errors.mobileNumber) && /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabelError, {
     style: {
-      width: "70%",
-      fontSize: "12px",
-      marginTop: "-21px"
+      margin: 0,
+      padding: 0
     }
-  }, " ", t(errors === null || errors === void 0 ? void 0 : (_errors$mobileNumber = errors.mobileNumber) === null || _errors$mobileNumber === void 0 ? void 0 : _errors$mobileNumber.message), " "))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, {
+  }, " ", errors === null || errors === void 0 ? void 0 : (_errors$mobileNumber = errors.mobileNumber) === null || _errors$mobileNumber === void 0 ? void 0 : _errors$mobileNumber.message, " "))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, {
     style: {
       display: "flex"
     }
@@ -4413,13 +5394,7 @@ var UserProfile = function UserProfile(_ref) {
       return setUserEmailAddress(e.target.value);
     },
     disable: editScreen
-  }), (errors === null || errors === void 0 ? void 0 : errors.emailAddress) && /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabelError, {
-    style: {
-      width: "70%",
-      fontSize: "12px",
-      marginTop: "-21px"
-    }
-  }, " ", t(errors === null || errors === void 0 ? void 0 : (_errors$emailAddress2 = errors.emailAddress) === null || _errors$emailAddress2 === void 0 ? void 0 : _errors$emailAddress2.message), " "))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, null, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("a", {
+  }), (errors === null || errors === void 0 ? void 0 : errors.emailAddress) && /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabelError, null, " ", errors === null || errors === void 0 ? void 0 : (_errors$emailAddress2 = errors.emailAddress) === null || _errors$emailAddress2 === void 0 ? void 0 : _errors$emailAddress2.message, " "))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, null, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("a", {
     style: (_ref3 = {
       color: "orange",
       cursor: "default",
@@ -4453,13 +5428,7 @@ var UserProfile = function UserProfile(_ref) {
       return setUserCurrentPassword(e.target.value);
     },
     disable: editScreen
-  }), (errors === null || errors === void 0 ? void 0 : errors.currentPassword) && /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabelError, {
-    style: {
-      width: "70%",
-      fontSize: "12px",
-      marginTop: "-21px"
-    }
-  }, t(errors === null || errors === void 0 ? void 0 : (_errors$currentPasswo = errors.currentPassword) === null || _errors$currentPasswo === void 0 ? void 0 : _errors$currentPasswo.message)))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, {
+  }), (errors === null || errors === void 0 ? void 0 : errors.currentPassword) && /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabelError, null, errors === null || errors === void 0 ? void 0 : (_errors$currentPasswo = errors.currentPassword) === null || _errors$currentPasswo === void 0 ? void 0 : _errors$currentPasswo.message))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, {
     style: {
       display: "flex"
     }
@@ -4482,13 +5451,7 @@ var UserProfile = function UserProfile(_ref) {
       return setUserNewPassword(e.target.value);
     },
     disable: editScreen
-  }), (errors === null || errors === void 0 ? void 0 : errors.newPassword) && /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabelError, {
-    style: {
-      width: "70%",
-      fontSize: "12px",
-      marginTop: "-21px"
-    }
-  }, t(errors === null || errors === void 0 ? void 0 : (_errors$newPassword = errors.newPassword) === null || _errors$newPassword === void 0 ? void 0 : _errors$newPassword.message)))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, {
+  }), (errors === null || errors === void 0 ? void 0 : errors.newPassword) && /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabelError, null, errors === null || errors === void 0 ? void 0 : (_errors$newPassword = errors.newPassword) === null || _errors$newPassword === void 0 ? void 0 : _errors$newPassword.message))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, {
     style: {
       display: "flex"
     }
@@ -4511,13 +5474,7 @@ var UserProfile = function UserProfile(_ref) {
       return setUserConfirmPassword(e.target.value);
     },
     disable: editScreen
-  }), (errors === null || errors === void 0 ? void 0 : errors.confirmPassword) && /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabelError, {
-    style: {
-      width: "70%",
-      fontSize: "12px",
-      marginTop: "-21px"
-    }
-  }, t(errors === null || errors === void 0 ? void 0 : (_errors$confirmPasswo = errors.confirmPassword) === null || _errors$confirmPasswo === void 0 ? void 0 : _errors$confirmPasswo.message))))) : ""))))), userType === "employee" ? /*#__PURE__*/React__default.createElement("div", {
+  }), (errors === null || errors === void 0 ? void 0 : errors.confirmPassword) && /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabelError, null, errors === null || errors === void 0 ? void 0 : (_errors$confirmPasswo = errors.confirmPassword) === null || _errors$confirmPasswo === void 0 ? void 0 : _errors$confirmPasswo.message)))) : ""))))), userType === "employee" ? /*#__PURE__*/React__default.createElement("div", {
     style: {
       height: "88px",
       backgroundColor: "#FFFFFF",
@@ -4557,8 +5514,10 @@ var UserProfile = function UserProfile(_ref) {
   }) : "");
 };
 
+var userScreensExempted = ["user/profile", "user/error"];
+
 var EmployeeApp = function EmployeeApp(_ref) {
-  var _location$pathname, _location$pathname2, _window, _window$globalConfigs, _window$globalConfigs2;
+  var _location$pathname, _window, _window$globalConfigs, _window$globalConfigs2;
 
   var stateInfo = _ref.stateInfo,
       userDetails = _ref.userDetails,
@@ -4570,7 +5529,9 @@ var EmployeeApp = function EmployeeApp(_ref) {
       DSO = _ref.DSO,
       stateCode = _ref.stateCode,
       modules = _ref.modules,
-      appTenants = _ref.appTenants;
+      appTenants = _ref.appTenants,
+      initData = _ref.initData;
+  var history = reactRouterDom.useHistory();
 
   var _useTranslation = reactI18next.useTranslation(),
       t = _useTranslation.t;
@@ -4580,7 +5541,11 @@ var EmployeeApp = function EmployeeApp(_ref) {
 
   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");
-  var isUserProfile = location === null || location === void 0 ? void 0 : (_location$pathname2 = location.pathname) === null || _location$pathname2 === void 0 ? void 0 : _location$pathname2.includes("user/profile");
+  var isUserProfile = userScreensExempted.some(function (url) {
+    var _location$pathname2;
+
+    return location === null || location === void 0 ? void 0 : (_location$pathname2 = location.pathname) === null || _location$pathname2 === void 0 ? void 0 : _location$pathname2.includes(url);
+  });
   React.useEffect(function () {
     Digit.UserService.setType("employee");
   }, []);
@@ -4621,6 +5586,13 @@ var EmployeeApp = function EmployeeApp(_ref) {
     stateCode: stateCode,
     userType: "employee",
     cityDetails: cityDetails
+  })), /*#__PURE__*/React__default.createElement(reactRouterDom.Route, {
+    path: path + "/user/error"
+  }, /*#__PURE__*/React__default.createElement(ErrorComponent, {
+    initData: initData,
+    goToHome: function goToHome() {
+      history.push("/digit-ui/employee");
+    }
   })), /*#__PURE__*/React__default.createElement(reactRouterDom.Route, {
     path: path + "/user/language-selection"
   }, /*#__PURE__*/React__default.createElement(LanguageSelection, null)), /*#__PURE__*/React__default.createElement(reactRouterDom.Route, null, /*#__PURE__*/React__default.createElement(reactRouterDom.Redirect, {
@@ -4633,21 +5605,21 @@ var EmployeeApp = function EmployeeApp(_ref) {
     cityDetails: cityDetails,
     mobileView: mobileView,
     handleUserDropdownSelection: handleUserDropdownSelection,
-    logoUrl: logoUrl
+    logoUrl: logoUrl,
+    modules: modules
   }), /*#__PURE__*/React__default.createElement("div", {
     className: "main " + (DSO ? "m-auto" : "")
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "employee-app-wrapper"
-  }, /*#__PURE__*/React__default.createElement(ErrorBoundary, null, /*#__PURE__*/React__default.createElement(AppModules, {
+  }, /*#__PURE__*/React__default.createElement(ErrorBoundary, {
+    initData: initData
+  }, /*#__PURE__*/React__default.createElement(AppModules, {
     stateCode: stateCode,
     userType: "employee",
     modules: modules,
     appTenants: appTenants
   }))), /*#__PURE__*/React__default.createElement("div", {
-    className: "employee-home-footer",
-    style: {
-      position: "absolute"
-    }
+    className: "employee-home-footer"
   }, /*#__PURE__*/React__default.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"),
@@ -4666,6 +5638,8 @@ var EmployeeApp = function EmployeeApp(_ref) {
 };
 
 var Home = function Home() {
+  var _citizenServicesObj$s, _citizenServicesObj$p, _citizenServicesObj$p2, _citizenServicesObj$p5, _citizenServicesObj$p6, _citizenServicesObj$p9, _citizenServicesObj$p10, _citizenServicesObj$p13, _citizenServicesObj$p14, _infoAndUpdatesObj$si, _infoAndUpdatesObj$pr, _infoAndUpdatesObj$pr2, _infoAndUpdatesObj$pr5, _infoAndUpdatesObj$pr6, _infoAndUpdatesObj$pr9, _infoAndUpdatesObj$pr10, _infoAndUpdatesObj$pr13, _infoAndUpdatesObj$pr14, _whatsNewSectionObj$s2;
+
   var _useTranslation = reactI18next.useTranslation(),
       t = _useTranslation.t;
 
@@ -4676,8 +5650,9 @@ var Home = function Home() {
       _Digit$Hooks$useStore2 = _Digit$Hooks$useStore.data;
 
   _Digit$Hooks$useStore2 = _Digit$Hooks$useStore2 === void 0 ? {} : _Digit$Hooks$useStore2;
-  var stateInfo = _Digit$Hooks$useStore2.stateInfo,
+  var uiHomePage = _Digit$Hooks$useStore2.uiHomePage,
       isLoading = _Digit$Hooks$useStore.isLoading;
+  var isMobile = window.Digit.Utils.browser.isMobile();
 
   var conditionsToDisableNotificationCountTrigger = function conditionsToDisableNotificationCountTrigger() {
     var _Digit$UserService, _Digit$UserService$ge, _Digit$UserService$ge2, _Digit$UserService2, _Digit$UserService2$g;
@@ -4701,41 +5676,113 @@ var Home = function Home() {
     history.push("/digit-ui/citizen/select-language");
   }
 
+  var appBannerWebObj = uiHomePage === null || uiHomePage === void 0 ? void 0 : uiHomePage.appBannerDesktop;
+  var appBannerMobObj = uiHomePage === null || uiHomePage === void 0 ? void 0 : uiHomePage.appBannerMobile;
+  var citizenServicesObj = uiHomePage === null || uiHomePage === void 0 ? void 0 : uiHomePage.citizenServicesCard;
+  var infoAndUpdatesObj = uiHomePage === null || uiHomePage === void 0 ? void 0 : uiHomePage.informationAndUpdatesCard;
+  var whatsAppBannerWebObj = uiHomePage === null || uiHomePage === void 0 ? void 0 : uiHomePage.whatsAppBannerDesktop;
+  var whatsAppBannerMobObj = uiHomePage === null || uiHomePage === void 0 ? void 0 : uiHomePage.whatsAppBannerMobile;
+  var whatsNewSectionObj = uiHomePage === null || uiHomePage === void 0 ? void 0 : uiHomePage.whatsNewSection;
+
+  var handleClickOnWhatsAppBanner = function handleClickOnWhatsAppBanner(obj) {
+    window.open(obj === null || obj === void 0 ? void 0 : obj.navigationUrl);
+  };
+
   var allCitizenServicesProps = {
-    header: t("DASHBOARD_CITIZEN_SERVICES_LABEL"),
+    header: t(citizenServicesObj === null || citizenServicesObj === void 0 ? void 0 : citizenServicesObj.headerLabel),
     sideOption: {
-      name: t("DASHBOARD_VIEW_ALL_LABEL"),
+      name: t(citizenServicesObj === null || citizenServicesObj === void 0 ? void 0 : (_citizenServicesObj$s = citizenServicesObj.sideOption) === null || _citizenServicesObj$s === void 0 ? void 0 : _citizenServicesObj$s.name),
       onClick: function onClick() {
-        return history.push("/digit-ui/citizen/all-services");
+        var _citizenServicesObj$s2;
+
+        return history.push(citizenServicesObj === null || citizenServicesObj === void 0 ? void 0 : (_citizenServicesObj$s2 = citizenServicesObj.sideOption) === null || _citizenServicesObj$s2 === void 0 ? void 0 : _citizenServicesObj$s2.navigationUrl);
       }
     },
     options: [{
-      name: t("ES_PGR_HEADER_COMPLAINT"),
+      name: t(citizenServicesObj === null || citizenServicesObj === void 0 ? void 0 : (_citizenServicesObj$p = citizenServicesObj.props) === null || _citizenServicesObj$p === void 0 ? void 0 : (_citizenServicesObj$p2 = _citizenServicesObj$p[0]) === null || _citizenServicesObj$p2 === void 0 ? void 0 : _citizenServicesObj$p2.label),
       Icon: /*#__PURE__*/React__default.createElement(digitUiReactComponents.ComplaintIcon, null),
       onClick: function onClick() {
-        return history.push("/digit-ui/citizen/pgr-home");
+        var _citizenServicesObj$p3, _citizenServicesObj$p4;
+
+        return history.push(citizenServicesObj === null || citizenServicesObj === void 0 ? void 0 : (_citizenServicesObj$p3 = citizenServicesObj.props) === null || _citizenServicesObj$p3 === void 0 ? void 0 : (_citizenServicesObj$p4 = _citizenServicesObj$p3[0]) === null || _citizenServicesObj$p4 === void 0 ? void 0 : _citizenServicesObj$p4.navigationUrl);
       }
     }, {
-      name: t("MODULE_PT"),
+      name: t(citizenServicesObj === null || citizenServicesObj === void 0 ? void 0 : (_citizenServicesObj$p5 = citizenServicesObj.props) === null || _citizenServicesObj$p5 === void 0 ? void 0 : (_citizenServicesObj$p6 = _citizenServicesObj$p5[1]) === null || _citizenServicesObj$p6 === void 0 ? void 0 : _citizenServicesObj$p6.label),
       Icon: /*#__PURE__*/React__default.createElement(digitUiReactComponents.PTIcon, {
         className: "fill-path-primary-main"
       }),
       onClick: function onClick() {
-        return history.push("/digit-ui/citizen/pt-home");
+        var _citizenServicesObj$p7, _citizenServicesObj$p8;
+
+        return history.push(citizenServicesObj === null || citizenServicesObj === void 0 ? void 0 : (_citizenServicesObj$p7 = citizenServicesObj.props) === null || _citizenServicesObj$p7 === void 0 ? void 0 : (_citizenServicesObj$p8 = _citizenServicesObj$p7[1]) === null || _citizenServicesObj$p8 === void 0 ? void 0 : _citizenServicesObj$p8.navigationUrl);
       }
     }, {
-      name: t("MODULE_TL"),
+      name: t(citizenServicesObj === null || citizenServicesObj === void 0 ? void 0 : (_citizenServicesObj$p9 = citizenServicesObj.props) === null || _citizenServicesObj$p9 === void 0 ? void 0 : (_citizenServicesObj$p10 = _citizenServicesObj$p9[2]) === null || _citizenServicesObj$p10 === void 0 ? void 0 : _citizenServicesObj$p10.label),
       Icon: /*#__PURE__*/React__default.createElement(digitUiReactComponents.CaseIcon, {
         className: "fill-path-primary-main"
       }),
       onClick: function onClick() {
-        return history.push("/digit-ui/citizen/tl-home");
+        var _citizenServicesObj$p11, _citizenServicesObj$p12;
+
+        return history.push(citizenServicesObj === null || citizenServicesObj === void 0 ? void 0 : (_citizenServicesObj$p11 = citizenServicesObj.props) === null || _citizenServicesObj$p11 === void 0 ? void 0 : (_citizenServicesObj$p12 = _citizenServicesObj$p11[2]) === null || _citizenServicesObj$p12 === void 0 ? void 0 : _citizenServicesObj$p12.navigationUrl);
       }
     }, {
-      name: t("CS_COMMON_INBOX_BPA"),
+      name: t(citizenServicesObj === null || citizenServicesObj === void 0 ? void 0 : (_citizenServicesObj$p13 = citizenServicesObj.props) === null || _citizenServicesObj$p13 === void 0 ? void 0 : (_citizenServicesObj$p14 = _citizenServicesObj$p13[3]) === null || _citizenServicesObj$p14 === void 0 ? void 0 : _citizenServicesObj$p14.label),
       Icon: /*#__PURE__*/React__default.createElement(digitUiReactComponents.OBPSIcon, null),
       onClick: function onClick() {
-        return history.push("/digit-ui/citizen/obps-home");
+        var _citizenServicesObj$p15, _citizenServicesObj$p16;
+
+        return history.push(citizenServicesObj === null || citizenServicesObj === void 0 ? void 0 : (_citizenServicesObj$p15 = citizenServicesObj.props) === null || _citizenServicesObj$p15 === void 0 ? void 0 : (_citizenServicesObj$p16 = _citizenServicesObj$p15[3]) === null || _citizenServicesObj$p16 === void 0 ? void 0 : _citizenServicesObj$p16.navigationUrl);
+      }
+    }],
+    styles: {
+      display: "flex",
+      flexWrap: "wrap",
+      justifyContent: "flex-start",
+      width: "100%"
+    }
+  };
+  var allInfoAndUpdatesProps = {
+    header: t(infoAndUpdatesObj === null || infoAndUpdatesObj === void 0 ? void 0 : infoAndUpdatesObj.headerLabel),
+    sideOption: {
+      name: t(infoAndUpdatesObj === null || infoAndUpdatesObj === void 0 ? void 0 : (_infoAndUpdatesObj$si = infoAndUpdatesObj.sideOption) === null || _infoAndUpdatesObj$si === void 0 ? void 0 : _infoAndUpdatesObj$si.name),
+      onClick: function onClick() {
+        var _infoAndUpdatesObj$si2;
+
+        return history.push(infoAndUpdatesObj === null || infoAndUpdatesObj === void 0 ? void 0 : (_infoAndUpdatesObj$si2 = infoAndUpdatesObj.sideOption) === null || _infoAndUpdatesObj$si2 === void 0 ? void 0 : _infoAndUpdatesObj$si2.navigationUrl);
+      }
+    },
+    options: [{
+      name: t(infoAndUpdatesObj === null || infoAndUpdatesObj === void 0 ? void 0 : (_infoAndUpdatesObj$pr = infoAndUpdatesObj.props) === null || _infoAndUpdatesObj$pr === void 0 ? void 0 : (_infoAndUpdatesObj$pr2 = _infoAndUpdatesObj$pr[0]) === null || _infoAndUpdatesObj$pr2 === void 0 ? void 0 : _infoAndUpdatesObj$pr2.label),
+      Icon: /*#__PURE__*/React__default.createElement(digitUiReactComponents.HomeIcon, null),
+      onClick: function onClick() {
+        var _infoAndUpdatesObj$pr3, _infoAndUpdatesObj$pr4;
+
+        return history.push(infoAndUpdatesObj === null || infoAndUpdatesObj === void 0 ? void 0 : (_infoAndUpdatesObj$pr3 = infoAndUpdatesObj.props) === null || _infoAndUpdatesObj$pr3 === void 0 ? void 0 : (_infoAndUpdatesObj$pr4 = _infoAndUpdatesObj$pr3[0]) === null || _infoAndUpdatesObj$pr4 === void 0 ? void 0 : _infoAndUpdatesObj$pr4.navigationUrl);
+      }
+    }, {
+      name: t(infoAndUpdatesObj === null || infoAndUpdatesObj === void 0 ? void 0 : (_infoAndUpdatesObj$pr5 = infoAndUpdatesObj.props) === null || _infoAndUpdatesObj$pr5 === void 0 ? void 0 : (_infoAndUpdatesObj$pr6 = _infoAndUpdatesObj$pr5[1]) === null || _infoAndUpdatesObj$pr6 === void 0 ? void 0 : _infoAndUpdatesObj$pr6.label),
+      Icon: /*#__PURE__*/React__default.createElement(digitUiReactComponents.Calender, null),
+      onClick: function onClick() {
+        var _infoAndUpdatesObj$pr7, _infoAndUpdatesObj$pr8;
+
+        return history.push(infoAndUpdatesObj === null || infoAndUpdatesObj === void 0 ? void 0 : (_infoAndUpdatesObj$pr7 = infoAndUpdatesObj.props) === null || _infoAndUpdatesObj$pr7 === void 0 ? void 0 : (_infoAndUpdatesObj$pr8 = _infoAndUpdatesObj$pr7[1]) === null || _infoAndUpdatesObj$pr8 === void 0 ? void 0 : _infoAndUpdatesObj$pr8.navigationUrl);
+      }
+    }, {
+      name: t(infoAndUpdatesObj === null || infoAndUpdatesObj === void 0 ? void 0 : (_infoAndUpdatesObj$pr9 = infoAndUpdatesObj.props) === null || _infoAndUpdatesObj$pr9 === void 0 ? void 0 : (_infoAndUpdatesObj$pr10 = _infoAndUpdatesObj$pr9[2]) === null || _infoAndUpdatesObj$pr10 === void 0 ? void 0 : _infoAndUpdatesObj$pr10.label),
+      Icon: /*#__PURE__*/React__default.createElement(digitUiReactComponents.DocumentIcon, null),
+      onClick: function onClick() {
+        var _infoAndUpdatesObj$pr11, _infoAndUpdatesObj$pr12;
+
+        return history.push(infoAndUpdatesObj === null || infoAndUpdatesObj === void 0 ? void 0 : (_infoAndUpdatesObj$pr11 = infoAndUpdatesObj.props) === null || _infoAndUpdatesObj$pr11 === void 0 ? void 0 : (_infoAndUpdatesObj$pr12 = _infoAndUpdatesObj$pr11[2]) === null || _infoAndUpdatesObj$pr12 === void 0 ? void 0 : _infoAndUpdatesObj$pr12.navigationUrl);
+      }
+    }, {
+      name: t(infoAndUpdatesObj === null || infoAndUpdatesObj === void 0 ? void 0 : (_infoAndUpdatesObj$pr13 = infoAndUpdatesObj.props) === null || _infoAndUpdatesObj$pr13 === void 0 ? void 0 : (_infoAndUpdatesObj$pr14 = _infoAndUpdatesObj$pr13[3]) === null || _infoAndUpdatesObj$pr14 === void 0 ? void 0 : _infoAndUpdatesObj$pr14.label),
+      Icon: /*#__PURE__*/React__default.createElement(digitUiReactComponents.DocumentIcon, null),
+      onClick: function onClick() {
+        var _infoAndUpdatesObj$pr15, _infoAndUpdatesObj$pr16;
+
+        return history.push(infoAndUpdatesObj === null || infoAndUpdatesObj === void 0 ? void 0 : (_infoAndUpdatesObj$pr15 = infoAndUpdatesObj.props) === null || _infoAndUpdatesObj$pr15 === void 0 ? void 0 : (_infoAndUpdatesObj$pr16 = _infoAndUpdatesObj$pr15[3]) === null || _infoAndUpdatesObj$pr16 === void 0 ? void 0 : _infoAndUpdatesObj$pr16.navigationUrl);
       }
     }],
     styles: {
@@ -4745,169 +5792,712 @@ var Home = function Home() {
       width: "100%"
     }
   };
-  var allInfoAndUpdatesProps = {
-    header: t("CS_COMMON_DASHBOARD_INFO_UPDATES"),
-    sideOption: {
-      name: t("DASHBOARD_VIEW_ALL_LABEL"),
-      onClick: function onClick() {}
-    },
-    options: [{
-      name: t("CS_HEADER_MYCITY"),
-      Icon: /*#__PURE__*/React__default.createElement(digitUiReactComponents.HomeIcon, null)
-    }, {
-      name: t("EVENTS_EVENTS_HEADER"),
-      Icon: /*#__PURE__*/React__default.createElement(digitUiReactComponents.Calender, null),
+  return isLoading ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.Loader, null) : /*#__PURE__*/React__default.createElement("div", {
+    className: "HomePageContainer"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "HomePageWrapper"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "BannerWithSearch"
+  }, isMobile ? /*#__PURE__*/React__default.createElement("img", {
+    src: appBannerMobObj === null || appBannerMobObj === void 0 ? void 0 : appBannerMobObj.bannerUrl
+  }) : /*#__PURE__*/React__default.createElement("img", {
+    src: appBannerWebObj === null || appBannerWebObj === void 0 ? void 0 : appBannerWebObj.bannerUrl
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: "ServicesSection"
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardBasedOptions, _extends({
+    style: {
+      marginTop: "-30px"
+    }
+  }, allCitizenServicesProps)), /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardBasedOptions, _extends({
+    style: isMobile ? {} : {
+      marginTop: "-30px"
+    }
+  }, allInfoAndUpdatesProps)))), (whatsAppBannerMobObj || whatsAppBannerWebObj) && /*#__PURE__*/React__default.createElement("div", {
+    className: "WhatsAppBanner"
+  }, isMobile ? /*#__PURE__*/React__default.createElement("img", {
+    src: whatsAppBannerMobObj === null || whatsAppBannerMobObj === void 0 ? void 0 : whatsAppBannerMobObj.bannerUrl,
+    onClick: function onClick() {
+      return handleClickOnWhatsAppBanner(whatsAppBannerMobObj);
+    }
+  }) : /*#__PURE__*/React__default.createElement("img", {
+    src: whatsAppBannerWebObj === null || whatsAppBannerWebObj === void 0 ? void 0 : whatsAppBannerWebObj.bannerUrl,
+    onClick: function onClick() {
+      return handleClickOnWhatsAppBanner(whatsAppBannerWebObj);
+    }
+  })), conditionsToDisableNotificationCountTrigger() ? EventsDataLoading ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.Loader, null) : /*#__PURE__*/React__default.createElement("div", {
+    className: "WhatsNewSection"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "headSection"
+  }, /*#__PURE__*/React__default.createElement("h2", null, t(whatsNewSectionObj === null || whatsNewSectionObj === void 0 ? void 0 : whatsNewSectionObj.headerLabel)), /*#__PURE__*/React__default.createElement("p", {
+    onClick: function onClick() {
+      var _whatsNewSectionObj$s;
+
+      return history.push(whatsNewSectionObj === null || whatsNewSectionObj === void 0 ? void 0 : (_whatsNewSectionObj$s = whatsNewSectionObj.sideOption) === null || _whatsNewSectionObj$s === void 0 ? void 0 : _whatsNewSectionObj$s.navigationUrl);
+    }
+  }, t(whatsNewSectionObj === null || whatsNewSectionObj === void 0 ? void 0 : (_whatsNewSectionObj$s2 = whatsNewSectionObj.sideOption) === null || _whatsNewSectionObj$s2 === void 0 ? void 0 : _whatsNewSectionObj$s2.name))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.WhatsNewCard, EventsData === null || EventsData === void 0 ? void 0 : EventsData[0])) : null));
+};
+
+var LanguageSelection$1 = function LanguageSelection() {
+  var _useTranslation = reactI18next.useTranslation(),
+      t = _useTranslation.t;
+
+  var history = reactRouterDom.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 = React.useMemo(function () {
+    return {
+      header: t("CS_COMMON_CHOOSE_LANGUAGE"),
+      submitBarLabel: t("CORE_COMMON_CONTINUE")
+    };
+  }, [t]);
+  var RadioButtonProps = React.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__default.createElement(digitUiReactComponents.Loader, null) : /*#__PURE__*/React__default.createElement("div", {
+    className: "selection-card-wrapper"
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.PageBasedInput, {
+    texts: texts,
+    onSubmit: onSubmit
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardHeader, null, t("CS_COMMON_CHOOSE_LANGUAGE")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.RadioButtons, RadioButtonProps)));
+};
+
+var LocationSelection = function LocationSelection() {
+  var _useTranslation = reactI18next.useTranslation(),
+      t = _useTranslation.t;
+
+  var history = reactRouterDom.useHistory();
+  var location = reactRouterDom.useLocation();
+
+  var _Digit$Hooks$useTenan = Digit.Hooks.useTenants(),
+      cities = _Digit$Hooks$useTenan.data,
+      isLoading = _Digit$Hooks$useTenan.isLoading;
+
+  var _useState = React.useState(function () {
+    return {
+      code: Digit.ULBService.getCitizenCurrentTenant(true)
+    };
+  }),
+      selectedCity = _useState[0],
+      setSelectedCity = _useState[1];
+
+  var _useState2 = React.useState(false),
+      showError = _useState2[0],
+      setShowError = _useState2[1];
+
+  var texts = React.useMemo(function () {
+    return {
+      header: t("CS_COMMON_CHOOSE_LOCATION"),
+      submitBarLabel: t("CORE_COMMON_CONTINUE")
+    };
+  }, [t]);
+
+  function selectCity(city) {
+    setSelectedCity(city);
+    setShowError(false);
+  }
+
+  var RadioButtonProps = React.useMemo(function () {
+    return {
+      options: cities,
+      optionsKey: "i18nKey",
+      additionalWrapperClass: "reverse-radio-selection-wrapper",
+      onSelect: selectCity,
+      selectedOption: selectedCity
+    };
+  }, [cities, t, selectedCity]);
+
+  function onSubmit() {
+    if (selectedCity) {
+      var _location$state;
+
+      Digit.SessionStorage.set("CITIZEN.COMMON.HOME.CITY", selectedCity);
+      var redirectBackTo = (_location$state = location.state) === null || _location$state === void 0 ? void 0 : _location$state.redirectBackTo;
+
+      if (redirectBackTo) {
+        history.replace(redirectBackTo);
+      } else history.push("/digit-ui/citizen");
+    } else {
+      setShowError(true);
+    }
+  }
+
+  return isLoading ? /*#__PURE__*/React__default.createElement("loader", null) : /*#__PURE__*/React__default.createElement("div", {
+    className: "selection-card-wrapper"
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.BackButton, null), /*#__PURE__*/React__default.createElement(digitUiReactComponents.PageBasedInput, {
+    texts: texts,
+    onSubmit: onSubmit,
+    className: "location-selection-container"
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardHeader, null, t("CS_COMMON_CHOOSE_LOCATION")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.SearchOnRadioButtons, _extends({}, RadioButtonProps, {
+    placeholder: t("COMMON_TABLE_SEARCH")
+  })), showError ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabelError, null, t("CS_COMMON_LOCATION_SELECTION_ERROR")) : null));
+};
+
+var FaqComponent = function FaqComponent(props) {
+  var question = props.question,
+      answer = props.answer,
+      lastIndex = props.lastIndex;
+
+  var _useState = React.useState(false),
+      isOpen = _useState[0],
+      toggleOpen = _useState[1];
+
+  var _useTranslation = reactI18next.useTranslation(),
+      t = _useTranslation.t;
+
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "faqs border-none",
+    onClick: function onClick() {
+      return toggleOpen(!isOpen);
+    }
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "faq-question",
+    style: {
+      justifyContent: "space-between",
+      display: "flex"
+    }
+  }, /*#__PURE__*/React__default.createElement("span", null, t(question)), /*#__PURE__*/React__default.createElement("span", {
+    className: isOpen ? "faqicon rotate" : "faqicon",
+    style: {
+      float: "right"
+    }
+  }, isOpen ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.ArrowForward, null) : /*#__PURE__*/React__default.createElement(digitUiReactComponents.ArrowForward, null))), /*#__PURE__*/React__default.createElement("div", {
+    className: "faq-answer",
+    style: isOpen ? {
+      display: "block"
+    } : {
+      display: "none"
+    }
+  }, /*#__PURE__*/React__default.createElement("span", null, t(answer))), !lastIndex ? /*#__PURE__*/React__default.createElement("div", {
+    className: "cs-box-border"
+  }) : null);
+};
+
+var FAQsSection = function FAQsSection(_ref) {
+  var _user$info, _data$MdmsRes$common, _data$MdmsRes$common$;
+
+  var module = _ref.module;
+  var user = Digit.UserService.getUser();
+  var tenantId = (user === null || user === void 0 ? void 0 : (_user$info = user.info) === null || _user$info === void 0 ? void 0 : _user$info.tenantId) || Digit.ULBService.getCurrentTenantId();
+
+  var _useTranslation = reactI18next.useTranslation(),
+      t = _useTranslation.t;
+
+  var _Digit$Hooks$useGetFA = Digit.Hooks.useGetFAQsJSON(Digit.ULBService.getStateId()),
+      isLoading = _Digit$Hooks$useGetFA.isLoading,
+      data = _Digit$Hooks$useGetFA.data;
+
+  var moduleFaqs = data === null || data === void 0 ? void 0 : (_data$MdmsRes$common = data.MdmsRes["common-masters"]) === null || _data$MdmsRes$common === void 0 ? void 0 : (_data$MdmsRes$common$ = _data$MdmsRes$common.faqs[0]) === null || _data$MdmsRes$common$ === void 0 ? void 0 : _data$MdmsRes$common$["" + module].faqs;
+
+  if (isLoading) {
+    return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Loader, null);
+  }
+
+  return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
+    className: "faq-page"
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.BackButton, {
+    style: {
+      marginLeft: "unset"
+    }
+  }), /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      marginBottom: "15px"
+    }
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Header, {
+    styles: {
+      marginLeft: "0px",
+      paddingTop: "10px",
+      fontSize: "32px"
+    }
+  }, t("FAQ_S"))), /*#__PURE__*/React__default.createElement("div", {
+    className: "faq-list"
+  }, moduleFaqs.map(function (faq, i) {
+    return /*#__PURE__*/React__default.createElement(FaqComponent, {
+      key: "faq_" + i,
+      question: faq.question,
+      answer: faq.answer,
+      lastIndex: i === (moduleFaqs === null || moduleFaqs === void 0 ? void 0 : moduleFaqs.length) - 1
+    });
+  }))));
+};
+
+var HowItWorks = function HowItWorks(_ref) {
+  var _user$info, _data$MdmsRes$common, _data$MdmsRes$common$;
+
+  var module = _ref.module;
+  var user = Digit.UserService.getUser();
+  var tenantId = (user === null || user === void 0 ? void 0 : (_user$info = user.info) === null || _user$info === void 0 ? void 0 : _user$info.tenantId) || Digit.ULBService.getCurrentTenantId();
+
+  var _useTranslation = reactI18next.useTranslation(),
+      t = _useTranslation.t;
+
+  var storeData = Digit.SessionStorage.get("initData");
+  var stateInfo = storeData.stateInfo;
+  var selectedLanguage = Digit.StoreData.getCurrentLanguage();
+
+  var _useState = React.useState(selectedLanguage),
+      selected = _useState[0],
+      setselected = _useState[1];
+
+  var handleChangeLanguage = function handleChangeLanguage(language) {
+    setselected(language.value);
+    Digit.LocalizationService.changeLanguage(language.value, stateInfo.code);
+  };
+
+  var _useState2 = React.useState(false),
+      videoPlay = _useState2[0],
+      setVideoPlay = _useState2[1];
+
+  var _useState3 = React.useState(""),
+      vidSrc = _useState3[0],
+      setVidSrc = _useState3[1];
+
+  var ViDSvg = function ViDSvg() {
+    return /*#__PURE__*/React__default.createElement("svg", {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, /*#__PURE__*/React__default.createElement("path", {
+      d: "M12 24C5.38053 24 0 18.6143 0 12C0 5.38054 5.38053 1.90735e-06 12 1.90735e-06C18.6143 1.90735e-06 24 5.38054 24 12C24 18.6143 18.6143 24 12 24ZM16.3488 10.7852L11.3855 7.25251C11.1263 7.0701 10.8238 6.97889 10.5214 6.97889C10.291 6.97889 10.0557 7.03172 9.83976 7.14202C9.34054 7.40118 9.02857 7.91006 9.02857 8.46694L9.02877 15.5323C9.02877 16.0892 9.34076 16.5979 9.83996 16.8572C10.3344 17.1116 10.9296 17.0732 11.3857 16.7467L16.349 13.214C16.7426 12.9356 16.9778 12.4795 16.9778 11.9996C16.9776 11.5197 16.7426 11.0636 16.3489 10.7852L16.3488 10.7852Z",
+      fill: "white"
+    }));
+  };
+
+  var onClickVideo = function onClickVideo(vidObj) {
+    if (selected === "hi_IN") {
+      setVidSrc(vidObj["hi_IN"]);
+    } else {
+      setVidSrc(vidObj["en_IN"]);
+    }
+
+    setVideoPlay(true);
+  };
+
+  var onClose = function onClose() {
+    setVideoPlay(false);
+  };
+
+  var _Digit$Hooks$useGetHo = Digit.Hooks.useGetHowItWorksJSON(Digit.ULBService.getStateId()),
+      isLoading = _Digit$Hooks$useGetHo.isLoading,
+      data = _Digit$Hooks$useGetHo.data;
+
+  var mdmsConfigResult = data === null || data === void 0 ? void 0 : (_data$MdmsRes$common = data.MdmsRes["common-masters"]) === null || _data$MdmsRes$common === void 0 ? void 0 : (_data$MdmsRes$common$ = _data$MdmsRes$common.howItWorks[0]) === null || _data$MdmsRes$common$ === void 0 ? void 0 : _data$MdmsRes$common$["" + module];
+  var languages = [{
+    label: "ENGLISH",
+    value: "en_IN"
+  }, {
+    label: "हिंदी",
+    value: "hi_IN"
+  }];
+
+  if (isLoading) {
+    return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Loader, null);
+  }
+
+  return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
+    className: "how-it-works-page"
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.BackButton, null), /*#__PURE__*/React__default.createElement("div", {
+    className: "how-it-works-page-header"
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Header, null, t("HOW_IT_WORKS"))), /*#__PURE__*/React__default.createElement("div", {
+    className: "language-selector",
+    style: {
+      margin: "10px"
+    }
+  }, languages.map(function (language, index) {
+    return /*#__PURE__*/React__default.createElement("div", {
+      className: "language-button-container",
+      key: index
+    }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CustomButton, {
+      selected: language.value === selected,
+      text: language.label,
       onClick: function onClick() {
-        return history.push("/digit-ui/citizen/engagement/events");
+        return handleChangeLanguage(language);
       }
-    }, {
-      name: t("CS_COMMON_DOCUMENTS"),
-      Icon: /*#__PURE__*/React__default.createElement(digitUiReactComponents.DocumentIcon, null),
-      onClick: function onClick() {
-        return history.push("/digit-ui/citizen/engagement/docs");
+    }));
+  })), mdmsConfigResult.videosJson.map(function (videos, index) {
+    return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
+      className: "WhatsNewCard",
+      style: {
+        float: "left",
+        position: "relative",
+        width: "100%",
+        marginBottom: 10
       }
-    }, {
-      name: t("CS_COMMON_SURVEYS"),
-      Icon: /*#__PURE__*/React__default.createElement(digitUiReactComponents.DocumentIcon, null),
+    }, /*#__PURE__*/React__default.createElement("div", {
+      className: "video-icon",
       onClick: function onClick() {
-        return history.push("/digit-ui/citizen/engagement/surveys/list");
+        return onClickVideo(videos);
       }
-    }],
-    styles: {
-      display: "flex",
-      flexWrap: "wrap",
-      justifyContent: "flex-start",
-      width: "100%"
+    }, /*#__PURE__*/React__default.createElement("div", {
+      className: "vid-svg"
+    }, /*#__PURE__*/React__default.createElement(ViDSvg, null))), /*#__PURE__*/React__default.createElement("div", {
+      className: "how-it-works-header-description"
+    }, /*#__PURE__*/React__default.createElement("h2", null, t(videos.headerLabel)), /*#__PURE__*/React__default.createElement("p", null, t(videos.description)))));
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: "WhatsNewCard",
+    style: {
+      position: "relative",
+      width: "100%",
+      marginBottom: 10,
+      display: "inline-block"
     }
-  };
-  return isLoading ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.Loader, null) : /*#__PURE__*/React__default.createElement("div", {
-    className: "HomePageWrapper"
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: "BannerWithSearch"
-  }, /*#__PURE__*/React__default.createElement("img", {
-    src: stateInfo === null || stateInfo === void 0 ? void 0 : stateInfo.bannerUrl
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: "Search"
-  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.StandaloneSearchBar, {
-    placeholder: t("CS_COMMON_SEARCH_PLACEHOLDER")
-  }))), /*#__PURE__*/React__default.createElement("div", {
-    className: "ServicesSection"
-  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardBasedOptions, allCitizenServicesProps), /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardBasedOptions, allInfoAndUpdatesProps)), conditionsToDisableNotificationCountTrigger() ? EventsDataLoading ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.Loader, null) : /*#__PURE__*/React__default.createElement("div", {
-    className: "WhatsNewSection"
+    className: "how-it-works-pdf-section"
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: "headSection"
-  }, /*#__PURE__*/React__default.createElement("h2", null, t("DASHBOARD_WHATS_NEW_LABEL")), /*#__PURE__*/React__default.createElement("p", {
-    onClick: function onClick() {
-      return history.push("/digit-ui/citizen/engagement/whats-new");
-    }
-  }, t("DASHBOARD_VIEW_ALL_LABEL"))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.WhatsNewCard, EventsData === null || EventsData === void 0 ? void 0 : EventsData[0])) : null);
+    className: "pdf-icon-header-desc"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "pdf-icon"
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.PDFSvg, null)), /*#__PURE__*/React__default.createElement("div", {
+    className: "pdf-header-desc"
+  }, /*#__PURE__*/React__default.createElement("h2", null, t(mdmsConfigResult.pdfHeader)), /*#__PURE__*/React__default.createElement("p", null, mdmsConfigResult.pdfDesc))), /*#__PURE__*/React__default.createElement("div", {
+    className: "download-icon"
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.DownloadImgIcon, null)))), videoPlay && /*#__PURE__*/React__default.createElement("div", {
+    className: "how-it-works-video-play"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "close-button"
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CloseSvg, {
+    onClick: onClose
+  })), /*#__PURE__*/React__default.createElement("video", {
+    width: 500,
+    height: 500,
+    controls: true,
+    autoPlay: true
+  }, /*#__PURE__*/React__default.createElement("source", {
+    src: vidSrc,
+    type: "video/mp4"
+  })))));
 };
 
-var LanguageSelection$1 = function LanguageSelection() {
+var StaticDynamicCard = function StaticDynamicCard(_ref) {
+  var _mdmsData$MdmsRes$com, _mdmsData$MdmsRes$com2, _mdmsConfigResult$hel, _mdmsConfigResult$hel2, _mdmsConfigResult$hel3, _mdmsConfigResult$hel4, _mdmsConfigResult$hel5, _mdmsConfigResult$hel6, _staticData, _staticData2, _staticData3, _staticData4, _staticData5, _staticContent, _staticContent2, _staticContent3;
+
+  var moduleCode = _ref.moduleCode;
+
   var _useTranslation = reactI18next.useTranslation(),
       t = _useTranslation.t;
 
-  var history = reactRouterDom.useHistory();
+  var tenantId = Digit.ULBService.getCitizenCurrentTenant();
 
-  var _Digit$Hooks$useStore = Digit.Hooks.useStore.getInitData(),
-      _Digit$Hooks$useStore2 = _Digit$Hooks$useStore.data;
+  var _Digit$Hooks$useStati = Digit.Hooks.useStaticData(Digit.ULBService.getStateId()),
+      isMdmsLoading = _Digit$Hooks$useStati.isLoading,
+      mdmsData = _Digit$Hooks$useStati.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 = React.useMemo(function () {
-    return {
-      header: t("CS_COMMON_CHOOSE_LANGUAGE"),
-      submitBarLabel: t("CORE_COMMON_CONTINUE")
-    };
-  }, [t]);
-  var RadioButtonProps = React.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]);
+  var _Digit$Hooks$useDynam = Digit.Hooks.useDynamicData({
+    moduleCode: moduleCode,
+    tenantId: tenantId,
+    filters: {},
+    t: t
+  }),
+      isSearchLoading = _Digit$Hooks$useDynam.isLoading,
+      error = _Digit$Hooks$useDynam.error,
+      dynamicData = _Digit$Hooks$useDynam.data;
 
-  function onSubmit() {
-    history.push("/digit-ui/citizen/select-location");
-  }
+  var handleClickOnWhatsApp = function handleClickOnWhatsApp(obj) {
+    window.open(obj);
+  };
 
-  return isLoading ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.Loader, null) : /*#__PURE__*/React__default.createElement(digitUiReactComponents.PageBasedInput, {
-    texts: texts,
-    onSubmit: onSubmit
-  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardHeader, null, t("CS_COMMON_CHOOSE_LANGUAGE")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.RadioButtons, RadioButtonProps));
-};
+  var IconComponent = function IconComponent(_ref2) {
+    var module = _ref2.module,
+        styles = _ref2.styles;
 
-var LocationSelection = function LocationSelection() {
-  var _useTranslation = reactI18next.useTranslation(),
-      t = _useTranslation.t;
+    switch (module) {
+      case 'TL':
+        return /*#__PURE__*/React__default.createElement(digitUiReactComponents.CaseIcon, {
+          className: "fill-path-primary-main",
+          styles: styles
+        });
 
-  var history = reactRouterDom.useHistory();
+      case 'PT':
+        return /*#__PURE__*/React__default.createElement(digitUiReactComponents.PTIcon, {
+          className: "fill-path-primary-main",
+          styles: styles
+        });
 
-  var _Digit$Hooks$useTenan = Digit.Hooks.useTenants(),
-      cities = _Digit$Hooks$useTenan.data,
-      isLoading = _Digit$Hooks$useTenan.isLoading;
+      case 'MCOLLECT':
+        return /*#__PURE__*/React__default.createElement(digitUiReactComponents.MCollectIcon, {
+          className: "fill-path-primary-main",
+          styles: styles
+        });
 
-  var _useState = React.useState(function () {
-    return {
-      code: Digit.ULBService.getCitizenCurrentTenant(true)
-    };
-  }),
-      selectedCity = _useState[0],
-      setSelectedCity = _useState[1];
+      case 'PGR':
+        return /*#__PURE__*/React__default.createElement(digitUiReactComponents.ComplaintIcon, {
+          className: "fill-path-primary-main",
+          styles: styles
+        });
 
-  var _useState2 = React.useState(false),
-      showError = _useState2[0],
-      setShowError = _useState2[1];
+      default:
+        return /*#__PURE__*/React__default.createElement(digitUiReactComponents.CaseIcon, {
+          className: "fill-path-primary-main",
+          styles: styles
+        });
+    }
+  };
 
-  var texts = React.useMemo(function () {
-    return {
-      header: t("CS_COMMON_CHOOSE_LOCATION"),
-      submitBarLabel: t("CORE_COMMON_CONTINUE")
-    };
-  }, [t]);
+  var mdmsConfigResult = mdmsData === null || mdmsData === void 0 ? void 0 : (_mdmsData$MdmsRes$com = mdmsData.MdmsRes["common-masters"]) === null || _mdmsData$MdmsRes$com === void 0 ? void 0 : (_mdmsData$MdmsRes$com2 = _mdmsData$MdmsRes$com.StaticData[0]) === null || _mdmsData$MdmsRes$com2 === void 0 ? void 0 : _mdmsData$MdmsRes$com2["" + moduleCode];
 
-  function selectCity(city) {
-    setSelectedCity(city);
-    setShowError(false);
-  }
+  var StaticDataIconComponentOne = function StaticDataIconComponentOne(_ref3) {
+    var module = _ref3.module;
 
-  var RadioButtonProps = React.useMemo(function () {
-    return {
-      options: cities,
-      optionsKey: "i18nKey",
-      additionalWrapperClass: "reverse-radio-selection-wrapper",
-      onSelect: selectCity,
-      selectedOption: selectedCity
-    };
-  }, [cities, t, selectedCity]);
+    switch (module) {
+      case 'PT':
+      case 'WS':
+        return /*#__PURE__*/React__default.createElement("span", {
+          className: "timerIcon"
+        }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.TimerIcon, null));
 
-  function onSubmit() {
-    if (selectedCity) {
-      Digit.SessionStorage.set("CITIZEN.COMMON.HOME.CITY", selectedCity);
-      history.push("/digit-ui/citizen");
-    } else {
-      setShowError(true);
+      default:
+        return null;
+    }
+  };
+
+  var StaticDataIconComponentTwo = function StaticDataIconComponentTwo(_ref4) {
+    var module = _ref4.module;
+
+    switch (module) {
+      case 'PT':
+        return /*#__PURE__*/React__default.createElement("span", {
+          className: "rupeeSymbol"
+        }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.RupeeSymbol, null));
+
+      case 'WS':
+        return /*#__PURE__*/React__default.createElement("span", {
+          className: "timerIcon"
+        }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.TimerIcon, null));
+
+      default:
+        return null;
+    }
+  };
+
+  var staticContent = function staticContent(module) {
+    switch (module) {
+      case 'TL':
+      case 'PT':
+      case 'MCOLLECT':
+        return {
+          staticCommonContent: t("COMMON_VALIDITY"),
+          validity: (mdmsConfigResult === null || mdmsConfigResult === void 0 ? void 0 : mdmsConfigResult.validity) + ((mdmsConfigResult === null || mdmsConfigResult === void 0 ? void 0 : mdmsConfigResult.validity) === "1" ? t("COMMON_DAY") : t("COMMON_DAYS"))
+        };
+
+      case 'PGR':
+        return {
+          staticCommonContent: t("ACTION_TEST_COMPLAINT_TYPES")
+        };
+
+      case 'OBPS':
+        return {
+          staticCommonContent: t("BUILDING_PLAN_PERMIT_VALIDITY"),
+          validity: (mdmsConfigResult === null || mdmsConfigResult === void 0 ? void 0 : mdmsConfigResult.validity) + " " + ((mdmsConfigResult === null || mdmsConfigResult === void 0 ? void 0 : mdmsConfigResult.validity) === "1" ? t("COMMON_DAY") : t("COMMON_DAYS"))
+        };
+
+      default:
+        return {
+          staticCommonContent: ""
+        };
+    }
+  };
+
+  var staticData = function staticData(module) {
+    switch (module) {
+      case 'PT':
+        return {
+          staticDataOne: (mdmsConfigResult === null || mdmsConfigResult === void 0 ? void 0 : mdmsConfigResult.staticDataOne) + " " + t("COMMON_DAYS"),
+          staticDataOneHeader: t("APPLICATION_PROCESSING_TIME"),
+          staticDataTwo: mdmsConfigResult === null || mdmsConfigResult === void 0 ? void 0 : mdmsConfigResult.staticDataTwo,
+          staticDataTwoHeader: t("APPLICATION_PROCESSING_FEE")
+        };
+
+      case 'WS':
+        return {
+          staticDataOne: "",
+          staticDataOneHeader: t("PAY_WATER_CHARGES_BY") + " " + (mdmsConfigResult === null || mdmsConfigResult === void 0 ? void 0 : mdmsConfigResult.staticDataOne) + " " + t("COMMON_DAYS") + " " + t("OF_BILL_GEN_TO_AVOID_LATE_FEE"),
+          staticDataTwo: (mdmsConfigResult === null || mdmsConfigResult === void 0 ? void 0 : mdmsConfigResult.staticDataTwo) + " " + t("COMMON_DAYS"),
+          staticDataTwoHeader: t("APPLICATION_PROCESSING_TIME")
+        };
+
+      default:
+        return {};
     }
+  };
+
+  if (isMdmsLoading || isSearchLoading) {
+    return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Loader, null);
   }
 
-  return isLoading ? /*#__PURE__*/React__default.createElement("loader", null) : /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.BackButton, null), /*#__PURE__*/React__default.createElement(digitUiReactComponents.PageBasedInput, {
-    texts: texts,
-    onSubmit: onSubmit
-  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardHeader, null, t("CS_COMMON_CHOOSE_LOCATION")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.SearchOnRadioButtons, _extends({}, RadioButtonProps, {
-    placeholder: t("COMMON_TABLE_SEARCH")
-  })), showError ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabelError, null, t("CS_COMMON_LOCATION_SELECTION_ERROR")) : null));
+  return mdmsConfigResult ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, mdmsConfigResult && mdmsConfigResult !== null && mdmsConfigResult !== void 0 && mdmsConfigResult.payViaWhatsApp ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, {
+    style: {
+      margin: "16px",
+      padding: "16px",
+      maxWidth: "unset"
+    }
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "pay-whatsapp-card",
+    onClick: function onClick() {
+      return handleClickOnWhatsApp(mdmsConfigResult === null || mdmsConfigResult === void 0 ? void 0 : mdmsConfigResult.payViaWhatsApp);
+    }
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "pay-whatsapp-text"
+  }, t("PAY_VIA_WHATSAPP")), /*#__PURE__*/React__default.createElement("div", {
+    className: "whatsAppIconG"
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.WhatsappIconGreen, null)))) : null, mdmsConfigResult && mdmsConfigResult !== null && mdmsConfigResult !== void 0 && mdmsConfigResult.helpline ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, {
+    style: {
+      margin: "16px",
+      padding: "16px",
+      maxWidth: "unset"
+    }
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "static-home-Card"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "static-home-Card-header"
+  }, t("CALL_CENTER_HELPLINE")), /*#__PURE__*/React__default.createElement("div", {
+    className: "helplineIcon"
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.HelpLineIcon, null))), /*#__PURE__*/React__default.createElement("div", {
+    className: "call-center-card-text"
+  }, mdmsConfigResult !== null && mdmsConfigResult !== void 0 && (_mdmsConfigResult$hel = mdmsConfigResult.helpline) !== null && _mdmsConfigResult$hel !== void 0 && _mdmsConfigResult$hel.contactOne ? /*#__PURE__*/React__default.createElement("div", {
+    className: "call-center-card-content"
+  }, /*#__PURE__*/React__default.createElement("a", {
+    href: "tel:" + (mdmsConfigResult === null || mdmsConfigResult === void 0 ? void 0 : (_mdmsConfigResult$hel2 = mdmsConfigResult.helpline) === null || _mdmsConfigResult$hel2 === void 0 ? void 0 : _mdmsConfigResult$hel2.contactOne)
+  }, mdmsConfigResult === null || mdmsConfigResult === void 0 ? void 0 : (_mdmsConfigResult$hel3 = mdmsConfigResult.helpline) === null || _mdmsConfigResult$hel3 === void 0 ? void 0 : _mdmsConfigResult$hel3.contactOne)) : null, mdmsConfigResult !== null && mdmsConfigResult !== void 0 && (_mdmsConfigResult$hel4 = mdmsConfigResult.helpline) !== null && _mdmsConfigResult$hel4 !== void 0 && _mdmsConfigResult$hel4.contactTwo ? /*#__PURE__*/React__default.createElement("div", {
+    className: "call-center-card-content"
+  }, /*#__PURE__*/React__default.createElement("a", {
+    href: "tel:" + (mdmsConfigResult === null || mdmsConfigResult === void 0 ? void 0 : (_mdmsConfigResult$hel5 = mdmsConfigResult.helpline) === null || _mdmsConfigResult$hel5 === void 0 ? void 0 : _mdmsConfigResult$hel5.contactTwo)
+  }, mdmsConfigResult === null || mdmsConfigResult === void 0 ? void 0 : (_mdmsConfigResult$hel6 = mdmsConfigResult.helpline) === null || _mdmsConfigResult$hel6 === void 0 ? void 0 : _mdmsConfigResult$hel6.contactTwo)) : null)) : null, mdmsConfigResult && mdmsConfigResult !== null && mdmsConfigResult !== void 0 && mdmsConfigResult.serviceCenter ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, {
+    style: {
+      margin: "16px",
+      padding: "16px",
+      maxWidth: "unset"
+    }
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "static-home-Card"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "static-home-Card-header"
+  }, t("CITIZEN_SERVICE_CENTER")), /*#__PURE__*/React__default.createElement("div", {
+    className: "serviceCentrIcon"
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.ServiceCenterIcon, null))), /*#__PURE__*/React__default.createElement("div", {
+    className: "service-center-details-card"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "service-center-details-text"
+  }, mdmsConfigResult === null || mdmsConfigResult === void 0 ? void 0 : mdmsConfigResult.serviceCenter)), mdmsConfigResult !== null && mdmsConfigResult !== void 0 && mdmsConfigResult.viewMapLocation ? /*#__PURE__*/React__default.createElement("div", {
+    className: "link"
+  }, /*#__PURE__*/React__default.createElement("a", {
+    href: mdmsConfigResult === null || mdmsConfigResult === void 0 ? void 0 : mdmsConfigResult.viewMapLocation
+  }, t("VIEW_ON_MAP"))) : null) : /*#__PURE__*/React__default.createElement("div", null), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, {
+    style: {
+      margin: "16px",
+      padding: "16px",
+      maxWidth: "unset"
+    }
+  }, error || dynamicData == null || (dynamicData === null || dynamicData === void 0 ? void 0 : dynamicData.dynamicDataOne) === null ? /*#__PURE__*/React__default.createElement("div", null) : /*#__PURE__*/React__default.createElement("div", {
+    className: "dynamicDataCard"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "dynamicData"
+  }, /*#__PURE__*/React__default.createElement(IconComponent, {
+    module: moduleCode,
+    styles: {
+      width: "24px",
+      height: "24px"
+    }
+  }), /*#__PURE__*/React__default.createElement("span", {
+    className: "dynamicData-content"
+  }, dynamicData === null || dynamicData === void 0 ? void 0 : dynamicData.dynamicDataOne))), error || dynamicData == null || (dynamicData === null || dynamicData === void 0 ? void 0 : dynamicData.dynamicDataTwo) === null ? /*#__PURE__*/React__default.createElement("div", null) : /*#__PURE__*/React__default.createElement("div", {
+    className: "dynamicDataCard"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "dynamicData"
+  }, /*#__PURE__*/React__default.createElement(IconComponent, {
+    module: moduleCode,
+    styles: {
+      width: "24px",
+      height: "24px"
+    }
+  }), /*#__PURE__*/React__default.createElement("span", {
+    className: "dynamicData-content"
+  }, dynamicData === null || dynamicData === void 0 ? void 0 : dynamicData.dynamicDataTwo))), mdmsConfigResult && mdmsConfigResult !== null && mdmsConfigResult !== void 0 && mdmsConfigResult.staticDataOne ? /*#__PURE__*/React__default.createElement("div", {
+    className: "staticDataCard"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "staticData"
+  }, /*#__PURE__*/React__default.createElement(StaticDataIconComponentOne, {
+    module: moduleCode
+  }), /*#__PURE__*/React__default.createElement("span", {
+    className: "static-data-content"
+  }, /*#__PURE__*/React__default.createElement("span", {
+    className: "static-data-content-first",
+    style: {
+      marginTop: ((_staticData = staticData(moduleCode)) === null || _staticData === void 0 ? void 0 : _staticData.staticDataOne) === "" ? "8px" : "unset"
+    }
+  }, (_staticData2 = staticData(moduleCode)) === null || _staticData2 === void 0 ? void 0 : _staticData2.staticDataOneHeader), /*#__PURE__*/React__default.createElement("span", {
+    className: "static-data-content-second"
+  }, "" + ((_staticData3 = staticData(moduleCode)) === null || _staticData3 === void 0 ? void 0 : _staticData3.staticDataOne))))) : /*#__PURE__*/React__default.createElement("div", null), mdmsConfigResult && mdmsConfigResult !== null && mdmsConfigResult !== void 0 && mdmsConfigResult.staticDataTwo ? /*#__PURE__*/React__default.createElement("div", {
+    className: "staticDataCard"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "staticData"
+  }, /*#__PURE__*/React__default.createElement(StaticDataIconComponentTwo, {
+    module: moduleCode
+  }), /*#__PURE__*/React__default.createElement("span", {
+    className: "static-data-content"
+  }, /*#__PURE__*/React__default.createElement("span", {
+    className: "static-data-content-first"
+  }, (_staticData4 = staticData(moduleCode)) === null || _staticData4 === void 0 ? void 0 : _staticData4.staticDataTwoHeader), /*#__PURE__*/React__default.createElement("span", {
+    className: "static-data-content-second"
+  }, (_staticData5 = staticData(moduleCode)) === null || _staticData5 === void 0 ? void 0 : _staticData5.staticDataTwo)))) : /*#__PURE__*/React__default.createElement("div", null), mdmsConfigResult && mdmsConfigResult !== null && mdmsConfigResult !== void 0 && mdmsConfigResult.validity ? /*#__PURE__*/React__default.createElement("div", {
+    className: "staticDataCard"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "staticData"
+  }, /*#__PURE__*/React__default.createElement("span", {
+    className: "validityIcon"
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.ValidityTimeIcon, null)), /*#__PURE__*/React__default.createElement("span", {
+    className: "static-data-content"
+  }, /*#__PURE__*/React__default.createElement("span", {
+    className: "static-data-content-first"
+  }, (_staticContent = staticContent(moduleCode)) === null || _staticContent === void 0 ? void 0 : _staticContent.staticCommonContent), /*#__PURE__*/React__default.createElement("span", {
+    className: "static-data-content-second"
+  }, (_staticContent2 = staticContent(moduleCode)) === null || _staticContent2 === void 0 ? void 0 : _staticContent2.validity)))) : /*#__PURE__*/React__default.createElement("div", null), error || dynamicData == null || !(dynamicData !== null && dynamicData !== void 0 && dynamicData.staticData) || (dynamicData === null || dynamicData === void 0 ? void 0 : dynamicData.staticData) === null ? /*#__PURE__*/React__default.createElement("div", null) : /*#__PURE__*/React__default.createElement("div", {
+    className: "staticDataCard"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "staticData"
+  }, moduleCode === "PGR" ? /*#__PURE__*/React__default.createElement(IconComponent, {
+    module: moduleCode,
+    styles: {
+      width: "24px",
+      height: "24px",
+      marginLeft: "13px",
+      marginTop: "12px"
+    }
+  }) : /*#__PURE__*/React__default.createElement("span", {
+    className: "validityIcon"
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.ValidityTimeIcon, null)), /*#__PURE__*/React__default.createElement("span", {
+    className: "static-data-content"
+  }, /*#__PURE__*/React__default.createElement("span", {
+    className: "static-data-content-first"
+  }, (_staticContent3 = staticContent(moduleCode)) === null || _staticContent3 === void 0 ? void 0 : _staticContent3.staticCommonContent), /*#__PURE__*/React__default.createElement("span", {
+    className: "static-data-content-second"
+  }, dynamicData === null || dynamicData === void 0 ? void 0 : dynamicData.staticData)))))) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
 };
 
+var sidebarHiddenFor = ["digit-ui/citizen/register/name", "/digit-ui/citizen/select-language", "/digit-ui/citizen/select-location", "/digit-ui/citizen/login", "/digit-ui/citizen/register/otp"];
+
 var getTenants$1 = function getTenants(codes, tenants) {
   return tenants.filter(function (tenant) {
     return codes.map(function (item) {
@@ -4929,7 +6519,31 @@ var Home$1 = function Home$1(_ref) {
       stateCode = _ref.stateCode,
       modules = _ref.modules,
       appTenants = _ref.appTenants,
-      pathname = _ref.pathname;
+      pathname = _ref.pathname,
+      initData = _ref.initData;
+
+  var _Digit$Hooks$useCusto = Digit.Hooks.useCustomMDMS(Digit.ULBService.getStateId(), "ACCESSCONTROL-ACTIONS-TEST", [{
+    name: "actions-test",
+    filter: "[?(@.url == 'digit-ui-card')]"
+  }], {
+    select: function select(data) {
+      var _data$ACCESSCONTROLA, _data$ACCESSCONTROLA$;
+
+      var formattedData = data === null || data === void 0 ? void 0 : (_data$ACCESSCONTROLA = data["ACCESSCONTROL-ACTIONS-TEST"]) === null || _data$ACCESSCONTROLA === void 0 ? void 0 : (_data$ACCESSCONTROLA$ = _data$ACCESSCONTROLA["actions-test"]) === null || _data$ACCESSCONTROLA$ === void 0 ? void 0 : _data$ACCESSCONTROLA$.filter(function (el) {
+        return el.enabled === true;
+      }).reduce(function (a, b) {
+        var _a$b$parentModule;
+
+        a[b.parentModule] = ((_a$b$parentModule = a[b.parentModule]) === null || _a$b$parentModule === void 0 ? void 0 : _a$b$parentModule.length) > 0 ? [b].concat(a[b.parentModule]) : [b];
+        return a;
+      }, {});
+      return formattedData;
+    }
+  }),
+      islinkDataLoading = _Digit$Hooks$useCusto.isLoading,
+      linkData = _Digit$Hooks$useCusto.data,
+      isLinkDataFetched = _Digit$Hooks$useCusto.isFetched;
+
   var classname = Digit.Hooks.fsm.useRouteSubscription(pathname);
 
   var _useTranslation = reactI18next.useTranslation(),
@@ -4938,11 +6552,16 @@ var Home$1 = function Home$1(_ref) {
   var _useRouteMatch = reactRouterDom.useRouteMatch(),
       path = _useRouteMatch.path;
 
+  var history = reactRouterDom.useHistory();
+
+  var hideSidebar = sidebarHiddenFor.some(function (e) {
+    return window.location.href.includes(e);
+  });
   var appRoutes = modules.map(function (_ref2, index) {
     var code = _ref2.code,
         tenants = _ref2.tenants;
     var Module = Digit.ComponentRegistryService.getComponent(code + "Module");
-    return /*#__PURE__*/React__default.createElement(reactRouterDom.Route, {
+    return Module ? /*#__PURE__*/React__default.createElement(reactRouterDom.Route, {
       key: index,
       path: path + "/" + code.toLowerCase()
     }, /*#__PURE__*/React__default.createElement(Module, {
@@ -4950,7 +6569,7 @@ var Home$1 = function Home$1(_ref) {
       moduleCode: code,
       userType: "citizen",
       tenants: getTenants$1(tenants, appTenants)
-    }));
+    })) : null;
   });
   var ModuleLevelLinkHomePages = modules.map(function (_ref3, index) {
     var code = _ref3.code,
@@ -4960,7 +6579,15 @@ var Home$1 = function Home$1(_ref) {
       return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
     };
 
-    return /*#__PURE__*/React__default.createElement(reactRouterDom.Route, {
+    var mdmsDataObj = isLinkDataFetched ? processLinkData(linkData, code, t) : undefined;
+
+    if ((mdmsDataObj === null || mdmsDataObj === void 0 ? void 0 : mdmsDataObj.header) === "ACTION_TEST_WS") {
+      mdmsDataObj === null || mdmsDataObj === void 0 ? void 0 : mdmsDataObj.links.sort(function (a, b) {
+        return b.orderNumber - a.orderNumber;
+      });
+    }
+
+    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(reactRouterDom.Route, {
       key: index,
       path: path + "/" + code.toLowerCase() + "-home"
     }, /*#__PURE__*/React__default.createElement("div", {
@@ -4970,12 +6597,37 @@ var Home$1 = function Home$1(_ref) {
       alt: "noimagefound"
     }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.BackButton, {
       className: "moduleLinkHomePageBackButton"
-    }), /*#__PURE__*/React__default.createElement("h1", null, t("MODULE_" + code.toUpperCase()))), /*#__PURE__*/React__default.createElement("div", {
+    }), /*#__PURE__*/React__default.createElement("h1", null, t("MODULE_" + code.toUpperCase())), /*#__PURE__*/React__default.createElement("div", {
       className: "moduleLinkHomePageModuleLinks"
-    }, /*#__PURE__*/React__default.createElement(Links, {
-      key: index,
-      matchPath: "/digit-ui/citizen/" + code.toLowerCase(),
-      userType: "citizen"
+    }, mdmsDataObj && /*#__PURE__*/React__default.createElement(digitUiReactComponents.CitizenHomeCard, {
+      header: t(mdmsDataObj === null || mdmsDataObj === void 0 ? void 0 : mdmsDataObj.header),
+      links: mdmsDataObj === null || mdmsDataObj === void 0 ? void 0 : mdmsDataObj.links,
+      Icon: function Icon() {
+        return /*#__PURE__*/React__default.createElement("span", null);
+      },
+      Info: code === "OBPS" ? function () {
+        return /*#__PURE__*/React__default.createElement(digitUiReactComponents.CitizenInfoLabel, {
+          style: {
+            margin: "0px",
+            padding: "10px"
+          },
+          info: t("CS_FILE_APPLICATION_INFO_LABEL"),
+          text: t("BPA_CITIZEN_HOME_STAKEHOLDER_INCLUDES_INFO_LABEL")
+        });
+      } : null,
+      isInfo: code === "OBPS" ? true : false
+    })), /*#__PURE__*/React__default.createElement(StaticDynamicCard, {
+      moduleCode: code === null || code === void 0 ? void 0 : code.toUpperCase()
+    }))), /*#__PURE__*/React__default.createElement(reactRouterDom.Route, {
+      key: "faq" + index,
+      path: path + "/" + code.toLowerCase() + "-faq"
+    }, /*#__PURE__*/React__default.createElement(FAQsSection, {
+      module: code === null || code === void 0 ? void 0 : code.toUpperCase()
+    })), /*#__PURE__*/React__default.createElement(reactRouterDom.Route, {
+      key: "hiw" + index,
+      path: path + "/" + code.toLowerCase() + "-how-it-works"
+    }, /*#__PURE__*/React__default.createElement(HowItWorks, {
+      module: code === null || code === void 0 ? void 0 : code.toUpperCase()
     })));
   });
   return /*#__PURE__*/React__default.createElement("div", {
@@ -4989,10 +6641,17 @@ var Home$1 = function Home$1(_ref) {
     mobileView: mobileView,
     handleUserDropdownSelection: handleUserDropdownSelection,
     logoUrl: logoUrl,
-    showSidebar: true
+    showSidebar: true,
+    linkData: linkData,
+    islinkDataLoading: islinkDataLoading
   }), /*#__PURE__*/React__default.createElement("div", {
-    className: "main center-container mb-25"
-  }, /*#__PURE__*/React__default.createElement(reactRouterDom.Switch, null, /*#__PURE__*/React__default.createElement(reactRouterDom.Route, {
+    className: "main center-container citizen-home-container mb-25"
+  }, hideSidebar ? null : /*#__PURE__*/React__default.createElement("div", {
+    className: "SideBarStatic"
+  }, /*#__PURE__*/React__default.createElement(StaticCitizenSideBar, {
+    linkData: linkData,
+    islinkDataLoading: islinkDataLoading
+  })), /*#__PURE__*/React__default.createElement(reactRouterDom.Switch, null, /*#__PURE__*/React__default.createElement(reactRouterDom.Route, {
     exact: true,
     path: path
   }, /*#__PURE__*/React__default.createElement(Home, null)), /*#__PURE__*/React__default.createElement(reactRouterDom.Route, {
@@ -5002,10 +6661,20 @@ var Home$1 = function Home$1(_ref) {
     exact: true,
     path: path + "/select-location"
   }, /*#__PURE__*/React__default.createElement(LocationSelection, null)), /*#__PURE__*/React__default.createElement(reactRouterDom.Route, {
+    path: path + "/error"
+  }, /*#__PURE__*/React__default.createElement(ErrorComponent, {
+    initData: initData,
+    goToHome: function goToHome() {
+      history.push("/digit-ui/citizen");
+    }
+  })), /*#__PURE__*/React__default.createElement(reactRouterDom.Route, {
     path: path + "/all-services"
   }, /*#__PURE__*/React__default.createElement(AppHome, {
     userType: "citizen",
-    modules: modules
+    modules: modules,
+    getCitizenMenu: linkData,
+    fetchedCitizen: isLinkDataFetched,
+    isLoading: islinkDataLoading
   })), /*#__PURE__*/React__default.createElement(reactRouterDom.Route, {
     path: path + "/login"
   }, /*#__PURE__*/React__default.createElement(Login, {
@@ -5021,7 +6690,9 @@ var Home$1 = function Home$1(_ref) {
     stateCode: stateCode,
     userType: "citizen",
     cityDetails: cityDetails
-  })), /*#__PURE__*/React__default.createElement(ErrorBoundary, null, appRoutes, ModuleLevelLinkHomePages))), /*#__PURE__*/React__default.createElement("div", {
+  })), /*#__PURE__*/React__default.createElement(ErrorBoundary, {
+    initData: initData
+  }, appRoutes, ModuleLevelLinkHomePages))), /*#__PURE__*/React__default.createElement("div", {
     className: "citizen-home-footer",
     style: window.location.href.includes("citizen/obps") ? {
       zIndex: "-1"
@@ -5047,7 +6718,8 @@ var DigitApp = function DigitApp(_ref) {
   var stateCode = _ref.stateCode,
       modules = _ref.modules,
       appTenants = _ref.appTenants,
-      logoUrl = _ref.logoUrl;
+      logoUrl = _ref.logoUrl,
+      initData = _ref.initData;
   var history = reactRouterDom.useHistory();
 
   var _useLocation = reactRouterDom.useLocation(),
@@ -5080,6 +6752,15 @@ var DigitApp = function DigitApp(_ref) {
     if (!(pathname !== null && pathname !== void 0 && pathname.includes("dss"))) {
       Digit.SessionStorage.del("DSS_FILTERS");
     }
+
+    if ((pathname === null || pathname === void 0 ? void 0 : pathname.toString()) === "/digit-ui/employee") {
+      Digit.SessionStorage.del("SEARCH_APPLICATION_DETAIL");
+      Digit.SessionStorage.del("WS_EDIT_APPLICATION_DETAILS");
+    }
+
+    if ((pathname === null || pathname === void 0 ? void 0 : pathname.toString()) === "/digit-ui/citizen" || (pathname === null || pathname === void 0 ? void 0 : pathname.toString()) === "/digit-ui/employee") {
+      Digit.SessionStorage.del("WS_DISCONNECTION");
+    }
   }, [pathname]);
   history.listen(function () {
     var _window;
@@ -5110,7 +6791,8 @@ var DigitApp = function DigitApp(_ref) {
     modules: modules,
     appTenants: appTenants,
     sourceUrl: sourceUrl,
-    pathname: pathname
+    pathname: pathname,
+    initData: initData
   };
   return /*#__PURE__*/React__default.createElement(reactRouterDom.Switch, null, /*#__PURE__*/React__default.createElement(reactRouterDom.Route, {
     path: "/digit-ui/employee"
@@ -5191,6 +6873,11 @@ var DigitUI = function DigitUI(_ref2) {
       registry = _ref2.registry,
       enabledModules = _ref2.enabledModules,
       moduleReducers = _ref2.moduleReducers;
+
+  var _useState = React.useState(Digit.Utils.getPrivacyObject() || {}),
+      privacy = _useState[0],
+      setPrivacy = _useState[1];
+
   var userType = Digit.UserService.getType();
   var queryClient = new reactQuery.QueryClient({
     defaultOptions: {
@@ -5204,16 +6891,43 @@ var DigitUI = function DigitUI(_ref2) {
     }
   });
   var ComponentProvider = Digit.Contexts.ComponentProvider;
+  var PrivacyProvider = Digit.Contexts.PrivacyProvider;
   var DSO = Digit.UserService.hasAccess(["FSM_DSO"]);
   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
+  }, /*#__PURE__*/React__default.createElement(PrivacyProvider.Provider, {
+    value: {
+      privacy: privacy === null || privacy === void 0 ? void 0 : privacy[window.location.pathname],
+      resetPrivacy: function resetPrivacy(_data) {
+        Digit.Utils.setPrivacyObject({});
+        setPrivacy({});
+      },
+      getPrivacy: function getPrivacy() {
+        var privacyObj = Digit.Utils.getPrivacyObject();
+        setPrivacy(privacyObj);
+        return privacyObj;
+      },
+      updatePrivacyDescoped: function updatePrivacyDescoped(_data) {
+        var _extends2;
+
+        var privacyObj = Digit.Utils.getAllPrivacyObject();
+
+        var newObj = _extends({}, privacyObj, (_extends2 = {}, _extends2[window.location.pathname] = _data, _extends2));
+
+        Digit.Utils.setPrivacyObject(_extends({}, newObj));
+        setPrivacy((privacyObj === null || privacyObj === void 0 ? void 0 : privacyObj[window.location.pathname]) || {});
+      },
+      updatePrivacy: function updatePrivacy(uuid, fieldName) {
+        setPrivacy(Digit.Utils.updatePrivacy(uuid, fieldName) || {});
+      }
+    }
   }, /*#__PURE__*/React__default.createElement(DigitUIWrapper, {
     stateCode: stateCode,
     enabledModules: enabledModules,
     moduleReducers: moduleReducers
-  })))));
+  }))))));
 };
 var componentsToRegister = {
   SelectOtp: SelectOtp