@mseva/digit-ui-module-ptr 1.1.97 → 1.1.99

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, 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, 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';
@@ -9520,12 +9520,6 @@ const PTRCitizenPet = ({
     if (!errors[fieldName]) return null;
     return ((_errors$fieldName = errors[fieldName]) === null || _errors$fieldName === void 0 ? void 0 : _errors$fieldName.message) || t("PTR_FIELD_REQUIRED");
   };
-  const errorStyle = {
-    width: "70%",
-    marginLeft: "30%",
-    fontSize: "12px",
-    marginTop: "-18px"
-  };
   const parsePetAge = raw => {
     if (!raw) return null;
     const v = raw.startsWith(".") ? `0${raw}` : raw;
@@ -9555,13 +9549,14 @@ const PTRCitizenPet = ({
     setMaxDate(formatDate(today));
   }, [petAgeVal]);
   return /*#__PURE__*/React.createElement("form", {
+    className: "card",
     onSubmit: handleSubmit(onSubmit)
   }, /*#__PURE__*/React.createElement(CardSectionHeader, {
     className: "card-section-header"
   }, t("PTR_PET_DETAILS")), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
     className: "card-label-smaller"
   }, t("PTR_PET_NAME"), " *"), /*#__PURE__*/React.createElement("div", {
-    className: "field"
+    className: "form-field"
   }, /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "petName",
@@ -9587,29 +9582,38 @@ const PTRCitizenPet = ({
       t: t,
       disabled: checkForRenew
     })
-  }))), errors.petName && /*#__PURE__*/React.createElement(CardLabelError, {
-    style: errorStyle
-  }, getErrorMessage("petName")), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
+  }), errors.petName && /*#__PURE__*/React.createElement(CardLabelError, {
+    style: {
+      fontSize: "12px",
+      marginTop: "4px"
+    }
+  }, getErrorMessage("petName")))), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
     className: "card-label-smaller"
-  }, t("PTR_SEARCH_PET_TYPE"), " *"), /*#__PURE__*/React.createElement(Controller, {
+  }, t("PTR_SEARCH_PET_TYPE"), " *"), /*#__PURE__*/React.createElement("div", {
+    className: "form-field"
+  }, /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "petType",
     rules: {
       required: t("PTR_PET_TYPE_REQUIRED")
     },
     render: props => /*#__PURE__*/React.createElement(Dropdown, {
-      className: "form-field",
       select: props.onChange,
       selected: props.value,
       option: mdmsPetData === null || mdmsPetData === void 0 ? void 0 : mdmsPetData.petTypes,
       optionKey: "name",
       disable: checkForRenew
     })
-  })), errors.petType && /*#__PURE__*/React.createElement(CardLabelError, {
-    style: errorStyle
-  }, getErrorMessage("petType")), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
+  }), errors.petType && /*#__PURE__*/React.createElement(CardLabelError, {
+    style: {
+      fontSize: "12px",
+      marginTop: "4px"
+    }
+  }, getErrorMessage("petType")))), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
     className: "card-label-smaller"
-  }, t("PTR_SEARCH_BREED_TYPE"), " *"), /*#__PURE__*/React.createElement(Controller, {
+  }, t("PTR_SEARCH_BREED_TYPE"), " *"), /*#__PURE__*/React.createElement("div", {
+    className: "form-field"
+  }, /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "breedType",
     rules: {
@@ -9619,7 +9623,6 @@ const PTRCitizenPet = ({
       var _mdmsPetData$breedTyp2;
       const filteredBreeds = selectedPetType ? mdmsPetData === null || mdmsPetData === void 0 ? void 0 : (_mdmsPetData$breedTyp2 = mdmsPetData.breedTypes) === null || _mdmsPetData$breedTyp2 === void 0 ? void 0 : _mdmsPetData$breedTyp2.filter(b => b.petType == selectedPetType.code) : [];
       return /*#__PURE__*/React.createElement(Dropdown, {
-        className: "form-field",
         select: props.onChange,
         selected: props.value,
         option: filteredBreeds,
@@ -9627,30 +9630,37 @@ const PTRCitizenPet = ({
         disable: checkForRenew
       });
     }
-  })), errors.breedType && /*#__PURE__*/React.createElement(CardLabelError, {
-    style: errorStyle
-  }, getErrorMessage("breedType")), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
+  }), errors.breedType && /*#__PURE__*/React.createElement(CardLabelError, {
+    style: {
+      fontSize: "12px",
+      marginTop: "4px"
+    }
+  }, getErrorMessage("breedType")))), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
     className: "card-label-smaller"
-  }, t("PTR_PET_GENDER"), " *"), /*#__PURE__*/React.createElement(Controller, {
+  }, t("PTR_PET_GENDER"), " *"), /*#__PURE__*/React.createElement("div", {
+    className: "form-field"
+  }, /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "petGender",
     rules: {
       required: t("PTR_PET_GENDER_REQUIRED")
     },
     render: props => /*#__PURE__*/React.createElement(Dropdown, {
-      className: "form-field",
       select: props.onChange,
       selected: props.value,
       option: mdmsPetData === null || mdmsPetData === void 0 ? void 0 : mdmsPetData.genderTypes,
       optionKey: "name",
       disable: checkForRenew
     })
-  })), errors.petGender && /*#__PURE__*/React.createElement(CardLabelError, {
-    style: errorStyle
-  }, getErrorMessage("petGender")), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
+  }), errors.petGender && /*#__PURE__*/React.createElement(CardLabelError, {
+    style: {
+      fontSize: "12px",
+      marginTop: "4px"
+    }
+  }, getErrorMessage("petGender")))), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
     className: "card-label-smaller"
   }, `${t("PTR_COLOR")}`, " *"), /*#__PURE__*/React.createElement("div", {
-    className: "field"
+    className: "form-field"
   }, /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "petColor",
@@ -9676,12 +9686,15 @@ const PTRCitizenPet = ({
       t: t,
       disabled: checkForRenew
     })
-  }))), errors.petColor && /*#__PURE__*/React.createElement(CardLabelError, {
-    style: errorStyle
-  }, getErrorMessage("petColor")), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
+  }), errors.petColor && /*#__PURE__*/React.createElement(CardLabelError, {
+    style: {
+      fontSize: "12px",
+      marginTop: "4px"
+    }
+  }, getErrorMessage("petColor")))), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
     className: "card-label-smaller"
   }, t("PTR_PET_AGE"), " *"), /*#__PURE__*/React.createElement("div", {
-    className: "field"
+    className: "form-field"
   }, /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "petAge",
@@ -9716,11 +9729,7 @@ const PTRCitizenPet = ({
       disabled: checkForRenew
     })
   }), errors.petAge && /*#__PURE__*/React.createElement(CardLabelError, {
-    style: {
-      width: "70%",
-      fontSize: "12px",
-      marginTop: "-18px"
-    }
+    className: "ptr-error-label"
   }, getErrorMessage("petAge")), /*#__PURE__*/React.createElement("span", {
     style: {
       fontSize: "12px",
@@ -9733,7 +9742,7 @@ const PTRCitizenPet = ({
   }, /*#__PURE__*/React.createElement(CardLabel, {
     className: "card-label-smaller"
   }, t("PTR_VACCINATED_DATE"), " *"), /*#__PURE__*/React.createElement("div", {
-    className: "field"
+    className: "form-field"
   }, /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "lastVaccineDate",
@@ -9750,16 +9759,19 @@ const PTRCitizenPet = ({
       },
       t: t
     })
-  }))), errors.lastVaccineDate && /*#__PURE__*/React.createElement(CardLabelError, {
-    style: errorStyle
-  }, getErrorMessage("lastVaccineDate")), /*#__PURE__*/React.createElement(LabelFieldPair, {
+  }), errors.lastVaccineDate && /*#__PURE__*/React.createElement(CardLabelError, {
+    style: {
+      fontSize: "12px",
+      marginTop: "4px"
+    }
+  }, getErrorMessage("lastVaccineDate")))), /*#__PURE__*/React.createElement(LabelFieldPair, {
     style: {
       marginTop: "15px"
     }
   }, /*#__PURE__*/React.createElement(CardLabel, {
     className: "card-label-smaller"
   }, t("PTR_VACCINATION_NUMBER"), " *"), /*#__PURE__*/React.createElement("div", {
-    className: "field"
+    className: "form-field"
   }, /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "vaccinationNumber",
@@ -9781,12 +9793,15 @@ const PTRCitizenPet = ({
       onBlur: () => trigger("vaccinationNumber"),
       t: t
     })
-  }))), errors.vaccinationNumber && /*#__PURE__*/React.createElement(CardLabelError, {
-    style: errorStyle
-  }, getErrorMessage("vaccinationNumber")), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
+  }), errors.vaccinationNumber && /*#__PURE__*/React.createElement(CardLabelError, {
+    style: {
+      fontSize: "12px",
+      marginTop: "4px"
+    }
+  }, getErrorMessage("vaccinationNumber")))), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
     className: "card-label-smaller"
   }, t("PTR_DOCTOR_NAME"), " *"), /*#__PURE__*/React.createElement("div", {
-    className: "field"
+    className: "form-field"
   }, /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "doctorName",
@@ -9811,12 +9826,15 @@ const PTRCitizenPet = ({
       onBlur: () => trigger("doctorName"),
       t: t
     })
-  }))), errors.doctorName && /*#__PURE__*/React.createElement(CardLabelError, {
-    style: errorStyle
-  }, getErrorMessage("doctorName")), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
+  }), errors.doctorName && /*#__PURE__*/React.createElement(CardLabelError, {
+    style: {
+      fontSize: "12px",
+      marginTop: "4px"
+    }
+  }, getErrorMessage("doctorName")))), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
     className: "card-label-smaller"
   }, t("PTR_CLINIC_NAME"), " *"), /*#__PURE__*/React.createElement("div", {
-    className: "field"
+    className: "form-field"
   }, /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "clinicName",
@@ -9833,9 +9851,12 @@ const PTRCitizenPet = ({
       onBlur: () => trigger("clinicName"),
       t: t
     })
-  }))), errors.clinicName && /*#__PURE__*/React.createElement(CardLabelError, {
-    style: errorStyle
-  }, getErrorMessage("clinicName")), /*#__PURE__*/React.createElement(ActionBar, null, /*#__PURE__*/React.createElement(SubmitBar, {
+  }), errors.clinicName && /*#__PURE__*/React.createElement(CardLabelError, {
+    style: {
+      fontSize: "12px",
+      marginTop: "4px"
+    }
+  }, getErrorMessage("clinicName")))), /*#__PURE__*/React.createElement(ActionBar, null, /*#__PURE__*/React.createElement(SubmitBar, {
     label: "Back",
     style: {
       border: "1px solid",
@@ -17018,12 +17039,6 @@ const PTRCitizenDetails = ({
     };
     return fallbackMessages[fieldName] || t("PTR_FIELD_REQUIRED");
   };
-  const errorStyle = {
-    width: "70%",
-    marginLeft: "30%",
-    fontSize: "12px",
-    marginTop: "-18px"
-  };
   const handleMobileChange = async value => {
     setLoader(true);
     try {
@@ -17046,13 +17061,18 @@ const PTRCitizenDetails = ({
     }
   };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("form", {
+    className: "card",
     onSubmit: handleSubmit(onSubmit)
   }, /*#__PURE__*/React.createElement(CardSectionHeader, {
     className: "card-section-header"
   }, t("PTR_CITIZEN_DETAILS")), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
     className: "card-label-smaller"
   }, `${t("NOC_APPLICANT_MOBILE_NO_LABEL")}`, " *"), /*#__PURE__*/React.createElement("div", {
-    className: "field"
+    className: "form-field",
+    style: {
+      display: "flex",
+      alignItems: "center"
+    }
   }, /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "mobileNumber",
@@ -17070,23 +17090,27 @@ const PTRCitizenDetails = ({
     }) => /*#__PURE__*/React.createElement(MobileNumber, {
       value: value,
       onChange: e => {
-        onChange(e);
+        onChange(e.target.value);
         setValue("name", "");
-        if (e.length === 10) {
-          handleMobileChange(e);
+        if (e.target.value.length === 10) {
+          handleMobileChange(e.target.value);
         }
       },
       onBlur: e => {
         onBlur(e);
+        trigger("mobileNumber");
       },
       t: t
     })
-  }))), errors.mobileNumber && /*#__PURE__*/React.createElement(CardLabelError, {
-    style: errorStyle
-  }, getErrorMessage("mobileNumber")), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
+  }), errors.mobileNumber && /*#__PURE__*/React.createElement(CardLabelError, {
+    style: {
+      fontSize: "12px",
+      marginTop: "4px"
+    }
+  }, getErrorMessage("mobileNumber")))), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
     className: "card-label-smaller"
   }, `${t("ES_NEW_APPLICATION_APPLICANT_NAME")}`, " *"), /*#__PURE__*/React.createElement("div", {
-    className: "field"
+    className: "form-field"
   }, /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "name",
@@ -17118,12 +17142,15 @@ const PTRCitizenDetails = ({
       },
       t: t
     })
-  }))), errors.name && /*#__PURE__*/React.createElement(CardLabelError, {
-    style: errorStyle
-  }, getErrorMessage("name")), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
+  }), errors.name && /*#__PURE__*/React.createElement(CardLabelError, {
+    style: {
+      fontSize: "12px",
+      marginTop: "4px"
+    }
+  }, getErrorMessage("name")))), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
     className: "card-label-smaller"
   }, `${t("NOC_APPLICANT_EMAIL_LABEL")}`, " *"), /*#__PURE__*/React.createElement("div", {
-    className: "field"
+    className: "form-field"
   }, /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "emailId",
@@ -17151,12 +17178,15 @@ const PTRCitizenDetails = ({
       },
       t: t
     })
-  }))), errors.emailId && /*#__PURE__*/React.createElement(CardLabelError, {
-    style: errorStyle
-  }, getErrorMessage("emailId")), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
+  }), errors.emailId && /*#__PURE__*/React.createElement(CardLabelError, {
+    style: {
+      fontSize: "12px",
+      marginTop: "4px"
+    }
+  }, getErrorMessage("emailId")))), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
     className: "card-label-smaller"
   }, `${t("PDF_STATIC_LABEL_CONSOLIDATED_TLAPP_FATHER_HUSBAND")}`, " *"), /*#__PURE__*/React.createElement("div", {
-    className: "field"
+    className: "form-field"
   }, /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "fatherOrHusbandName",
@@ -17188,12 +17218,15 @@ const PTRCitizenDetails = ({
       },
       t: t
     })
-  }))), errors.fatherOrHusbandName && /*#__PURE__*/React.createElement(CardLabelError, {
-    style: errorStyle
-  }, getErrorMessage("fatherOrHusbandName")), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
+  }), errors.fatherOrHusbandName && /*#__PURE__*/React.createElement(CardLabelError, {
+    style: {
+      fontSize: "12px",
+      marginTop: "4px"
+    }
+  }, getErrorMessage("fatherOrHusbandName")))), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
     className: "card-label-smaller"
   }, `${t("PT_COMMON_COL_ADDRESS")}`, " *"), /*#__PURE__*/React.createElement("div", {
-    className: "field"
+    className: "form-field"
   }, /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "address",
@@ -17225,12 +17258,15 @@ const PTRCitizenDetails = ({
       },
       t: t
     })
-  }))), errors.address && /*#__PURE__*/React.createElement(CardLabelError, {
-    style: errorStyle
-  }, getErrorMessage("address")), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
+  }), errors.address && /*#__PURE__*/React.createElement(CardLabelError, {
+    style: {
+      fontSize: "12px",
+      marginTop: "4px"
+    }
+  }, getErrorMessage("address")))), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
     className: "card-label-smaller"
   }, `${t("CORE_COMMON_PINCODE")}`, " *"), /*#__PURE__*/React.createElement("div", {
-    className: "field"
+    className: "form-field"
   }, /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "pincode",
@@ -17255,9 +17291,12 @@ const PTRCitizenDetails = ({
       },
       t: t
     })
-  }))), errors.pincode && /*#__PURE__*/React.createElement(CardLabelError, {
-    style: errorStyle
-  }, getErrorMessage("pincode")), /*#__PURE__*/React.createElement(ActionBar, null, /*#__PURE__*/React.createElement(SubmitBar, {
+  }), errors.pincode && /*#__PURE__*/React.createElement(CardLabelError, {
+    style: {
+      fontSize: "12px",
+      marginTop: "4px"
+    }
+  }, getErrorMessage("pincode")))), /*#__PURE__*/React.createElement(ActionBar, null, /*#__PURE__*/React.createElement(SubmitBar, {
     label: t("Next"),
     submit: "submit"
   }))), loader && /*#__PURE__*/React.createElement(Loader, {
@@ -18410,6 +18449,7 @@ const PTRModal = ({
     formId: "modal-action"
   }, /*#__PURE__*/React.createElement(FormComposer, {
     config: config.form,
+    className: "BPAemployeeCard bpa-workflow-modal-form",
     noBoxShadow: true,
     inline: true,
     childrenAtTheBottom: true,
@@ -18522,7 +18562,6 @@ function NewApplicationTimeline({
   };
   const data = useMemo(() => normalizeTimeline(workflowDetails), [workflowDetails]);
   const sortedData = (data === null || data === void 0 ? void 0 : data.filter(val => !((val === null || val === void 0 ? void 0 : val.performedAction) === "SAVE_AS_DRAFT"))) || [];
-  console.log("sortedData", sortedData);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "custom-timeline-container"
   }, /*#__PURE__*/React.createElement("div", {
@@ -19281,10 +19320,7 @@ const PetApplication = ({
     keyValue: t("PT_COMMON_TABLE_COL_STATUS_LABEL"),
     note: t(`PTR_COMMON_${application === null || application === void 0 ? void 0 : application.status}`)
   }), /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: "flex",
-      gap: "20px"
-    }
+    className: "action-button-myapplication"
   }, (application === null || application === void 0 ? void 0 : application.status) == "Pending" ? /*#__PURE__*/React.createElement(Link, {
     to: `/digit-ui/citizen/payment/collect/PTR/${application === null || application === void 0 ? void 0 : application.applicationNumber}/${application === null || application === void 0 ? void 0 : application.tenantId}`
   }, /*#__PURE__*/React.createElement(SubmitBar, {
@@ -22692,10 +22728,9 @@ const SearchApplication = ({
   }, /*#__PURE__*/React.createElement("h2", null, t("ES_COMMON_SEARCH_BY")), /*#__PURE__*/React.createElement("span", {
     onClick: onClose
   }, /*#__PURE__*/React.createElement(CloseSvg, null))), /*#__PURE__*/React.createElement("div", {
-    className: "complaint-input-container for-pt " + (!isInboxPage ? "for-search" : ""),
+    className: "complaint-input-container",
     style: {
-      width: "100%",
-      display: "grid"
+      textAlign: "start"
     }
   }, searchFields === null || searchFields === void 0 ? void 0 : (_searchFields$filter = searchFields.filter(e => true)) === null || _searchFields$filter === void 0 ? void 0 : _searchFields$filter.map((input, index) => {
     var _formState$dirtyField, _formState$errors, _formState$errors$inp;
@@ -22703,8 +22738,12 @@ const SearchApplication = ({
       key: input.name,
       className: "input-fields"
     }, /*#__PURE__*/React.createElement("span", {
-      className: "mobile-input"
-    }, /*#__PURE__*/React.createElement(Label, null, t(input.label) + ` ${input.isMendatory ? "*" : ""}`), !input.type ? /*#__PURE__*/React.createElement(Controller, {
+      className: "complaint-input"
+    }, /*#__PURE__*/React.createElement("h4", {
+      className: "h4"
+    }, t(input.label) + ` ${input.isMendatory ? "*" : ""}`), /*#__PURE__*/React.createElement("div", {
+      className: "text-input  undefined"
+    }, !input.type ? /*#__PURE__*/React.createElement(Controller, {
       render: props => {
         return /*#__PURE__*/React.createElement(TextInput, {
           onChange: props.onChange,
@@ -22727,7 +22766,7 @@ const SearchApplication = ({
       name: input.name,
       control: control,
       defaultValue: ""
-    })), formState !== null && formState !== void 0 && (_formState$dirtyField = formState.dirtyFields) !== null && _formState$dirtyField !== void 0 && _formState$dirtyField[input.name] ? /*#__PURE__*/React.createElement("span", {
+    }))), formState !== null && formState !== void 0 && (_formState$dirtyField = formState.dirtyFields) !== null && _formState$dirtyField !== void 0 && _formState$dirtyField[input.name] ? /*#__PURE__*/React.createElement("span", {
       style: {
         fontWeight: "700",
         color: "rgba(212, 53, 28)",
@@ -22738,24 +22777,36 @@ const SearchApplication = ({
       className: "inbox-search-form-error"
     }, formState === null || formState === void 0 ? void 0 : (_formState$errors = formState.errors) === null || _formState$errors === void 0 ? void 0 : (_formState$errors$inp = _formState$errors[input.name]) === null || _formState$errors$inp === void 0 ? void 0 : _formState$errors$inp.message) : null);
   }), isInboxPage && /*#__PURE__*/React.createElement("div", {
+    className: "search-action-wrapper",
     style: {
-      gridColumn: "2/3",
-      textAlign: "right",
-      paddingTop: "10px"
-    },
-    className: "input-fields"
-  }, /*#__PURE__*/React.createElement("div", null, clearAll())), type === "desktop" && !mobileView && /*#__PURE__*/React.createElement("div", {
+      width: "100%"
+    }
+  }, type === "desktop" && !mobileView && /*#__PURE__*/React.createElement(SubmitBar, {
+    className: "submit-bar-search",
+    label: t("ES_COMMON_SEARCH"),
+    submit: true
+  }), type === "desktop" && !mobileView && /*#__PURE__*/React.createElement("span", {
     style: {
-      maxWidth: "unset",
-      marginLeft: "unset"
+      paddingTop: "9px"
     },
-    className: "search-submit-wrapper"
+    className: "clear-search"
+  }, clearAll())), type === "desktop" && !mobileView && !isInboxPage && /*#__PURE__*/React.createElement("div", {
+    className: "search-action-wrapper"
   }, /*#__PURE__*/React.createElement(SubmitBar, {
     className: "submit-bar-search",
     label: t("ES_COMMON_SEARCH"),
     disabled: !!Object.keys(formState.errors).length || formValueEmpty(),
     submit: true
-  }), !isInboxPage && /*#__PURE__*/React.createElement("div", null, clearAll()))))), (type === "mobile" || mobileView) && /*#__PURE__*/React.createElement(ActionBar, {
+  }), /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: "100%",
+      textAlign: "right",
+      width: "240px",
+      textAlign: "right",
+      marginLeft: "96px",
+      marginTop: "8px"
+    }
+  }, clearAll()))))), (type === "mobile" || mobileView) && /*#__PURE__*/React.createElement(ActionBar, {
     className: "clear-search-container"
   }, /*#__PURE__*/React.createElement("button", {
     className: "clear-search",