@mseva/digit-ui-module-obps 1.0.48 → 1.0.49

package/dist/index.modern.js

@@ -13247,7 +13247,8 @@ const Timeline = ({
 const BasicDetails = ({
   formData,
   onSelect,
-  config
+  config,
+  currentStepData
 }) => {
   var _formData$data, _formData$data2, _formData$data3, _mdmsData$BPA, _basicData$planDetail, _basicData$planDetail2, _basicData$planDetail3, _mdmsData$BPA2, _basicData$planDetail4, _basicData$planDetail5, _basicData$planDetail6, _basicData$planDetail12, _basicData$planDetail13, _basicData$planDetail14, _basicData$planDetail15, _scrutinyNumber$edcrN;
   const [showToast, setShowToast] = useState(null);
@@ -13285,6 +13286,16 @@ const BasicDetails = ({
       }
     }
   };
+  useEffect(() => {
+    var _currentStepData$crea;
+    if (!scrutinyNumber && currentStepData !== null && currentStepData !== void 0 && (_currentStepData$crea = currentStepData.createdResponse) !== null && _currentStepData$crea !== void 0 && _currentStepData$crea.edcrNumber) {
+      var _currentStepData$crea2;
+      setScrutinyNumber({
+        edcrNumber: currentStepData === null || currentStepData === void 0 ? void 0 : (_currentStepData$crea2 = currentStepData.createdResponse) === null || _currentStepData$crea2 === void 0 ? void 0 : _currentStepData$crea2.edcrNumber
+      });
+    }
+  }, [currentStepData]);
+  console.log("basicData", currentStepData, formData, scrutinyNumber, basicData);
   const closeToast = () => {
     setShowToast(null);
   };
@@ -13372,7 +13383,7 @@ const BasicDetails = ({
     style: {
       marginBottom: "10px"
     }
-  })), !riskType ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement("div", null, basicData && /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardHeader, null, t(`BPA_BASIC_DETAILS_TITLE`)), /*#__PURE__*/React.createElement(StatusTable, null, /*#__PURE__*/React.createElement(Row, {
+  })), scrutinyNumber && basicData && (!riskType ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement("div", null, basicData && /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardHeader, null, t(`BPA_BASIC_DETAILS_TITLE`)), /*#__PURE__*/React.createElement(StatusTable, null, /*#__PURE__*/React.createElement(Row, {
     className: "border-none",
     label: t(`BPA_BASIC_DETAILS_APP_DATE_LABEL`),
     text: basicData !== null && basicData !== void 0 && basicData.applicationDate ? format(new Date(basicData === null || basicData === void 0 ? void 0 : basicData.applicationDate), "dd/MM/yyyy") : basicData === null || basicData === void 0 ? void 0 : basicData.applicationDate
@@ -13396,7 +13407,7 @@ const BasicDetails = ({
     className: "border-none",
     label: t(`BPA_BASIC_DETAILS_APPLICATION_NAME_LABEL`),
     text: basicData === null || basicData === void 0 ? void 0 : (_basicData$planDetail14 = basicData.planDetail) === null || _basicData$planDetail14 === void 0 ? void 0 : (_basicData$planDetail15 = _basicData$planDetail14.planInformation) === null || _basicData$planDetail15 === void 0 ? void 0 : _basicData$planDetail15.applicantName
-  })))), /*#__PURE__*/React.createElement(ActionBar, null, /*#__PURE__*/React.createElement(SubmitBar, {
+  }))))), /*#__PURE__*/React.createElement(ActionBar, null, /*#__PURE__*/React.createElement(SubmitBar, {
     label: t(`CS_COMMON_NEXT`),
     onSubmit: handleSubmit,
     disabled: !(scrutinyNumber !== null && scrutinyNumber !== void 0 && (_scrutinyNumber$edcrN = scrutinyNumber.edcrNumber) !== null && _scrutinyNumber$edcrN !== void 0 && _scrutinyNumber$edcrN.length) || isLoading || isMdmsLoading || !riskType
@@ -13651,7 +13662,7 @@ const PlotDetails = ({
   const {
     data: LicenseData,
     isLoading: LicenseDataLoading
-  } = Digit.Hooks.obps.useBPAREGSearch(tenantId, queryObject);
+  } = Digit.Hooks.obps.useBPAREGSearch(null, queryObject);
   const [approvedLicense, setApprovedLicense] = useState(null);
   const data = currentStepData === null || currentStepData === void 0 ? void 0 : (_currentStepData$Basi = currentStepData.BasicDetails) === null || _currentStepData$Basi === void 0 ? void 0 : _currentStepData$Basi.edcrDetails;
   console.log("sessionStorageData", approvedLicense);
@@ -13993,9 +14004,7 @@ const PlotDetails = ({
   if (apiLoading || LicenseDataLoading) {
     return /*#__PURE__*/React.createElement(Loader, null);
   }
-  return /*#__PURE__*/React.createElement("div", null, isMobile && /*#__PURE__*/React.createElement(Timeline, {
-    flow: checkingFlow === "OCBPA" ? "OCBPA" : ""
-  }), /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     style: {
       paddingBottom: isMobile ? "0px" : "8px"
     }
@@ -14356,10 +14365,7 @@ const ScrutinyDetails = ({
   }
   return /*#__PURE__*/React.createElement(React.Fragment, {
     style: pageStyle
-  }, isMobile && /*#__PURE__*/React.createElement(Timeline, {
-    currentStep: checkingFlow === "OCBPA" ? 2 : 1,
-    flow: checkingFlow === "OCBPA" ? "OCBPA" : ""
-  }), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     style: {
       paddingBottom: isMobile ? "0px" : "8px"
     }
@@ -15307,9 +15313,7 @@ const BPANewBuildingdetails = ({
     marginBottom: "1rem"
   };
   if (apiLoading) return /*#__PURE__*/React.createElement(Loader, null);
-  return /*#__PURE__*/React.createElement("div", null, !Webview && /*#__PURE__*/React.createElement(Timeline, {
-    currentStep: 2
-  }), /*#__PURE__*/React.createElement(FormStep, {
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(FormStep, {
     config: {
       ...config,
       texts: {
@@ -16082,9 +16086,11 @@ const OwnerDetails = ({
     setShowToast(null);
   };
   const getOwnerDetails = async (indexValue, eData) => {
-    var _ownersCopy$indexValu, _ownersCopy$indexValu2;
+    var _ownersCopy$indexValu, _ownersCopy$indexValu2, _ownersCopy$indexValu3;
     const ownersCopy = cloneDeep_1(fields);
     const ownerNo = (ownersCopy === null || ownersCopy === void 0 ? void 0 : (_ownersCopy$indexValu = ownersCopy[indexValue]) === null || _ownersCopy$indexValu === void 0 ? void 0 : _ownersCopy$indexValu.mobileNumber) || "";
+    const ownerId = (ownersCopy === null || ownersCopy === void 0 ? void 0 : (_ownersCopy$indexValu2 = ownersCopy[indexValue]) === null || _ownersCopy$indexValu2 === void 0 ? void 0 : _ownersCopy$indexValu2.ownerId) || null;
+    console.log("ownerNo", ownerNo, indexValue, ownersCopy, eData);
     setShowToast(null);
     if (!ownerNo.match(getPattern("MobileNo"))) {
       setShowToast({
@@ -16094,7 +16100,7 @@ const OwnerDetails = ({
       });
       return;
     }
-    if (ownerNo === (ownersCopy === null || ownersCopy === void 0 ? void 0 : (_ownersCopy$indexValu2 = ownersCopy[indexValue]) === null || _ownersCopy$indexValu2 === void 0 ? void 0 : _ownersCopy$indexValu2.userName) && (ownerRoleCheck === null || ownerRoleCheck === void 0 ? void 0 : ownerRoleCheck.code) !== "BPA_ARCHITECT" && (ownerRoleCheck === null || ownerRoleCheck === void 0 ? void 0 : ownerRoleCheck.code) !== "BPA_SUPERVISOR") {
+    if (ownerNo === (ownersCopy === null || ownersCopy === void 0 ? void 0 : (_ownersCopy$indexValu3 = ownersCopy[indexValue]) === null || _ownersCopy$indexValu3 === void 0 ? void 0 : _ownersCopy$indexValu3.userName) && (ownerRoleCheck === null || ownerRoleCheck === void 0 ? void 0 : ownerRoleCheck.code) !== "BPA_ARCHITECT" && (ownerRoleCheck === null || ownerRoleCheck === void 0 ? void 0 : ownerRoleCheck.code) !== "BPA_SUPERVISOR") {
       setShowToast({
         key: "true",
         error: true,
@@ -16143,7 +16149,14 @@ const OwnerDetails = ({
           values[indexValue] = userData;
           values[indexValue].isPrimaryOwner = ((_fields$indexValue2 = fields[indexValue]) === null || _fields$indexValue2 === void 0 ? void 0 : _fields$indexValue2.isPrimaryOwner) || false;
         }
-        const updatedValues = values === null || values === void 0 ? void 0 : values.map(item => {
+        const updatedValues = values === null || values === void 0 ? void 0 : values.map((item, index) => {
+          if (index === indexValue && ownerId) {
+            return {
+              ...item,
+              ownerId,
+              dob: Digit.Utils.date.getDate(item === null || item === void 0 ? void 0 : item.dob)
+            };
+          }
           return {
             ...item,
             dob: Digit.Utils.date.getDate(item === null || item === void 0 ? void 0 : item.dob)
@@ -16341,9 +16354,7 @@ const OwnerDetails = ({
     if (flag == 0) return false;else return true;
   }
   if (apiLoading) return /*#__PURE__*/React.createElement(Loader, null);
-  return /*#__PURE__*/React.createElement("div", null, !Webview && /*#__PURE__*/React.createElement(Timeline, {
-    currentStep: 3
-  }), /*#__PURE__*/React.createElement(FormStep, {
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(FormStep, {
     config: {
       ...config,
       texts: {
@@ -16441,7 +16452,7 @@ const OwnerDetails = ({
         marginTop: "-24px",
         marginRight: Webview ? "-20px" : "-20px"
       },
-      onClick: e => getOwnerDetails(index)
+      onClick: e => getOwnerDetails(index, e)
     }, " ", /*#__PURE__*/React.createElement(SearchIcon, null), " "), /*#__PURE__*/React.createElement(ErrorMessage, {
       message: errors[`mobileNumber_${index}`]
     }))), /*#__PURE__*/React.createElement(CardLabel, null, `${t("CORE_COMMON_NAME")} *`), /*#__PURE__*/React.createElement(TextInput, Object.assign({
@@ -16846,13 +16857,12 @@ const DocumentDetails = ({
   currentStepData,
   onGoBack
 }) => {
-  var _currentStepData$crea, _formData$uiFlow;
+  var _currentStepData$crea;
   const stateId = Digit.ULBService.getStateId();
   const [documents, setDocuments] = useState((currentStepData === null || currentStepData === void 0 ? void 0 : (_currentStepData$crea = currentStepData.createdResponse) === null || _currentStepData$crea === void 0 ? void 0 : _currentStepData$crea.documents) ?? []);
   const [error, setError] = useState(null);
   const [enableSubmit, setEnableSubmit] = useState(true);
   const [checkRequiredFields, setCheckRequiredFields] = useState(false);
-  const checkingFlow = formData === null || formData === void 0 ? void 0 : (_formData$uiFlow = formData.uiFlow) === null || _formData$uiFlow === void 0 ? void 0 : _formData$uiFlow.flow;
   const [showToast, setShowToast] = useState(null);
   const [isNextButtonDisabled, setIsNextButtonDisabled] = useState(false);
   const isMobile = Digit.Utils.browser.isMobile();
@@ -16943,10 +16953,7 @@ const DocumentDetails = ({
     info: t("CS_FILE_APPLICATION_INFO_LABEL"),
     text: `${t("BPA_APPLICATION_NUMBER_LABEL")} ${formData === null || formData === void 0 ? void 0 : formData.applicationNo} ${t("BPA_DOCS_INFORMATION")}`,
     className: "info-banner-wrap-citizen-override"
-  }) : "", isMobile && /*#__PURE__*/React.createElement(Timeline, {
-    currentStep: checkingFlow === "OCBPA" ? 3 : 3,
-    flow: checkingFlow === "OCBPA" ? "OCBPA" : ""
-  }), !isLoading ? /*#__PURE__*/React.createElement(FormStep, {
+  }) : "", !isLoading ? /*#__PURE__*/React.createElement(FormStep, {
     t: t,
     config: {
       ...config,
@@ -21212,7 +21219,7 @@ const CitizenConsent = ({
   setShowTermsPopupOwner,
   otpVerifiedTimestamp
 }) => {
-  var _user$info, _user$info2, _data$applicationData, _data$applicationData2, _data$applicationData3, _data$applicationData4, _data$applicationData5, _data$applicationData6, _data$applicationData7, _data$applicationData8, _data$applicationData9, _data$applicationData0, _params$additionalDet3, _params$additionalDet4, _data$applicationData1, _data$applicationData10, _data$applicationData11, _data$applicationData12, _data$applicationData13, _data$applicationData14, _data$applicationData15, _data$applicationData16;
+  var _user$info, _user$info2, _data$applicationData, _data$applicationData2, _data$applicationData3, _data$applicationData4, _data$applicationData5, _data$applicationData6, _data$applicationData7, _data$applicationData8, _data$applicationData9, _data$applicationData0, _params$additionalDet3, _params$additionalDet4, _params$additionalDet5, _data$applicationData1, _data$applicationData10, _data$applicationData11, _data$applicationData12, _data$applicationData13, _data$applicationData14, _data$applicationData15, _data$applicationData16, _data$applicationData17;
   const [isModalOpen, setIsModalOpen] = useState(false);
   const {
     state
@@ -21261,6 +21268,14 @@ const CitizenConsent = ({
   const ulbselection = (params === null || params === void 0 ? void 0 : (_params$additionalDet3 = params.additionalDetails) === null || _params$additionalDet3 === void 0 ? void 0 : _params$additionalDet3.Ulblisttype) === "Municipal Corporation" ? "Commissioner" : "Executive Officer";
   const TimeStamp = otpVerifiedTimestamp || (params === null || params === void 0 ? void 0 : (_params$additionalDet4 = params.additionalDetails) === null || _params$additionalDet4 === void 0 ? void 0 : _params$additionalDet4.TimeStamp) || "";
   const isCitizenDeclared = sessionStorage.getItem("CitizenConsentdocFilestoreid");
+  const DateOnly = TimeStamp ? (() => {
+    const date = new Date(TimeStamp);
+    const day = String(date.getDate()).padStart(2, "0");
+    const month = String(date.getMonth() + 1).padStart(2, "0");
+    const year = date.getFullYear();
+    return `${day}-${month}-${year}`;
+  })() : "";
+  console.log("TimeStamp", otpVerifiedTimestamp, params === null || params === void 0 ? void 0 : (_params$additionalDet5 = params.additionalDetails) === null || _params$additionalDet5 === void 0 ? void 0 : _params$additionalDet5.TimeStamp, TimeStamp);
   const updatedAdditionalDetails = {
     ...(data === null || data === void 0 ? void 0 : (_data$applicationData1 = data.applicationData) === null || _data$applicationData1 === void 0 ? void 0 : _data$applicationData1.additionalDetails),
     TimeStamp: otpVerifiedTimestamp
@@ -21286,15 +21301,15 @@ const CitizenConsent = ({
     <div style="margin-top:-52px;">
       <p style="margin-bottom:-32px;"><strong>To:</strong></p>
       <p style="margin-bottom:-32px;"><strong>${ulbselection || "<ULB Type>"}</strong></p>
-      <p style="margin-bottom:-32px;"><b>${(data === null || data === void 0 ? void 0 : (_data$applicationData10 = data.applicationData) === null || _data$applicationData10 === void 0 ? void 0 : _data$applicationData10.tenantId) || "<ULB Name>"}</b></p>
+      <p style="margin-bottom:-32px;"><b>${(data === null || data === void 0 ? void 0 : (_data$applicationData10 = data.applicationData) === null || _data$applicationData10 === void 0 ? void 0 : (_data$applicationData11 = _data$applicationData10.additionalDetails) === null || _data$applicationData11 === void 0 ? void 0 : _data$applicationData11.UlbName) || "<ULB Name>"}</b></p>
     </div>
 
     <p style="margin-top:-50px;"><strong>Dear Sir or Madam,</strong></p>
 
     <p style="margin-top:-52px;margin-bottom:-32px; text-align:justify;">
-      I/We, Shri/Smt/Kum <b>${(data === null || data === void 0 ? void 0 : (_data$applicationData11 = data.applicationData) === null || _data$applicationData11 === void 0 ? void 0 : (_data$applicationData12 = _data$applicationData11.landInfo) === null || _data$applicationData12 === void 0 ? void 0 : _data$applicationData12.owners.map(item => item === null || item === void 0 ? void 0 : item.name).join(", ")) || "<Owner Name>"}</b>,
-      undersigned owner(s) of land bearing Kh. No. <b>${khasranumber}</b> of ULB <b>${data === null || data === void 0 ? void 0 : (_data$applicationData13 = data.applicationData) === null || _data$applicationData13 === void 0 ? void 0 : _data$applicationData13.tenantId}</b>, Area <b>${area}</b> (Sq.mts.),
-      Ward Number <b>${ward}</b>, City <b>${(data === null || data === void 0 ? void 0 : (_data$applicationData14 = data.applicationData) === null || _data$applicationData14 === void 0 ? void 0 : (_data$applicationData15 = _data$applicationData14.landInfo) === null || _data$applicationData15 === void 0 ? void 0 : (_data$applicationData16 = _data$applicationData15.address) === null || _data$applicationData16 === void 0 ? void 0 : _data$applicationData16.city) || "<City>"}</b>.
+      I/We, Shri/Smt/Kum <b>${(data === null || data === void 0 ? void 0 : (_data$applicationData12 = data.applicationData) === null || _data$applicationData12 === void 0 ? void 0 : (_data$applicationData13 = _data$applicationData12.landInfo) === null || _data$applicationData13 === void 0 ? void 0 : _data$applicationData13.owners.map(item => item === null || item === void 0 ? void 0 : item.name).join(", ")) || "<Owner Name>"}</b>,
+      undersigned owner(s) of land bearing Kh. No. <b>${khasranumber}</b> of ULB <b>${data === null || data === void 0 ? void 0 : (_data$applicationData14 = data.applicationData) === null || _data$applicationData14 === void 0 ? void 0 : (_data$applicationData15 = _data$applicationData14.additionalDetails) === null || _data$applicationData15 === void 0 ? void 0 : _data$applicationData15.UlbName}</b>, Area <b>${area}</b> (Sq.mts.),
+      Ward Number <b>${ward}</b>, City <b>${(data === null || data === void 0 ? void 0 : (_data$applicationData16 = data.applicationData) === null || _data$applicationData16 === void 0 ? void 0 : (_data$applicationData17 = _data$applicationData16.additionalDetails) === null || _data$applicationData17 === void 0 ? void 0 : _data$applicationData17.District) || "<City>"}</b>.
     </p>
 
     <p style="margin-top:-52px;margin-bottom:-32px; text-align:justify;">
@@ -21324,7 +21339,7 @@ const CitizenConsent = ({
       <tr>
         <td style="width:48%; vertical-align:top; padding:6px; border:1px dotted #000;">
           <div style="font-weight:700; margin-bottom:4px;">Date:</div>
-          <div style="min-height:60px;">${TimeStamp ? TimeStamp.split && TimeStamp.split(" ")[0] : "<Date of Sign>"}</div>
+          <div style="min-height:60px;">${DateOnly || "<Date of Sign>"}</div>
         </td>
 
         <td style="width:52%; vertical-align:top; border:1px dotted #000;">
@@ -21553,7 +21568,7 @@ const FeeEstimation = ({
           ...BPA,
           additionalDetails: {
             ...(currentStepData === null || currentStepData === void 0 ? void 0 : (_currentStepData$crea8 = currentStepData.createdResponse) === null || _currentStepData$crea8 === void 0 ? void 0 : _currentStepData$crea8.additionalDetails),
-            adjustedAmounts: [...(sanctionFeeData.length > 0 ? sanctionFeeData : currentStepData === null || currentStepData === void 0 ? void 0 : (_currentStepData$crea9 = currentStepData.createdResponse) === null || _currentStepData$crea9 === void 0 ? void 0 : (_currentStepData$crea0 = _currentStepData$crea9.additionalDetails) === null || _currentStepData$crea0 === void 0 ? void 0 : _currentStepData$crea0.adjustedAmounts)],
+            adjustedAmounts: [...(Array.isArray(sanctionFeeData) && sanctionFeeData.length > 0 ? sanctionFeeData : Array.isArray(currentStepData === null || currentStepData === void 0 ? void 0 : (_currentStepData$crea9 = currentStepData.createdResponse) === null || _currentStepData$crea9 === void 0 ? void 0 : (_currentStepData$crea0 = _currentStepData$crea9.additionalDetails) === null || _currentStepData$crea0 === void 0 ? void 0 : _currentStepData$crea0.adjustedAmounts) ? currentStepData.createdResponse.additionalDetails.adjustedAmounts : [])],
             selfCertificationCharges: {
               BPA_MALBA_CHARGES: (malbafees === null || malbafees === void 0 ? void 0 : malbafees.length) > 0 ? malbafees : "0",
               BPA_LABOUR_CESS: (labourCess === null || labourCess === void 0 ? void 0 : labourCess.length) > 0 ? labourCess : "0",
@@ -21777,30 +21792,98 @@ const FeeEstimation = ({
       marginTop: "24px"
     }
   }, t("BPA_SANCTION_FEE")), /*#__PURE__*/React.createElement("style", null, `
-          .sanction-fee-table {
-            width: 100%;
-            border-collapse: collapse;
-          }
+    .sanction-fee-wrapper {
+      width: 100%;
+      overflow-x: auto;
+      -webkit-overflow-scrolling: touch;
+    }
 
-          .sanction-fee-table th,
-          .sanction-fee-table td {
-            padding: 8px 12px;
-            border: 1px solid #ddd;
-            color: rgba(13, 67, 167, 1); /* Blue text */
-          }
+    .sanction-fee-table {
+      width: 100%;
+      border-collapse: collapse;
+    }
 
-          .sanction-fee-table th {
-            background-color: #ffffff; /* light header background */
-          }
+    .sanction-fee-table th,
+    .sanction-fee-table td {
+      padding: 8px 12px;
+      border: 1px solid #ddd;
+      color: rgba(13, 67, 167, 1);
+      text-align: left;
+      white-space: nowrap;
+    }
 
-          .sanction-fee-table tr:nth-child(odd) {
-            background-color: rgb(244, 244, 244); 
-          }
+    .sanction-fee-table th {
+      background-color: #ffffff;
+      font-weight: 600;
+    }
 
-          .sanction-fee-table tr:nth-child(even) {
-            background-color: #ffffff; /* white background */
-          }
-        `), /*#__PURE__*/React.createElement("table", {
+    .sanction-fee-table tr:nth-child(odd) {
+      background-color: rgb(244, 244, 244);
+    }
+
+    .sanction-fee-table tr:nth-child(even) {
+      background-color: #ffffff;
+    }
+
+    /* ✅ Mobile View (No overflow) */
+    @media (max-width: 768px) {
+      .sanction-fee-wrapper {
+        overflow-x: hidden;
+        padding: 0 8px;
+      }
+
+      .sanction-fee-table,
+      .sanction-fee-table thead,
+      .sanction-fee-table tbody,
+      .sanction-fee-table th,
+      .sanction-fee-table td,
+      .sanction-fee-table tr {
+        display: block;
+        width: 100%;
+      }
+
+      .sanction-fee-table thead {
+        display: none;
+      }
+
+      .sanction-fee-table tr {
+        margin-bottom: 12px;
+        border: 1px solid #ddd;
+        border-radius: 8px;
+        background: #fff;
+        padding: 8px 12px;
+        box-sizing: border-box;
+        width: 100%;
+      }
+
+      .sanction-fee-table td {
+        border: none;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        text-align: left;
+        white-space: normal;
+        width: 100%;
+        padding: 6px 0;
+        box-sizing: border-box;
+      }
+
+      .sanction-fee-table td::before {
+        content: attr(data-label);
+        font-weight: 600;
+        color: #3f4351;
+        flex-basis: 50%;
+        text-align: left;
+        padding-right: 8px;
+      }
+
+      .sanction-fee-table td > * {
+        flex-basis: 50%;
+        word-break: break-word;
+        text-align: right;
+      }
+    }
+  `), /*#__PURE__*/React.createElement("table", {
     className: "sanction-fee-table",
     style: {
       borderCollapse: "collapse",
@@ -21867,7 +21950,12 @@ const FeeEstimation = ({
       },
       label: t("BPA_VIEW_DOCUMENT")
     }) : t("CS_NA")))));
-  })))), _disable ? null : /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(SubmitBar, {
+  })))), _disable ? null : /*#__PURE__*/React.createElement("div", {
+    style: {
+      paddingTop: "16px",
+      textAlign: isMobile ? "center" : "right"
+    }
+  }, /*#__PURE__*/React.createElement(SubmitBar, {
     onSubmit: () => {
       setRecalculate(true);
     },
@@ -22149,7 +22237,7 @@ const BpaApplicationDetail = () => {
       enabled: !!data
     }
   });
-  console.log("datata", adjustedAmounts);
+  console.log("datata=====", workflowDetails);
   const [agree, setAgree] = useState(false);
   const setdeclarationhandler = () => {
     setAgree(!agree);
@@ -23355,7 +23443,7 @@ const BpaApplicationDetail = () => {
         width: "100%"
       }
     }, displayMenu && (_workflowDetails23 = workflowDetails) !== null && _workflowDetails23 !== void 0 && (_workflowDetails23$da = _workflowDetails23.data) !== null && _workflowDetails23$da !== void 0 && _workflowDetails23$da.nextActions ? /*#__PURE__*/React.createElement(Menu, {
-      localeKeyPrefix: "WF_BPA",
+      localeKeyPrefix: "WF_BPA_ACTION",
       options: (_workflowDetails24 = workflowDetails) === null || _workflowDetails24 === void 0 ? void 0 : (_workflowDetails24$da = _workflowDetails24.data) === null || _workflowDetails24$da === void 0 ? void 0 : _workflowDetails24$da.nextActions.map(action => action.action),
       t: t,
       onSelect: onActionSelect
@@ -35279,8 +35367,6 @@ const BpaApplicationDetail$1 = () => {
       closeModal();
     }
   };
-  let isSingleButton = false;
-  let isMenuBotton = false;
   let actions = (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data34 = workflowDetails.data) === null || _workflowDetails$data34 === void 0 ? void 0 : (_workflowDetails$data35 = _workflowDetails$data34.actionState) === null || _workflowDetails$data35 === void 0 ? void 0 : (_workflowDetails$data36 = _workflowDetails$data35.nextActions) === null || _workflowDetails$data36 === void 0 ? void 0 : _workflowDetails$data36.filter(e => {
     return (userRoles === null || userRoles === void 0 ? void 0 : userRoles.some(role => {
       var _e$roles;
@@ -35292,13 +35378,8 @@ const BpaApplicationDetail$1 = () => {
       return (_e$roles2 = e.roles) === null || _e$roles2 === void 0 ? void 0 : _e$roles2.includes(role);
     })) || !e.roles;
   }));
-  if ((window.location.href.includes("/obps") || window.location.href.includes("/noc")) && (actions === null || actions === void 0 ? void 0 : actions.length) == 1 || actions !== null && actions !== void 0 && (_actions$ = actions[0]) !== null && _actions$ !== void 0 && (_actions$$redirection = _actions$.redirectionUrl) !== null && _actions$$redirection !== void 0 && _actions$$redirection.pathname.includes("/pt/property-details/") && (actions === null || actions === void 0 ? void 0 : actions.length) == 1) {
-    isMenuBotton = false;
-    isSingleButton = true;
-  } else if ((actions === null || actions === void 0 ? void 0 : actions.length) > 0) {
-    isMenuBotton = true;
-    isSingleButton = false;
-  }
+  if ((window.location.href.includes("/obps") || window.location.href.includes("/noc")) && (actions === null || actions === void 0 ? void 0 : actions.length) == 1 || actions !== null && actions !== void 0 && (_actions$ = actions[0]) !== null && _actions$ !== void 0 && (_actions$$redirection = _actions$.redirectionUrl) !== null && _actions$$redirection !== void 0 && _actions$$redirection.pathname.includes("/pt/property-details/") && (actions === null || actions === void 0 ? void 0 : actions.length) == 1) ;
+  console.log("applicationDetailsData", actions, workflowDetails);
   if (isLoading || bpaDocsLoading || isEnableLoader) return /*#__PURE__*/React.createElement(Loader, null);
   const timelineStatusPrefix = workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data39 = workflowDetails.data) === null || _workflowDetails$data39 === void 0 ? void 0 : _workflowDetails$data39.applicationBusinessService;
   const statusAttribute = "status";
@@ -35322,16 +35403,7 @@ const BpaApplicationDetail$1 = () => {
       alignItems: "center",
       flexWrap: "nowrap"
     }
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {}
-  }, dowloadOptions && dowloadOptions.length > 0 && /*#__PURE__*/React.createElement(MultiLink, {
-    className: "multilinkWrapper",
-    onHeadClick: () => setShowOptions(!showOptions),
-    displayOptions: showOptions,
-    options: dowloadOptions,
-    downloadBtnClassName: "employee-download-btn-className",
-    optionsClassName: "employee-options-btn-className"
-  })), /*#__PURE__*/React.createElement(LinkButton, {
+  }, /*#__PURE__*/React.createElement(LinkButton, {
     label: t("VIEW_TIMELINE"),
     style: {
       color: "#A52A2A"
@@ -35631,7 +35703,7 @@ const BpaApplicationDetail$1 = () => {
     workflowDetails: workflowDetails,
     moduleCode: "BPA",
     blockReason: blockReason === null || blockReason === void 0 ? void 0 : (_blockReason$BPA = blockReason.BPA) === null || _blockReason$BPA === void 0 ? void 0 : _blockReason$BPA.BlockReason
-  }) : null, !(workflowDetails !== null && workflowDetails !== void 0 && workflowDetails.isLoading) && isMenuBotton && !isSingleButton && /*#__PURE__*/React.createElement(ActionBar, null, displayMenu && (workflowDetails !== null && workflowDetails !== void 0 && (_workflowDetails$data63 = workflowDetails.data) !== null && _workflowDetails$data63 !== void 0 && (_workflowDetails$data64 = _workflowDetails$data63.actionState) !== null && _workflowDetails$data64 !== void 0 && _workflowDetails$data64.nextActions || workflowDetails !== null && workflowDetails !== void 0 && (_workflowDetails$data65 = workflowDetails.data) !== null && _workflowDetails$data65 !== void 0 && _workflowDetails$data65.nextActions) ? /*#__PURE__*/React.createElement(Menu, {
+  }) : null, !(workflowDetails !== null && workflowDetails !== void 0 && workflowDetails.isLoading) && /*#__PURE__*/React.createElement(ActionBar, null, displayMenu && (workflowDetails !== null && workflowDetails !== void 0 && (_workflowDetails$data63 = workflowDetails.data) !== null && _workflowDetails$data63 !== void 0 && (_workflowDetails$data64 = _workflowDetails$data63.actionState) !== null && _workflowDetails$data64 !== void 0 && _workflowDetails$data64.nextActions || workflowDetails !== null && workflowDetails !== void 0 && (_workflowDetails$data65 = workflowDetails.data) !== null && _workflowDetails$data65 !== void 0 && _workflowDetails$data65.nextActions) ? /*#__PURE__*/React.createElement(Menu, {
     localeKeyPrefix: `WF_EMPLOYEE_${(_ref = workflowDetails !== null && workflowDetails !== void 0 && (_workflowDetails$data66 = workflowDetails.data) !== null && _workflowDetails$data66 !== void 0 && _workflowDetails$data66.applicationBusinessService ? workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data67 = workflowDetails.data) === null || _workflowDetails$data67 === void 0 ? void 0 : _workflowDetails$data67.applicationBusinessService : data === null || data === void 0 ? void 0 : (_data$applicationData79 = data.applicationData) === null || _data$applicationData79 === void 0 ? void 0 : _data$applicationData79.businessService) === null || _ref === void 0 ? void 0 : _ref.toUpperCase()}`,
     options: actions,
     optionKey: "action",
@@ -47305,6 +47377,7 @@ const NewSelfCertificationStepForm = () => {
   console.log("FORMSTATE-Inital-OBPS", formState);
   const step = formState.step;
   const tenantId = Digit.ULBService.getCurrentTenantId();
+  const isMobile = window.Digit.Utils.browser.isMobile();
   const setStep = updatedStepNumber => {
     dispatch(SET_OBPS_STEP(updatedStepNumber));
   };
@@ -47316,7 +47389,7 @@ const NewSelfCertificationStepForm = () => {
     return () => unlisten();
   }, [history, dispatch]);
   return /*#__PURE__*/React.createElement("div", {
-    className: "pageCard"
+    className: isMobile ? "" : "pageCard"
   }, /*#__PURE__*/React.createElement(CardHeader, {
     styles: {
       fontSize: "28px",
@@ -47354,6 +47427,7 @@ const NewSelfCertificationStepFormOne = ({
   const scrutinyDetails = ((_JSON$parse = JSON.parse(sessionStorage.getItem("Digit.BUILDING_PERMIT"))) === null || _JSON$parse === void 0 ? void 0 : _JSON$parse.value) || {};
   const [applicationNo, setApplicationNo] = useState((scrutinyDetails === null || scrutinyDetails === void 0 ? void 0 : (_scrutinyDetails$data = scrutinyDetails.data) === null || _scrutinyDetails$data === void 0 ? void 0 : _scrutinyDetails$data.applicationNo) || "");
   const tenantId = localStorage.getItem("CITIZEN.CITY");
+  const [isLoading, setIsLoading] = useState(false);
   useEffect(() => {
     var _scrutinyDetails$data2;
     if (scrutinyDetails !== null && scrutinyDetails !== void 0 && (_scrutinyDetails$data2 = scrutinyDetails.data) !== null && _scrutinyDetails$data2 !== void 0 && _scrutinyDetails$data2.applicationNo) {
@@ -47363,10 +47437,26 @@ const NewSelfCertificationStepFormOne = ({
   }, [scrutinyDetails === null || scrutinyDetails === void 0 ? void 0 : (_scrutinyDetails$data4 = scrutinyDetails.data) === null || _scrutinyDetails$data4 === void 0 ? void 0 : _scrutinyDetails$data4.applicationNo]);
   useEffect(async () => {
     if (applicationNo) {
-      const response = await Digit.OBPSService.BPASearch(tenantId, {
-        applicationNo
-      });
-      console.log("responseOfSearch", response);
+      try {
+        var _response$ResponseInf;
+        setIsLoading(true);
+        const response = await Digit.OBPSService.BPASearch(tenantId, {
+          applicationNo
+        });
+        if ((response === null || response === void 0 ? void 0 : (_response$ResponseInf = response.ResponseInfo) === null || _response$ResponseInf === void 0 ? void 0 : _response$ResponseInf.status) === "successful") {
+          var _response$BPA;
+          dispatch(UPDATE_OBPS_FORM("createdResponse", response === null || response === void 0 ? void 0 : (_response$BPA = response.BPA) === null || _response$BPA === void 0 ? void 0 : _response$BPA[0]));
+          setIsLoading(false);
+        } else {
+          setError(t("Some_Unknown_Error"));
+          setShowToast(true);
+          setIsLoading(false);
+        }
+      } catch (e) {
+        setError(t(e.message));
+        setShowToast(true);
+        setIsLoading(false);
+      }
     }
   }, [applicationNo]);
   const currentStepData = useSelector(function (state) {
@@ -47384,6 +47474,7 @@ const NewSelfCertificationStepFormOne = ({
     setError("");
   };
   console.log("me rendering instead", JSON.parse(sessionStorage.getItem("Digit.BUILDING_PERMIT")));
+  if (isLoading) return /*#__PURE__*/React.createElement(Loader, null);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BasicDetails, {
     onGoBack: onGoBack,
     onSelect: goNext,