@djb25/digit-ui-module-commonpt 1.0.1 → 1.0.2

package/dist/index.modern.js

@@ -1,4 +1,4 @@
-import { Loader, Header, FormComposer, Toast, Card, CardText, StatusTable, Row, SubmitBar, Banner, RadioButtons, Dropdown, InfoBannerIcon, Localities, ResponseComposer, Modal, KeyNote, OTPInput, CardLabelError, FormStep, UploadFile, DatePicker, CardSubHeader, PDFSvg, LabelFieldPair, CardLabel, MultiUploadWrapper, CardHeader, CardSectionHeader, CheckBox, TextInput, LinkButton, Close as Close$e, BreakLine, Table, TelePhone, DisplayPhotos, EditIcon, ViewsIcon, CheckPoint, ConnectingCheckPoints, ActionBar, Menu, ButtonSelector, AppContainer, BackButton, PrivateRoute, BreadCrumb, DeleteIcon, MobileNumber, TextArea, RadioOrSelect, SearchForm, SearchField, DetailsCard, TickMark, PropertyHouse, EmployeeModuleCard, CitizenHomeCard, PTIcon } from '@djb25/digit-ui-react-components';
+import { Loader, Header, FormComposer, Toast, Card, CardText, StatusTable, Row, SubmitBar, Banner, RadioButtons, Dropdown, InfoBannerIcon, Localities, ResponseComposer, Modal, KeyNote, OTPInput, CardLabelError, FormStep, UploadFile, DatePicker, CardSubHeader, PDFSvg, LabelFieldPair, CardLabel, MultiUploadWrapper, CardHeader, CardSectionHeader, CheckBox, TextInput, LinkButton, Close as Close$e, BreakLine, Table, TelePhone, DisplayPhotos, EditIcon, ViewsIcon, CheckPoint, ConnectingCheckPoints, ActionBar, Menu, ButtonSelector, AppContainer, BackButton, PrivateRoute, BreadCrumb, DeleteIcon, MobileNumber, TextArea, RadioOrSelect, SearchForm, SearchField, DetailsCard, TickMark, Label, PropertyHouse, EmployeeModuleCard, CitizenHomeCard, PTIcon } from '@djb25/digit-ui-react-components';
 import React, { useState, useEffect, useLayoutEffect, useMemo, useRef, Fragment as Fragment$1, memo, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useLocation, useHistory, useRouteMatch, Switch, Route, Link, useParams } from 'react-router-dom';
@@ -11772,7 +11772,11 @@ const ActionModal$5 = ({
   actionData,
   applicationData,
   businessService,
-  moduleCode
+  moduleCode,
+  cardClassName,
+  cardFormWrapperClassName,
+  cardFormClassName,
+  formClassName
 }) => {
   var _action$assigneeRoles, _action$assigneeRoles2;
   const {
@@ -12020,7 +12024,11 @@ const ActionModal$5 = ({
     childrenAtTheBottom: true,
     onSubmit: submit,
     defaultValues: defaultValues,
-    formId: "modal-action"
+    formId: "modal-action",
+    cardFormClassName: cardFormClassName,
+    cardFormWrapperClassName: cardFormWrapperClassName,
+    cardClassName: cardClassName,
+    formClassName: formClassName
   })) : /*#__PURE__*/React.createElement(Loader, null);
 };
 
@@ -12204,7 +12212,11 @@ const ActionModal$7 = ({
   actionData,
   applicationData,
   businessService,
-  moduleCode
+  moduleCode,
+  cardClassName,
+  cardFormWrapperClassName,
+  cardFormClassName,
+  formClassName
 }) => {
   var _action$roles, _action$roles$, _action$roles$$map;
   const {
@@ -12284,7 +12296,11 @@ const ActionModal$7 = ({
     childrenAtTheBottom: true,
     onSubmit: submit,
     defaultValues: defaultValues,
-    formId: "modal-action"
+    formId: "modal-action",
+    cardFormClassName: cardFormClassName,
+    cardFormWrapperClassName: cardFormWrapperClassName,
+    cardClassName: cardClassName,
+    formClassName: formClassName
   })) : /*#__PURE__*/React.createElement(Loader, null);
 };
 
@@ -12770,7 +12786,7 @@ const configWTApproverApplication = ({
             required: true
           }
         }
-      }, (action === null || action === void 0 ? void 0 : action.state) === "PENDING_FOR_VEHICLE_DRIVER_ASSIGN" ? {
+      }, (action === null || action === void 0 ? void 0 : action.state) === "PENDING_FOR_VEHICLE_DRIVER_ASSIGN" && (action === null || action === void 0 ? void 0 : action.action) !== "ASSIGN_VEHICLE_DRIVER" ? {
         label: t("RS_ASSIGN"),
         type: "dropdown",
         populators: /*#__PURE__*/React.createElement(Dropdown, {
@@ -12780,7 +12796,7 @@ const configWTApproverApplication = ({
           select: setSelectedVendor,
           selected: selectedVendor
         })
-      } : "null", (action === null || action === void 0 ? void 0 : action.state) === "DELIVERY_PENDING" ? {
+      } : "null", (action === null || action === void 0 ? void 0 : action.state) === "DELIVERY_PENDING" || (action === null || action === void 0 ? void 0 : action.action) === "ASSIGN_VEHICLE_DRIVER" ? {
         label: t("RS_REGISTRATION_NUMBER"),
         type: "dropdown",
         populators: /*#__PURE__*/React.createElement(Dropdown, {
@@ -12837,9 +12853,13 @@ const ActionModal$b = ({
   actionData,
   applicationData,
   businessService,
-  moduleCode
+  moduleCode,
+  cardClassName,
+  cardFormWrapperClassName,
+  cardFormClassName,
+  formClassName
 }) => {
-  var _action$assigneeRoles, _action$assigneeRoles2, _dsoData$vendor, _vehicleData$vehicle;
+  var _action$assigneeRoles, _action$assigneeRoles2, _dsoData$vendor, _vehicleData$vehicle, _vehicleData$vehicle$;
   const {
     data: approverData,
     isLoading: PTALoading
@@ -12860,17 +12880,19 @@ const ActionModal$b = ({
   } = Digit.Hooks.fsm.useVendorSearch({
     tenantId,
     config: {
-      enabled: (action === null || action === void 0 ? void 0 : action.state) === "PENDING_FOR_VEHICLE_DRIVER_ASSIGN"
+      enabled: (action === null || action === void 0 ? void 0 : action.state) === "PENDING_FOR_VEHICLE_DRIVER_ASSIGN" || (action === null || action === void 0 ? void 0 : action.action) === "ASSIGN_VEHICLE_DRIVER"
     }
   });
   let vendorDescription = [];
-  dsoData === null || dsoData === void 0 ? void 0 : (_dsoData$vendor = dsoData.vendor) === null || _dsoData$vendor === void 0 ? void 0 : _dsoData$vendor.map(item => {
-    var _item$additionalDetai;
-    if ((item === null || item === void 0 ? void 0 : (_item$additionalDetai = item.additionalDetails) === null || _item$additionalDetai === void 0 ? void 0 : _item$additionalDetai.description) === "WT") {
+  dsoData === null || dsoData === void 0 ? void 0 : (_dsoData$vendor = dsoData.vendor) === null || _dsoData$vendor === void 0 ? void 0 : _dsoData$vendor.forEach(item => {
+    var _item$additionalDetai, _item$additionalDetai2;
+    if ((item === null || item === void 0 ? void 0 : (_item$additionalDetai = item.additionalDetails) === null || _item$additionalDetai === void 0 ? void 0 : _item$additionalDetai.description) === "WT" || (item === null || item === void 0 ? void 0 : (_item$additionalDetai2 = item.additionalDetails) === null || _item$additionalDetai2 === void 0 ? void 0 : _item$additionalDetai2.serviceType) === "WT") {
+      var _item$owner;
+      const displayLabel = `${item === null || item === void 0 ? void 0 : item.name} (${item === null || item === void 0 ? void 0 : (_item$owner = item.owner) === null || _item$owner === void 0 ? void 0 : _item$owner.mobileNumber})`;
       vendorDescription.push({
         code: item === null || item === void 0 ? void 0 : item.name,
-        name: item === null || item === void 0 ? void 0 : item.name,
-        i18nKey: item === null || item === void 0 ? void 0 : item.name,
+        name: displayLabel,
+        i18nKey: displayLabel,
         vendorId: item === null || item === void 0 ? void 0 : item.id
       });
     }
@@ -12881,17 +12903,22 @@ const ActionModal$b = ({
   } = Digit.Hooks.fsm.useVehiclesSearch({
     tenantId,
     config: {
-      enabled: (action === null || action === void 0 ? void 0 : action.state) === "DELIVERY_PENDING"
+      enabled: (action === null || action === void 0 ? void 0 : action.state) === "DELIVERY_PENDING" || (action === null || action === void 0 ? void 0 : action.action) === "ASSIGN_VEHICLE_DRIVER"
     }
   });
   let vehicleDescription = [];
-  vehicleData === null || vehicleData === void 0 ? void 0 : (_vehicleData$vehicle = vehicleData.vehicle) === null || _vehicleData$vehicle === void 0 ? void 0 : _vehicleData$vehicle.map(item => {
+  vehicleData === null || vehicleData === void 0 ? void 0 : (_vehicleData$vehicle = vehicleData.vehicle) === null || _vehicleData$vehicle === void 0 ? void 0 : (_vehicleData$vehicle$ = _vehicleData$vehicle.filter(item => {
+    var _item$driverData, _item$driver;
+    return (item === null || item === void 0 ? void 0 : (_item$driverData = item.driverData) === null || _item$driverData === void 0 ? void 0 : _item$driverData.id) || (item === null || item === void 0 ? void 0 : (_item$driver = item.driver) === null || _item$driver === void 0 ? void 0 : _item$driver.id);
+  })) === null || _vehicleData$vehicle$ === void 0 ? void 0 : _vehicleData$vehicle$.map(item => {
+    var _item$driverData2, _item$driver2;
     vehicleDescription.push({
       code: item === null || item === void 0 ? void 0 : item.registrationNumber,
       name: item === null || item === void 0 ? void 0 : item.registrationNumber,
       i18nKey: item === null || item === void 0 ? void 0 : item.registrationNumber,
       tankerCapacity: item === null || item === void 0 ? void 0 : item.tankCapacity,
-      vehicleId: item === null || item === void 0 ? void 0 : item.id
+      vehicleId: item === null || item === void 0 ? void 0 : item.id,
+      driverId: (item === null || item === void 0 ? void 0 : (_item$driverData2 = item.driverData) === null || _item$driverData2 === void 0 ? void 0 : _item$driverData2.ownerId) || (item === null || item === void 0 ? void 0 : (_item$driver2 = item.driver) === null || _item$driver2 === void 0 ? void 0 : _item$driver2.ownerId)
     });
   });
   const [config, setConfig] = useState({});
@@ -12956,6 +12983,10 @@ const ActionModal$b = ({
     if ((action === null || action === void 0 ? void 0 : action.state) === "DELIVERY_PENDING") {
       applicationData.vehicleId = selectVehicle === null || selectVehicle === void 0 ? void 0 : selectVehicle.vehicleId;
     }
+    if ((action === null || action === void 0 ? void 0 : action.action) === "ASSIGN_VEHICLE_DRIVER") {
+      applicationData.vehicleId = selectVehicle === null || selectVehicle === void 0 ? void 0 : selectVehicle.vehicleId;
+      applicationData.driverId = selectVehicle === null || selectVehicle === void 0 ? void 0 : selectVehicle.driverId;
+    }
     let requestPayload = businessService === "watertanker" ? {
       waterTankerBookingDetail: {
         ...applicationData,
@@ -12980,7 +13011,7 @@ const ActionModal$b = ({
         selectedVendor,
         setSelectedVendor,
         vendorDescription: dsoData ? vendorDescription : undefined,
-        vehicleDescription: vehicleData ? vehicleDescription : undefined,
+        vehicleDescription: vehicleData || (action === null || action === void 0 ? void 0 : action.action) === "ASSIGN_VEHICLE_DRIVER" ? vehicleDescription : undefined,
         selectVehicle,
         setSelectVehicle
       }));
@@ -13005,7 +13036,11 @@ const ActionModal$b = ({
     childrenAtTheBottom: true,
     onSubmit: submit,
     defaultValues: defaultValues,
-    formId: "modal-action"
+    formId: "modal-action",
+    cardFormClassName: cardFormClassName,
+    cardFormWrapperClassName: cardFormWrapperClassName,
+    cardClassName: cardClassName,
+    formClassName: formClassName
   })) : /*#__PURE__*/React.createElement(Loader, null);
 };
 
@@ -14554,8 +14589,9 @@ const TLCaption = ({
   }), /*#__PURE__*/React.createElement("p", null, "\xA0\xA0\xA0\xA0")), data.source && /*#__PURE__*/React.createElement("p", null, t("ES_APPLICATION_DETAILS_APPLICATION_CHANNEL_" + data.source.toUpperCase())), data.comment && /*#__PURE__*/React.createElement(Reason, {
     otherComment: data === null || data === void 0 ? void 0 : data.otherComment,
     headComment: data === null || data === void 0 ? void 0 : data.comment
-  }), data !== null && data !== void 0 && data.wfComment ? /*#__PURE__*/React.createElement("div", null, data === null || data === void 0 ? void 0 : (_data$wfComment = data.wfComment) === null || _data$wfComment === void 0 ? void 0 : _data$wfComment.map(e => /*#__PURE__*/React.createElement("div", {
-    className: "TLComments"
+  }), data !== null && data !== void 0 && data.wfComment ? /*#__PURE__*/React.createElement("div", null, data === null || data === void 0 ? void 0 : (_data$wfComment = data.wfComment) === null || _data$wfComment === void 0 ? void 0 : _data$wfComment.map((e, index) => /*#__PURE__*/React.createElement("div", {
+    className: "TLComments",
+    key: index
   }, /*#__PURE__*/React.createElement("h3", null, t("WF_COMMON_COMMENTS")), /*#__PURE__*/React.createElement("p", {
     style: {
       overflowX: "scroll"
@@ -14760,7 +14796,7 @@ const WSAdditonalDetails = ({
     connectionDetails: [],
     plumberDetails: []
   };
-  return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     style: {
       lineHeight: "19px",
       maxWidth: "950px",
@@ -14771,7 +14807,9 @@ const WSAdditonalDetails = ({
   }, t("WS_COMMON_CONNECTION_DETAIL")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     className: "connection-details-new-value-wrapper"
   }, connectionDetails === null || connectionDetails === void 0 ? void 0 : connectionDetails.map((value, index) => {
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Row, {
+    return /*#__PURE__*/React.createElement("div", {
+      key: index
+    }, /*#__PURE__*/React.createElement(Row, {
       className: "border-none",
       key: `${value.title}`,
       label: `${t(`${value.title}`)}`,
@@ -14793,9 +14831,10 @@ const WSAdditonalDetails = ({
     style: cardSubHeaderStyles()
   }, t("WS_ROAD_CUTTING_DETAILS")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     className: "plumber-details-new-value-wrapper"
-  }, roadCuttingDetails === null || roadCuttingDetails === void 0 ? void 0 : roadCuttingDetails.map(value => {
+  }, roadCuttingDetails === null || roadCuttingDetails === void 0 ? void 0 : roadCuttingDetails.map((value, index) => {
     var _value$values;
     return /*#__PURE__*/React.createElement("div", {
+      key: index,
       style: (roadCuttingDetails === null || roadCuttingDetails === void 0 ? void 0 : roadCuttingDetails.length) > 1 ? {
         border: "1px solid #D6D5D4",
         background: "#FAFAFA",
@@ -15761,7 +15800,7 @@ function ApplicationDetailsContent({
   oldValue,
   isInfoLabel = false
 }) {
-  var _applicationDetails$a, _applicationDetails$a2, _workflowDetails$data3, _workflowDetails$data4, _workflowDetails$data5, _workflowDetails$data6, _workflowDetails$data7, _workflowDetails$data8, _workflowDetails$data9, _workflowDetails$data0, _workflowDetails$data1, _workflowDetails$data10, _workflowDetails$data11, _workflowDetails$data19, _workflowDetails$data20;
+  var _applicationDetails$a2, _workflowDetails$data3, _workflowDetails$data4, _workflowDetails$data5, _workflowDetails$data6, _workflowDetails$data7, _workflowDetails$data8, _workflowDetails$data9, _workflowDetails$data0, _workflowDetails$data1, _workflowDetails$data10, _workflowDetails$data11, _workflowDetails$data19, _workflowDetails$data20;
   const {
     t
   } = useTranslation();
@@ -15773,8 +15812,6 @@ function ApplicationDetailsContent({
   let {
     id: applicationNo
   } = useParams();
-  const ownersSequences = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a = applicationDetails.applicationData) === null || _applicationDetails$a === void 0 ? void 0 : _applicationDetails$a.owners;
-  console.log("ownersSequences:- ", ownersSequences);
   function OpenImage(imageSource, index, thumbnailsToShow) {
     var _thumbnailsToShow$ful;
     window.open(thumbnailsToShow === null || thumbnailsToShow === void 0 ? void 0 : (_thumbnailsToShow$ful = thumbnailsToShow.fullImage) === null || _thumbnailsToShow$ful === void 0 ? void 0 : _thumbnailsToShow$ful[0], "_blank");
@@ -15983,7 +16020,6 @@ function ApplicationDetailsContent({
   const openFilePDF = fileId => {
     Digit.UploadServices.Filefetch([fileId], Digit.ULBService.getStateId()).then(res => {
       var _res$data, _res$data$fileStoreId, _res$data$fileStoreId2;
-      console.log("Response of file:", res);
       const concatenatedUrls = res === null || res === void 0 ? void 0 : (_res$data = res.data) === null || _res$data === void 0 ? void 0 : (_res$data$fileStoreId = _res$data.fileStoreIds) === null || _res$data$fileStoreId === void 0 ? void 0 : (_res$data$fileStoreId2 = _res$data$fileStoreId[0]) === null || _res$data$fileStoreId2 === void 0 ? void 0 : _res$data$fileStoreId2.url;
       if (concatenatedUrls) {
         const urlArray = concatenatedUrls.split(",");
@@ -16017,18 +16053,18 @@ function ApplicationDetailsContent({
     infoClickInfoLabel: getClickInfoDetails(),
     infoClickInfoLabel1: getClickInfoDetails1()
   }) : null, applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a2 = applicationDetails.applicationDetails) === null || _applicationDetails$a2 === void 0 ? void 0 : _applicationDetails$a2.map((detail, index) => {
-    var _detail$values, _detail$additionalDet, _applicationDetails$a3, _applicationDetails$a4, _applicationDetails$a5, _detail$additionalDet2, _applicationDetails$a6, _applicationDetails$a7, _detail$additionalDet3, _detail$additionalDet4, _detail$additionalDet5, _detail$additionalDet6, _detail$additionalDet7, _detail$additionalDet8, _detail$additionalDet9, _detail$additionalDet0, _detail$additionalDet1, _workflowDetails$data, _workflowDetails$data2, _detail$additionalDet10, _detail$additionalDet11, _detail$additionalDet12, _detail$additionalDet13, _detail$additionalDet14, _detail$additionalDet15, _detail$additionalDet16, _detail$additionalDet17, _detail$additionalDet18, _detail$additionalDet19, _detail$additionalDet20, _detail$additionalDet21, _detail$additionalDet22, _detail$additionalDet23, _detail$additionalDet24, _detail$additionalDet25, _detail$additionalDet26, _detail$additionalDet27, _detail$additionalDet28, _detail$additionalDet29;
+    var _detail$title, _detail$values, _detail$additionalDet, _applicationDetails$a3, _applicationDetails$a4, _applicationDetails$a5, _detail$additionalDet2, _applicationDetails$a6, _applicationDetails$a7, _detail$additionalDet3, _detail$additionalDet4, _detail$additionalDet5, _detail$additionalDet6, _detail$additionalDet7, _detail$additionalDet8, _detail$additionalDet9, _detail$additionalDet0, _detail$additionalDet1, _workflowDetails$data, _workflowDetails$data2, _detail$additionalDet10, _detail$additionalDet11, _detail$additionalDet12, _detail$additionalDet13, _detail$additionalDet14, _detail$additionalDet15, _detail$additionalDet16, _detail$additionalDet17, _detail$additionalDet18, _detail$additionalDet19, _detail$additionalDet20, _detail$additionalDet21, _detail$additionalDet22, _detail$additionalDet23, _detail$additionalDet24, _detail$additionalDet25, _detail$additionalDet26, _detail$additionalDet27, _detail$additionalDet28, _detail$additionalDet29;
     return /*#__PURE__*/React.createElement(React.Fragment, {
       key: index
     }, /*#__PURE__*/React.createElement("div", {
       style: getMainDivStyles()
-    }, index === 0 && !detail.asSectionHeader ? /*#__PURE__*/React.createElement(CardSubHeader, {
+    }, (detail === null || detail === void 0 ? void 0 : (_detail$title = detail.title) === null || _detail$title === void 0 ? void 0 : _detail$title.trim()) && (index === 0 && !detail.asSectionHeader ? /*#__PURE__*/React.createElement(CardSubHeader, {
       style: {
         marginBottom: "16px",
         fontSize: "24px"
       }
-    }, t(detail.title)) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CardSectionHeader, {
-      style: index == 0 && checkLocation ? {
+    }, t(detail.title)) : /*#__PURE__*/React.createElement(CardSectionHeader, {
+      style: index === 0 && checkLocation ? {
         marginBottom: "16px",
         fontSize: "24px"
       } : {
@@ -16036,26 +16072,28 @@ function ApplicationDetailsContent({
         marginTop: "32px",
         fontSize: "24px"
       }
-    }, isNocLocation ? `${t(detail.title)}` : t(detail.title), detail !== null && detail !== void 0 && detail.Component ? /*#__PURE__*/React.createElement(detail.Component, null) : null)), (detail === null || detail === void 0 ? void 0 : detail.isTable) && /*#__PURE__*/React.createElement("table", {
+    }, t(detail.title), detail !== null && detail !== void 0 && detail.Component ? /*#__PURE__*/React.createElement(detail.Component, null) : null)), (detail === null || detail === void 0 ? void 0 : detail.isTable) && /*#__PURE__*/React.createElement("table", {
       style: {
         tableLayout: "fixed",
         width: "100%",
         borderCollapse: "collapse",
-        borderCollapse: "collapse",
         border: "1px solid black"
       }
     }, /*#__PURE__*/React.createElement("tr", {
       style: {
         textAlign: "left"
       }
-    }, detail === null || detail === void 0 ? void 0 : detail.headers.map(header => /*#__PURE__*/React.createElement("th", {
+    }, detail === null || detail === void 0 ? void 0 : detail.headers.map((header, index) => /*#__PURE__*/React.createElement("th", {
       style: {
         padding: "10px",
         paddingLeft: "5px",
         border: "1px solid black"
-      }
+      },
+      key: index
     }, t(header)))), detail === null || detail === void 0 ? void 0 : detail.tableRows.map((row, index) => {
-      return /*#__PURE__*/React.createElement("tr", null, row.map((element, idx) => Array.isArray(element) && element.length > 1 && detail.isMaintenance === true ? /*#__PURE__*/React.createElement("td", {
+      return /*#__PURE__*/React.createElement("tr", {
+        key: index
+      }, row.map((element, idx) => Array.isArray(element) && element.length > 1 && detail.isMaintenance === true ? /*#__PURE__*/React.createElement("td", {
         style: {
           paddingTop: "20px",
           textAlign: "left",
@@ -16069,7 +16107,9 @@ function ApplicationDetailsContent({
           flexWrap: "nowrap",
           gap: "5px"
         }
-      }, element.map((file, fileIndex) => /*#__PURE__*/React.createElement("a", {
+      }, element.map((file, fileIndex) =>
+      /*#__PURE__*/
+      React.createElement("a", {
         key: fileIndex,
         onClick: () => openFilePDF(file.fileStoreId),
         rel: "noopener noreferrer",
@@ -16091,7 +16131,7 @@ function ApplicationDetailsContent({
           border: "1px solid black",
           verticalAlign: "middle"
         }
-      }, console.log("Comming Maintainaince data row:- ", element.data), element && element.editButton === true ? /*#__PURE__*/React.createElement("span", {
+      }, element && element.editButton === true ? /*#__PURE__*/React.createElement("span", {
         style: {
           display: "inline-flex",
           gap: "10px",
@@ -16132,7 +16172,7 @@ function ApplicationDetailsContent({
           })
         });
       }
-      if ((value === null || value === void 0 ? void 0 : value.isLink) == true) {
+      if ((value === null || value === void 0 ? void 0 : value.isLink) === true) {
         var _detail$values2;
         return /*#__PURE__*/React.createElement(Row, {
           key: t(value.title),
@@ -16168,7 +16208,9 @@ function ApplicationDetailsContent({
           }
         });
       }
-      return /*#__PURE__*/React.createElement("div", null, window.location.href.includes("modify") ? /*#__PURE__*/React.createElement(Row, {
+      return /*#__PURE__*/React.createElement("div", {
+        key: index
+      }, window.location.href.includes("modify") ? /*#__PURE__*/React.createElement(Row, {
         className: "border-none",
         key: `${value.title}`,
         label: `${t(`${value.title}`)}`,
@@ -16285,7 +16327,7 @@ function ApplicationDetailsContent({
     let timelineStatusPostfix = "";
     if (window.location.href.includes("/obps/")) {
       var _workflowDetails$data12, _workflowDetails$data13, _workflowDetails$data14, _workflowDetails$data15, _workflowDetails$data16, _workflowDetails$data17;
-      if (workflowDetails !== null && workflowDetails !== void 0 && (_workflowDetails$data12 = workflowDetails.data) !== null && _workflowDetails$data12 !== void 0 && (_workflowDetails$data13 = _workflowDetails$data12.timeline[index - 1]) !== null && _workflowDetails$data13 !== void 0 && (_workflowDetails$data14 = _workflowDetails$data13.state) !== null && _workflowDetails$data14 !== void 0 && _workflowDetails$data14.includes("BACK_FROM") || workflowDetails !== null && workflowDetails !== void 0 && (_workflowDetails$data15 = workflowDetails.data) !== null && _workflowDetails$data15 !== void 0 && (_workflowDetails$data16 = _workflowDetails$data15.timeline[index - 1]) !== null && _workflowDetails$data16 !== void 0 && (_workflowDetails$data17 = _workflowDetails$data16.state) !== null && _workflowDetails$data17 !== void 0 && _workflowDetails$data17.includes("SEND_TO_CITIZEN")) timelineStatusPostfix = `_NOT_DONE`;else if ((checkpoint === null || checkpoint === void 0 ? void 0 : checkpoint.performedAction) === "SEND_TO_ARCHITECT") timelineStatusPostfix = `_BY_ARCHITECT_DONE`;else timelineStatusPostfix = index == 0 ? "" : `_DONE`;
+      if (workflowDetails !== null && workflowDetails !== void 0 && (_workflowDetails$data12 = workflowDetails.data) !== null && _workflowDetails$data12 !== void 0 && (_workflowDetails$data13 = _workflowDetails$data12.timeline[index - 1]) !== null && _workflowDetails$data13 !== void 0 && (_workflowDetails$data14 = _workflowDetails$data13.state) !== null && _workflowDetails$data14 !== void 0 && _workflowDetails$data14.includes("BACK_FROM") || workflowDetails !== null && workflowDetails !== void 0 && (_workflowDetails$data15 = workflowDetails.data) !== null && _workflowDetails$data15 !== void 0 && (_workflowDetails$data16 = _workflowDetails$data15.timeline[index - 1]) !== null && _workflowDetails$data16 !== void 0 && (_workflowDetails$data17 = _workflowDetails$data16.state) !== null && _workflowDetails$data17 !== void 0 && _workflowDetails$data17.includes("SEND_TO_CITIZEN")) timelineStatusPostfix = `_NOT_DONE`;else if ((checkpoint === null || checkpoint === void 0 ? void 0 : checkpoint.performedAction) === "SEND_TO_ARCHITECT") timelineStatusPostfix = `_BY_ARCHITECT_DONE`;else timelineStatusPostfix = index === 0 ? "" : `_DONE`;
     }
     return /*#__PURE__*/React.createElement(React.Fragment, {
       key: index
@@ -16815,7 +16857,8 @@ const ApplicationDetails = props => {
     actionData: workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data = workflowDetails.data) === null || _workflowDetails$data === void 0 ? void 0 : _workflowDetails$data.timeline,
     businessService: businessService,
     workflowDetails: workflowDetails,
-    moduleCode: moduleCode
+    moduleCode: moduleCode,
+    cardFormWrapperClassName: "modal-form"
   }) : null, isWarningPop ? /*#__PURE__*/React.createElement(ApplicationDetailsWarningPopup, {
     action: selectedAction,
     workflowDetails: workflowDetails,
@@ -19139,14 +19182,14 @@ const PropertySearchNSummary = ({
     return getOwnersList ? getOwnersList : t("NA");
   };
   if (window.location.href.includes("/ws/")) ;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, (window.location.href.includes("/tl/") ? !((formData === null || formData === void 0 ? void 0 : (_formData$tradedetils = formData.tradedetils) === null || _formData$tradedetils === void 0 ? void 0 : (_formData$tradedetils2 = _formData$tradedetils[0]) === null || _formData$tradedetils2 === void 0 ? void 0 : (_formData$tradedetils3 = _formData$tradedetils2.structureType) === null || _formData$tradedetils3 === void 0 ? void 0 : _formData$tradedetils3.code) === "MOVABLE") && (isEmpNewApplication || isEmpRenewLicense) : true) && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
-    className: "card-label-smaller",
+  return /*#__PURE__*/React.createElement(Card, {
+    className: "no-shadow"
+  }, (window.location.href.includes("/tl/") ? !((formData === null || formData === void 0 ? void 0 : (_formData$tradedetils = formData.tradedetils) === null || _formData$tradedetils === void 0 ? void 0 : (_formData$tradedetils2 = _formData$tradedetils[0]) === null || _formData$tradedetils2 === void 0 ? void 0 : (_formData$tradedetils3 = _formData$tradedetils2.structureType) === null || _formData$tradedetils3 === void 0 ? void 0 : _formData$tradedetils3.code) === "MOVABLE") && (isEmpNewApplication || isEmpRenewLicense) : true) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(Label, {
     style: getInputStyles()
   }, `${t(`PROPERTY_ID`)}`), /*#__PURE__*/React.createElement("div", {
-    className: "field",
     style: {
-      marginTop: "20px",
-      display: "flex"
+      display: "flex",
+      gap: "12px"
     }
   }, /*#__PURE__*/React.createElement(TextInput, {
     key: config.key,
@@ -19159,8 +19202,7 @@ const PropertySearchNSummary = ({
     },
     style: {
       width: "80%",
-      float: "left",
-      marginRight: "20px"
+      float: "left"
     }
   }), /*#__PURE__*/React.createElement("button", {
     className: "submit-bar",
@@ -19196,9 +19238,8 @@ const PropertySearchNSummary = ({
       marginTop: "20px"
     }
   }, t("PT_DETAILS")), /*#__PURE__*/React.createElement(StatusTable, null, /*#__PURE__*/React.createElement("div", {
-    style: isMobile ? {} : {
-      maxWidth: "60%"
-    }
+    className: "formcomposer-section-grid",
+    style: isMobile ? {} : {}
   }, /*#__PURE__*/React.createElement(Row, {
     className: "border-none",
     labelStyle: isMobile ? {