@mseva/digit-ui-module-core 1.0.66-dev.1.0 → 1.0.66-dev.1.2

package/dist/index.modern.js

@@ -1,4 +1,4 @@
-import React, { useState, useRef, useEffect, Fragment as Fragment$1, createContext, useCallback, useMemo, isValidElement, cloneElement, createElement, useContext, forwardRef, useReducer, StrictMode as StrictMode$1 } from 'react';
+import React, { useState, useEffect, useRef, Fragment as Fragment$1, createContext, useCallback, useMemo, isValidElement, cloneElement, createElement, useContext, forwardRef, useReducer, StrictMode as StrictMode$1 } from 'react';
 import { useQueryClient, QueryClient, QueryClientProvider } from 'react-query';
 import { Provider } from 'react-redux';
 import { Link, useLocation, useRouteMatch, useHistory, Switch, Route, Redirect, BrowserRouter } from 'react-router-dom';
@@ -6117,7 +6117,23 @@ const EmployeeQuickServicesCard = ({
   const {
     t
   } = useTranslation();
-  const userRoles = Digit.UserService.getUser().info.roles;
+  const [userInfoData, setUserInfoData] = useState(() => JSON.parse(sessionStorage.getItem("userInfoData") || "{}"));
+  const userRoles = (userInfoData === null || userInfoData === void 0 ? void 0 : userInfoData.roles) || [];
+  useEffect(() => {
+    if (userInfoData !== null && userInfoData !== void 0 && userInfoData.roles) return;
+    const interval = setInterval(() => {
+      const stored = JSON.parse(sessionStorage.getItem("userInfoData") || "{}");
+      if (stored !== null && stored !== void 0 && stored.roles) {
+        setUserInfoData(stored);
+        clearInterval(interval);
+      }
+    }, 500);
+    const timeout = setTimeout(() => clearInterval(interval), 3000);
+    return () => {
+      clearInterval(interval);
+      clearTimeout(timeout);
+    };
+  }, []);
   const [isHovered, setIsHovered] = useState(false);
   const updatedModuleData = quickServiceModules.modules.filter(item => item.moduleCode === moduleData.code).map(item => ({
     ...item,
@@ -11864,9 +11880,19 @@ const Login = ({
       isMandatory: true
     }]
   }];
+  useEffect(() => {
+    const script = document.createElement("script");
+    script.src = "https://translation-plugin.bhashini.co.in/v3/website_translation_utility.js ";
+    script.async = true;
+    document.body.appendChild(script);
+  }, []);
   return isLoading || isStoreLoading ? /*#__PURE__*/React.createElement(Loader, null) :
   /*#__PURE__*/
   React.createElement(Background, null, /*#__PURE__*/React.createElement("div", {
+    className: "language-plugin"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "bhashini-plugin-container"
+  })), /*#__PURE__*/React.createElement("div", {
     className: "employee-login-container"
   }, /*#__PURE__*/React.createElement("div", {
     className: "employee-login-content"
@@ -12830,52 +12856,6 @@ const ChangeCity = prop => {
   }));
 };
 
-const ChangeLanguage = prop => {
-  const isDropdown = prop.dropdown || false;
-  const {
-    data: storeData,
-    isLoading
-  } = Digit.Hooks.useStore.getInitData();
-  const {
-    languages,
-    stateInfo
-  } = storeData || {};
-  const selectedLanguage = Digit.StoreData.getCurrentLanguage();
-  const [selected, setselected] = useState(selectedLanguage);
-  const handleChangeLanguage = language => {
-    setselected(language.value);
-    Digit.LocalizationService.changeLanguage(language.value, stateInfo.code);
-  };
-  if (isLoading) return null;
-  if (isDropdown) {
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Dropdown, {
-      option: languages,
-      selected: languages.find(language => language.value === selectedLanguage),
-      optionKey: "label",
-      select: handleChangeLanguage,
-      freeze: true,
-      customSelector: /*#__PURE__*/React.createElement("label", {
-        className: "cp"
-      }, languages.find(language => language.value === selected).label)
-    }));
-  } else {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-      style: {
-        marginBottom: "5px"
-      }
-    }, "Language"), /*#__PURE__*/React.createElement("div", {
-      className: "language-selector"
-    }, languages.map((language, index) => /*#__PURE__*/React.createElement("div", {
-      className: "language-button-container",
-      key: index
-    }, /*#__PURE__*/React.createElement(CustomButton, {
-      selected: language.value === selected,
-      text: language.label,
-      onClick: () => handleChangeLanguage(language)
-    })))));
-  }
-};
-
 const TextToImg = props => {
   var _props$name, _props$name$;
   return /*#__PURE__*/React.createElement("span", {
@@ -13029,9 +13009,7 @@ const TopBar = ({
       style: {
         marginTop: "20px"
       }
-    }, /*#__PURE__*/React.createElement(ChangeLanguage, {
-      dropdown: true
-    })), !urlsToDisableNotificationIcon(pathname) && /*#__PURE__*/React.createElement("div", {
+    }), !urlsToDisableNotificationIcon(pathname) && /*#__PURE__*/React.createElement("div", {
       className: "notification-wrapper",
       onClick: onNotificationIconClick
     }, notificationCountLoaded && unreadNotificationCount ? /*#__PURE__*/React.createElement("span", {
@@ -13071,7 +13049,7 @@ const TopBar = ({
       display: "inline-block"
     } : {}
   }, t(`MYCITY_${stateInfo === null || stateInfo === void 0 ? void 0 : (_stateInfo$code = stateInfo.code) === null || _stateInfo$code === void 0 ? void 0 : _stateInfo$code.toUpperCase()}_LABEL`), " ", t(`MYCITY_STATECODE_LABEL`)), !mobileView && /*#__PURE__*/React.createElement("div", {
-    className: mobileView ? "right" : "flex-right right w-80 column-gap-15",
+    className: mobileView ? "right" : "flex-right right w-80 column-gap-15 margin-right-50",
     style: !loggedin ? {
       width: "80%"
     } : {}
@@ -13080,10 +13058,6 @@ const TopBar = ({
   }, !window.location.href.includes("employee/user/login") && !window.location.href.includes("employee/user/language-selection") && /*#__PURE__*/React.createElement(ChangeCity, {
     dropdown: true,
     t: t
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "left"
-  }, _showLanguageChange && /*#__PURE__*/React.createElement(ChangeLanguage, {
-    dropdown: true
   })), (userDetails === null || userDetails === void 0 ? void 0 : userDetails.access_token) && /*#__PURE__*/React.createElement("div", {
     className: "left"
   }, /*#__PURE__*/React.createElement(Dropdown, {
@@ -13109,7 +13083,9 @@ const TopBar = ({
         borderRadius: "50%"
       }
     })
-  })))));
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "left"
+  }))));
 };
 
 const SideBarMenu = (t, closeSidebar, redirectToLoginPage, redirectToScrutinyPage, isEmployee, storeData, tenantId) => {
@@ -13124,11 +13100,6 @@ const SideBarMenu = (t, closeSidebar, redirectToLoginPage, redirectToScrutinyPag
     populators: {
       onClick: closeSidebar
     }
-  }, {
-    type: "component",
-    element: "LANGUAGE",
-    action: /*#__PURE__*/React.createElement(ChangeLanguage, null),
-    icon: "LanguageIcon"
   }, {
     id: "login-btn",
     element: "LOGIN",
@@ -14551,6 +14522,7 @@ const UserProfile = ({
   const {
     t
   } = useTranslation();
+  const location = useLocation();
   const url = window.location.href;
   const stateId = Digit.ULBService.getStateId();
   const tenant = Digit.ULBService.getCurrentTenantId();
@@ -14587,6 +14559,7 @@ const UserProfile = ({
   const [selectedCorrespondentDistrict, setSelectedCorrespondentDistrict] = useState();
   const [pinCodeCorrespondent, setPinCodeCorrespondent] = useState();
   const isUserArchitect = window.location.href.includes("citizen") && (userInfo === null || userInfo === void 0 ? void 0 : (_userInfo$roles = userInfo.roles) === null || _userInfo$roles === void 0 ? void 0 : _userInfo$roles.some(role => role.code.includes("BPA_ARCHITECT")));
+  console.log("location", location);
   const getUserInfo = async () => {
     const uuid = userInfo === null || userInfo === void 0 ? void 0 : userInfo.uuid;
     if (uuid) {
@@ -15025,7 +14998,18 @@ const UserProfile = ({
           });
         }
       } else if (responseInfo !== null && responseInfo !== void 0 && responseInfo.status && responseInfo.status === "200") {
+        var _location$state;
         showToast("success", t("CORE_COMMON_PROFILE_UPDATE_SUCCESS"), 5000);
+        if (location !== null && location !== void 0 && (_location$state = location.state) !== null && _location$state !== void 0 && _location$state.from.includes("/engagement/surveys")) {
+          history.push({
+            pathname: location.state.from,
+            state: {
+              surveyDetails: location.state.surveyDetails,
+              userInfo: location.state.userInfo,
+              userType: location.state.userType
+            }
+          });
+        }
       }
     } catch (error) {
       const errorObj = JSON.parse(error);
@@ -15097,7 +15081,16 @@ const UserProfile = ({
     className: "user-profile"
   }, /*#__PURE__*/React.createElement("section", {
     className: `user-profile-section-wrapper ${userType === "employee" ? "employee" : ""}`
-  }, userType === "citizen" ? /*#__PURE__*/React.createElement(BackButton, null) : /*#__PURE__*/React.createElement(BreadCrumb, {
+  }, userType === "citizen" ? /*#__PURE__*/React.createElement("h6", {
+    onClick: () => history.push("/digit-ui/citizen"),
+    style: {
+      marginTop: "60px",
+      paddingLeft: "13px",
+      fontSize: "16px",
+      fontWeight: "bolder",
+      cursor: "pointer"
+    }
+  }, "Home") : /*#__PURE__*/React.createElement(BreadCrumb, {
     crumbs: [{
       path: "/digit-ui/employee",
       content: t("ES_COMMON_HOME"),
@@ -16087,9 +16080,19 @@ const EmployeeApp = ({
   }, []);
   sourceUrl = "https://s3.ap-south-1.amazonaws.com/egov-qa-assets";
   const displayHeader = !window.location.href.includes("/user/language-selection");
+  useEffect(() => {
+    const script = document.createElement("script");
+    script.src = "https://translation-plugin.bhashini.co.in/v3/website_translation_utility.js ";
+    script.async = true;
+    document.body.appendChild(script);
+  }, []);
   return /*#__PURE__*/React.createElement("div", {
     className: "employee"
-  }, /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(Route, {
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "language-plugin"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "bhashini-plugin-container"
+  })), /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(Route, {
     path: `${path}/user`
   }, isUserProfile ? /*#__PURE__*/React.createElement(TopBarSideBar, {
     t: t,
@@ -16540,6 +16543,7 @@ const Home = () => {
     sessionStorage.removeItem("propertyid");
   }, [UserType]);
   const toDigitUrl = url => {
+    console.log("url", url);
     if (!url) return url;
     if (url.startsWith("/digit-ui")) {
       history.push(url);
@@ -16733,54 +16737,6 @@ const Home = () => {
   }, /*#__PURE__*/React.createElement(CardBasedOptions, allInfoAndUpdatesProps)))));
 };
 
-const LanguageSelect = ({
-  onLanguageChange
-}) => {
-  const {
-    t
-  } = useTranslation();
-  const {
-    data: {
-      languages,
-      stateInfo
-    } = {},
-    isLoading
-  } = Digit.Hooks.useStore.getInitData();
-  const selectedLanguage = Digit.StoreData.getCurrentLanguage();
-  const languagesProps = useMemo(() => ({
-    options: languages,
-    optionsKey: "label",
-    onSelect: language => {
-      Digit.LocalizationService.changeLanguage(language.value, stateInfo.code);
-      onLanguageChange && onLanguageChange(language.value);
-    },
-    selectedOption: languages === null || languages === void 0 ? void 0 : languages.find(i => i.value === selectedLanguage)
-  }), [languages, selectedLanguage, onLanguageChange]);
-  const handleLanguageSelect = language => {
-    Digit.LocalizationService.changeLanguage(language.value, stateInfo.code);
-    onLanguageChange && onLanguageChange(language.value);
-  };
-  return (
-    /*#__PURE__*/
-    React.createElement("div", {
-      className: "newLoginlanguageWrapper"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "newLoginlabel"
-    }, t("CS_COMMON_CHOOSE_LANGUAGE"), /*#__PURE__*/React.createElement("span", {
-      className: "newLoginrequired"
-    }, " *")), !isLoading && /*#__PURE__*/React.createElement("div", {
-      className: "newLoginlanguageButtonContainer"
-    }, languages === null || languages === void 0 ? void 0 : languages.map(language => {
-      const isSelected = selectedLanguage === language.value;
-      return /*#__PURE__*/React.createElement("button", {
-        key: language.value,
-        onClick: () => handleLanguageSelect(language),
-        className: `newLoginlanguageButton ${isSelected ? "selected" : ""}`
-      }, language.label);
-    })))
-  );
-};
-
 const LocationSelect = ({
   onLocationChange,
   selectedCity
@@ -17192,9 +17148,7 @@ const NewLogin = ({
       className: "login-title"
     }, t("CORE_COMMON_LOGIN")), /*#__PURE__*/React.createElement("p", {
       className: "login-subtitle"
-    }, "Enter your details to access your account")), /*#__PURE__*/React.createElement(LanguageSelect, {
-      onLanguageChange: setSelectedLanguage
-    }), /*#__PURE__*/React.createElement(LocationSelect, {
+    }, "Enter your details to access your account")), /*#__PURE__*/React.createElement(LocationSelect, {
       onLocationChange: setSelectedCity,
       selectedCity: selectedCity
     }), /*#__PURE__*/React.createElement(MobileInput, {
@@ -17366,6 +17320,16 @@ const RegistrationForm = ({
 };
 
 const DEFAULT_REDIRECT_URL$1 = "/digit-ui/citizen";
+const genders = [{
+  name: "Male",
+  code: "MALE"
+}, {
+  name: "Female",
+  code: "FEMALE"
+}, {
+  name: "Transgender",
+  code: "TRANSGENDER"
+}];
 const NewRegistration = ({
   stateCode
 }) => {
@@ -17388,6 +17352,7 @@ const NewRegistration = ({
   });
   const [selectedCity, setSelectedCity] = useState(((_location$state2 = location.state) === null || _location$state2 === void 0 ? void 0 : _location$state2.selectedCity) || null);
   const [dob, setDob] = useState("");
+  const [getGender, setGender] = useState();
   useEffect(() => {
     let to;
     if (error) {
@@ -17437,7 +17402,8 @@ const NewRegistration = ({
         dob: formData === null || formData === void 0 ? void 0 : formData.dob,
         tenantId: stateCode,
         userType: getUserType(),
-        type: "register"
+        type: "register",
+        gender: getGender === null || getGender === void 0 ? void 0 : getGender.code
       };
       const [res, err] = await sendOtp({
         otp: data
@@ -17475,7 +17441,8 @@ const NewRegistration = ({
         username: registrationData === null || registrationData === void 0 ? void 0 : registrationData.mobileNumber,
         otpReference: otp,
         dob: dob,
-        tenantId: stateCode
+        tenantId: stateCode,
+        gender: getGender === null || getGender === void 0 ? void 0 : getGender.code
       };
       const {
         ResponseInfo,
@@ -17522,6 +17489,9 @@ const NewRegistration = ({
       selectedCity: selectedCity
     });
   };
+  useEffect(() => {
+    console.log("getGender", getGender);
+  }, [getGender]);
   return /*#__PURE__*/React.createElement("div", {
     className: "login-page-cover"
   }, /*#__PURE__*/React.createElement("div", {
@@ -17599,12 +17569,21 @@ const NewRegistration = ({
     className: "login-title"
   }, t("CS_COMMON_REGISTER")), /*#__PURE__*/React.createElement("p", {
     className: "login-subtitle"
-  }, "Create your account to get started")), /*#__PURE__*/React.createElement(LanguageSelect, {
-    onLanguageChange: setSelectedLanguage
-  }), /*#__PURE__*/React.createElement(LocationSelect, {
+  }, "Create your account to get started")), /*#__PURE__*/React.createElement(LocationSelect, {
     onLocationChange: setSelectedCity,
     selectedCity: selectedCity
-  }), step === "FORM" && /*#__PURE__*/React.createElement(RegistrationForm, {
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "location-wrapper"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "label"
+  }, t("CORE_COMMON_GENDER"), /*#__PURE__*/React.createElement("span", null, " *")), /*#__PURE__*/React.createElement(Dropdown, {
+    option: genders,
+    optionKey: "name",
+    id: "name",
+    selected: getGender,
+    select: setGender,
+    placeholder: t("COMMON_TABLE_SEARCH")
+  })), step === "FORM" && /*#__PURE__*/React.createElement(RegistrationForm, {
     onRegisterSubmit: onRegisterSubmit,
     onAgeError: onAgeError,
     selectedLanguage: selectedLanguage,
@@ -21159,6 +21138,12 @@ const Home$1 = ({
       module: code === null || code === void 0 ? void 0 : code.toUpperCase()
     })));
   });
+  useEffect(() => {
+    const script = document.createElement("script");
+    script.src = "https://translation-plugin.bhashini.co.in/v3/website_translation_utility.js ";
+    script.async = true;
+    document.body.appendChild(script);
+  }, []);
   return /*#__PURE__*/React.createElement("div", {
     className: classname
   }, hideTopSidebar ? null : /*#__PURE__*/React.createElement(TopBarSideBar, {
@@ -21174,6 +21159,10 @@ const Home$1 = ({
     linkData: linkData,
     islinkDataLoading: islinkDataLoading
   }), /*#__PURE__*/React.createElement("div", {
+    className: "language-plugin"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "bhashini-plugin-container"
+  })), /*#__PURE__*/React.createElement("div", {
     className: `main center-container citizen-home-container mb-25`
   }, /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(Route, {
     exact: true,
@@ -21460,9 +21449,19 @@ const LandingPage = () => {
   const navigateToCitizenApp = () => {
     history.push('/digit-ui/citizen');
   };
+  useEffect(() => {
+    const script = document.createElement("script");
+    script.src = "https://translation-plugin.bhashini.co.in/v3/website_translation_utility.js ";
+    script.async = true;
+    document.body.appendChild(script);
+  }, []);
   return /*#__PURE__*/React.createElement("div", {
     className: "landing-page"
-  }, /*#__PURE__*/React.createElement("section", {
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "language-plugin-landing"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "bhashini-plugin-container"
+  })), /*#__PURE__*/React.createElement("section", {
     className: "landing-hero"
   }, /*#__PURE__*/React.createElement("div", {
     className: "landing-hero-overlay"