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

package/dist/index.modern.js

@@ -6182,122 +6182,41 @@ const EmployeeQuickServicesCard = ({
     return item.code === ((_updatedModuleData$ = updatedModuleData[0]) === null || _updatedModuleData$ === void 0 ? void 0 : _updatedModuleData$.Access);
   }) ? /*#__PURE__*/React.createElement(Link, {
     to: `${(_updatedModuleData$2 = updatedModuleData[0]) === null || _updatedModuleData$2 === void 0 ? void 0 : _updatedModuleData$2.routes}`,
-    style: {
-      textDecoration: "none",
-      display: "block"
-    },
+    className: "employee-quick-service-link",
     onMouseEnter: () => setIsHovered(true),
     onMouseLeave: () => setIsHovered(false)
   }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: "flex",
-      alignItems: "stretch",
-      borderRadius: "16px",
-      overflow: "hidden",
-      boxShadow: isHovered ? "0 12px 40px rgba(0, 0, 0, 0.15)" : "0 4px 20px rgba(0, 0, 0, 0.08)",
-      transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
-      transform: isHovered ? "translateY(-4px) scale(1.02)" : "translateY(0) scale(1)",
-      background: "white",
-      position: "relative",
-      border: isHovered ? "2px solid rgba(79, 101, 216, 0.3)" : "2px solid transparent"
-    }
+    className: `employee-quick-service-card ${isHovered ? 'hovered' : ''}`
   }, /*#__PURE__*/React.createElement("div", {
+    className: "card-icon-container",
     style: {
-      display: "flex",
-      justifyContent: "center",
-      alignItems: "center",
-      minWidth: "120px",
-      padding: "24px",
-      background: ((_updatedModuleData$3 = updatedModuleData[0]) === null || _updatedModuleData$3 === void 0 ? void 0 : _updatedModuleData$3.bgColor) || "linear-gradient(135deg, #667eea 0%, #764ba2 100%)",
-      position: "relative",
-      overflow: "hidden"
+      background: ((_updatedModuleData$3 = updatedModuleData[0]) === null || _updatedModuleData$3 === void 0 ? void 0 : _updatedModuleData$3.bgColor) || "linear-gradient(135deg, #667eea 0%, #764ba2 100%)"
     }
   }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      position: "absolute",
-      width: "150px",
-      height: "150px",
-      background: "rgba(255, 255, 255, 0.1)",
-      borderRadius: "50%",
-      top: "-50px",
-      right: "-50px",
-      transition: "transform 0.5s ease",
-      transform: isHovered ? "scale(1.5)" : "scale(1)"
-    }
+    className: "card-background-circle"
   }), /*#__PURE__*/React.createElement("div", {
-    style: {
-      transform: isHovered ? "scale(1.15) rotate(5deg)" : "scale(1) rotate(0deg)",
-      transition: "transform 0.3s ease",
-      zIndex: 1,
-      filter: "drop-shadow(0 2px 8px rgba(0, 0, 0, 0.2))"
-    }
+    className: "card-icon-wrapper"
   }, iconSelector(moduleData.code))), /*#__PURE__*/React.createElement("div", {
-    style: {
-      flex: 1,
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "space-between",
-      padding: "24px 32px",
-      background: "white"
-    }
+    className: "card-content-container"
   }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      flex: 1
-    }
+    className: "card-text-content"
   }, /*#__PURE__*/React.createElement("h3", {
-    style: {
-      fontSize: "22px",
-      fontWeight: "700",
-      color: "#1a202c",
-      margin: 0,
-      lineHeight: "1.3",
-      transition: "color 0.3s ease"
-    }
+    className: "card-module-title"
   }, (_updatedModuleData$4 = updatedModuleData[0]) === null || _updatedModuleData$4 === void 0 ? void 0 : _updatedModuleData$4.moduleName), /*#__PURE__*/React.createElement("p", {
-    style: {
-      fontSize: "14px",
-      color: "#718096",
-      margin: "6px 0 0 0",
-      fontWeight: "400"
-    }
+    className: "card-module-description"
   }, "Quick access to module")), /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      width: "40px",
-      height: "40px",
-      borderRadius: "50%",
-      background: isHovered ? "linear-gradient(135deg, #667eea 0%, #764ba2 100%)" : "#f7fafc",
-      transition: "all 0.3s ease",
-      transform: isHovered ? "translateX(4px)" : "translateX(0)"
-    }
+    className: "card-arrow-container"
   }, /*#__PURE__*/React.createElement("svg", {
-    width: "20",
-    height: "20",
+    width: window.Digit.Utils.browser.isMobile() ? "16" : "20",
+    height: window.Digit.Utils.browser.isMobile() ? "16" : "20",
     viewBox: "0 0 20 20",
     fill: "none",
-    style: {
-      transition: "transform 0.3s ease",
-      transform: isHovered ? "translateX(2px)" : "translateX(0)"
-    }
+    className: "card-arrow-svg"
   }, /*#__PURE__*/React.createElement("path", {
     d: "M7.5 15L12.5 10L7.5 5",
-    stroke: isHovered ? "white" : "#4a5568",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
+    className: "card-arrow-path"
   })))), isHovered && /*#__PURE__*/React.createElement("div", {
-    style: {
-      position: "absolute",
-      top: 0,
-      left: "-100%",
-      width: "100%",
-      height: "100%",
-      background: "linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent)",
-      animation: "shine 0.6s ease",
-      pointerEvents: "none"
-    }
+    className: "card-shine-effect"
   }))) : null;
 };
 
@@ -13079,6 +12998,8 @@ const TopBar = ({
     }), /*#__PURE__*/React.createElement("div", {
       className: "ulb-info",
       style: {
+        display: "flex",
+        gap: "10px",
         marginLeft: "1rem"
       }
     }, /*#__PURE__*/React.createElement("img", {
@@ -13090,7 +13011,17 @@ const TopBar = ({
         height: "25px"
       }
     }), /*#__PURE__*/React.createElement("span", {
-      className: "ulb-name"
+      className: "ulb-name",
+      style: mobileView ? {
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        fontSize: "12px",
+        whiteSpace: "nowrap",
+        maxWidth: "200px",
+        overflow: "hidden",
+        textOverflow: "ellipsis"
+      } : {}
     }, ulbName))), /*#__PURE__*/React.createElement("div", {
       className: "right-wrapper_navbar",
       style: {}
@@ -13165,7 +13096,8 @@ const TopBar = ({
       right: 0
     } : {},
     optionCardStyles: {
-      overflow: "revert"
+      overflow: "revert",
+      left: "-56px"
     },
     customSelector: profilePic == null ? /*#__PURE__*/React.createElement(TextToImg, {
       name: (userDetails === null || userDetails === void 0 ? void 0 : (_userDetails$info3 = userDetails.info) === null || _userDetails$info3 === void 0 ? void 0 : _userDetails$info3.name) || (userDetails === null || userDetails === void 0 ? void 0 : (_userDetails$info4 = userDetails.info) === null || _userDetails$info4 === void 0 ? void 0 : (_userDetails$info4$us = _userDetails$info4.userInfo) === null || _userDetails$info4$us === void 0 ? void 0 : _userDetails$info4$us.name) || "Employee"
@@ -13639,16 +13571,6 @@ const StaticCitizenSideBar = ({
       populators: {
         onClick: handleLogout
       }
-    }, {
-      text: /*#__PURE__*/React.createElement(React.Fragment, null, t("CS_COMMON_HELPLINE"), /*#__PURE__*/React.createElement("div", {
-        className: "telephone"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "link"
-      }, /*#__PURE__*/React.createElement("a", {
-        href: `tel:${filteredTenantContact}`
-      }, filteredTenantContact)))),
-      element: "Helpline",
-      icon: "Phone"
     }];
   }
   (_Object$keys = Object.keys(linkData)) === null || _Object$keys === void 0 ? void 0 : (_Object$keys$sort = _Object$keys.sort((x, y) => y.localeCompare(x))) === null || _Object$keys$sort === void 0 ? void 0 : _Object$keys$sort.map(key => {
@@ -13824,16 +13746,6 @@ const CitizenSideBar = ({
       populators: {
         onClick: onLogout
       }
-    }, {
-      text: /*#__PURE__*/React.createElement(React.Fragment, null, t("CS_COMMON_HELPLINE"), /*#__PURE__*/React.createElement("div", {
-        className: "telephone"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "link"
-      }, /*#__PURE__*/React.createElement("a", {
-        href: `tel:${filteredTenantContact}`
-      }, filteredTenantContact)))),
-      element: "Helpline",
-      icon: "Phone"
     }];
   }
   let configEmployeeSideBar = {};
@@ -16316,18 +16228,6 @@ const EmployeeApp = ({
     onClick: () => {
       window.open("", "_blank").focus();
     }
-  }, "Copyright \xA9 ", new Date().getFullYear())), /*#__PURE__*/React.createElement("div", {
-    className: "upyog-copyright-footer-web"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "",
-    style: {
-      cursor: "pointer",
-      fontSize: window.Digit.Utils.browser.isMobile() ? "12px" : "14px",
-      fontWeight: "400"
-    },
-    onClick: () => {
-      window.open("", "_blank").focus();
-    }
   }, "Copyright \xA9 ", new Date().getFullYear()))))), /*#__PURE__*/React.createElement(Route, null, /*#__PURE__*/React.createElement(Redirect, {
     to: `${path}/user/language-selection`
   }))));
@@ -16371,15 +16271,7 @@ const DashboardFooter = () => {
   }, "FAQ"), /*#__PURE__*/React.createElement("a", {
     className: "new-df-link",
     onClick: () => handleNavigation("/digit-ui/citizen/contact-us")
-  }, "Contact Us")), /*#__PURE__*/React.createElement("div", {
-    className: "new-df-column"
-  }, /*#__PURE__*/React.createElement("h3", {
-    className: "new-df-heading"
-  }, "Contact"), /*#__PURE__*/React.createElement("p", {
-    className: "new-df-text"
-  }, /*#__PURE__*/React.createElement("strong", null, "Helpline:"), " 01821-260114"), /*#__PURE__*/React.createElement("p", {
-    className: "new-df-text"
-  }, /*#__PURE__*/React.createElement("strong", null, "Email:"), " support@msevapunjab.gov.in"))), /*#__PURE__*/React.createElement("div", {
+  }, "Contact Us"))), /*#__PURE__*/React.createElement("div", {
     className: "new-df-bottom"
   }, /*#__PURE__*/React.createElement("p", {
     className: "new-df-copyright"
@@ -16625,12 +16517,12 @@ const Home = () => {
       Icon: /*#__PURE__*/React.createElement(ComplaintIcon, null),
       onClick: () => {
         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[7]) === null || _citizenServicesObj$p4 === void 0 ? void 0 : _citizenServicesObj$p4.navigationUrl);
+        return toDigitUrl(citizenServicesObj === null || citizenServicesObj === void 0 ? void 0 : (_citizenServicesObj$p3 = citizenServicesObj.props) === null || _citizenServicesObj$p3 === void 0 ? void 0 : (_citizenServicesObj$p4 = _citizenServicesObj$p3[7]) === null || _citizenServicesObj$p4 === void 0 ? void 0 : _citizenServicesObj$p4.navigationUrl);
       }
     }] : (citizenServicesObj === null || citizenServicesObj === void 0 ? void 0 : (_citizenServicesObj$p5 = citizenServicesObj.props) === null || _citizenServicesObj$p5 === void 0 ? void 0 : (_citizenServicesObj$p6 = _citizenServicesObj$p5.filter(item => item === null || item === void 0 ? void 0 : item.enabled)) === null || _citizenServicesObj$p6 === void 0 ? void 0 : _citizenServicesObj$p6.map(item => ({
       name: t(item.label),
       Icon: getIconForService(item.code),
-      onClick: () => history.push(item.navigationUrl)
+      onClick: () => toDigitUrl(item.navigationUrl)
     }))) || [];
     const filtered = allServices.filter(service => service.name.toLowerCase().includes(query));
     setFilteredServices(filtered);
@@ -17106,7 +16998,6 @@ const NewLogin = ({
   const handleMobileChange = val => {
     setMobileNumber(val || "");
   };
-  const getUserType = () => Digit.UserService.getType();
   const getFromLocation = state => {
     var _user$info, _user$info$roles, _user$info2, _user$info2$roles, _user$info3, _user$info3$roles;
     const userRoles = user === null || user === void 0 ? void 0 : (_user$info = user.info) === null || _user$info === void 0 ? void 0 : (_user$info$roles = _user$info.roles) === null || _user$info$roles === void 0 ? void 0 : _user$info$roles.map(roleData => roleData === null || roleData === void 0 ? void 0 : roleData.code);
@@ -17131,7 +17022,7 @@ const NewLogin = ({
       const data = {
         mobileNumber,
         tenantId: stateCode,
-        userType: getUserType(),
+        userType: "citizen",
         type: "login"
       };
       const [res, err] = await sendOtp({
@@ -17168,7 +17059,7 @@ const NewLogin = ({
         username: mobileNumber,
         password: otp,
         tenantId: stateCode,
-        userType: getUserType()
+        userType: "citizen"
       };
       const {
         ResponseInfo,
@@ -17199,7 +17090,7 @@ const NewLogin = ({
     const data = {
       mobileNumber,
       tenantId: stateCode,
-      userType: getUserType(),
+      userType: "citizen",
       type: "login"
     };
     const [res, err] = await sendOtp({
@@ -20734,6 +20625,9 @@ const CitizenHomeCardSecond = ({
   const isMobile = typeof window !== "undefined" ? window.innerWidth <= 768 : false;
   const location = useLocation();
   const shouldRemoveGrid = location.pathname.endsWith("all-services");
+  const {
+    t
+  } = useTranslation();
   const cardColors = [{
     bg: "linear-gradient(135deg, rgb(102, 126, 234) 0%, rgb(208 189 227) 100%)",
     iconBg: "#667eea",
@@ -21033,7 +20927,7 @@ const CitizenHomeCardSecond = ({
     style: contentStyle
   }, /*#__PURE__*/React.createElement("div", {
     style: titleStyle
-  }, link.i18nKey), link.description && /*#__PURE__*/React.createElement("div", {
+  }, t(link.i18nKey)), link.description && /*#__PURE__*/React.createElement("div", {
     style: descriptionStyle
   }, link.description)), /*#__PURE__*/React.createElement("div", {
     style: getArrowContainerStyle(isHovered, index)
@@ -21045,7 +20939,7 @@ const CitizenHomeCardSecond = ({
     style: rootStyle
   }, header && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h2", {
     style: headerStyle
-  }, header, /*#__PURE__*/React.createElement("div", {
+  }, t(header), /*#__PURE__*/React.createElement("div", {
     style: headerUnderlineStyle
   }))), /*#__PURE__*/React.createElement("div", {
     style: containerStyle
@@ -21176,7 +21070,6 @@ const Home$1 = ({
         width: "100%",
         minHeight: "100vh",
         backgroundColor: "#F9FAFB",
-        paddingTop: isMobile ? "20px" : "",
         paddingBottom: "80px",
         marginTop: "3rem"
       }