@mseva/digit-ui-module-ptr 1.1.93 → 1.1.94

package/dist/index.modern.js

@@ -1,4 +1,4 @@
-import { LabelFieldPair, CardLabel, Dropdown, CardLabelError, TextInput, Toast, MobileNumber, CardSectionHeader, ActionBar, SubmitBar, Loader as Loader$1, UploadFile, TickMark, FormStep, TextArea, RadioOrSelect, Card, CardHeader, CardText, CardSubHeader, Modal, FormComposer, Menu, AppContainer, BackButton, PrivateRoute, StatusTable, Row, CheckBox, LinkButton, Banner, KeyNote, Header, MultiLink, TelePhone, DisplayPhotos, Table, PropertyHouse, CloseSvg, Label, LinkLabel, DatePicker, RadioButtons, DetailsCard, SearchAction, FilterAction, PopUp, ShippingTruck, SearchForm, SearchField, BreadCrumb, PTRIcon, EmployeeModuleCard, OTPInput, Rating, CitizenHomeCard } from '@mseva/digit-ui-react-components';
+import { LabelFieldPair, CardLabel, Dropdown, CardLabelError, TextInput, Toast, MobileNumber, CardSectionHeader, ActionBar, SubmitBar, Loader as Loader$1, UploadFile, TickMark, FormStep, TextArea, RadioOrSelect, Card, CardHeader, CardText, CardSubHeader, Modal, FormComposer, Menu, AppContainer, BackButton, PrivateRoute, StatusTable, Row, CheckBox, LinkButton, Banner, KeyNote, Header, MultiLink, TelePhone, DisplayPhotos, Table, PropertyHouse, CloseSvg, Label, LinkLabel, DatePicker, RadioButtons, DetailsCard, SearchAction, FilterAction, PopUp, SearchForm, SearchField, BreadCrumb, PTRIcon, EmployeeModuleCard, OTPInput, Rating, CitizenHomeCard } from '@mseva/digit-ui-react-components';
 import React, { useState, useEffect, useMemo, useRef, Fragment as Fragment$1, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useLocation, useRouteMatch, useHistory, Switch, Route, Redirect, Link, useParams } from 'react-router-dom';
@@ -23035,64 +23035,6 @@ const ApplicationCard = ({
   }))));
 };
 
-const ApplicationLinks = ({
-  linkPrefix,
-  classNameForMobileView: _classNameForMobileView = ""
-}) => {
-  const {
-    t
-  } = useTranslation();
-  const allLinks = [{
-    text: t("ES_TITLE_NEW_REGISTRATION"),
-    link: "/digit-ui/employee/ptr/new-application"
-  }, {
-    text: t("ES_TITILE_SEARCH_APPLICATION"),
-    link: `${linkPrefix}/search`
-  }];
-  const [links, setLinks] = useState([]);
-  const {
-    roles
-  } = Digit.UserService.getUser().info;
-  const hasAccess = accessTo => {
-    return roles.filter(role => accessTo.includes(role.code)).length;
-  };
-  useEffect(() => {
-    let linksToShow = [];
-    allLinks.forEach(link => {
-      if (link.accessTo) {
-        if (hasAccess(link.accessTo)) {
-          linksToShow.push(link);
-        }
-      } else {
-        linksToShow.push(link);
-      }
-    });
-    setLinks(linksToShow);
-  }, []);
-  const GetLogo = () => /*#__PURE__*/React.createElement("div", {
-    className: "header"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "logo"
-  }, /*#__PURE__*/React.createElement(ShippingTruck, null)), " ", /*#__PURE__*/React.createElement("span", {
-    className: "text"
-  }, t("ES_TITLE_PET_REGISTRATION")));
-  return /*#__PURE__*/React.createElement(Card, {
-    className: "employeeCard filter"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: `complaint-links-container ${_classNameForMobileView}`
-  }, GetLogo(), /*#__PURE__*/React.createElement("div", {
-    className: "body"
-  }, links.map(({
-    link,
-    text
-  }, index) => /*#__PURE__*/React.createElement("span", {
-    className: "link",
-    key: index
-  }, /*#__PURE__*/React.createElement(Link, {
-    to: link
-  }, text))))));
-};
-
 const MobileInbox = ({
   data,
   isLoading,
@@ -23129,11 +23071,7 @@ const MobileInbox = ({
     className: "inbox-container"
   }, /*#__PURE__*/React.createElement("div", {
     className: "filters-container"
-  }, !isSearch && /*#__PURE__*/React.createElement(ApplicationLinks, {
-    classNameForMobileView: "linksWrapperForMobileInbox",
-    linkPrefix: parentRoute,
-    isMobile: true
-  }), /*#__PURE__*/React.createElement(ApplicationCard, {
+  }, /*#__PURE__*/React.createElement(ApplicationCard, {
     t: t,
     data: getData(),
     onFilterChange: onFilterChange,
@@ -25179,7 +25117,7 @@ const StepWrapper = ({
   const stepStyle = (isActive, isLast) => ({
     display: "flex",
     alignItems: "center",
-    justifyContent: "flex-end",
+    justifyContent: "flex-start",
     flex: "0 0 auto",
     color: isActive ? "#0D43A7" : "#9CA3AF",
     padding: "14px 12px",
@@ -25232,14 +25170,36 @@ const StepWrapper = ({
   };
   const isMobile = window.Digit.Utils.browser.isMobile();
   const totalSteps = _stepsList.length;
+  const mobileNavBarStyle = isMobile ? {
+    flexDirection: "row",
+    overflowX: "auto",
+    whiteSpace: "nowrap",
+    minWidth: "100%",
+    maxWidth: "100%",
+    gap: "8px",
+    padding: "10px"
+  } : {};
+  const mobileCircleStyle = isMobile ? {
+    width: "32px",
+    height: "32px",
+    fontSize: "12px"
+  } : {};
+  const mobileLabelStyle = isMobile ? {
+    fontSize: "10px"
+  } : {};
+  const mobileStepStyle = isMobile ? {
+    width: "auto",
+    padding: "6px",
+    marginBottom: "0",
+    flexDirection: "column",
+    alignItems: "center"
+  } : {};
   return /*#__PURE__*/React.createElement("div", {
     className: "stepper",
     style: {
       width: "100%",
       display: "flex",
-      flexDirection: "row",
-      alignItems: "flex-start",
-      justifyContent: "flex-start",
+      flexDirection: isMobile ? "column" : "row",
       gap: "24px"
     }
   }, /*#__PURE__*/React.createElement("div", {
@@ -25251,32 +25211,45 @@ const StepWrapper = ({
       padding: "18px",
       minWidth: "120px",
       maxWidth: "320px",
-      marginBottom: "20px"
+      marginBottom: "20px",
+      marginTop: isMobile ? "20px" : "0",
+      height: isMobile ? "106px" : "",
+      ...mobileNavBarStyle
     }
   }, [...Array(totalSteps)].map((_, index) => /*#__PURE__*/React.createElement("div", {
     className: "step-content",
     key: index,
-    style: stepStyle(index + 1 <= _currentStep, index === totalSteps - 1)
+    style: {
+      ...stepStyle(index + 1 <= _currentStep, index === totalSteps - 1),
+      ...mobileStepStyle
+    }
   }, /*#__PURE__*/React.createElement("div", {
+    className: "step-circle",
+    style: {
+      ...circleStyle(index + 1),
+      ...mobileCircleStyle
+    }
+  }, index + 1, index < totalSteps - 1 && !isMobile && /*#__PURE__*/React.createElement("div", {
+    style: lineStyle
+  })), /*#__PURE__*/React.createElement("div", {
     className: "step-sub-content",
     style: {
       display: "flex",
       flexDirection: "column",
-      alignItems: "flex-end",
-      margin: "10px"
+      alignItems: isMobile ? "center" : "flex-end",
+      margin: isMobile ? "4px" : "10px"
     }
   }, index + 1 === totalSteps ? null : /*#__PURE__*/React.createElement("div", {
     className: "step-number",
     style: stepNumberStyle
   }), /*#__PURE__*/React.createElement("div", {
     className: "step-label",
-    style: labelStyle
-  }, t(_stepsList[index].stepLabel))), /*#__PURE__*/React.createElement("div", {
-    className: "step-circle",
-    style: circleStyle(index + 1)
-  }, index + 1, index < totalSteps - 1 && /*#__PURE__*/React.createElement("div", {
-    style: lineStyle
-  }))))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      ...labelStyle,
+      ...mobileLabelStyle,
+      textAlign: isMobile ? "center" : "right"
+    }
+  }, t(_stepsList[index].stepLabel)))))), /*#__PURE__*/React.createElement("div", {
     className: "stepper-body",
     style: {
       width: "100%",
@@ -26260,7 +26233,7 @@ const RenewPTRStepForm = () => {
     }
   }, [defaultValues]);
   return /*#__PURE__*/React.createElement("div", {
-    className: "pageCard"
+    className: "card"
   }, /*#__PURE__*/React.createElement(CardHeader, {
     styles: {
       fontSize: "28px",