@mseva/upyog-ui-module-chb 1.1.91-dev.1 → 1.1.91-dev.1.2

package/dist/index.modern.js

@@ -1,4 +1,4 @@
-import { TickMark, CardSubHeader, Modal as Modal$1, CardLabelDesc, CardLabel, CardText, Card, FormStep, Dropdown, TextArea, Loader as Loader$1, TextInput, MobileNumber, Toast, LabelFieldPair, UploadFile, Table, KeyNote, SubmitBar, CardHeader, InfoIcon, Calender, CheckPoint, ConnectingCheckPoints, AppContainer, PrivateRoute, BreadCrumb, PDFSvg as PDFSvg$2, StatusTable, Row, CardSectionHeader, CheckBox, LinkButton, Banner, ActionBar, Header, MultiLink, TelePhone, DisplayPhotos, SearchField, FilterFormField, RadioButtons, ComplaintIcon, InboxComposer, SearchForm, CardLabelError, DatePicker, EmployeeModuleCard, CloseSvg, Localities, RemoveableTag, FormComposer, Menu, OTPInput, Rating, CitizenHomeCard } from '@mseva/digit-ui-react-components';
+import { TickMark, CardSubHeader, Modal as Modal$1, CardLabelDesc, CardLabel, CardText, Card, FormStep, Dropdown, TextArea, Loader as Loader$1, TextInput, MobileNumber, Toast, LabelFieldPair, UploadFile, Table, KeyNote, SubmitBar, CardHeader, InfoIcon, Calender, CheckPoint, ConnectingCheckPoints, AppContainer, PrivateRoute, BreadCrumb, PDFSvg as PDFSvg$2, StatusTable, Row, CardSectionHeader, CheckBox, LinkButton, Banner, ActionBar, Header, MultiLink, TelePhone, DisplayPhotos, SearchField, FilterFormField, RadioButtons, ComplaintIcon, InboxComposer, SearchForm, CardLabelError, DatePicker, BackButton, EmployeeModuleCard, CloseSvg, Localities, RemoveableTag, FormComposer, Menu, OTPInput, Rating, CitizenHomeCard } from '@mseva/digit-ui-react-components';
 import React, { useState, useEffect, useRef, useMemo, useCallback, Fragment as Fragment$1, useReducer } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useLocation, useRouteMatch, useHistory, Switch, Route, Redirect, Link, useParams } from 'react-router-dom';
@@ -14391,8 +14391,6 @@ var accessibility = createCommonjsModule(function (module, exports) {
 });
 unwrapExports(accessibility);
 
-var _shallowEqual = getCjsExportFromNamespace(index_esm);
-
 var Calendar_1 = createCommonjsModule(function (module, exports) {
 
   function _typeof(obj) {
@@ -15047,7 +15045,7 @@ var Calendar_1 = createCommonjsModule(function (module, exports) {
             monthNames: this.getMonthNames()
           });
         }
-        if (!(0, _shallowEqual.shallowEqualObjects)(prevProps.scroll, this.props.scroll)) {
+        if (!(0, index_esm.shallowEqualObjects)(prevProps.scroll, this.props.scroll)) {
           this.setState({
             scrollArea: this.calcScrollArea(this.props)
           });
@@ -17675,7 +17673,6 @@ const getTimelineAcknowledgementData = (workflowDetails, tenantInfo, pdfFiles =
     const formats = (downloadLink === null || downloadLink === void 0 ? void 0 : (_downloadLink$split = downloadLink.split(",")) === null || _downloadLink$split === void 0 ? void 0 : _downloadLink$split.filter(Boolean)) || [];
     return (formats === null || formats === void 0 ? void 0 : formats.find(link => !(link !== null && link !== void 0 && link.includes("large")) && !(link !== null && link !== void 0 && link.includes("medium")) && !(link !== null && link !== void 0 && link.includes("small")))) || (formats === null || formats === void 0 ? void 0 : formats[0]) || "";
   };
-  const pattern = /\[#\?.*?\*\*\]/;
   const timelineRows = timeline.map((item, index) => {
     var _item$auditDetails, _item$auditDetails2, _item$assigner, _item$assigner2, _item$assigner3, _item$wfComment;
     const createdDate = (item === null || item === void 0 ? void 0 : (_item$auditDetails = item.auditDetails) === null || _item$auditDetails === void 0 ? void 0 : _item$auditDetails.created) || "N/A";
@@ -17685,8 +17682,7 @@ const getTimelineAcknowledgementData = (workflowDetails, tenantInfo, pdfFiles =
     const mobileNumber = (item === null || item === void 0 ? void 0 : (_item$assigner3 = item.assigner) === null || _item$assigner3 === void 0 ? void 0 : _item$assigner3.mobileNumber) || "N/A";
     const action = (item === null || item === void 0 ? void 0 : item.performedAction) || "N/A";
     const status = (item === null || item === void 0 ? void 0 : item.status) || (item === null || item === void 0 ? void 0 : item.state) || "N/A";
-    const rawComment = (item === null || item === void 0 ? void 0 : (_item$wfComment = item.wfComment) === null || _item$wfComment === void 0 ? void 0 : _item$wfComment[0]) || "-";
-    const comment = typeof rawComment === "string" ? rawComment.split(pattern)[0] : rawComment;
+    const comment = (item === null || item === void 0 ? void 0 : (_item$wfComment = item.wfComment) === null || _item$wfComment === void 0 ? void 0 : _item$wfComment[0]) || "-";
     const documents = (item === null || item === void 0 ? void 0 : item.wfDocuments) || [];
     const sla = (item === null || item === void 0 ? void 0 : item.sla) || "N/A";
     const assignedTo = Array.isArray(item === null || item === void 0 ? void 0 : item.assignes) ? item.assignes.map(a => a === null || a === void 0 ? void 0 : a.name).filter(Boolean).join(", ") : "";
@@ -18758,11 +18754,46 @@ const CHBAcknowledgement = ({
 const Loader = ({
   page: _page = false
 }) => {
+  const baseStyle = {
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center"
+  };
+  const pageStyle = {
+    ...baseStyle,
+    position: "fixed",
+    top: 0,
+    left: 0,
+    width: "100vw",
+    height: "100vh",
+    background: "rgba(255,255,255,0.6)",
+    backdropFilter: "blur(4px)",
+    zIndex: 9999
+  };
+  const moduleStyle = {
+    ...baseStyle,
+    minHeight: "100px",
+    width: "100%",
+    position: "relative"
+  };
+  const spinnerStyle = {
+    width: "64px",
+    height: "64px",
+    border: "8px solid #1976d2",
+    borderTop: "8px solid transparent",
+    borderRadius: "50%",
+    animation: "spin 1.2s linear infinite"
+  };
   return /*#__PURE__*/React.createElement("div", {
-    className: `chb-loader-container ${_page ? "chb-page-loader-overlay" : "chb-module-loader-container"}`
+    style: _page ? pageStyle : moduleStyle
   }, /*#__PURE__*/React.createElement("div", {
-    className: "chb-spinner"
-  }));
+    style: spinnerStyle
+  }), /*#__PURE__*/React.createElement("style", null, `
+          @keyframes spin {
+            0% { transform: rotate(0deg); }
+            100% { transform: rotate(360deg); }
+          }
+        `));
 };
 Loader.propTypes = {
   page: propTypes.bool
@@ -18808,7 +18839,7 @@ const ReasonModal = ({
   } = useForm();
   const onSubmit = data => {
     console.log("data===", data);
-    cancelModal(data);
+    cancelModal();
   };
   return /*#__PURE__*/React.createElement("form", {
     onSubmit: handleSubmit(onSubmit)
@@ -18831,9 +18862,14 @@ const ReasonModal = ({
       padding: " 0 30px"
     }
   }, /*#__PURE__*/React.createElement(CardLabel, null, `${t("CHB_DISCOUNT_REASON")}`, " ", /*#__PURE__*/React.createElement("span", {
-    className: "mandatory-asterisk"
+    style: {
+      color: "red"
+    }
   }, "*")), /*#__PURE__*/React.createElement("div", {
-    className: "form-field w-fullwidth"
+    className: "form-field",
+    style: {
+      width: "100%"
+    }
   }, /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "reason",
@@ -18859,7 +18895,11 @@ const ReasonModal = ({
       });
     }
   }), (errors === null || errors === void 0 ? void 0 : errors.reason) && /*#__PURE__*/React.createElement("p", {
-    className: "chb-error-text"
+    style: {
+      color: "red",
+      marginTop: "4px",
+      marginBottom: "0"
+    }
   }, errors.reason.message))), /*#__PURE__*/React.createElement(ActionBar, {
     style: {
       position: "relative"
@@ -18907,15 +18947,14 @@ const ChbApplication = ({
   const handleCancel = async () => {
     setShowModal(true);
   };
-  const submitCancel = async data => {
+  const submitCancel = async () => {
     setLoader(true);
     setShowModal(false);
     const finalPayload = {
       hallsBookingApplication: {
         ...application,
         workflow: {
-          action: "CANCEL",
-          comment: data === null || data === void 0 ? void 0 : data.reason
+          action: "CANCEL"
         }
       }
     };
@@ -42148,13 +42187,13 @@ function NewApplicationTimeline({
       className: "custom-officer-info"
     }, /*#__PURE__*/React.createElement("div", {
       className: "custom-officer-name"
-    }, (item === null || item === void 0 ? void 0 : (_item$assigner2 = item.assigner) === null || _item$assigner2 === void 0 ? void 0 : _item$assigner2.name) || t("CS_COMMON_NA"), deptMap[item === null || item === void 0 ? void 0 : (_item$assigner3 = item.assigner) === null || _item$assigner3 === void 0 ? void 0 : _item$assigner3.userName] && /*#__PURE__*/React.createElement("span", {
-      className: "custom-officer-name"
-    }, "- ", t(deptMap[item === null || item === void 0 ? void 0 : (_item$assigner4 = item.assigner) === null || _item$assigner4 === void 0 ? void 0 : _item$assigner4.userName]))), (item === null || item === void 0 ? void 0 : (_item$assigner5 = item.assigner) === null || _item$assigner5 === void 0 ? void 0 : _item$assigner5.emailId) && /*#__PURE__*/React.createElement("div", {
+    }, (item === null || item === void 0 ? void 0 : (_item$assigner2 = item.assigner) === null || _item$assigner2 === void 0 ? void 0 : _item$assigner2.name) || t("CS_COMMON_NA")), (item === null || item === void 0 ? void 0 : (_item$assigner3 = item.assigner) === null || _item$assigner3 === void 0 ? void 0 : _item$assigner3.emailId) && /*#__PURE__*/React.createElement("div", {
       className: "custom-officer-email"
     }, /*#__PURE__*/React.createElement("span", {
       className: "custom-email-label"
-    }, t("Email")), " ", item === null || item === void 0 ? void 0 : (_item$assigner6 = item.assigner) === null || _item$assigner6 === void 0 ? void 0 : _item$assigner6.emailId))), /*#__PURE__*/React.createElement("div", {
+    }, t("Email")), " ", item === null || item === void 0 ? void 0 : (_item$assigner4 = item.assigner) === null || _item$assigner4 === void 0 ? void 0 : _item$assigner4.emailId), deptMap[item === null || item === void 0 ? void 0 : (_item$assigner5 = item.assigner) === null || _item$assigner5 === void 0 ? void 0 : _item$assigner5.userName] && /*#__PURE__*/React.createElement("div", {
+      className: "custom-officer-name"
+    }, t(deptMap[item === null || item === void 0 ? void 0 : (_item$assigner6 = item.assigner) === null || _item$assigner6 === void 0 ? void 0 : _item$assigner6.userName])))), /*#__PURE__*/React.createElement("div", {
       className: "custom-card-column custom-card-column-mid"
     }, (item === null || item === void 0 ? void 0 : item.sla) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("h3", {
       className: "custom-action-title"
@@ -42176,13 +42215,9 @@ function NewApplicationTimeline({
       className: "custom-comments-title"
     }, t("Officer Comments")), /*#__PURE__*/React.createElement("div", {
       className: "custom-comment-text"
-    }, item === null || item === void 0 ? void 0 : (_item$wfComment3 = item.wfComment) === null || _item$wfComment3 === void 0 ? void 0 : _item$wfComment3.map((comment, idx) => {
-      const pattern = /\[#\?.*?\*\*\]/;
-      const truncatedComment = typeof comment === "string" ? comment === null || comment === void 0 ? void 0 : comment.split(pattern)[0] : comment;
-      return /*#__PURE__*/React.createElement("p", {
-        key: idx
-      }, truncatedComment);
-    }))), (item === null || item === void 0 ? void 0 : (_item$assignes = item.assignes) === null || _item$assignes === void 0 ? void 0 : _item$assignes.length) > 0 && /*#__PURE__*/React.createElement("div", {
+    }, item === null || item === void 0 ? void 0 : (_item$wfComment3 = item.wfComment) === null || _item$wfComment3 === void 0 ? void 0 : _item$wfComment3.map((comment, idx) => /*#__PURE__*/React.createElement("p", {
+      key: idx
+    }, comment)))), (item === null || item === void 0 ? void 0 : (_item$assignes = item.assignes) === null || _item$assignes === void 0 ? void 0 : _item$assignes.length) > 0 && /*#__PURE__*/React.createElement("div", {
       className: "custom-assigned-to-footer"
     }, /*#__PURE__*/React.createElement("h3", {
       className: "custom-comments-title"
@@ -42190,9 +42225,9 @@ function NewApplicationTimeline({
       className: "custom-officer-info"
     }, /*#__PURE__*/React.createElement("div", {
       className: "custom-officer-name"
-    }, (_item$assignes$ = item.assignes[0]) === null || _item$assignes$ === void 0 ? void 0 : _item$assignes$.name, deptMap[(_item$assignes$2 = item.assignes[0]) === null || _item$assignes$2 === void 0 ? void 0 : _item$assignes$2.userName] && /*#__PURE__*/React.createElement("span", {
+    }, (_item$assignes$ = item.assignes[0]) === null || _item$assignes$ === void 0 ? void 0 : _item$assignes$.name), deptMap[(_item$assignes$2 = item.assignes[0]) === null || _item$assignes$2 === void 0 ? void 0 : _item$assignes$2.userName] && /*#__PURE__*/React.createElement("div", {
       className: "custom-officer-email"
-    }, "- ", t(deptMap[(_item$assignes$3 = item.assignes[0]) === null || _item$assignes$3 === void 0 ? void 0 : _item$assignes$3.userName])))))), (item === null || item === void 0 ? void 0 : item.wfDocuments) && (item === null || item === void 0 ? void 0 : (_item$wfDocuments = item.wfDocuments) === null || _item$wfDocuments === void 0 ? void 0 : _item$wfDocuments.length) > 0 && /*#__PURE__*/React.createElement("div", {
+    }, t(deptMap[(_item$assignes$3 = item.assignes[0]) === null || _item$assignes$3 === void 0 ? void 0 : _item$assignes$3.userName]))))), (item === null || item === void 0 ? void 0 : item.wfDocuments) && (item === null || item === void 0 ? void 0 : (_item$wfDocuments = item.wfDocuments) === null || _item$wfDocuments === void 0 ? void 0 : _item$wfDocuments.length) > 0 && /*#__PURE__*/React.createElement("div", {
       className: "custom-comments-section-no-border"
     }, /*#__PURE__*/React.createElement("h4", {
       className: "custom-comments-title"
@@ -42538,7 +42573,12 @@ const CHBApplicationDetails = () => {
     data: slotlistRows,
     columns: columns,
     getCellProps: cellInfo => ({
-      className: "chb-table-cell-details"
+      style: {
+        minWidth: "150px",
+        padding: "10px",
+        fontSize: "16px",
+        paddingLeft: "20px"
+      }
     }),
     isPaginationRequired: false,
     totalRecords: slotlistRows.length
@@ -42547,7 +42587,12 @@ const CHBApplicationDetails = () => {
   }, /*#__PURE__*/React.createElement("div", {
     className: "document-section-header"
   }, t("CS_COMMON_DOCUMENTS")), ((_docs = docs) === null || _docs === void 0 ? void 0 : _docs.length) > 0 ? /*#__PURE__*/React.createElement("div", {
-    className: "chb-documents-flex"
+    style: {
+      display: "flex",
+      flexWrap: "wrap",
+      gap: "16px",
+      marginTop: "16px"
+    }
   }, (_docs2 = docs) === null || _docs2 === void 0 ? void 0 : _docs2.map((doc, index) => /*#__PURE__*/React.createElement(React.Fragment, {
     key: index
   }, /*#__PURE__*/React.createElement(CHBDocument, {
@@ -42741,30 +42786,18 @@ const useInboxTableConfig = ({
   }, value);
   const tableColumnConfig = useMemo(() => {
     return [{
-      Header: t("CHB_APPLICANT_NAME"),
-      Cell: ({
-        row
-      }) => {
-        var _row$original;
-        console.log("row", row);
-        return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
-          className: "link"
-        }, row === null || row === void 0 ? void 0 : (_row$original = row.original) === null || _row$original === void 0 ? void 0 : _row$original.owner));
-      },
-      disableSortBy: true
-    }, {
       Header: t("NOC_HOME_SEARCH_RESULTS_APP_NO_LABEL"),
       accessor: "uuid",
       disableSortBy: true,
       Cell: ({
         row
       }) => {
-        var _row$original2, _row$original3;
+        var _row$original, _row$original2;
         return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Link, {
-          to: `${parentRoute}/applicationsearch/application-details/${(_row$original2 = row.original) === null || _row$original2 === void 0 ? void 0 : _row$original2.applicationId}`
+          to: `${parentRoute}/applicationsearch/application-details/${(_row$original = row.original) === null || _row$original === void 0 ? void 0 : _row$original.applicationId}`
         }, /*#__PURE__*/React.createElement("span", {
           className: "link"
-        }, (_row$original3 = row.original) === null || _row$original3 === void 0 ? void 0 : _row$original3.applicationId)));
+        }, (_row$original2 = row.original) === null || _row$original2 === void 0 ? void 0 : _row$original2.applicationId)));
       }
     }, {
       Header: t("TL_COMMON_TABLE_COL_APP_DATE"),
@@ -42772,8 +42805,8 @@ const useInboxTableConfig = ({
       Cell: ({
         row
       }) => {
-        var _row$original4, _row$original5;
-        return (_row$original4 = row.original) !== null && _row$original4 !== void 0 && _row$original4.date ? GetCell(format(new Date((_row$original5 = row.original) === null || _row$original5 === void 0 ? void 0 : _row$original5.date), "dd/MM/yyyy")) : "";
+        var _row$original3, _row$original4;
+        return (_row$original3 = row.original) !== null && _row$original3 !== void 0 && _row$original3.date ? GetCell(format(new Date((_row$original4 = row.original) === null || _row$original4 === void 0 ? void 0 : _row$original4.date), "dd/MM/yyyy")) : "";
       }
     }, {
       Header: t("PT_COMMON_TABLE_COL_STATUS_LABEL"),
@@ -42781,8 +42814,8 @@ const useInboxTableConfig = ({
       Cell: ({
         row
       }) => {
-        var _row$original6;
-        return t((_row$original6 = row.original) === null || _row$original6 === void 0 ? void 0 : _row$original6.status);
+        var _row$original5;
+        return t((_row$original5 = row.original) === null || _row$original5 === void 0 ? void 0 : _row$original5.status);
       }
     }];
   });
@@ -43022,7 +43055,6 @@ const Inbox = ({
   const [totalCount, setTotalCount] = useState(0);
   useEffect(() => {
     if (data) {
-      console.log("yes data", data);
       setStatuses((data === null || data === void 0 ? void 0 : data.statuses) || []);
       setTable((data === null || data === void 0 ? void 0 : data.table) || []);
       setTotalCount((data === null || data === void 0 ? void 0 : data.totalCount) || 0);
@@ -43350,16 +43382,35 @@ const CHBSearchApplication = ({
         onSubmit: toggleMenu,
         disabled: (application === null || application === void 0 ? void 0 : application.bookingStatus) === "CANCELLED" || (application === null || application === void 0 ? void 0 : application.bookingStatus) === "EXPIRED"
       }), isMenuOpen && /*#__PURE__*/React.createElement("div", {
-        className: "chb-dropdown-menu"
+        style: {
+          position: 'absolute',
+          backgroundColor: 'white',
+          border: '1px solid #ccc',
+          borderRadius: '4px',
+          padding: '8px',
+          zIndex: 1000
+        }
       }, (application === null || application === void 0 ? void 0 : application.bookingStatus) === "BOOKED" && /*#__PURE__*/React.createElement("div", {
         onClick: handleCancel,
-        className: "chb-menu-item"
+        style: {
+          display: 'block',
+          padding: '8px',
+          textDecoration: 'none',
+          color: 'black',
+          cursor: 'pointer'
+        }
       }, t("CHB_CANCEL")), (application === null || application === void 0 ? void 0 : application.bookingStatus) !== "BOOKED" && /*#__PURE__*/React.createElement("div", {
         onClick: () => {
           var _row$original6;
           return handleNavigate(`/digit-ui/employee/payment/collect/chb-services/${row === null || row === void 0 ? void 0 : (_row$original6 = row.original) === null || _row$original6 === void 0 ? void 0 : _row$original6.bookingNo}`);
         },
-        className: "chb-menu-item"
+        style: {
+          display: 'block',
+          padding: '8px',
+          textDecoration: 'none',
+          color: 'black',
+          cursor: 'pointer'
+        }
       }, t("CHB_COLLECT_PAYMENT")))));
     }
   }], []);
@@ -43396,7 +43447,9 @@ const CHBSearchApplication = ({
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Header, null, t("CHB_SEARCH_BOOKINGS")), /*#__PURE__*/React.createElement(Card, {
     className: "card-search-heading"
   }, /*#__PURE__*/React.createElement("span", {
-    className: "cell-text"
+    style: {
+      color: "#505A5F"
+    }
   }, t("Provide at least one parameter to search for an application"))), /*#__PURE__*/React.createElement(SearchForm, {
     onSubmit: onSubmit,
     handleSubmit: handleSubmit
@@ -43452,7 +43505,7 @@ const CHBSearchApplication = ({
       date: props.value,
       disabled: false,
       onChange: props.onChange,
-      max: new Date().toISOString().split("T")[0]
+      max: new Date().toISOString().split('T')[0]
     }),
     name: "fromDate",
     control: control
@@ -43470,7 +43523,9 @@ const CHBSearchApplication = ({
     label: t("ES_COMMON_SEARCH"),
     submit: true
   }), /*#__PURE__*/React.createElement("p", {
-    className: "link-button-margin",
+    style: {
+      marginTop: "10px"
+    },
     onClick: () => {
       reset({
         bookingNo: "",
@@ -43488,10 +43543,14 @@ const CHBSearchApplication = ({
       previousPage();
     }
   }, t(`ES_COMMON_CLEAR_ALL`)))), !isLoading && data !== null && data !== void 0 && data.display ? /*#__PURE__*/React.createElement(Card, {
-    className: "chb-margin-top-20"
+    style: {
+      marginTop: 20
+    }
   }, t(data.display).split("\\n").map((text, index) => /*#__PURE__*/React.createElement("p", {
     key: index,
-    className: "text-align-center"
+    style: {
+      textAlign: "center"
+    }
   }, text))) : !isLoading && data !== "" ? /*#__PURE__*/React.createElement(Table, {
     t: t,
     data: data,
@@ -43500,9 +43559,10 @@ const CHBSearchApplication = ({
     getCellProps: cellInfo => {
       return {
         style: {
-          minWidth: cellInfo.column.Header === t("CHB_INBOX_APPLICATION_NO") ? "240px" : ""
-        },
-        className: "ads-default-cell"
+          minWidth: cellInfo.column.Header === t("CHB_INBOX_APPLICATION_NO") ? "240px" : "",
+          padding: "20px 18px",
+          fontSize: "16px"
+        }
       };
     },
     onPageSizeChange: onPageSizeChange,
@@ -43607,31 +43667,6 @@ const SearchApp = ({
   }));
 };
 
-const CHBBreadCrumbs$1 = ({
-  location,
-  t
-}) => {
-  const crumbs = [{
-    path: "/digit-ui/employee",
-    content: t("ES_COMMON_HOME"),
-    show: true
-  }, {
-    path: "/digit-ui/employee/chb/inbox",
-    content: t("CS_COMMON_INBOX"),
-    show: location.pathname.includes("/chb/inbox") ? true : false
-  }, {
-    path: "/digit-ui/employee/chb/bookHall",
-    content: "Book Hall",
-    show: location.pathname.includes("/chb/bookHall") ? true : false
-  }, {
-    path: "/digit-ui/employee/chb/applicationsearch/application-details",
-    content: "Application Overview",
-    show: location.pathname.includes("/chb/applicationsearch/application-details") ? true : false
-  }];
-  return /*#__PURE__*/React.createElement(BreadCrumb, {
-    crumbs: crumbs
-  });
-};
 const EmployeeApp = ({
   path,
   url,
@@ -43662,15 +43697,20 @@ const EmployeeApp = ({
   const CHBResponseCitizen = Digit.ComponentRegistryService.getComponent("CHBResponseCitizen");
   const isRes = window.location.href.includes("chb/response");
   const isNewRegistration = window.location.href.includes("searchhall") || window.location.href.includes("modify-application") || window.location.href.includes("chb/application-details");
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(AppContainer, null, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "ground-container"
   }, !isRes ? /*#__PURE__*/React.createElement("div", {
-    style: {
-      marginLeft: "10px"
+    style: isNewRegistration ? {
+      marginLeft: "12px",
+      display: "flex",
+      alignItems: "center"
+    } : {
+      marginLeft: "-4px",
+      display: "flex",
+      alignItems: "center"
     }
-  }, /*#__PURE__*/React.createElement(CHBBreadCrumbs$1, {
-    location: location,
-    t: t
+  }, /*#__PURE__*/React.createElement(BackButton, {
+    location: location
   })) : null, /*#__PURE__*/React.createElement(PrivateRoute, {
     exact: true,
     path: `${path}/`,
@@ -43720,7 +43760,7 @@ const EmployeeApp = ({
     component: props => /*#__PURE__*/React.createElement(SearchApp, Object.assign({}, props, {
       parentRoute: path
     }))
-  })));
+  })))));
 };
 
 const CHBIcon = ({
@@ -44425,7 +44465,7 @@ const CHBApplicationDetails$1 = () => {
   let user = Digit.UserService.getUser();
   const menuRef = useRef();
   const isCemp = user === null || user === void 0 ? void 0 : (_user$info = user.info) === null || _user$info === void 0 ? void 0 : _user$info.roles.filter(role => role.code === "CEMP");
-  console.log("isCemp", isCemp);
+  console.log('isCemp', isCemp);
   const userRoles = user === null || user === void 0 ? void 0 : (_user$info2 = user.info) === null || _user$info2 === void 0 ? void 0 : (_user$info2$roles = _user$info2.roles) === null || _user$info2$roles === void 0 ? void 0 : _user$info2$roles.map(e => e.code);
   let actions = (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data6 = workflowDetails.data) === null || _workflowDetails$data6 === void 0 ? void 0 : (_workflowDetails$data7 = _workflowDetails$data6.actionState) === null || _workflowDetails$data7 === void 0 ? void 0 : (_workflowDetails$data8 = _workflowDetails$data7.nextActions) === null || _workflowDetails$data8 === void 0 ? void 0 : _workflowDetails$data8.filter(e => {
     return (userRoles === null || userRoles === void 0 ? void 0 : userRoles.some(role => {
@@ -44596,7 +44636,7 @@ const CHBApplicationDetails$1 = () => {
     payments,
     ...params
   }) {
-    console.log("payments", payments);
+    console.log('payments', payments);
     try {
       var _data$hallsBookingApp2, _data$hallsBookingApp3;
       setLoading(true);
@@ -44612,7 +44652,7 @@ const CHBApplicationDetails$1 = () => {
           };
         })
       };
-      console.log("application", application);
+      console.log('application', application);
       let fileStoreId = data === null || data === void 0 ? void 0 : (_data$hallsBookingApp2 = data.hallsBookingApplication) === null || _data$hallsBookingApp2 === void 0 ? void 0 : (_data$hallsBookingApp3 = _data$hallsBookingApp2[0]) === null || _data$hallsBookingApp3 === void 0 ? void 0 : _data$hallsBookingApp3.paymentReceiptFilestoreId;
       if (!fileStoreId) {
         const response = await Digit.PaymentService.generatePdf(tenantId, {
@@ -44662,7 +44702,7 @@ const CHBApplicationDetails$1 = () => {
         })
       };
       let fileStoreId = data === null || data === void 0 ? void 0 : (_data$hallsBookingApp4 = data.hallsBookingApplication) === null || _data$hallsBookingApp4 === void 0 ? void 0 : (_data$hallsBookingApp5 = _data$hallsBookingApp4[0]) === null || _data$hallsBookingApp5 === void 0 ? void 0 : _data$hallsBookingApp5.permissionLetterFilestoreId;
-      console.log("fileStoreId bef create", fileStoreId);
+      console.log('fileStoreId bef create', fileStoreId);
       if (!fileStoreId) {
         const response = await Digit.PaymentService.generatePdf(tenantId, {
           Payments: [{
@@ -46092,9 +46132,14 @@ const CHBCitizenSecond = ({
   }, /*#__PURE__*/React.createElement("div", {
     className: "label-field-pair"
   }, /*#__PURE__*/React.createElement(CardLabel, null, t("SELECT_HALL_NAME"), " ", /*#__PURE__*/React.createElement("span", {
-    className: "mandatory-asterisk"
+    style: {
+      color: "red"
+    }
   }, "*")), /*#__PURE__*/React.createElement("div", {
-    className: "form-field w-fullwidth"
+    className: "form-field",
+    style: {
+      width: "100%"
+    }
   }, /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "siteId",
@@ -46104,7 +46149,10 @@ const CHBCitizenSecond = ({
     render: props => {
       var _CHBLocations$CHB;
       return /*#__PURE__*/React.createElement(Dropdown, {
-        className: "form-field chb-form-field-margin",
+        style: {
+          marginBottom: 0
+        },
+        className: "form-field",
         select: e => {
           props.onChange(e);
           fiterHalls(e);
@@ -46120,13 +46168,25 @@ const CHBCitizenSecond = ({
       });
     }
   }), errors.siteId && /*#__PURE__*/React.createElement("p", {
-    className: "chb-error-text"
+    style: {
+      color: "red",
+      marginTop: "4px",
+      marginBottom: "0"
+    }
   }, errors.siteId.message))), /*#__PURE__*/React.createElement("div", {
-    className: "label-field-pair chb-margin-top-20"
+    className: "label-field-pair",
+    style: {
+      marginTop: "20px"
+    }
   }, /*#__PURE__*/React.createElement(CardLabel, null, t("SELECT_DATE"), " ", /*#__PURE__*/React.createElement("span", {
-    className: "mandatory-asterisk"
+    style: {
+      color: "red"
+    }
   }, "*")), /*#__PURE__*/React.createElement("div", {
-    className: "form-field w-fullwidth"
+    className: "form-field",
+    style: {
+      width: "100%"
+    }
   }, /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "startDate",
@@ -46134,10 +46194,13 @@ const CHBCitizenSecond = ({
       required: t("START_DATE_REQ")
     },
     render: props => /*#__PURE__*/React.createElement(TextInput, {
+      style: {
+        marginBottom: 0
+      },
       type: "date",
-      className: "form-field chb-form-field-margin",
+      className: "form-field",
       value: props.value,
-      min: new Date().toISOString().split("T")[0],
+      min: new Date(Date.now() + 24 * 60 * 60 * 1000).toISOString().split("T")[0],
       onChange: e => {
         props.onChange(e.target.value);
         setValue("endDate", "");
@@ -46147,13 +46210,25 @@ const CHBCitizenSecond = ({
       }
     })
   }), errors.startDate && /*#__PURE__*/React.createElement("p", {
-    className: "chb-error-text"
+    style: {
+      color: "red",
+      marginTop: "4px",
+      marginBottom: "0"
+    }
   }, errors.startDate.message))), /*#__PURE__*/React.createElement("div", {
-    className: "label-field-pair chb-margin-top-20"
+    className: "label-field-pair",
+    style: {
+      marginTop: "20px"
+    }
   }, /*#__PURE__*/React.createElement(CardLabel, null, t("SELECT_END_DATE"), " ", /*#__PURE__*/React.createElement("span", {
-    className: "mandatory-asterisk"
+    style: {
+      color: "red"
+    }
   }, "*")), /*#__PURE__*/React.createElement("div", {
-    className: "form-field w-fullwidth"
+    className: "form-field",
+    style: {
+      width: "100%"
+    }
   }, /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "endDate",
@@ -46163,19 +46238,19 @@ const CHBCitizenSecond = ({
         if (!value || !startDate) return true;
         const start = new Date(startDate);
         const end = new Date(value);
-        const diffDays = Math.floor((end - start) / (1000 * 60 * 60 * 24));
-        if (diffDays < 0) {
-          return t("END_DATE_BEFORE_START");
-        }
-        if (diffDays > 5) {
+        const daysDiff = Math.ceil((end - start) / (1000 * 60 * 60 * 24));
+        if (daysDiff > 5) {
           return t("END_DATE_MAX_5_DAYS");
         }
         return true;
       }
     },
     render: props => /*#__PURE__*/React.createElement(TextInput, {
+      style: {
+        marginBottom: 0
+      },
       type: "date",
-      className: "form-field chb-form-field-margin",
+      className: "form-field",
       value: props.value,
       min: startDate || new Date().toISOString().split("T")[0],
       onChange: e => {
@@ -46188,13 +46263,25 @@ const CHBCitizenSecond = ({
       disabled: !startDate
     })
   }), errors.endDate && /*#__PURE__*/React.createElement("p", {
-    className: "chb-error-text"
+    style: {
+      color: "red",
+      marginTop: "4px",
+      marginBottom: "0"
+    }
   }, errors.endDate.message))), /*#__PURE__*/React.createElement("div", {
-    className: "label-field-pair chb-margin-top-20"
+    className: "label-field-pair",
+    style: {
+      marginTop: "20px"
+    }
   }, /*#__PURE__*/React.createElement(CardLabel, null, t("HALL_CODE"), " ", /*#__PURE__*/React.createElement("span", {
-    className: "mandatory-asterisk"
+    style: {
+      color: "red"
+    }
   }, "*")), /*#__PURE__*/React.createElement("div", {
-    className: "form-field w-fullwidth"
+    className: "form-field",
+    style: {
+      width: "100%"
+    }
   }, /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "hallCode",
@@ -46202,7 +46289,10 @@ const CHBCitizenSecond = ({
       required: t("HALL_CODE_REQ")
     },
     render: props => /*#__PURE__*/React.createElement(Dropdown, {
-      className: "form-field chb-form-field-margin",
+      style: {
+        marginBottom: 0
+      },
+      className: "form-field",
       select: e => {
         props.onChange(e);
         slotsSearch(e);
@@ -46213,13 +46303,26 @@ const CHBCitizenSecond = ({
       disable: errors.endDate || errors.startDate
     })
   }), errors.hallCode && /*#__PURE__*/React.createElement("p", {
-    className: "chb-error-text"
+    style: {
+      color: "red",
+      marginTop: "4px",
+      marginBottom: "0"
+    }
   }, errors.hallCode.message))), (getSlots === null || getSlots === void 0 ? void 0 : getSlots.length) > 0 && /*#__PURE__*/React.createElement("div", {
-    className: "label-field-pair chb-margin-top-20 chb-margin-bottom-20"
+    className: "label-field-pair",
+    style: {
+      marginTop: "20px",
+      marginBottom: "20px"
+    }
   }, /*#__PURE__*/React.createElement(CardLabel, null, t("AVAILABLE_SLOTS"), " ", /*#__PURE__*/React.createElement("span", {
-    className: "mandatory-asterisk"
+    style: {
+      color: "red"
+    }
   }, "*")), /*#__PURE__*/React.createElement("div", {
-    className: "form-field w-fullwidth"
+    className: "form-field",
+    style: {
+      width: "100%"
+    }
   }, /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "slots",
@@ -46232,7 +46335,12 @@ const CHBCitizenSecond = ({
       }
     },
     render: field => /*#__PURE__*/React.createElement("div", {
-      className: "chb-slot-grid"
+      style: {
+        display: "grid",
+        gridTemplateColumns: "repeat(auto-fit, minmax(250px, 1fr))",
+        gap: "16px",
+        width: "100%"
+      }
     }, getSlots === null || getSlots === void 0 ? void 0 : getSlots.map((slot, idx) => {
       var _field$value, _slot$slotStaus;
       const slotKey = `${slot.hallCode}-${slot.bookingDate}-${slot.fromTime || ""}-${slot.toTime || ""}`;
@@ -46240,7 +46348,16 @@ const CHBCitizenSecond = ({
       const isAvailable = ((_slot$slotStaus = slot.slotStaus) === null || _slot$slotStaus === void 0 ? void 0 : _slot$slotStaus.toLowerCase()) === "available";
       return /*#__PURE__*/React.createElement("label", {
         key: slotKey,
-        className: `chb-slot-card ${!isAvailable ? "chb-slot-card--unavailable" : ""}`
+        style: {
+          border: "1px solid #ccc",
+          borderRadius: "8px",
+          padding: "12px",
+          backgroundColor: isAvailable ? "#e6ffed" : "#ffe6e6",
+          cursor: isAvailable ? "pointer" : "not-allowed",
+          opacity: isAvailable ? 1 : 0.6,
+          flexDirection: "column",
+          gap: "6px"
+        }
       }, /*#__PURE__*/React.createElement("input", {
         type: "checkbox",
         checked: isChecked,
@@ -46267,23 +46384,40 @@ const CHBCitizenSecond = ({
           }
         }
       }), /*#__PURE__*/React.createElement("span", {
-        className: "chb-slot-text"
+        style: {
+          marginLeft: "10px"
+        }
       }, slot.bookingDate, " (", slot.hallCode, ") \u2013", " ", /*#__PURE__*/React.createElement("span", {
-        className: `chb-slot-status ${slot.slotStaus !== "AVAILABLE" ? "chb-slot-status--unavailable" : ""}`
+        style: {
+          color: slot.slotStaus === "AVAILABLE" ? "green" : "red",
+          fontWeight: "bold"
+        }
       }, slot.slotStaus ? slot.slotStaus.charAt(0).toUpperCase() + slot.slotStaus.slice(1).toLowerCase() : "")));
     }))
   }), errors.slots && /*#__PURE__*/React.createElement("p", {
-    className: "chb-error-text"
+    style: {
+      color: "red",
+      marginTop: "4px",
+      marginBottom: "0"
+    }
   }, errors.slots.message))), /*#__PURE__*/React.createElement("div", {
     style: {
       display: showInfo ? "block" : "none"
     }
   }, /*#__PURE__*/React.createElement("div", {
-    className: "label-field-pair chb-margin-top-20"
+    className: "label-field-pair",
+    style: {
+      marginTop: "20px"
+    }
   }, /*#__PURE__*/React.createElement(CardLabel, null, t("CHB_PURPOSE"), " ", /*#__PURE__*/React.createElement("span", {
-    className: "mandatory-asterisk"
+    style: {
+      color: "red"
+    }
   }, "*")), /*#__PURE__*/React.createElement("div", {
-    className: "form-field w-fullwidth"
+    className: "form-field",
+    style: {
+      width: "100%"
+    }
   }, /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "purpose",
@@ -46294,7 +46428,10 @@ const CHBCitizenSecond = ({
     render: props => {
       var _CHBPurpose$CHB;
       return /*#__PURE__*/React.createElement(Dropdown, {
-        className: "form-field chb-form-field-margin",
+        style: {
+          marginBottom: 0
+        },
+        className: "form-field",
         select: props.onChange,
         selected: props.value,
         option: CHBPurpose === null || CHBPurpose === void 0 ? void 0 : (_CHBPurpose$CHB = CHBPurpose.CHB) === null || _CHBPurpose$CHB === void 0 ? void 0 : _CHBPurpose$CHB.Purpose,
@@ -46302,13 +46439,25 @@ const CHBCitizenSecond = ({
       });
     }
   }), errors.purpose && /*#__PURE__*/React.createElement("p", {
-    className: "chb-error-text"
+    style: {
+      color: "red",
+      marginTop: "4px",
+      marginBottom: "0"
+    }
   }, errors.purpose.message))), /*#__PURE__*/React.createElement("div", {
-    className: "label-field-pair chb-margin-top-20"
+    className: "label-field-pair",
+    style: {
+      marginTop: "20px"
+    }
   }, /*#__PURE__*/React.createElement(CardLabel, null, t("CHB_SPECIAL_CATEGORY"), " ", /*#__PURE__*/React.createElement("span", {
-    className: "mandatory-asterisk"
+    style: {
+      color: "red"
+    }
   }, "*")), /*#__PURE__*/React.createElement("div", {
-    className: "form-field w-fullwidth"
+    className: "form-field",
+    style: {
+      width: "100%"
+    }
   }, /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "specialCategory",
@@ -46319,7 +46468,10 @@ const CHBCitizenSecond = ({
     render: props => {
       var _SpecialCategory$CHB;
       return /*#__PURE__*/React.createElement(Dropdown, {
-        className: "form-field chb-form-field-margin",
+        style: {
+          marginBottom: 0
+        },
+        className: "form-field",
         select: props.onChange,
         selected: props.value,
         option: SpecialCategory === null || SpecialCategory === void 0 ? void 0 : (_SpecialCategory$CHB = SpecialCategory.CHB) === null || _SpecialCategory$CHB === void 0 ? void 0 : _SpecialCategory$CHB.SpecialCategory,
@@ -46327,13 +46479,25 @@ const CHBCitizenSecond = ({
       });
     }
   }), errors.specialCategory && /*#__PURE__*/React.createElement("p", {
-    className: "chb-error-text"
+    style: {
+      color: "red",
+      marginTop: "4px",
+      marginBottom: "0"
+    }
   }, errors.specialCategory.message))), /*#__PURE__*/React.createElement("div", {
-    className: "label-field-pair chb-margin-top-20"
+    className: "label-field-pair",
+    style: {
+      marginTop: "20px"
+    }
   }, /*#__PURE__*/React.createElement(CardLabel, null, t("CHB_PURPOSE_DESCRIPTION"), " ", /*#__PURE__*/React.createElement("span", {
-    className: "mandatory-asterisk"
+    style: {
+      color: "red"
+    }
   }, "*")), /*#__PURE__*/React.createElement("div", {
-    className: "form-field w-fullwidth"
+    className: "form-field",
+    style: {
+      width: "100%"
+    }
   }, /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "purposeDescription",
@@ -46346,7 +46510,10 @@ const CHBCitizenSecond = ({
       }
     },
     render: props => /*#__PURE__*/React.createElement(TextArea, {
-      className: "chb-form-field-margin",
+      style: {
+        marginBottom: 0,
+        marginTop: 0
+      },
       type: "textarea",
       value: props.value,
       onChange: e => {
@@ -46357,9 +46524,16 @@ const CHBCitizenSecond = ({
       }
     })
   }), errors.purposeDescription && /*#__PURE__*/React.createElement("p", {
-    className: "chb-error-text"
+    style: {
+      color: "red",
+      marginTop: "4px",
+      marginBottom: "0"
+    }
   }, errors.purposeDescription.message))), !isCitizen && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "label-field-pair chb-margin-top-20"
+    className: "label-field-pair",
+    style: {
+      marginTop: "20px"
+    }
   }, /*#__PURE__*/React.createElement(CardLabel, null, `${t("CHB_DISCOUNT_AMOUNT")}`), /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "discountAmount",
@@ -46367,7 +46541,10 @@ const CHBCitizenSecond = ({
       var _errors$name;
       return /*#__PURE__*/React.createElement(TextInput, {
         type: "number",
-        className: "chb-form-field-margin w-fullwidth",
+        style: {
+          marginBottom: 0,
+          width: "100%"
+        },
         value: props.value,
         error: errors === null || errors === void 0 ? void 0 : (_errors$name = errors.name) === null || _errors$name === void 0 ? void 0 : _errors$name.message,
         onChange: e => {
@@ -46380,7 +46557,10 @@ const CHBCitizenSecond = ({
       });
     }
   })), /*#__PURE__*/React.createElement("div", {
-    className: "label-field-pair chb-margin-top-20"
+    className: "label-field-pair",
+    style: {
+      marginTop: "20px"
+    }
   }, /*#__PURE__*/React.createElement(CardLabel, null, t("CHB_DISCOUNT_REASON")), /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "reason",
@@ -46388,7 +46568,10 @@ const CHBCitizenSecond = ({
       var _errors$name2;
       return /*#__PURE__*/React.createElement(TextInput, {
         type: "text",
-        className: "chb-form-field-margin w-fullwidth",
+        style: {
+          marginBottom: 0,
+          width: "100%"
+        },
         value: props.value,
         error: errors === null || errors === void 0 ? void 0 : (_errors$name2 = errors.name) === null || _errors$name2 === void 0 ? void 0 : _errors$name2.message,
         onChange: e => {
@@ -48255,7 +48438,11 @@ const CitizenConsent = ({
       content: modalStyles.modalContent
     }
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-    className: "break-words text-justify font-roboto"
+    style: {
+      wordWrap: "break-word",
+      textAlign: "justify",
+      fontFamily: "Roboto, serif"
+    }
   }, /*#__PURE__*/React.createElement("div", {
     dangerouslySetInnerHTML: {
       __html: selfdeclarationform
@@ -48910,7 +49097,10 @@ function CHBSummary({
   const renderLabel = (label, value) => /*#__PURE__*/React.createElement("div", {
     className: "bpa-summary-label-field-pair"
   }, /*#__PURE__*/React.createElement(CardLabel, {
-    className: "bpa-summary-bold-label swach-search-container"
+    className: "bpa-summary-bold-label",
+    style: {
+      width: "auto"
+    }
   }, label), /*#__PURE__*/React.createElement("div", null, value || "NA"));
   const slotlistRows = (formData === null || formData === void 0 ? void 0 : (_formData$venueDetail5 = formData.venueDetails) === null || _formData$venueDetail5 === void 0 ? void 0 : (_formData$venueDetail6 = _formData$venueDetail5[0]) === null || _formData$venueDetail6 === void 0 ? void 0 : (_formData$venueDetail7 = _formData$venueDetail6.bookingSlotDetails) === null || _formData$venueDetail7 === void 0 ? void 0 : _formData$venueDetail7.map(slot => {
     var _formData$venueDetail8, _formData$venueDetail9, _formData$venueDetail0, _formData$venueDetail1;
@@ -48939,14 +49129,25 @@ function CHBSummary({
     data: slotlistRows,
     columns: columns,
     getCellProps: cellInfo => ({
-      className: "chb-table-cell-summary"
+      style: {
+        minWidth: "100px",
+        padding: "8px",
+        fontSize: "clamp(0.9rem, 2vw, 1.1rem)",
+        paddingLeft: "10px",
+        wordBreak: "break-word"
+      }
     }),
     isPaginationRequired: false,
     totalRecords: slotlistRows.length
   }), /*#__PURE__*/React.createElement(CardSubHeader, {
     className: "bpa-summary-heading"
   }, t("CS_COMMON_DOCUMENTS")), /*#__PURE__*/React.createElement(StatusTable, null, /*#__PURE__*/React.createElement("div", {
-    className: "bpa-summary-section chb-documents-container"
+    className: "bpa-summary-section",
+    style: {
+      display: "flex",
+      flexWrap: "wrap",
+      gap: "16px"
+    }
   }, (docs === null || docs === void 0 ? void 0 : docs.length) > 0 ? docs === null || docs === void 0 ? void 0 : docs.map((doc, index) => /*#__PURE__*/React.createElement("div", {
     key: index
   }, /*#__PURE__*/React.createElement(CHBDocument, {
@@ -49413,12 +49614,20 @@ const CHBResponseCitizen = props => {
     applicationNumber: ndcCode,
     info: (nocData === null || nocData === void 0 ? void 0 : nocData.applicationStatus) == "REJECTED" ? "" : t(`CHB_APPROVAL_NUMBER`),
     successful: (nocData === null || nocData === void 0 ? void 0 : nocData.applicationStatus) == "REJECTED" ? false : true,
-    className: "stepper",
+    style: {
+      padding: "10px"
+    },
     headerStyles: {
-      className: "chb-banner-header"
+      fontSize: "clamp(20px, 4vw, 32px)",
+      wordBreak: "break-word"
     }
   }), /*#__PURE__*/React.createElement(ActionBar, {
-    className: "chb-action-bar-response"
+    style: {
+      display: "flex",
+      justifyContent: "flex-end",
+      alignItems: "baseline",
+      gap: " 20px"
+    }
   }, /*#__PURE__*/React.createElement(SubmitBar, {
     label: t("CORE_COMMON_GO_TO_HOME"),
     onSubmit: onSubmit