@egovernments/digit-ui-module-core 1.5.0-alpha.3 → 1.5.0-beta.3

package/dist/index.modern.js

@@ -3,7 +3,7 @@ import { QueryClient, QueryClientProvider } from 'react-query';
 import { Provider } from 'react-redux';
 import { useLocation, useRouteMatch, useHistory, Switch, Route, Redirect, Link, BrowserRouter } from 'react-router-dom';
 import { useTranslation, getI18n } from 'react-i18next';
-import { BackButton, FormStep, OTPInput, CardText, CardLabelError, AppContainer, Toast, Loader, Dropdown, FormComposer, CardSubHeader, Card, CustomButton, SubmitBar, TopBar as TopBar$1, Hamburger, HomeIcon, LanguageIcon, LogoutIcon, EditPencilIcon, Phone, NavBar, GalleryIcon, RemoveIcon, BreadCrumb, CameraIcon, LabelFieldPair, CardLabel, TextInput, MobileNumber, PageBasedInput, CardHeader, RadioButtons, SearchOnRadioButtons, Body } from '@egovernments/digit-ui-react-components';
+import { BackButton, FormStep, OTPInput, CardText, CardLabelError, AppContainer, Toast, Loader, Dropdown, FormComposer, CardSubHeader, Card, CustomButton, SubmitBar, TopBar as TopBar$1, Hamburger, HomeIcon, LanguageIcon, LogoutIcon, EditPencilIcon, Phone, NavBar, GalleryIcon, RemoveIcon, BreadCrumb, CameraIcon, LabelFieldPair, CardLabel, TextInput, MobileNumber, ComplaintIcon, PTIcon, CaseIcon, OBPSIcon, Calender, DocumentIcon, StandaloneSearchBar, CardBasedOptions, WhatsNewCard, PageBasedInput, CardHeader, RadioButtons, SearchOnRadioButtons, Body } from '@egovernments/digit-ui-react-components';
 import { compose, applyMiddleware, createStore, combineReducers } from 'redux';
 import thunk from 'redux-thunk';
 
@@ -4657,6 +4657,144 @@ var EmployeeApp = function EmployeeApp(_ref) {
   }))));
 };
 
+var Home = function Home() {
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+
+  var history = useHistory();
+  var tenantId = Digit.ULBService.getCitizenCurrentTenant(true);
+
+  var _Digit$Hooks$useStore = Digit.Hooks.useStore.getInitData(),
+      _Digit$Hooks$useStore2 = _Digit$Hooks$useStore.data;
+
+  _Digit$Hooks$useStore2 = _Digit$Hooks$useStore2 === void 0 ? {} : _Digit$Hooks$useStore2;
+  var stateInfo = _Digit$Hooks$useStore2.stateInfo,
+      isLoading = _Digit$Hooks$useStore.isLoading;
+
+  var conditionsToDisableNotificationCountTrigger = function conditionsToDisableNotificationCountTrigger() {
+    var _Digit$UserService, _Digit$UserService$ge, _Digit$UserService$ge2, _Digit$UserService2, _Digit$UserService2$g;
+
+    if (((_Digit$UserService = Digit.UserService) === null || _Digit$UserService === void 0 ? void 0 : (_Digit$UserService$ge = _Digit$UserService.getUser()) === null || _Digit$UserService$ge === void 0 ? void 0 : (_Digit$UserService$ge2 = _Digit$UserService$ge.info) === null || _Digit$UserService$ge2 === void 0 ? void 0 : _Digit$UserService$ge2.type) === "EMPLOYEE") return false;
+    if (!((_Digit$UserService2 = Digit.UserService) !== null && _Digit$UserService2 !== void 0 && (_Digit$UserService2$g = _Digit$UserService2.getUser()) !== null && _Digit$UserService2$g !== void 0 && _Digit$UserService2$g.access_token)) return false;
+    return true;
+  };
+
+  var _Digit$Hooks$useEvent = Digit.Hooks.useEvents({
+    tenantId: tenantId,
+    variant: "whats-new",
+    config: {
+      enabled: conditionsToDisableNotificationCountTrigger()
+    }
+  }),
+      EventsData = _Digit$Hooks$useEvent.data,
+      EventsDataLoading = _Digit$Hooks$useEvent.isLoading;
+
+  if (!tenantId) {
+    history.push("/digit-ui/citizen/select-language");
+  }
+
+  var allCitizenServicesProps = {
+    header: t("DASHBOARD_CITIZEN_SERVICES_LABEL"),
+    sideOption: {
+      name: t("DASHBOARD_VIEW_ALL_LABEL"),
+      onClick: function onClick() {
+        return history.push("/digit-ui/citizen/all-services");
+      }
+    },
+    options: [{
+      name: t("ES_PGR_HEADER_COMPLAINT"),
+      Icon: /*#__PURE__*/React.createElement(ComplaintIcon, null),
+      onClick: function onClick() {
+        return history.push("/digit-ui/citizen/pgr-home");
+      }
+    }, {
+      name: t("MODULE_PT"),
+      Icon: /*#__PURE__*/React.createElement(PTIcon, {
+        className: "fill-path-primary-main"
+      }),
+      onClick: function onClick() {
+        return history.push("/digit-ui/citizen/pt-home");
+      }
+    }, {
+      name: t("MODULE_TL"),
+      Icon: /*#__PURE__*/React.createElement(CaseIcon, {
+        className: "fill-path-primary-main"
+      }),
+      onClick: function onClick() {
+        return history.push("/digit-ui/citizen/tl-home");
+      }
+    }, {
+      name: t("CS_COMMON_INBOX_BPA"),
+      Icon: /*#__PURE__*/React.createElement(OBPSIcon, null),
+      onClick: function onClick() {
+        return history.push("/digit-ui/citizen/obps-home");
+      }
+    }],
+    styles: {
+      display: "flex",
+      flexWrap: "wrap",
+      justifyContent: "flex-start",
+      width: "100%"
+    }
+  };
+  var allInfoAndUpdatesProps = {
+    header: t("CS_COMMON_DASHBOARD_INFO_UPDATES"),
+    sideOption: {
+      name: t("DASHBOARD_VIEW_ALL_LABEL"),
+      onClick: function onClick() {}
+    },
+    options: [{
+      name: t("CS_HEADER_MYCITY"),
+      Icon: /*#__PURE__*/React.createElement(HomeIcon, null)
+    }, {
+      name: t("EVENTS_EVENTS_HEADER"),
+      Icon: /*#__PURE__*/React.createElement(Calender, null),
+      onClick: function onClick() {
+        return history.push("/digit-ui/citizen/engagement/events");
+      }
+    }, {
+      name: t("CS_COMMON_DOCUMENTS"),
+      Icon: /*#__PURE__*/React.createElement(DocumentIcon, null),
+      onClick: function onClick() {
+        return history.push("/digit-ui/citizen/engagement/docs");
+      }
+    }, {
+      name: t("CS_COMMON_SURVEYS"),
+      Icon: /*#__PURE__*/React.createElement(DocumentIcon, null),
+      onClick: function onClick() {
+        return history.push("/digit-ui/citizen/engagement/surveys/list");
+      }
+    }],
+    styles: {
+      display: "flex",
+      flexWrap: "wrap",
+      justifyContent: "flex-start",
+      width: "100%"
+    }
+  };
+  return isLoading ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement("div", {
+    className: "HomePageWrapper"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "BannerWithSearch"
+  }, /*#__PURE__*/React.createElement("img", {
+    src: stateInfo === null || stateInfo === void 0 ? void 0 : stateInfo.bannerUrl
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "Search"
+  }, /*#__PURE__*/React.createElement(StandaloneSearchBar, {
+    placeholder: t("CS_COMMON_SEARCH_PLACEHOLDER")
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "ServicesSection"
+  }, /*#__PURE__*/React.createElement(CardBasedOptions, allCitizenServicesProps), /*#__PURE__*/React.createElement(CardBasedOptions, allInfoAndUpdatesProps)), conditionsToDisableNotificationCountTrigger() ? EventsDataLoading ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement("div", {
+    className: "WhatsNewSection"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "headSection"
+  }, /*#__PURE__*/React.createElement("h2", null, t("DASHBOARD_WHATS_NEW_LABEL")), /*#__PURE__*/React.createElement("p", {
+    onClick: function onClick() {
+      return history.push("/digit-ui/citizen/engagement/whats-new");
+    }
+  }, t("DASHBOARD_VIEW_ALL_LABEL"))), /*#__PURE__*/React.createElement(WhatsNewCard, EventsData === null || EventsData === void 0 ? void 0 : EventsData[0])) : null);
+};
+
 var LanguageSelection$1 = function LanguageSelection() {
   var _useTranslation = useTranslation(),
       t = _useTranslation.t;
@@ -4770,7 +4908,7 @@ var getTenants$1 = function getTenants(codes, tenants) {
   });
 };
 
-var Home = function Home(_ref) {
+var Home$1 = function Home$1(_ref) {
   var _window, _window$globalConfigs, _window$globalConfigs2;
 
   var stateInfo = _ref.stateInfo,
@@ -4849,10 +4987,7 @@ var Home = function Home(_ref) {
   }, /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(Route, {
     exact: true,
     path: path
-  }, /*#__PURE__*/React.createElement(AppHome, {
-    userType: "citizen",
-    modules: modules
-  })), /*#__PURE__*/React.createElement(Route, {
+  }, /*#__PURE__*/React.createElement(Home, null)), /*#__PURE__*/React.createElement(Route, {
     exact: true,
     path: path + "/select-language"
   }, /*#__PURE__*/React.createElement(LanguageSelection$1, null)), /*#__PURE__*/React.createElement(Route, {
@@ -4973,7 +5108,7 @@ var DigitApp = function DigitApp(_ref) {
     path: "/digit-ui/employee"
   }, /*#__PURE__*/React.createElement(EmployeeApp, commonProps)), /*#__PURE__*/React.createElement(Route, {
     path: "/digit-ui/citizen"
-  }, /*#__PURE__*/React.createElement(Home, commonProps)), /*#__PURE__*/React.createElement(Route, null, /*#__PURE__*/React.createElement(Redirect, {
+  }, /*#__PURE__*/React.createElement(Home$1, commonProps)), /*#__PURE__*/React.createElement(Route, null, /*#__PURE__*/React.createElement(Redirect, {
     to: "/digit-ui/citizen"
   })));
 };