@djb25/digit-ui-module-ws 1.0.86 → 1.0.88

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.js +1150 -68
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.modern.js +1150 -68
  4. package/dist/index.modern.js.map +1 -1
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -9206,7 +9206,7 @@ const App = _ref => {
9206
9206
  }, {
9207
9207
  path: "/digit-ui/citizen/ws/my-connections",
9208
9208
  label: t("WS_MYCONNECTIONS_HEADER"),
9209
- show: location.pathname.includes("/my-connections") || location.pathname.includes("/connection/details") || location.pathname.includes("/modify-connection")
9209
+ show: location.pathname.includes("/my-connections") || location.pathname.includes("/connection/details") || location.pathname.includes("/modify-connection") || location.pathname.includes("/consumption/details")
9210
9210
  }, {
9211
9211
  path: "/digit-ui/citizen/ws/my-bills",
9212
9212
  label: t("CS_WS_MY_BILLS"),
@@ -9224,9 +9224,13 @@ const App = _ref => {
9224
9224
  label: t("WS_APPLICATION_DETAILS_HEADER"),
9225
9225
  show: location.pathname.includes("/connection/application") || location.pathname.includes("/edit-application")
9226
9226
  }, {
9227
- path: location.pathname,
9227
+ path: location.pathname.includes("/consumption/details") ? `/digit-ui/citizen/ws/connection/details/${new URLSearchParams(location.search).get("applicationNo") || ""}` : location.pathname,
9228
9228
  label: t("WS_COMMON_CONNECTION_DETAIL"),
9229
- show: location.pathname.includes("/connection/details") || location.pathname.includes("/modify-connection")
9229
+ show: location.pathname.includes("/connection/details") || location.pathname.includes("/modify-connection") || location.pathname.includes("/consumption/details")
9230
+ }, {
9231
+ path: location.pathname,
9232
+ label: t("WS_VIEW_CONSUMPTION_DETAIL"),
9233
+ show: location.pathname.includes("/consumption/details")
9230
9234
  }, {
9231
9235
  path: location.pathname,
9232
9236
  label: t("WS_EDIT_CONNECTION") || "Edit Connection",
@@ -9322,7 +9326,9 @@ const App = _ref => {
9322
9326
  component: WSCitizenConnectionDetails
9323
9327
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.PrivateRoute, {
9324
9328
  path: `${path}/consumption/details`,
9325
- component: WSCitizenConsumptionDetails
9329
+ component: () => /*#__PURE__*/React__default.createElement(digitUiReactComponents.LayoutWrapper, {
9330
+ layoutClass: "action"
9331
+ }, /*#__PURE__*/React__default.createElement(WSCitizenConsumptionDetails, null))
9326
9332
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.PrivateRoute, {
9327
9333
  path: `${path}/edit-application/:tenantId`,
9328
9334
  component: WSCitizenEditApplication
@@ -28410,7 +28416,6 @@ const newConfig = [{
28410
28416
  nextStep: "disability-details",
28411
28417
  WATER: "disability-details",
28412
28418
  hideInEmployee: true,
28413
- hideInCitizen: true,
28414
28419
  texts: {
28415
28420
  headerCaption: "WS_COMMON_CONNECTION_DETAIL",
28416
28421
  header: "WS_DJB_EMPLOYEE",
@@ -32509,6 +32514,7 @@ const WSApplicationDetails = () => {
32509
32514
  const connectionDetails = additionalDetails;
32510
32515
  const useDetails = additionalDetails;
32511
32516
  const propertyAdditionalDetails = (PTData === null || PTData === void 0 ? void 0 : (_PTData$Properties = PTData.Properties) === null || _PTData$Properties === void 0 ? void 0 : (_PTData$Properties$ = _PTData$Properties[0]) === null || _PTData$Properties$ === void 0 ? void 0 : _PTData$Properties$.additionalDetails) || {};
32517
+ const djbEmployee = additionalDetails;
32512
32518
  const bankDetails = additionalDetails;
32513
32519
  const propertyAddress = (PTData === null || PTData === void 0 ? void 0 : (_PTData$Properties2 = PTData.Properties) === null || _PTData$Properties2 === void 0 ? void 0 : (_PTData$Properties2$ = _PTData$Properties2[0]) === null || _PTData$Properties2$ === void 0 ? void 0 : _PTData$Properties2$.address) || additionalDetails;
32514
32520
  const checkifPrivacyenabled = Digit.Hooks.ws.useToCheckPrivacyEnablement({
@@ -33106,7 +33112,40 @@ const WSApplicationDetails = () => {
33106
33112
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33107
33113
  label: t("WS_NUMBER_OF_DWELLING_UNITS"),
33108
33114
  text: `${t(checkForNA$1((useDetails === null || useDetails === void 0 ? void 0 : useDetails.NumberofDwellingUnits) || (useDetails === null || useDetails === void 0 ? void 0 : useDetails.noOfDwellingUnits)))}`
33109
- })), !isMutation && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardHeader, {
33115
+ })), /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardHeader, {
33116
+ styles: {
33117
+ fontSize: "28px"
33118
+ }
33119
+ }, t("WS_DJB_EMPLOYEE")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, {
33120
+ style: {
33121
+ marginTop: "10px",
33122
+ marginBottom: "30px"
33123
+ }
33124
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33125
+ label: t("WS_DJB_EMPLOYEE"),
33126
+ text: `${djbEmployee !== null && djbEmployee !== void 0 && djbEmployee.isDjbEmployee ? t("CORE_COMMON_YES") : t("CORE_COMMON_NO")}`
33127
+ }), (djbEmployee === null || djbEmployee === void 0 ? void 0 : djbEmployee.isDjbEmployee) && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33128
+ label: t("WS_EMPLOYEE_ID"),
33129
+ text: `${t(checkForNA$1(djbEmployee === null || djbEmployee === void 0 ? void 0 : djbEmployee.employeeId))}`
33130
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33131
+ label: t("WS_DATE_OF_RETIREMENT"),
33132
+ text: `${t(checkForNA$1(djbEmployee === null || djbEmployee === void 0 ? void 0 : djbEmployee.dor))}`
33133
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33134
+ label: t("WS_EMPLOYEE_DESIGNATION"),
33135
+ text: `${t(checkForNA$1(djbEmployee === null || djbEmployee === void 0 ? void 0 : djbEmployee.designation))}`
33136
+ }), (djbEmployee === null || djbEmployee === void 0 ? void 0 : djbEmployee.document) && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33137
+ label: t("WS_UPLOAD_EMPLOYEE_ID_DOC"),
33138
+ text: /*#__PURE__*/React__default.createElement("span", {
33139
+ style: {
33140
+ display: "flex",
33141
+ alignItems: "center",
33142
+ gap: "8px",
33143
+ cursor: "pointer",
33144
+ color: "#f47738"
33145
+ },
33146
+ onClick: () => getFiles([djbEmployee === null || djbEmployee === void 0 ? void 0 : djbEmployee.document], tenantId)
33147
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.GenericFileIcon, null), " ", t("CS_COMMON_VIEW"))
33148
+ }))), !isMutation && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardHeader, {
33110
33149
  styles: {
33111
33150
  fontSize: "28px"
33112
33151
  }
@@ -34400,30 +34439,85 @@ const ConnectionDetails$5 = () => {
34400
34439
  })));
34401
34440
  };
34402
34441
 
34403
- const consumptionDetails = _ref => {
34404
- var _Digit$SessionStorage, _user$info;
34442
+ const ConsumptionDetails = _ref => {
34443
+ var _Digit$SessionStorage, _user$info, _meterReadingDetailsD, _meterReadingDetailsD2, _meterReadingDetailsD3, _meterReadingDetailsD4, _meterReadingDetailsD5, _meterReadingDetailsD6, _meterReadingDetailsD7, _meterReadingDetailsD8, _meterReadingDetailsD9, _meterReadingDetailsD0, _meterReadingDetailsD1, _meterReadingDetailsD10, _meterReadingDetailsD11, _meterReadingDetailsD12, _meterReadingDetailsD13, _meterReadingDetailsD14, _meterReadingDetailsD15, _meterReadingDetailsD16, _meterReadingDetailsD17, _meterReadingDetailsD18, _meterReadingDetailsD19, _meterReadingDetailsD20, _meterReadingDetailsD21, _meterReadingDetailsD22, _meterReadingDetailsD23, _meterReadingDetailsD24, _meterReadingDetailsD25, _meterReadingDetailsD26, _meterReadingDetailsD27, _meterReadingDetailsD28, _meterReadingDetailsD29, _meterReadingDetailsD30, _meterReadingDetailsD31, _meterReadingDetailsD32, _meterReadingDetailsD33, _meterReadingDetailsD34, _meterReadingDetailsD35, _meterReadingDetailsD36, _meterReadingDetailsD37, _meterReadingDetailsD38, _meterReadingDetailsD39, _meterReadingDetailsD40, _meterReadingDetailsD41, _meterReadingDetailsD42, _meterReadingDetailsD43, _meterReadingDetailsD44, _meterReadingDetailsD45, _meterReadingDetailsD46, _meterReadingDetailsD47, _meterReadingDetailsD48, _meterReadingDetailsD49, _meterReadingDetailsD50, _meterReadingDetailsD51, _meterReadingDetailsD52, _meterReadingDetailsD53, _meterReadingDetailsD54, _meterReadingDetailsD55, _meterReadingDetailsD56, _meterReadingDetailsD57, _meterReadingDetailsD58, _meterReadingDetailsD59, _meterReadingDetailsD60, _meterReadingDetailsD61, _meterReadingDetailsD62, _meterReadingDetailsD63, _meterReadingDetailsD64, _meterReadingDetailsD65, _meterReadingDetailsD66, _meterReadingDetailsD67, _meterReadingDetailsD68, _meterReadingDetailsD69, _meterReadingDetailsD70, _meterReadingDetailsD71, _meterReadingDetailsD72, _meterReadingDetailsD73, _meterReadingDetailsD74, _meterReadingDetailsD75, _meterReadingDetailsD76, _meterReadingDetailsD77, _meterReadingDetailsD78, _meterReadingDetailsD79, _meterReadingDetailsD80, _meterReadingDetailsD81, _meterReadingDetailsD82, _meterReadingDetailsD83, _meterReadingDetailsD84, _meterReadingDetailsD85, _meterReadingDetailsD86, _meterReadingDetailsD87, _meterReadingDetailsD88, _meterReadingDetailsD89, _meterReadingDetailsD90, _meterReadingDetailsD91, _meterReadingDetailsD92, _meterReadingDetailsD93, _meterReadingDetailsD94, _meterReadingDetailsD95, _meterReadingDetailsD96, _meterReadingDetailsD97, _meterReadingDetailsD98, _meterReadingDetailsD99, _meterReadingDetailsD100, _meterReadingDetailsD101, _meterReadingDetailsD102, _meterReadingDetailsD103, _meterReadingDetailsD104, _meterReadingDetailsD105;
34405
34444
  const {
34406
34445
  t
34407
34446
  } = reactI18next.useTranslation();
34408
34447
  const user = Digit.UserService.getUser();
34409
34448
  const tenantId = ((_Digit$SessionStorage = Digit.SessionStorage.get("CITIZEN.COMMON.HOME.CITY")) === null || _Digit$SessionStorage === void 0 ? void 0 : _Digit$SessionStorage.code) || (user === null || user === void 0 ? void 0 : (_user$info = user.info) === null || _user$info === void 0 ? void 0 : _user$info.permanentCity) || Digit.ULBService.getCurrentTenantId();
34410
34449
  const {
34411
- applicationNo
34450
+ applicationNo,
34451
+ service
34412
34452
  } = Digit.Hooks.useQueryParams();
34453
+ const businessService = service === "SEWERAGE" || service === "SW" ? "SW" : "WS";
34454
+ const mobileView = Digit.Utils.browser.isMobile() ? true : false;
34413
34455
  let filter1 = {
34414
34456
  tenantId: tenantId,
34415
34457
  connectionNos: applicationNo
34416
34458
  };
34417
34459
  const {
34418
34460
  isLoading,
34419
- isError,
34420
- error,
34421
34461
  data
34422
34462
  } = Digit.Hooks.ws.useWSConsumptionSearch({
34423
34463
  filters: filter1
34424
34464
  }, {
34425
34465
  filters: filter1
34426
34466
  });
34467
+ const {
34468
+ mutate: fetchBillingStatement
34469
+ } = Digit.Hooks.ws.useWSBillingStatement(businessService);
34470
+ const [meterReadingDetailsModal, setMeterReadingDetailsModal] = React.useState(false);
34471
+ const [meterReadingDetailsData, setMeterReadingDetailsData] = React.useState(null);
34472
+ const [isLoadingDetails, setIsLoadingDetails] = React.useState(false);
34473
+ const [showToast, setShowToast] = React.useState(null);
34474
+ const Heading = props => {
34475
+ return /*#__PURE__*/React__default.createElement("h1", {
34476
+ className: "heading-m"
34477
+ }, props.label);
34478
+ };
34479
+ const Close = () => /*#__PURE__*/React__default.createElement("svg", {
34480
+ xmlns: "http://www.w3.org/2000/svg",
34481
+ viewBox: "0 0 24 24",
34482
+ fill: "#FFFFFF"
34483
+ }, /*#__PURE__*/React__default.createElement("path", {
34484
+ d: "M0 0h24v24H0V0z",
34485
+ fill: "none"
34486
+ }), /*#__PURE__*/React__default.createElement("path", {
34487
+ d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
34488
+ }));
34489
+ const CloseBtn = props => {
34490
+ return /*#__PURE__*/React__default.createElement("div", {
34491
+ className: "icon-bg-secondary",
34492
+ onClick: props.onClick
34493
+ }, /*#__PURE__*/React__default.createElement(Close, null));
34494
+ };
34495
+ const handleViewMeterReadingDetails = application => {
34496
+ setIsLoadingDetails(true);
34497
+ setMeterReadingDetailsModal(true);
34498
+ const tenantIdStr = (application === null || application === void 0 ? void 0 : application.tenantId) || tenantId;
34499
+ const connectionNoStr = (application === null || application === void 0 ? void 0 : application.connectionNo) || applicationNo;
34500
+ const billingCycleIdStr = (application === null || application === void 0 ? void 0 : application.billingCycleId) || (application === null || application === void 0 ? void 0 : application.billingPeriodId) || (application === null || application === void 0 ? void 0 : application.id) || "447c57bd-2e12-4c41-92e9-8a8bf7d3a368";
34501
+ fetchBillingStatement({
34502
+ tenantId: tenantIdStr,
34503
+ connectionNo: connectionNoStr,
34504
+ billingCycleId: billingCycleIdStr
34505
+ }, {
34506
+ onSuccess: data => {
34507
+ setMeterReadingDetailsData(data === null || data === void 0 ? void 0 : data.billingStatement);
34508
+ setIsLoadingDetails(false);
34509
+ },
34510
+ onError: err => {
34511
+ console.error(err);
34512
+ setShowToast({
34513
+ key: "error",
34514
+ message: t("ERROR_FETCHING_METER_READING_DETAILS")
34515
+ });
34516
+ setMeterReadingDetailsModal(false);
34517
+ setIsLoadingDetails(false);
34518
+ }
34519
+ });
34520
+ };
34427
34521
  const consumption = (currentReading, lastReading) => {
34428
34522
  if (currentReading && lastReading) {
34429
34523
  return Number(currentReading - lastReading);
@@ -34435,68 +34529,591 @@ const consumptionDetails = _ref => {
34435
34529
  let {
34436
34530
  meterReadings
34437
34531
  } = data || {};
34438
- return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Header, null, `${t("WS_VIEW_CONSUMPTION")}`), /*#__PURE__*/React__default.createElement("div", null, (meterReadings === null || meterReadings === void 0 ? void 0 : meterReadings.length) > 0 && meterReadings.map((application, index) => /*#__PURE__*/React__default.createElement("div", {
34532
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
34533
+ className: "employee-form-section-wrapper",
34534
+ style: {
34535
+ display: "flex",
34536
+ gap: "16px",
34537
+ width: "100%"
34538
+ }
34539
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.VerticalTimeline, {
34540
+ config: [{
34541
+ timeLine: [{
34542
+ actions: "WS_VIEW_CONSUMPTION",
34543
+ currentStep: 1
34544
+ }]
34545
+ }],
34546
+ showFinalStep: false
34547
+ }), /*#__PURE__*/React__default.createElement("div", {
34548
+ style: {
34549
+ flex: 1,
34550
+ display: "flex",
34551
+ flexDirection: "column",
34552
+ gap: "16px"
34553
+ }
34554
+ }, (meterReadings === null || meterReadings === void 0 ? void 0 : meterReadings.length) > 0 && meterReadings.map((application, index) => /*#__PURE__*/React__default.createElement("div", {
34439
34555
  key: index
34440
- }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34441
- className: "border-none",
34442
- label: t("WS_MYCONNECTIONS_CONSUMER_NO"),
34556
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, null, /*#__PURE__*/React__default.createElement("div", {
34557
+ style: {
34558
+ display: "flex",
34559
+ justifyContent: "flex-end",
34560
+ marginBottom: "16px",
34561
+ marginTop: "8px",
34562
+ marginRight: "8px"
34563
+ }
34564
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
34565
+ style: {
34566
+ backgroundColor: "#0A4275",
34567
+ color: "#FFFFFF"
34568
+ },
34569
+ label: t("VIEW_METER_READING_DETAILS"),
34570
+ onSubmit: () => handleViewMeterReadingDetails(application)
34571
+ })), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34572
+ key: t("WS_MYCONNECTIONS_CONSUMER_NO"),
34573
+ label: `${t("WS_MYCONNECTIONS_CONSUMER_NO")}`,
34443
34574
  text: (application === null || application === void 0 ? void 0 : application.connectionNo) || t("NA"),
34444
- textStyle: {}
34575
+ className: "border-none"
34445
34576
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34446
- className: "border-none",
34447
- label: t("WS_VIEW_BILL_BILLING_PERIOD_LABEL"),
34577
+ key: t("WS_VIEW_BILL_BILLING_PERIOD_LABEL"),
34578
+ label: `${t("WS_VIEW_BILL_BILLING_PERIOD_LABEL")}`,
34448
34579
  text: (application === null || application === void 0 ? void 0 : application.billingPeriod) || t("NA"),
34449
- textStyle: {
34450
- wordBreak: "break-word"
34451
- }
34580
+ className: "border-none"
34452
34581
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34453
- className: "border-none",
34454
- label: t("WS_CONSUMPTION_DETAILS_METER_STATUS_LABEL"),
34582
+ key: t("WS_CONSUMPTION_DETAILS_METER_STATUS_LABEL"),
34583
+ label: `${t("WS_CONSUMPTION_DETAILS_METER_STATUS_LABEL")}`,
34455
34584
  text: (application === null || application === void 0 ? void 0 : application.meterStatus) || t("NA"),
34456
- textStyle: {
34457
- whiteSpace: "pre"
34458
- }
34585
+ className: "border-none"
34459
34586
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34460
- className: "border-none",
34461
- label: t("WS_CONSUMPTION_DETAILS_LAST_READING_LABEL"),
34587
+ key: t("WS_READING_QUALITY_CODE"),
34588
+ label: `${t("WS_READING_QUALITY_CODE")}`,
34589
+ text: (application === null || application === void 0 ? void 0 : application.readingQualityCode) || t("NA"),
34590
+ className: "border-none"
34591
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34592
+ key: t("WS_CONSUMPTION_DETAILS_LAST_READING_LABEL"),
34593
+ label: `${t("WS_CONSUMPTION_DETAILS_LAST_READING_LABEL")}`,
34462
34594
  text: (application === null || application === void 0 ? void 0 : application.lastReading) || t("NA"),
34463
- textStyle: {
34464
- whiteSpace: "pre"
34465
- }
34595
+ className: "border-none"
34466
34596
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34467
- className: "border-none",
34468
- label: t("WS_CONSUMPTION_DETAILS_LAST_READING_DATE_LABEL"),
34469
- text: Digit.DateUtils.ConvertEpochToDate(application === null || application === void 0 ? void 0 : application.lastReadingDate) || t("NA"),
34470
- textStyle: {
34471
- whiteSpace: "pre"
34472
- }
34597
+ key: t("WS_CONSUMPTION_DETAILS_LAST_READING_DATE_LABEL"),
34598
+ label: `${t("WS_CONSUMPTION_DETAILS_LAST_READING_DATE_LABEL")}`,
34599
+ text: application !== null && application !== void 0 && application.lastReadingDate ? Digit.DateUtils.ConvertEpochToDate(application === null || application === void 0 ? void 0 : application.lastReadingDate) : t("NA"),
34600
+ className: "border-none"
34473
34601
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34474
- className: "border-none",
34475
- label: t("WS_CONSUMPTION_DETAILS_CURRENT_READING_LABEL"),
34602
+ key: t("WS_SERV_DETAIL_CUR_METER_READ"),
34603
+ label: `${t("WS_SERV_DETAIL_CUR_METER_READ")}`,
34476
34604
  text: (application === null || application === void 0 ? void 0 : application.currentReading) || t("NA"),
34477
- textStyle: {
34478
- whiteSpace: "pre"
34479
- }
34605
+ className: "border-none"
34480
34606
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34481
- className: "border-none",
34482
- label: t("WS_CONSUMPTION_DETAILS_CURRENT_READING_DATE_LABEL"),
34483
- text: Digit.DateUtils.ConvertEpochToDate(application === null || application === void 0 ? void 0 : application.currentReadingDate) || t("NA"),
34484
- textStyle: {
34485
- whiteSpace: "pre"
34486
- }
34607
+ key: t("WS_CONSUMPTION_DETAILS_CURRENT_READING_DATE_LABEL"),
34608
+ label: `${t("WS_CONSUMPTION_DETAILS_CURRENT_READING_DATE_LABEL")}`,
34609
+ text: application !== null && application !== void 0 && application.currentReadingDate ? Digit.DateUtils.ConvertEpochToDate(application === null || application === void 0 ? void 0 : application.currentReadingDate) : t("NA"),
34610
+ className: "border-none"
34487
34611
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34488
- className: "border-none",
34489
- label: t("WS_CONSUMPTION_DETAILS_CONSUMPTION_LABEL"),
34612
+ key: t("WS_CONSUMPTION_DETAILS_CONSUMPTION_LABEL"),
34613
+ label: `${t("WS_CONSUMPTION_DETAILS_CONSUMPTION_LABEL")}`,
34490
34614
  text: consumption(application === null || application === void 0 ? void 0 : application.currentReading, application === null || application === void 0 ? void 0 : application.lastReading),
34491
- textStyle: {
34492
- whiteSpace: "pre"
34493
- }
34615
+ className: "border-none"
34494
34616
  }))))), !(meterReadings !== null && meterReadings !== void 0 && meterReadings.length) > 0 && /*#__PURE__*/React__default.createElement("p", {
34495
34617
  style: {
34496
34618
  marginLeft: "16px",
34497
34619
  marginTop: "16px"
34498
34620
  }
34499
- }, t("WS_NO_CONSUMPTION_FOUND"))));
34621
+ }, t("WS_NO_CONSUMPTION_FOUND")))), meterReadingDetailsModal && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Modal, {
34622
+ headerBarMain: /*#__PURE__*/React__default.createElement(Heading, {
34623
+ label: t("WS_METER_READING_DETAILS")
34624
+ }),
34625
+ headerBarEnd: /*#__PURE__*/React__default.createElement(CloseBtn, {
34626
+ onClick: () => setMeterReadingDetailsModal(false)
34627
+ }),
34628
+ actionCancelLabel: t("CORE_CHANGE_TENANT_CANCEL"),
34629
+ actionCancelOnSubmit: () => setMeterReadingDetailsModal(false),
34630
+ hideSubmit: true,
34631
+ formId: "meter-reading-details-modal",
34632
+ popupStyles: {
34633
+ width: mobileView ? "100%" : "800px"
34634
+ }
34635
+ }, isLoadingDetails ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.Loader, null) : meterReadingDetailsData ? /*#__PURE__*/React__default.createElement("div", {
34636
+ style: {
34637
+ maxHeight: "60vh",
34638
+ overflowY: "auto",
34639
+ padding: "16px"
34640
+ }
34641
+ }, /*#__PURE__*/React__default.createElement("div", {
34642
+ style: {
34643
+ marginBottom: "16px"
34644
+ }
34645
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Header, null, t("WS_CONSUMER_DETAILS")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34646
+ label: t("WS_CONNECTION_NO"),
34647
+ text: ((_meterReadingDetailsD = meterReadingDetailsData.consumer) === null || _meterReadingDetailsD === void 0 ? void 0 : _meterReadingDetailsD.connectionNo) || t("NA"),
34648
+ className: "border-none"
34649
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34650
+ label: t("WS_TARIFF_CATEGORY"),
34651
+ text: ((_meterReadingDetailsD2 = meterReadingDetailsData.consumer) === null || _meterReadingDetailsD2 === void 0 ? void 0 : _meterReadingDetailsD2.tariffCategory) || t("NA"),
34652
+ className: "border-none"
34653
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34654
+ label: t("WS_PROPERTY_USAGE"),
34655
+ text: ((_meterReadingDetailsD3 = meterReadingDetailsData.consumer) === null || _meterReadingDetailsD3 === void 0 ? void 0 : _meterReadingDetailsD3.propertyUsage) || t("NA"),
34656
+ className: "border-none"
34657
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34658
+ label: t("WS_PROPERTY_AREA_SQM"),
34659
+ text: ((_meterReadingDetailsD4 = meterReadingDetailsData.consumer) === null || _meterReadingDetailsD4 === void 0 ? void 0 : _meterReadingDetailsD4.propertyAreaSqm) ?? t("NA"),
34660
+ className: "border-none"
34661
+ }))), /*#__PURE__*/React__default.createElement("div", {
34662
+ style: {
34663
+ marginBottom: "16px"
34664
+ }
34665
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Header, null, t("WS_BILLING_CYCLE")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34666
+ label: t("WS_PERIOD_FROM"),
34667
+ text: (_meterReadingDetailsD5 = meterReadingDetailsData.billingCycle) !== null && _meterReadingDetailsD5 !== void 0 && _meterReadingDetailsD5.periodFrom ? Digit.DateUtils.ConvertEpochToDate((_meterReadingDetailsD6 = meterReadingDetailsData.billingCycle) === null || _meterReadingDetailsD6 === void 0 ? void 0 : _meterReadingDetailsD6.periodFrom) : t("NA"),
34668
+ className: "border-none"
34669
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34670
+ label: t("WS_PERIOD_TO"),
34671
+ text: (_meterReadingDetailsD7 = meterReadingDetailsData.billingCycle) !== null && _meterReadingDetailsD7 !== void 0 && _meterReadingDetailsD7.periodTo ? Digit.DateUtils.ConvertEpochToDate((_meterReadingDetailsD8 = meterReadingDetailsData.billingCycle) === null || _meterReadingDetailsD8 === void 0 ? void 0 : _meterReadingDetailsD8.periodTo) : t("NA"),
34672
+ className: "border-none"
34673
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34674
+ label: t("WS_READING_QUALITY_CODE"),
34675
+ text: ((_meterReadingDetailsD9 = meterReadingDetailsData.billingCycle) === null || _meterReadingDetailsD9 === void 0 ? void 0 : _meterReadingDetailsD9.readingQualityCode) || t("NA"),
34676
+ className: "border-none"
34677
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34678
+ label: t("WS_BILLING_BASIS"),
34679
+ text: ((_meterReadingDetailsD0 = meterReadingDetailsData.billingCycle) === null || _meterReadingDetailsD0 === void 0 ? void 0 : _meterReadingDetailsD0.billingBasis) || t("NA"),
34680
+ className: "border-none"
34681
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34682
+ label: t("WS_CORRECTION_STATUS"),
34683
+ text: ((_meterReadingDetailsD1 = meterReadingDetailsData.billingCycle) === null || _meterReadingDetailsD1 === void 0 ? void 0 : _meterReadingDetailsD1.correctionStatus) || t("NA"),
34684
+ className: "border-none"
34685
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34686
+ label: t("WS_STATUS"),
34687
+ text: ((_meterReadingDetailsD10 = meterReadingDetailsData.billingCycle) === null || _meterReadingDetailsD10 === void 0 ? void 0 : _meterReadingDetailsD10.status) || t("NA"),
34688
+ className: "border-none"
34689
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34690
+ label: t("WS_AVERAGE_CYCLE_COUNT"),
34691
+ text: ((_meterReadingDetailsD11 = meterReadingDetailsData.billingCycle) === null || _meterReadingDetailsD11 === void 0 ? void 0 : _meterReadingDetailsD11.averageCycleCount) ?? t("NA"),
34692
+ className: "border-none"
34693
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34694
+ label: t("WS_PROVISIONAL_CYCLE_COUNT"),
34695
+ text: ((_meterReadingDetailsD12 = meterReadingDetailsData.billingCycle) === null || _meterReadingDetailsD12 === void 0 ? void 0 : _meterReadingDetailsD12.provisionalCycleCount) ?? t("NA"),
34696
+ className: "border-none"
34697
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34698
+ label: t("WS_ZRO_STATUS"),
34699
+ text: ((_meterReadingDetailsD13 = meterReadingDetailsData.billingCycle) === null || _meterReadingDetailsD13 === void 0 ? void 0 : _meterReadingDetailsD13.zroStatus) || t("NA"),
34700
+ className: "border-none"
34701
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34702
+ label: t("WS_ZRO_REMARKS"),
34703
+ text: ((_meterReadingDetailsD14 = meterReadingDetailsData.billingCycle) === null || _meterReadingDetailsD14 === void 0 ? void 0 : _meterReadingDetailsD14.zroRemarks) || t("NA"),
34704
+ className: "border-none"
34705
+ }))), /*#__PURE__*/React__default.createElement("div", {
34706
+ style: {
34707
+ marginBottom: "16px"
34708
+ }
34709
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Header, null, t("WS_READING_DETAILS")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34710
+ label: t("WS_PREVIOUS_READING"),
34711
+ text: ((_meterReadingDetailsD15 = meterReadingDetailsData.reading) === null || _meterReadingDetailsD15 === void 0 ? void 0 : _meterReadingDetailsD15.previousReading) ?? t("NA"),
34712
+ className: "border-none"
34713
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34714
+ label: t("WS_PREVIOUS_READING_DATE"),
34715
+ text: (_meterReadingDetailsD16 = meterReadingDetailsData.reading) !== null && _meterReadingDetailsD16 !== void 0 && _meterReadingDetailsD16.previousReadingDate ? Digit.DateUtils.ConvertEpochToDate((_meterReadingDetailsD17 = meterReadingDetailsData.reading) === null || _meterReadingDetailsD17 === void 0 ? void 0 : _meterReadingDetailsD17.previousReadingDate) : t("NA"),
34716
+ className: "border-none"
34717
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34718
+ label: t("WS_CURRENT_READING"),
34719
+ text: ((_meterReadingDetailsD18 = meterReadingDetailsData.reading) === null || _meterReadingDetailsD18 === void 0 ? void 0 : _meterReadingDetailsD18.currentReading) ?? t("NA"),
34720
+ className: "border-none"
34721
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34722
+ label: t("WS_CURRENT_READING_DATE"),
34723
+ text: (_meterReadingDetailsD19 = meterReadingDetailsData.reading) !== null && _meterReadingDetailsD19 !== void 0 && _meterReadingDetailsD19.currentReadingDate ? Digit.DateUtils.ConvertEpochToDate((_meterReadingDetailsD20 = meterReadingDetailsData.reading) === null || _meterReadingDetailsD20 === void 0 ? void 0 : _meterReadingDetailsD20.currentReadingDate) : t("NA"),
34724
+ className: "border-none"
34725
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34726
+ label: t("WS_PREVIOUS_CONSUMPTION"),
34727
+ text: ((_meterReadingDetailsD21 = meterReadingDetailsData.reading) === null || _meterReadingDetailsD21 === void 0 ? void 0 : _meterReadingDetailsD21.previousConsumption) ?? t("NA"),
34728
+ className: "border-none"
34729
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34730
+ label: t("WS_ACTUAL_CONSUMPTION"),
34731
+ text: ((_meterReadingDetailsD22 = meterReadingDetailsData.reading) === null || _meterReadingDetailsD22 === void 0 ? void 0 : _meterReadingDetailsD22.actualConsumption) ?? t("NA"),
34732
+ className: "border-none"
34733
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34734
+ label: t("WS_MONTHLY_CONSUMPTION"),
34735
+ text: ((_meterReadingDetailsD23 = meterReadingDetailsData.reading) === null || _meterReadingDetailsD23 === void 0 ? void 0 : _meterReadingDetailsD23.monthlyConsumption) ?? t("NA"),
34736
+ className: "border-none"
34737
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34738
+ label: t("WS_BILLING_CONSUMPTION"),
34739
+ text: ((_meterReadingDetailsD24 = meterReadingDetailsData.reading) === null || _meterReadingDetailsD24 === void 0 ? void 0 : _meterReadingDetailsD24.billingConsumption) ?? t("NA"),
34740
+ className: "border-none"
34741
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34742
+ label: t("WS_BILLING_DAYS"),
34743
+ text: ((_meterReadingDetailsD25 = meterReadingDetailsData.reading) === null || _meterReadingDetailsD25 === void 0 ? void 0 : _meterReadingDetailsD25.billingDays) ?? t("NA"),
34744
+ className: "border-none"
34745
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34746
+ label: t("WS_AVERAGE_CONSUMPTION"),
34747
+ text: ((_meterReadingDetailsD26 = meterReadingDetailsData.reading) === null || _meterReadingDetailsD26 === void 0 ? void 0 : _meterReadingDetailsD26.averageConsumption) ?? t("NA"),
34748
+ className: "border-none"
34749
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34750
+ label: t("WS_DEVIATION_FACTOR"),
34751
+ text: ((_meterReadingDetailsD27 = meterReadingDetailsData.reading) === null || _meterReadingDetailsD27 === void 0 ? void 0 : _meterReadingDetailsD27.deviationFactor) ?? t("NA"),
34752
+ className: "border-none"
34753
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34754
+ label: t("WS_UNIT"),
34755
+ text: ((_meterReadingDetailsD28 = meterReadingDetailsData.reading) === null || _meterReadingDetailsD28 === void 0 ? void 0 : _meterReadingDetailsD28.unit) || t("NA"),
34756
+ className: "border-none"
34757
+ }))), meterReadingDetailsData.billingDecision && /*#__PURE__*/React__default.createElement("div", {
34758
+ style: {
34759
+ marginBottom: "16px"
34760
+ }
34761
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Header, null, t("WS_BILLING_DECISION")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34762
+ label: t("WS_BASIS"),
34763
+ text: ((_meterReadingDetailsD29 = meterReadingDetailsData.billingDecision) === null || _meterReadingDetailsD29 === void 0 ? void 0 : _meterReadingDetailsD29.basis) || t("NA"),
34764
+ className: "border-none"
34765
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34766
+ label: t("WS_REASON_CODE"),
34767
+ text: ((_meterReadingDetailsD30 = meterReadingDetailsData.billingDecision) === null || _meterReadingDetailsD30 === void 0 ? void 0 : _meterReadingDetailsD30.reasonCode) || t("NA"),
34768
+ className: "border-none"
34769
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34770
+ label: t("WS_REASON"),
34771
+ text: ((_meterReadingDetailsD31 = meterReadingDetailsData.billingDecision) === null || _meterReadingDetailsD31 === void 0 ? void 0 : _meterReadingDetailsD31.reason) || t("NA"),
34772
+ className: "border-none"
34773
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34774
+ label: t("WS_ACTUAL_READING_AVAILABLE"),
34775
+ text: (_meterReadingDetailsD32 = meterReadingDetailsData.billingDecision) !== null && _meterReadingDetailsD32 !== void 0 && _meterReadingDetailsD32.actualReadingAvailable ? t("CORE_COMMON_YES") : t("CORE_COMMON_NO"),
34776
+ className: "border-none"
34777
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34778
+ label: t("WS_HISTORICAL_AVERAGE"),
34779
+ text: ((_meterReadingDetailsD33 = meterReadingDetailsData.billingDecision) === null || _meterReadingDetailsD33 === void 0 ? void 0 : _meterReadingDetailsD33.historicalAverage) ?? t("NA"),
34780
+ className: "border-none"
34781
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34782
+ label: t("WS_MINIMUM_BILLING_CONSUMPTION"),
34783
+ text: ((_meterReadingDetailsD34 = meterReadingDetailsData.billingDecision) === null || _meterReadingDetailsD34 === void 0 ? void 0 : _meterReadingDetailsD34.minimumBillingConsumption) ?? t("NA"),
34784
+ className: "border-none"
34785
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34786
+ label: t("WS_AVERAGE_CYCLE_COUNT"),
34787
+ text: ((_meterReadingDetailsD35 = meterReadingDetailsData.billingDecision) === null || _meterReadingDetailsD35 === void 0 ? void 0 : _meterReadingDetailsD35.averageCycleCount) ?? t("NA"),
34788
+ className: "border-none"
34789
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34790
+ label: t("WS_PROVISIONAL_CYCLE_COUNT"),
34791
+ text: ((_meterReadingDetailsD36 = meterReadingDetailsData.billingDecision) === null || _meterReadingDetailsD36 === void 0 ? void 0 : _meterReadingDetailsD36.provisionalCycleCount) ?? t("NA"),
34792
+ className: "border-none"
34793
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34794
+ label: t("WS_BILLING_RULE_CODE"),
34795
+ text: ((_meterReadingDetailsD37 = meterReadingDetailsData.billingDecision) === null || _meterReadingDetailsD37 === void 0 ? void 0 : _meterReadingDetailsD37.billingRuleCode) || t("NA"),
34796
+ className: "border-none"
34797
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34798
+ label: t("WS_CONFIGURED_AVERAGE_MAXIMUM_CYCLES"),
34799
+ text: ((_meterReadingDetailsD38 = meterReadingDetailsData.billingDecision) === null || _meterReadingDetailsD38 === void 0 ? void 0 : _meterReadingDetailsD38.configuredAverageMaximumCycles) ?? t("NA"),
34800
+ className: "border-none"
34801
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34802
+ label: t("WS_CONFIGURED_PROVISIONAL_MAXIMUM_CYCLES"),
34803
+ text: ((_meterReadingDetailsD39 = meterReadingDetailsData.billingDecision) === null || _meterReadingDetailsD39 === void 0 ? void 0 : _meterReadingDetailsD39.configuredProvisionalMaximumCycles) ?? t("NA"),
34804
+ className: "border-none"
34805
+ }))), meterReadingDetailsData.onePointFiveX && (((_meterReadingDetailsD40 = meterReadingDetailsData.onePointFiveX) === null || _meterReadingDetailsD40 === void 0 ? void 0 : _meterReadingDetailsD40.evaluated) === true || ((_meterReadingDetailsD41 = meterReadingDetailsData.onePointFiveX) === null || _meterReadingDetailsD41 === void 0 ? void 0 : _meterReadingDetailsD41.required) === true || ((_meterReadingDetailsD42 = meterReadingDetailsData.onePointFiveX) === null || _meterReadingDetailsD42 === void 0 ? void 0 : _meterReadingDetailsD42.zroRequired) === true) && /*#__PURE__*/React__default.createElement("div", {
34806
+ style: {
34807
+ marginBottom: "16px"
34808
+ }
34809
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Header, null, t("WS_ONE_POINT_FIVE_X")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34810
+ label: t("WS_EVALUATED"),
34811
+ text: (_meterReadingDetailsD43 = meterReadingDetailsData.onePointFiveX) !== null && _meterReadingDetailsD43 !== void 0 && _meterReadingDetailsD43.evaluated ? t("CORE_COMMON_YES") : t("CORE_COMMON_NO"),
34812
+ className: "border-none"
34813
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34814
+ label: t("WS_MULTIPLIER"),
34815
+ text: ((_meterReadingDetailsD44 = meterReadingDetailsData.onePointFiveX) === null || _meterReadingDetailsD44 === void 0 ? void 0 : _meterReadingDetailsD44.multiplier) ?? t("NA"),
34816
+ className: "border-none"
34817
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34818
+ label: t("WS_PREVIOUS_CONSUMPTION"),
34819
+ text: ((_meterReadingDetailsD45 = meterReadingDetailsData.onePointFiveX) === null || _meterReadingDetailsD45 === void 0 ? void 0 : _meterReadingDetailsD45.previousConsumption) ?? t("NA"),
34820
+ className: "border-none"
34821
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34822
+ label: t("WS_THRESHOLD_CONSUMPTION"),
34823
+ text: ((_meterReadingDetailsD46 = meterReadingDetailsData.onePointFiveX) === null || _meterReadingDetailsD46 === void 0 ? void 0 : _meterReadingDetailsD46.thresholdConsumption) ?? t("NA"),
34824
+ className: "border-none"
34825
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34826
+ label: t("WS_ACTUAL_CONSUMPTION"),
34827
+ text: ((_meterReadingDetailsD47 = meterReadingDetailsData.onePointFiveX) === null || _meterReadingDetailsD47 === void 0 ? void 0 : _meterReadingDetailsD47.actualConsumption) ?? t("NA"),
34828
+ className: "border-none"
34829
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34830
+ label: t("WS_MONTHLY_CONSUMPTION"),
34831
+ text: ((_meterReadingDetailsD48 = meterReadingDetailsData.onePointFiveX) === null || _meterReadingDetailsD48 === void 0 ? void 0 : _meterReadingDetailsD48.monthlyConsumption) ?? t("NA"),
34832
+ className: "border-none"
34833
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34834
+ label: t("WS_BILLING_DAYS"),
34835
+ text: ((_meterReadingDetailsD49 = meterReadingDetailsData.onePointFiveX) === null || _meterReadingDetailsD49 === void 0 ? void 0 : _meterReadingDetailsD49.billingDays) ?? t("NA"),
34836
+ className: "border-none"
34837
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34838
+ label: t("WS_EXCEEDED"),
34839
+ text: (_meterReadingDetailsD50 = meterReadingDetailsData.onePointFiveX) !== null && _meterReadingDetailsD50 !== void 0 && _meterReadingDetailsD50.exceeded ? t("CORE_COMMON_YES") : t("CORE_COMMON_NO"),
34840
+ className: "border-none"
34841
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34842
+ label: t("WS_MINIMUM_ZRO_CONSUMPTION"),
34843
+ text: ((_meterReadingDetailsD51 = meterReadingDetailsData.onePointFiveX) === null || _meterReadingDetailsD51 === void 0 ? void 0 : _meterReadingDetailsD51.minimumZroConsumption) ?? t("NA"),
34844
+ className: "border-none"
34845
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34846
+ label: t("WS_ZRO_REQUIRED"),
34847
+ text: (_meterReadingDetailsD52 = meterReadingDetailsData.onePointFiveX) !== null && _meterReadingDetailsD52 !== void 0 && _meterReadingDetailsD52.zroRequired ? t("CORE_COMMON_YES") : t("CORE_COMMON_NO"),
34848
+ className: "border-none"
34849
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34850
+ label: t("WS_REASON"),
34851
+ text: ((_meterReadingDetailsD53 = meterReadingDetailsData.onePointFiveX) === null || _meterReadingDetailsD53 === void 0 ? void 0 : _meterReadingDetailsD53.reason) || t("NA"),
34852
+ className: "border-none"
34853
+ }))), meterReadingDetailsData.charges && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
34854
+ style: {
34855
+ marginBottom: "16px"
34856
+ }
34857
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Header, null, t("WS_WATER_CHARGES")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, meterReadingDetailsData.charges.water ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34858
+ label: t("WS_WATER_CONSUMPTION"),
34859
+ text: ((_meterReadingDetailsD54 = meterReadingDetailsData.charges.water) === null || _meterReadingDetailsD54 === void 0 ? void 0 : _meterReadingDetailsD54.consumption) != null ? `${meterReadingDetailsData.charges.water.consumption} ${((_meterReadingDetailsD55 = meterReadingDetailsData.charges.water) === null || _meterReadingDetailsD55 === void 0 ? void 0 : _meterReadingDetailsD55.unit) || ""}` : t("NA"),
34860
+ className: "border-none"
34861
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34862
+ label: t("WS_WATER_CATEGORY"),
34863
+ text: ((_meterReadingDetailsD56 = meterReadingDetailsData.charges.water) === null || _meterReadingDetailsD56 === void 0 ? void 0 : _meterReadingDetailsD56.category) || ((_meterReadingDetailsD57 = meterReadingDetailsData.charges.water) === null || _meterReadingDetailsD57 === void 0 ? void 0 : _meterReadingDetailsD57.tariffId) || t("NA"),
34864
+ className: "border-none"
34865
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34866
+ label: t("WS_VOLUMETRIC_CHARGE"),
34867
+ text: ((_meterReadingDetailsD58 = meterReadingDetailsData.charges.water) === null || _meterReadingDetailsD58 === void 0 ? void 0 : _meterReadingDetailsD58.volumetricCharge) ?? t("NA"),
34868
+ className: "border-none"
34869
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34870
+ label: t("WS_SERVICE_CHARGE"),
34871
+ text: ((_meterReadingDetailsD59 = meterReadingDetailsData.charges.water) === null || _meterReadingDetailsD59 === void 0 ? void 0 : _meterReadingDetailsD59.serviceCharge) ?? t("NA"),
34872
+ className: "border-none"
34873
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34874
+ label: t("WS_TOTAL_WATER_CHARGE"),
34875
+ text: ((_meterReadingDetailsD60 = meterReadingDetailsData.charges.water) === null || _meterReadingDetailsD60 === void 0 ? void 0 : _meterReadingDetailsD60.totalWaterCharge) ?? t("NA"),
34876
+ className: "border-none"
34877
+ }), (_meterReadingDetailsD61 = meterReadingDetailsData.charges.water) === null || _meterReadingDetailsD61 === void 0 ? void 0 : (_meterReadingDetailsD62 = _meterReadingDetailsD61.slabs) === null || _meterReadingDetailsD62 === void 0 ? void 0 : _meterReadingDetailsD62.map((slab, idx) => /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34878
+ key: idx,
34879
+ label: `${t("WS_WATER_SLAB")} ${idx + 1}`,
34880
+ text: (slab === null || slab === void 0 ? void 0 : slab.explanation) || `${slab.units} KL @ Rs. ${slab.ratePerKl} = Rs. ${slab.charge}`,
34881
+ className: "border-none"
34882
+ }))) : /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34883
+ label: t("WS_TOTAL_WATER_CHARGE"),
34884
+ text: t("NA"),
34885
+ className: "border-none"
34886
+ }))), /*#__PURE__*/React__default.createElement("div", {
34887
+ style: {
34888
+ marginBottom: "16px"
34889
+ }
34890
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Header, null, t("WS_SEWERAGE_CHARGES")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, meterReadingDetailsData.charges.sewerage ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34891
+ label: t("WS_REGULAR_SEWERAGE_CHARGE"),
34892
+ text: ((_meterReadingDetailsD63 = meterReadingDetailsData.charges.sewerage) === null || _meterReadingDetailsD63 === void 0 ? void 0 : _meterReadingDetailsD63.regularCharge) ?? t("NA"),
34893
+ className: "border-none"
34894
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34895
+ label: t("WS_ADDITIONAL_SEWERAGE_CHARGE"),
34896
+ text: ((_meterReadingDetailsD64 = meterReadingDetailsData.charges.sewerage) === null || _meterReadingDetailsD64 === void 0 ? void 0 : _meterReadingDetailsD64.additionalCharge) ?? t("NA"),
34897
+ className: "border-none"
34898
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34899
+ label: t("WS_TOTAL_SEWERAGE_CHARGE"),
34900
+ text: ((_meterReadingDetailsD65 = meterReadingDetailsData.charges.sewerage) === null || _meterReadingDetailsD65 === void 0 ? void 0 : _meterReadingDetailsD65.totalCharge) ?? t("NA"),
34901
+ className: "border-none"
34902
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34903
+ label: t("WS_REGULAR_RULE_CODE"),
34904
+ text: ((_meterReadingDetailsD66 = meterReadingDetailsData.charges.sewerage) === null || _meterReadingDetailsD66 === void 0 ? void 0 : _meterReadingDetailsD66.regularRuleCode) || t("NA"),
34905
+ className: "border-none"
34906
+ }), ((_meterReadingDetailsD67 = meterReadingDetailsData.charges.sewerage) === null || _meterReadingDetailsD67 === void 0 ? void 0 : _meterReadingDetailsD67.additionalRuleCode) && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34907
+ label: t("WS_ADDITIONAL_RULE_CODE"),
34908
+ text: meterReadingDetailsData.charges.sewerage.additionalRuleCode,
34909
+ className: "border-none"
34910
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34911
+ label: t("WS_SEWERAGE_EXPLANATION"),
34912
+ text: ((_meterReadingDetailsD68 = meterReadingDetailsData.charges.sewerage) === null || _meterReadingDetailsD68 === void 0 ? void 0 : _meterReadingDetailsD68.explanation) || t("NA"),
34913
+ className: "border-none"
34914
+ })) : /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34915
+ label: t("WS_TOTAL_SEWERAGE_CHARGE"),
34916
+ text: t("NA"),
34917
+ className: "border-none"
34918
+ }))), meterReadingDetailsData.charges.rebates && /*#__PURE__*/React__default.createElement("div", {
34919
+ style: {
34920
+ marginBottom: "16px"
34921
+ }
34922
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Header, null, t("WS_REBATES")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34923
+ label: t("WS_TOTAL_REBATE"),
34924
+ text: ((_meterReadingDetailsD69 = meterReadingDetailsData.charges.rebates) === null || _meterReadingDetailsD69 === void 0 ? void 0 : _meterReadingDetailsD69.totalRebate) ?? t("NA"),
34925
+ className: "border-none"
34926
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34927
+ label: t("WS_REBATE_EXPLANATION"),
34928
+ text: ((_meterReadingDetailsD70 = meterReadingDetailsData.charges.rebates) === null || _meterReadingDetailsD70 === void 0 ? void 0 : _meterReadingDetailsD70.explanation) || t("NA"),
34929
+ className: "border-none"
34930
+ }))), /*#__PURE__*/React__default.createElement("div", {
34931
+ style: {
34932
+ marginBottom: "16px"
34933
+ }
34934
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Header, null, t("WS_CHARGES_SUMMARY")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34935
+ label: t("WS_GROSS_AMOUNT"),
34936
+ text: ((_meterReadingDetailsD71 = meterReadingDetailsData.charges) === null || _meterReadingDetailsD71 === void 0 ? void 0 : _meterReadingDetailsD71.grossAmount) ?? t("NA"),
34937
+ className: "border-none"
34938
+ }), ((_meterReadingDetailsD72 = meterReadingDetailsData.charges.water) === null || _meterReadingDetailsD72 === void 0 ? void 0 : _meterReadingDetailsD72.totalWaterCharge) != null && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34939
+ label: t("WS_TOTAL_WATER_CHARGE"),
34940
+ text: meterReadingDetailsData.charges.water.totalWaterCharge,
34941
+ className: "border-none"
34942
+ }), ((_meterReadingDetailsD73 = meterReadingDetailsData.charges.sewerage) === null || _meterReadingDetailsD73 === void 0 ? void 0 : _meterReadingDetailsD73.totalCharge) != null && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34943
+ label: t("WS_TOTAL_SEWERAGE_CHARGE"),
34944
+ text: meterReadingDetailsData.charges.sewerage.totalCharge,
34945
+ className: "border-none"
34946
+ }), ((_meterReadingDetailsD74 = meterReadingDetailsData.charges.rebates) === null || _meterReadingDetailsD74 === void 0 ? void 0 : _meterReadingDetailsD74.totalRebate) != null && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34947
+ label: t("WS_TOTAL_REBATE"),
34948
+ text: meterReadingDetailsData.charges.rebates.totalRebate,
34949
+ className: "border-none"
34950
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34951
+ label: t("WS_NET_AMOUNT"),
34952
+ text: ((_meterReadingDetailsD75 = meterReadingDetailsData.charges) === null || _meterReadingDetailsD75 === void 0 ? void 0 : _meterReadingDetailsD75.netAmount) ?? t("NA"),
34953
+ className: "border-none"
34954
+ })))), meterReadingDetailsData.adjustments && /*#__PURE__*/React__default.createElement("div", {
34955
+ style: {
34956
+ marginBottom: "16px"
34957
+ }
34958
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Header, null, t("WS_ADJUSTMENTS")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34959
+ label: t("WS_PAID_CORRECTION_APPLIED"),
34960
+ text: ((_meterReadingDetailsD76 = meterReadingDetailsData.adjustments) === null || _meterReadingDetailsD76 === void 0 ? void 0 : _meterReadingDetailsD76.paidCorrectionApplied) ?? t("NA"),
34961
+ className: "border-none"
34962
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34963
+ label: t("WS_RESIDUAL_PAID_CREDIT_CREATED"),
34964
+ text: ((_meterReadingDetailsD77 = meterReadingDetailsData.adjustments) === null || _meterReadingDetailsD77 === void 0 ? void 0 : _meterReadingDetailsD77.residualPaidCreditCreated) ?? t("NA"),
34965
+ className: "border-none"
34966
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34967
+ label: t("WS_CARRIED_FORWARD_CREDIT_APPLIED"),
34968
+ text: ((_meterReadingDetailsD78 = meterReadingDetailsData.adjustments) === null || _meterReadingDetailsD78 === void 0 ? void 0 : _meterReadingDetailsD78.carriedForwardCreditApplied) ?? t("NA"),
34969
+ className: "border-none"
34970
+ }))), meterReadingDetailsData.correction && ((_meterReadingDetailsD79 = meterReadingDetailsData.correction) === null || _meterReadingDetailsD79 === void 0 ? void 0 : _meterReadingDetailsD79.required) === true && /*#__PURE__*/React__default.createElement("div", {
34971
+ style: {
34972
+ marginBottom: "16px"
34973
+ }
34974
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Header, null, t("WS_CORRECTION")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34975
+ label: t("WS_REQUIRED"),
34976
+ text: (_meterReadingDetailsD80 = meterReadingDetailsData.correction) !== null && _meterReadingDetailsD80 !== void 0 && _meterReadingDetailsD80.required ? t("CORE_COMMON_YES") : t("CORE_COMMON_NO"),
34977
+ className: "border-none"
34978
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34979
+ label: t("WS_STATUS"),
34980
+ text: ((_meterReadingDetailsD81 = meterReadingDetailsData.correction) === null || _meterReadingDetailsD81 === void 0 ? void 0 : _meterReadingDetailsD81.status) || t("NA"),
34981
+ className: "border-none"
34982
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34983
+ label: t("WS_REASON_CODE"),
34984
+ text: ((_meterReadingDetailsD82 = meterReadingDetailsData.correction) === null || _meterReadingDetailsD82 === void 0 ? void 0 : _meterReadingDetailsD82.reasonCode) || t("NA"),
34985
+ className: "border-none"
34986
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34987
+ label: t("WS_REASON"),
34988
+ text: ((_meterReadingDetailsD83 = meterReadingDetailsData.correction) === null || _meterReadingDetailsD83 === void 0 ? void 0 : _meterReadingDetailsD83.reason) || t("NA"),
34989
+ className: "border-none"
34990
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34991
+ label: t("WS_PREVIOUS_OK_READING"),
34992
+ text: ((_meterReadingDetailsD84 = meterReadingDetailsData.correction) === null || _meterReadingDetailsD84 === void 0 ? void 0 : _meterReadingDetailsD84.previousOkReading) ?? t("NA"),
34993
+ className: "border-none"
34994
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34995
+ label: t("WS_CURRENT_READING"),
34996
+ text: ((_meterReadingDetailsD85 = meterReadingDetailsData.correction) === null || _meterReadingDetailsD85 === void 0 ? void 0 : _meterReadingDetailsD85.currentReading) ?? t("NA"),
34997
+ className: "border-none"
34998
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
34999
+ label: t("WS_CORRECTED_CONSUMPTION"),
35000
+ text: ((_meterReadingDetailsD86 = meterReadingDetailsData.correction) === null || _meterReadingDetailsD86 === void 0 ? void 0 : _meterReadingDetailsD86.correctedConsumption) ?? t("NA"),
35001
+ className: "border-none"
35002
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
35003
+ label: t("WS_PREVIOUSLY_CALCULATED_AMOUNT"),
35004
+ text: ((_meterReadingDetailsD87 = meterReadingDetailsData.correction) === null || _meterReadingDetailsD87 === void 0 ? void 0 : _meterReadingDetailsD87.previouslyCalculatedAmount) ?? t("NA"),
35005
+ className: "border-none"
35006
+ }))), meterReadingDetailsData.reconciliation && /*#__PURE__*/React__default.createElement("div", {
35007
+ style: {
35008
+ marginBottom: "16px"
35009
+ }
35010
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Header, null, t("WS_RECONCILIATION")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
35011
+ label: t("WS_CALCULATED_AMOUNT"),
35012
+ text: ((_meterReadingDetailsD88 = meterReadingDetailsData.reconciliation) === null || _meterReadingDetailsD88 === void 0 ? void 0 : _meterReadingDetailsD88.calculatedAmount) ?? t("NA"),
35013
+ className: "border-none"
35014
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
35015
+ label: t("WS_BILLED_AMOUNT"),
35016
+ text: ((_meterReadingDetailsD89 = meterReadingDetailsData.reconciliation) === null || _meterReadingDetailsD89 === void 0 ? void 0 : _meterReadingDetailsD89.billedAmount) ?? t("NA"),
35017
+ className: "border-none"
35018
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
35019
+ label: t("WS_DIFFERENCE"),
35020
+ text: ((_meterReadingDetailsD90 = meterReadingDetailsData.reconciliation) === null || _meterReadingDetailsD90 === void 0 ? void 0 : _meterReadingDetailsD90.difference) ?? t("NA"),
35021
+ className: "border-none"
35022
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
35023
+ label: t("WS_STATUS"),
35024
+ text: ((_meterReadingDetailsD91 = meterReadingDetailsData.reconciliation) === null || _meterReadingDetailsD91 === void 0 ? void 0 : _meterReadingDetailsD91.status) || t("NA"),
35025
+ className: "border-none"
35026
+ }))), meterReadingDetailsData.demand && /*#__PURE__*/React__default.createElement("div", {
35027
+ style: {
35028
+ marginBottom: "16px"
35029
+ }
35030
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Header, null, t("WS_DEMAND")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
35031
+ label: t("WS_CREATED"),
35032
+ text: (_meterReadingDetailsD92 = meterReadingDetailsData.demand) !== null && _meterReadingDetailsD92 !== void 0 && _meterReadingDetailsD92.created ? t("CORE_COMMON_YES") : t("CORE_COMMON_NO"),
35033
+ className: "border-none"
35034
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
35035
+ label: t("WS_STATUS"),
35036
+ text: ((_meterReadingDetailsD93 = meterReadingDetailsData.demand) === null || _meterReadingDetailsD93 === void 0 ? void 0 : _meterReadingDetailsD93.status) || t("NA"),
35037
+ className: "border-none"
35038
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
35039
+ label: t("WS_AMOUNT"),
35040
+ text: ((_meterReadingDetailsD94 = meterReadingDetailsData.demand) === null || _meterReadingDetailsD94 === void 0 ? void 0 : _meterReadingDetailsD94.amount) ?? t("NA"),
35041
+ className: "border-none"
35042
+ }))), meterReadingDetailsData.bill && /*#__PURE__*/React__default.createElement("div", {
35043
+ style: {
35044
+ marginBottom: "16px"
35045
+ }
35046
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Header, null, t("WS_BILL_DETAILS")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
35047
+ label: t("WS_BILL_GENERATED"),
35048
+ text: (_meterReadingDetailsD95 = meterReadingDetailsData.bill) !== null && _meterReadingDetailsD95 !== void 0 && _meterReadingDetailsD95.generated ? t("CORE_COMMON_YES") : t("CORE_COMMON_NO"),
35049
+ className: "border-none"
35050
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
35051
+ label: t("WS_BILL_NUMBER"),
35052
+ text: ((_meterReadingDetailsD96 = meterReadingDetailsData.bill) === null || _meterReadingDetailsD96 === void 0 ? void 0 : _meterReadingDetailsD96.number) || t("NA"),
35053
+ className: "border-none"
35054
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
35055
+ label: t("WS_BILL_STATUS"),
35056
+ text: ((_meterReadingDetailsD97 = meterReadingDetailsData.bill) === null || _meterReadingDetailsD97 === void 0 ? void 0 : _meterReadingDetailsD97.status) || t("NA"),
35057
+ className: "border-none"
35058
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
35059
+ label: t("WS_BILL_AMOUNT"),
35060
+ text: ((_meterReadingDetailsD98 = meterReadingDetailsData.bill) === null || _meterReadingDetailsD98 === void 0 ? void 0 : _meterReadingDetailsD98.amount) ?? t("NA"),
35061
+ className: "border-none"
35062
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
35063
+ label: t("WS_CALCULATED_AMOUNT"),
35064
+ text: ((_meterReadingDetailsD99 = meterReadingDetailsData.bill) === null || _meterReadingDetailsD99 === void 0 ? void 0 : _meterReadingDetailsD99.calculatedAmount) ?? t("NA"),
35065
+ className: "border-none"
35066
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
35067
+ label: t("WS_DIFFERENCE"),
35068
+ text: ((_meterReadingDetailsD100 = meterReadingDetailsData.bill) === null || _meterReadingDetailsD100 === void 0 ? void 0 : _meterReadingDetailsD100.difference) ?? t("NA"),
35069
+ className: "border-none"
35070
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
35071
+ label: t("WS_RECONCILIATION_STATUS"),
35072
+ text: ((_meterReadingDetailsD101 = meterReadingDetailsData.bill) === null || _meterReadingDetailsD101 === void 0 ? void 0 : _meterReadingDetailsD101.reconciliationStatus) || t("NA"),
35073
+ className: "border-none"
35074
+ }))), /*#__PURE__*/React__default.createElement("div", {
35075
+ style: {
35076
+ marginTop: "24px",
35077
+ marginBottom: "8px",
35078
+ padding: "16px 20px",
35079
+ backgroundColor: "#FEF7F2",
35080
+ border: "2px solid #F47738",
35081
+ borderRadius: "6px",
35082
+ display: "flex",
35083
+ justifyContent: "space-between",
35084
+ alignItems: "center",
35085
+ boxShadow: "0 2px 6px rgba(244, 119, 56, 0.15)"
35086
+ }
35087
+ }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
35088
+ style: {
35089
+ fontSize: "18px",
35090
+ fontWeight: "700",
35091
+ color: "#0B0C0C"
35092
+ }
35093
+ }, t("WS_NET_AMOUNT")), ((_meterReadingDetailsD102 = meterReadingDetailsData.charges) === null || _meterReadingDetailsD102 === void 0 ? void 0 : _meterReadingDetailsD102.grossAmount) != null && /*#__PURE__*/React__default.createElement("div", {
35094
+ style: {
35095
+ fontSize: "13px",
35096
+ color: "#505A5F",
35097
+ marginTop: "4px"
35098
+ }
35099
+ }, t("WS_GROSS_AMOUNT"), ": \u20B9 ", meterReadingDetailsData.charges.grossAmount)), /*#__PURE__*/React__default.createElement("div", {
35100
+ style: {
35101
+ fontSize: "24px",
35102
+ fontWeight: "700",
35103
+ color: "#F47738"
35104
+ }
35105
+ }, "\u20B9", " ", ((_meterReadingDetailsD103 = meterReadingDetailsData.charges) === null || _meterReadingDetailsD103 === void 0 ? void 0 : _meterReadingDetailsD103.netAmount) ?? ((_meterReadingDetailsD104 = meterReadingDetailsData.bill) === null || _meterReadingDetailsD104 === void 0 ? void 0 : _meterReadingDetailsD104.amount) ?? ((_meterReadingDetailsD105 = meterReadingDetailsData.reconciliation) === null || _meterReadingDetailsD105 === void 0 ? void 0 : _meterReadingDetailsD105.billedAmount) ?? t("NA")))) : /*#__PURE__*/React__default.createElement("div", {
35106
+ style: {
35107
+ padding: "16px"
35108
+ }
35109
+ }, t("CS_NO_DATA"))), showToast && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
35110
+ style: {
35111
+ zIndex: "10000"
35112
+ },
35113
+ error: (showToast === null || showToast === void 0 ? void 0 : showToast.key) === "error" ? true : false,
35114
+ label: t(showToast === null || showToast === void 0 ? void 0 : showToast.message),
35115
+ onClose: () => setShowToast(null)
35116
+ }));
34500
35117
  };
34501
35118
 
34502
35119
  const WSPayments = _ref => {
@@ -35225,6 +35842,7 @@ const CheckPage = _ref => {
35225
35842
  const connectionDetails = (value === null || value === void 0 ? void 0 : (_value$ConnectionDeta = value.ConnectionDetails) === null || _value$ConnectionDeta === void 0 ? void 0 : _value$ConnectionDeta[0]) || (value === null || value === void 0 ? void 0 : value.ConnectionDetails) || {};
35226
35843
  const propertyAddress = (value === null || value === void 0 ? void 0 : value.propertyLocationDetails) || {};
35227
35844
  const useDetails = (value === null || value === void 0 ? void 0 : (_value$waterConnectio = value.waterConnection) === null || _value$waterConnectio === void 0 ? void 0 : _value$waterConnectio.useDetails) || {};
35845
+ const djbEmployee = (value === null || value === void 0 ? void 0 : value.djbEmployee) || {};
35228
35846
  const disability = (value === null || value === void 0 ? void 0 : value.disability) || (value === null || value === void 0 ? void 0 : value.additionalDetails) || {};
35229
35847
  const bankDetails = (value === null || value === void 0 ? void 0 : value.bankDetails) || {};
35230
35848
  const additionalDetails = {};
@@ -35501,7 +36119,39 @@ const CheckPage = _ref => {
35501
36119
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
35502
36120
  label: t("WS_NUMBER_OF_DWELLING_UNITS"),
35503
36121
  text: `${t(checkForNA((useDetails === null || useDetails === void 0 ? void 0 : useDetails.NumberofDwellingUnits) || (useDetails === null || useDetails === void 0 ? void 0 : useDetails.noOfDwellingUnits)))}`
35504
- })), /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardSubHeader, null, t("WS_DIVYANGJAN")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, {
36122
+ })), /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardSubHeader, null, t("WS_DJB_EMPLOYEE")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, {
36123
+ style: {
36124
+ marginTop: "10px",
36125
+ marginBottom: "30px"
36126
+ }
36127
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
36128
+ label: t("WS_DJB_EMPLOYEE"),
36129
+ text: `${djbEmployee !== null && djbEmployee !== void 0 && djbEmployee.isDjbEmployee ? t("CORE_COMMON_YES") : t("CORE_COMMON_NO")}`,
36130
+ actionButton: /*#__PURE__*/React__default.createElement(ActionButton, {
36131
+ onClick: onEdit
36132
+ })
36133
+ }), (djbEmployee === null || djbEmployee === void 0 ? void 0 : djbEmployee.isDjbEmployee) && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
36134
+ label: t("WS_EMPLOYEE_ID"),
36135
+ text: `${t(checkForNA(djbEmployee === null || djbEmployee === void 0 ? void 0 : djbEmployee.employeeId))}`
36136
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
36137
+ label: t("WS_DATE_OF_RETIREMENT"),
36138
+ text: `${t(checkForNA(djbEmployee === null || djbEmployee === void 0 ? void 0 : djbEmployee.dor))}`
36139
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
36140
+ label: t("WS_EMPLOYEE_DESIGNATION"),
36141
+ text: `${t(checkForNA(djbEmployee === null || djbEmployee === void 0 ? void 0 : djbEmployee.designation))}`
36142
+ }), (djbEmployee === null || djbEmployee === void 0 ? void 0 : djbEmployee.document) && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
36143
+ label: t("WS_UPLOAD_EMPLOYEE_ID_DOC"),
36144
+ text: /*#__PURE__*/React__default.createElement("span", {
36145
+ style: {
36146
+ display: "flex",
36147
+ alignItems: "center",
36148
+ gap: "8px",
36149
+ cursor: "pointer",
36150
+ color: "#f47738"
36151
+ },
36152
+ onClick: () => openFilePDF(djbEmployee === null || djbEmployee === void 0 ? void 0 : djbEmployee.document)
36153
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.GenericFileIcon, null), " ", t("CS_COMMON_VIEW"))
36154
+ }))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardSubHeader, null, t("WS_DIVYANGJAN")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, {
35505
36155
  style: {
35506
36156
  marginTop: "10px",
35507
36157
  marginBottom: "30px"
@@ -37306,9 +37956,9 @@ const WSInfoPage = () => {
37306
37956
  isMandatory: false,
37307
37957
  value: otp,
37308
37958
  maxLength: 6,
37309
- onChange: e => setOtp(e.target.value.replace(/\D/g, '').slice(0, 6)),
37959
+ onChange: e => setOtp(e.target.value.replace(/\D/g, "").slice(0, 6)),
37310
37960
  onKeyDown: e => {
37311
- if (['-', '+', 'e', 'E', '.'].includes(e.key)) e.preventDefault();
37961
+ if (["-", "+", "e", "E", "."].includes(e.key)) e.preventDefault();
37312
37962
  },
37313
37963
  placeholder: t("WS_ENTER_6_DIGIT_OTP") || "Enter 6-digit OTP",
37314
37964
  style: {
@@ -37598,6 +38248,18 @@ const WSInfoPage = () => {
37598
38248
  marginTop: "0",
37599
38249
  marginBottom: "0"
37600
38250
  }
38251
+ }, t("WS_DJB_EMPLOYEE")), /*#__PURE__*/React__default.createElement("ul", {
38252
+ style: {
38253
+ listStyleType: "disc",
38254
+ marginLeft: "20px",
38255
+ marginBottom: "24px",
38256
+ lineHeight: "2"
38257
+ }
38258
+ }, /*#__PURE__*/React__default.createElement("li", null, t("WS_EMPLOYEE_ID")), /*#__PURE__*/React__default.createElement("li", null, t("WS_DATE_OF_RETIREMENT")), /*#__PURE__*/React__default.createElement("li", null, t("WS_EMPLOYEE_DESIGNATION"))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardSubHeader, {
38259
+ style: {
38260
+ marginTop: "0",
38261
+ marginBottom: "0"
38262
+ }
37601
38263
  }, t("WS_BANK_DETAILS")), /*#__PURE__*/React__default.createElement("ul", {
37602
38264
  style: {
37603
38265
  listStyleType: "disc",
@@ -47248,7 +47910,6 @@ const WSAdditonalDetails = _ref => {
47248
47910
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
47249
47911
  style: {
47250
47912
  lineHeight: "19px",
47251
- maxWidth: "950px",
47252
47913
  minWidth: "280px"
47253
47914
  }
47254
47915
  }, (wsAdditionalDetails === null || wsAdditionalDetails === void 0 ? void 0 : (_wsAdditionalDetails$ = wsAdditionalDetails.additionalDetails) === null || _wsAdditionalDetails$ === void 0 ? void 0 : _wsAdditionalDetails$.connectionDetails) && /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardSubHeader, {
@@ -50910,14 +51571,14 @@ const EditApplication$1 = () => {
50910
51571
  })));
50911
51572
  };
50912
51573
 
50913
- const ConsumptionDetails = _ref => {
50914
- var _user$info, _mdmsBillingPeriod$Md, _mdmsBillingPeriod$Md2, _mdmsBillingPeriod$Md3, _mdmsMeterStatus$Mdms, _mdmsMeterStatus$Mdms2, _mdmsMeterStatus$Mdms3, _DJBReadingQualityCod, _DJBReadingQualityCod2, _DJBReadingQualityCod3, _details$4, _details$5;
51574
+ const ConsumptionDetails$1 = _ref => {
51575
+ var _user$info, _mdmsBillingPeriod$Md, _mdmsBillingPeriod$Md2, _mdmsBillingPeriod$Md3, _mdmsMeterStatus$Mdms, _mdmsMeterStatus$Mdms2, _mdmsMeterStatus$Mdms3, _DJBReadingQualityCod, _DJBReadingQualityCod2, _DJBReadingQualityCod3, _details$4, _details$5, _meterReadingDetailsD, _meterReadingDetailsD2, _meterReadingDetailsD3, _meterReadingDetailsD4, _meterReadingDetailsD5, _meterReadingDetailsD6, _meterReadingDetailsD7, _meterReadingDetailsD8, _meterReadingDetailsD9, _meterReadingDetailsD0, _meterReadingDetailsD1, _meterReadingDetailsD10, _meterReadingDetailsD11, _meterReadingDetailsD12, _meterReadingDetailsD13, _meterReadingDetailsD14, _meterReadingDetailsD15, _meterReadingDetailsD16, _meterReadingDetailsD17, _meterReadingDetailsD18, _meterReadingDetailsD19, _meterReadingDetailsD20, _meterReadingDetailsD21, _meterReadingDetailsD22, _meterReadingDetailsD23, _meterReadingDetailsD24, _meterReadingDetailsD25, _meterReadingDetailsD26, _meterReadingDetailsD27, _meterReadingDetailsD28, _meterReadingDetailsD29, _meterReadingDetailsD30, _meterReadingDetailsD31, _meterReadingDetailsD32, _meterReadingDetailsD33, _meterReadingDetailsD34, _meterReadingDetailsD35, _meterReadingDetailsD36, _meterReadingDetailsD37, _meterReadingDetailsD38, _meterReadingDetailsD39, _meterReadingDetailsD40, _meterReadingDetailsD41, _meterReadingDetailsD42, _meterReadingDetailsD43, _meterReadingDetailsD44, _meterReadingDetailsD45, _meterReadingDetailsD46, _meterReadingDetailsD47, _meterReadingDetailsD48, _meterReadingDetailsD49, _meterReadingDetailsD50, _meterReadingDetailsD51, _meterReadingDetailsD52, _meterReadingDetailsD53, _meterReadingDetailsD54, _meterReadingDetailsD55, _meterReadingDetailsD56, _meterReadingDetailsD57, _meterReadingDetailsD58, _meterReadingDetailsD59, _meterReadingDetailsD60, _meterReadingDetailsD61, _meterReadingDetailsD62, _meterReadingDetailsD63, _meterReadingDetailsD64, _meterReadingDetailsD65, _meterReadingDetailsD66, _meterReadingDetailsD67, _meterReadingDetailsD68, _meterReadingDetailsD69, _meterReadingDetailsD70, _meterReadingDetailsD71, _meterReadingDetailsD72, _meterReadingDetailsD73, _meterReadingDetailsD74, _meterReadingDetailsD75, _meterReadingDetailsD76, _meterReadingDetailsD77, _meterReadingDetailsD78, _meterReadingDetailsD79, _meterReadingDetailsD80, _meterReadingDetailsD81, _meterReadingDetailsD82;
50915
51576
  const {
50916
51577
  t
50917
51578
  } = reactI18next.useTranslation();
50918
51579
  const user = Digit.UserService.getUser();
50919
51580
  const tenantId = (user === null || user === void 0 ? void 0 : (_user$info = user.info) === null || _user$info === void 0 ? void 0 : _user$info.tenantId) || Digit.ULBService.getCurrentTenantId();
50920
- let filters = getQueryStringParams(location.search);
51581
+ let filters = getQueryStringParams(window.location.search);
50921
51582
  const {
50922
51583
  applicationNo
50923
51584
  } = Digit.Hooks.useQueryParams();
@@ -50943,6 +51604,38 @@ const ConsumptionDetails = _ref => {
50943
51604
  const userInfo = Digit.UserService.getUser();
50944
51605
  const userRoles = userInfo.info.roles.map(roleData => roleData.code);
50945
51606
  const isUserAllowedToAddMeterReading = userRoles.filter(role => role === "WS_CEMP" || role === "SW_CEMP").length > 0;
51607
+ const [meterReadingDetailsModal, setMeterReadingDetailsModal] = React.useState(false);
51608
+ const [meterReadingDetailsData, setMeterReadingDetailsData] = React.useState(null);
51609
+ const [isLoadingDetails, setIsLoadingDetails] = React.useState(false);
51610
+ const handleViewMeterReadingDetails = application => {
51611
+ setIsLoadingDetails(true);
51612
+ setMeterReadingDetailsModal(true);
51613
+ const tenantIdStr = (application === null || application === void 0 ? void 0 : application.tenantId) || tenantId;
51614
+ const connectionNoStr = (application === null || application === void 0 ? void 0 : application.connectionNo) || applicationNo;
51615
+ const billingCycleIdStr = (application === null || application === void 0 ? void 0 : application.billingCycleId) || (application === null || application === void 0 ? void 0 : application.billingPeriodId) || (application === null || application === void 0 ? void 0 : application.id);
51616
+ fetchBillingStatement({
51617
+ tenantId: tenantIdStr,
51618
+ connectionNo: connectionNoStr,
51619
+ billingCycleId: billingCycleIdStr
51620
+ }, {
51621
+ onSuccess: data => {
51622
+ setMeterReadingDetailsData(data === null || data === void 0 ? void 0 : data.billingStatement);
51623
+ setIsLoadingDetails(false);
51624
+ },
51625
+ onError: error => {
51626
+ console.error(error);
51627
+ setShowToast({
51628
+ key: "error",
51629
+ message: t("ERROR_FETCHING_METER_READING_DETAILS")
51630
+ });
51631
+ setMeterReadingDetailsModal(false);
51632
+ setIsLoadingDetails(false);
51633
+ }
51634
+ });
51635
+ };
51636
+ const {
51637
+ mutate: fetchBillingStatement
51638
+ } = Digit.Hooks.ws.useWSBillingStatement(businessService);
50946
51639
  const {
50947
51640
  isLoading,
50948
51641
  isError,
@@ -51311,7 +52004,18 @@ const ConsumptionDetails = _ref => {
51311
52004
  }
51312
52005
  }, (meterReadings === null || meterReadings === void 0 ? void 0 : meterReadings.length) > 0 && meterReadings.map((application, index) => /*#__PURE__*/React__default.createElement("div", {
51313
52006
  key: index
51314
- }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52007
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, null, /*#__PURE__*/React__default.createElement("div", {
52008
+ style: {
52009
+ display: "flex",
52010
+ justifyContent: "flex-end",
52011
+ marginBottom: "16px",
52012
+ marginTop: "8px",
52013
+ marginRight: "8px"
52014
+ }
52015
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
52016
+ label: t("VIEW_METER_READING_DETAILS"),
52017
+ onSubmit: () => handleViewMeterReadingDetails(application)
52018
+ })), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
51315
52019
  key: t("WS_MYCONNECTIONS_CONSUMER_NO"),
51316
52020
  label: `${t("WS_MYCONNECTIONS_CONSUMER_NO")}`,
51317
52021
  text: (application === null || application === void 0 ? void 0 : application.connectionNo) || t("NA"),
@@ -51397,7 +52101,385 @@ const ConsumptionDetails = _ref => {
51397
52101
  onSubmit: onSubmit,
51398
52102
  defaultValues: defaultValues,
51399
52103
  formId: "modal-action"
51400
- })), showToast && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
52104
+ })), meterReadingDetailsModal && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Modal, {
52105
+ headerBarMain: /*#__PURE__*/React__default.createElement(Heading, {
52106
+ label: t("WS_METER_READING_DETAILS")
52107
+ }),
52108
+ headerBarEnd: /*#__PURE__*/React__default.createElement(CloseBtn, {
52109
+ onClick: () => setMeterReadingDetailsModal(false)
52110
+ }),
52111
+ actionCancelLabel: t("CORE_CHANGE_TENANT_CANCEL"),
52112
+ actionCancelOnSubmit: () => setMeterReadingDetailsModal(false),
52113
+ hideSubmit: true,
52114
+ formId: "meter-reading-details-modal",
52115
+ popupStyles: {
52116
+ width: mobileView ? "100%" : "800px"
52117
+ }
52118
+ }, isLoadingDetails ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.Loader, null) : meterReadingDetailsData ? /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
52119
+ style: {
52120
+ marginBottom: "16px"
52121
+ }
52122
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Header, null, t("WS_CONSUMER_DETAILS")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52123
+ label: t("WS_CONNECTION_NO"),
52124
+ text: ((_meterReadingDetailsD = meterReadingDetailsData.consumer) === null || _meterReadingDetailsD === void 0 ? void 0 : _meterReadingDetailsD.connectionNo) || t("NA"),
52125
+ className: "border-none"
52126
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52127
+ label: t("WS_TARIFF_CATEGORY"),
52128
+ text: ((_meterReadingDetailsD2 = meterReadingDetailsData.consumer) === null || _meterReadingDetailsD2 === void 0 ? void 0 : _meterReadingDetailsD2.tariffCategory) || t("NA"),
52129
+ className: "border-none"
52130
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52131
+ label: t("WS_PROPERTY_USAGE"),
52132
+ text: ((_meterReadingDetailsD3 = meterReadingDetailsData.consumer) === null || _meterReadingDetailsD3 === void 0 ? void 0 : _meterReadingDetailsD3.propertyUsage) || t("NA"),
52133
+ className: "border-none"
52134
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52135
+ label: t("WS_PROPERTY_AREA_SQM"),
52136
+ text: ((_meterReadingDetailsD4 = meterReadingDetailsData.consumer) === null || _meterReadingDetailsD4 === void 0 ? void 0 : _meterReadingDetailsD4.propertyAreaSqm) ?? t("NA"),
52137
+ className: "border-none"
52138
+ }))), /*#__PURE__*/React__default.createElement("div", {
52139
+ style: {
52140
+ marginBottom: "16px"
52141
+ }
52142
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Header, null, t("WS_BILLING_CYCLE")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52143
+ label: t("WS_PERIOD_FROM"),
52144
+ text: (_meterReadingDetailsD5 = meterReadingDetailsData.billingCycle) !== null && _meterReadingDetailsD5 !== void 0 && _meterReadingDetailsD5.periodFrom ? Digit.DateUtils.ConvertEpochToDate((_meterReadingDetailsD6 = meterReadingDetailsData.billingCycle) === null || _meterReadingDetailsD6 === void 0 ? void 0 : _meterReadingDetailsD6.periodFrom) : t("NA"),
52145
+ className: "border-none"
52146
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52147
+ label: t("WS_PERIOD_TO"),
52148
+ text: (_meterReadingDetailsD7 = meterReadingDetailsData.billingCycle) !== null && _meterReadingDetailsD7 !== void 0 && _meterReadingDetailsD7.periodTo ? Digit.DateUtils.ConvertEpochToDate((_meterReadingDetailsD8 = meterReadingDetailsData.billingCycle) === null || _meterReadingDetailsD8 === void 0 ? void 0 : _meterReadingDetailsD8.periodTo) : t("NA"),
52149
+ className: "border-none"
52150
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52151
+ label: t("WS_READING_QUALITY_CODE"),
52152
+ text: ((_meterReadingDetailsD9 = meterReadingDetailsData.billingCycle) === null || _meterReadingDetailsD9 === void 0 ? void 0 : _meterReadingDetailsD9.readingQualityCode) || t("NA"),
52153
+ className: "border-none"
52154
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52155
+ label: t("WS_BILLING_BASIS"),
52156
+ text: ((_meterReadingDetailsD0 = meterReadingDetailsData.billingCycle) === null || _meterReadingDetailsD0 === void 0 ? void 0 : _meterReadingDetailsD0.billingBasis) || t("NA"),
52157
+ className: "border-none"
52158
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52159
+ label: t("WS_CORRECTION_STATUS"),
52160
+ text: ((_meterReadingDetailsD1 = meterReadingDetailsData.billingCycle) === null || _meterReadingDetailsD1 === void 0 ? void 0 : _meterReadingDetailsD1.correctionStatus) || t("NA"),
52161
+ className: "border-none"
52162
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52163
+ label: t("WS_STATUS"),
52164
+ text: ((_meterReadingDetailsD10 = meterReadingDetailsData.billingCycle) === null || _meterReadingDetailsD10 === void 0 ? void 0 : _meterReadingDetailsD10.status) || t("NA"),
52165
+ className: "border-none"
52166
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52167
+ label: t("WS_AVERAGE_CYCLE_COUNT"),
52168
+ text: ((_meterReadingDetailsD11 = meterReadingDetailsData.billingCycle) === null || _meterReadingDetailsD11 === void 0 ? void 0 : _meterReadingDetailsD11.averageCycleCount) ?? t("NA"),
52169
+ className: "border-none"
52170
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52171
+ label: t("WS_PROVISIONAL_CYCLE_COUNT"),
52172
+ text: ((_meterReadingDetailsD12 = meterReadingDetailsData.billingCycle) === null || _meterReadingDetailsD12 === void 0 ? void 0 : _meterReadingDetailsD12.provisionalCycleCount) ?? t("NA"),
52173
+ className: "border-none"
52174
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52175
+ label: t("WS_ZRO_STATUS"),
52176
+ text: ((_meterReadingDetailsD13 = meterReadingDetailsData.billingCycle) === null || _meterReadingDetailsD13 === void 0 ? void 0 : _meterReadingDetailsD13.zroStatus) || t("NA"),
52177
+ className: "border-none"
52178
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52179
+ label: t("WS_ZRO_REMARKS"),
52180
+ text: ((_meterReadingDetailsD14 = meterReadingDetailsData.billingCycle) === null || _meterReadingDetailsD14 === void 0 ? void 0 : _meterReadingDetailsD14.zroRemarks) || t("NA"),
52181
+ className: "border-none"
52182
+ }))), /*#__PURE__*/React__default.createElement("div", {
52183
+ style: {
52184
+ marginBottom: "16px"
52185
+ }
52186
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Header, null, t("WS_READING_DETAILS")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52187
+ label: t("WS_PREVIOUS_READING"),
52188
+ text: ((_meterReadingDetailsD15 = meterReadingDetailsData.reading) === null || _meterReadingDetailsD15 === void 0 ? void 0 : _meterReadingDetailsD15.previousReading) ?? t("NA"),
52189
+ className: "border-none"
52190
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52191
+ label: t("WS_PREVIOUS_READING_DATE"),
52192
+ text: (_meterReadingDetailsD16 = meterReadingDetailsData.reading) !== null && _meterReadingDetailsD16 !== void 0 && _meterReadingDetailsD16.previousReadingDate ? Digit.DateUtils.ConvertEpochToDate((_meterReadingDetailsD17 = meterReadingDetailsData.reading) === null || _meterReadingDetailsD17 === void 0 ? void 0 : _meterReadingDetailsD17.previousReadingDate) : t("NA"),
52193
+ className: "border-none"
52194
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52195
+ label: t("WS_CURRENT_READING"),
52196
+ text: ((_meterReadingDetailsD18 = meterReadingDetailsData.reading) === null || _meterReadingDetailsD18 === void 0 ? void 0 : _meterReadingDetailsD18.currentReading) ?? t("NA"),
52197
+ className: "border-none"
52198
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52199
+ label: t("WS_CURRENT_READING_DATE"),
52200
+ text: (_meterReadingDetailsD19 = meterReadingDetailsData.reading) !== null && _meterReadingDetailsD19 !== void 0 && _meterReadingDetailsD19.currentReadingDate ? Digit.DateUtils.ConvertEpochToDate((_meterReadingDetailsD20 = meterReadingDetailsData.reading) === null || _meterReadingDetailsD20 === void 0 ? void 0 : _meterReadingDetailsD20.currentReadingDate) : t("NA"),
52201
+ className: "border-none"
52202
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52203
+ label: t("WS_PREVIOUS_CONSUMPTION"),
52204
+ text: ((_meterReadingDetailsD21 = meterReadingDetailsData.reading) === null || _meterReadingDetailsD21 === void 0 ? void 0 : _meterReadingDetailsD21.previousConsumption) ?? t("NA"),
52205
+ className: "border-none"
52206
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52207
+ label: t("WS_ACTUAL_CONSUMPTION"),
52208
+ text: ((_meterReadingDetailsD22 = meterReadingDetailsData.reading) === null || _meterReadingDetailsD22 === void 0 ? void 0 : _meterReadingDetailsD22.actualConsumption) ?? t("NA"),
52209
+ className: "border-none"
52210
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52211
+ label: t("WS_MONTHLY_CONSUMPTION"),
52212
+ text: ((_meterReadingDetailsD23 = meterReadingDetailsData.reading) === null || _meterReadingDetailsD23 === void 0 ? void 0 : _meterReadingDetailsD23.monthlyConsumption) ?? t("NA"),
52213
+ className: "border-none"
52214
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52215
+ label: t("WS_BILLING_CONSUMPTION"),
52216
+ text: ((_meterReadingDetailsD24 = meterReadingDetailsData.reading) === null || _meterReadingDetailsD24 === void 0 ? void 0 : _meterReadingDetailsD24.billingConsumption) ?? t("NA"),
52217
+ className: "border-none"
52218
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52219
+ label: t("WS_BILLING_DAYS"),
52220
+ text: ((_meterReadingDetailsD25 = meterReadingDetailsData.reading) === null || _meterReadingDetailsD25 === void 0 ? void 0 : _meterReadingDetailsD25.billingDays) ?? t("NA"),
52221
+ className: "border-none"
52222
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52223
+ label: t("WS_AVERAGE_CONSUMPTION"),
52224
+ text: ((_meterReadingDetailsD26 = meterReadingDetailsData.reading) === null || _meterReadingDetailsD26 === void 0 ? void 0 : _meterReadingDetailsD26.averageConsumption) ?? t("NA"),
52225
+ className: "border-none"
52226
+ }))), meterReadingDetailsData.onePointFiveX && (((_meterReadingDetailsD27 = meterReadingDetailsData.onePointFiveX) === null || _meterReadingDetailsD27 === void 0 ? void 0 : _meterReadingDetailsD27.evaluated) === true || ((_meterReadingDetailsD28 = meterReadingDetailsData.onePointFiveX) === null || _meterReadingDetailsD28 === void 0 ? void 0 : _meterReadingDetailsD28.required) === true || ((_meterReadingDetailsD29 = meterReadingDetailsData.onePointFiveX) === null || _meterReadingDetailsD29 === void 0 ? void 0 : _meterReadingDetailsD29.zroRequired) === true) && /*#__PURE__*/React__default.createElement("div", {
52227
+ style: {
52228
+ marginBottom: "16px"
52229
+ }
52230
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Header, null, t("WS_ONE_POINT_FIVE_X")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52231
+ label: t("WS_EVALUATED"),
52232
+ text: (_meterReadingDetailsD30 = meterReadingDetailsData.onePointFiveX) !== null && _meterReadingDetailsD30 !== void 0 && _meterReadingDetailsD30.evaluated ? t("CORE_COMMON_YES") : t("CORE_COMMON_NO"),
52233
+ className: "border-none"
52234
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52235
+ label: t("WS_MULTIPLIER"),
52236
+ text: ((_meterReadingDetailsD31 = meterReadingDetailsData.onePointFiveX) === null || _meterReadingDetailsD31 === void 0 ? void 0 : _meterReadingDetailsD31.multiplier) ?? t("NA"),
52237
+ className: "border-none"
52238
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52239
+ label: t("WS_PREVIOUS_CONSUMPTION"),
52240
+ text: ((_meterReadingDetailsD32 = meterReadingDetailsData.onePointFiveX) === null || _meterReadingDetailsD32 === void 0 ? void 0 : _meterReadingDetailsD32.previousConsumption) ?? t("NA"),
52241
+ className: "border-none"
52242
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52243
+ label: t("WS_THRESHOLD_CONSUMPTION"),
52244
+ text: ((_meterReadingDetailsD33 = meterReadingDetailsData.onePointFiveX) === null || _meterReadingDetailsD33 === void 0 ? void 0 : _meterReadingDetailsD33.thresholdConsumption) ?? t("NA"),
52245
+ className: "border-none"
52246
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52247
+ label: t("WS_ACTUAL_CONSUMPTION"),
52248
+ text: ((_meterReadingDetailsD34 = meterReadingDetailsData.onePointFiveX) === null || _meterReadingDetailsD34 === void 0 ? void 0 : _meterReadingDetailsD34.actualConsumption) ?? t("NA"),
52249
+ className: "border-none"
52250
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52251
+ label: t("WS_MONTHLY_CONSUMPTION"),
52252
+ text: ((_meterReadingDetailsD35 = meterReadingDetailsData.onePointFiveX) === null || _meterReadingDetailsD35 === void 0 ? void 0 : _meterReadingDetailsD35.monthlyConsumption) ?? t("NA"),
52253
+ className: "border-none"
52254
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52255
+ label: t("WS_BILLING_DAYS"),
52256
+ text: ((_meterReadingDetailsD36 = meterReadingDetailsData.onePointFiveX) === null || _meterReadingDetailsD36 === void 0 ? void 0 : _meterReadingDetailsD36.billingDays) ?? t("NA"),
52257
+ className: "border-none"
52258
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52259
+ label: t("WS_EXCEEDED"),
52260
+ text: (_meterReadingDetailsD37 = meterReadingDetailsData.onePointFiveX) !== null && _meterReadingDetailsD37 !== void 0 && _meterReadingDetailsD37.exceeded ? t("CORE_COMMON_YES") : t("CORE_COMMON_NO"),
52261
+ className: "border-none"
52262
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52263
+ label: t("WS_MINIMUM_ZRO_CONSUMPTION"),
52264
+ text: ((_meterReadingDetailsD38 = meterReadingDetailsData.onePointFiveX) === null || _meterReadingDetailsD38 === void 0 ? void 0 : _meterReadingDetailsD38.minimumZroConsumption) ?? t("NA"),
52265
+ className: "border-none"
52266
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52267
+ label: t("WS_ZRO_REQUIRED"),
52268
+ text: (_meterReadingDetailsD39 = meterReadingDetailsData.onePointFiveX) !== null && _meterReadingDetailsD39 !== void 0 && _meterReadingDetailsD39.zroRequired ? t("CORE_COMMON_YES") : t("CORE_COMMON_NO"),
52269
+ className: "border-none"
52270
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52271
+ label: t("WS_REASON"),
52272
+ text: ((_meterReadingDetailsD40 = meterReadingDetailsData.onePointFiveX) === null || _meterReadingDetailsD40 === void 0 ? void 0 : _meterReadingDetailsD40.reason) || t("NA"),
52273
+ className: "border-none"
52274
+ }))), meterReadingDetailsData.charges && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
52275
+ style: {
52276
+ marginBottom: "16px"
52277
+ }
52278
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Header, null, t("WS_WATER_CHARGES")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, meterReadingDetailsData.charges.water ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52279
+ label: t("WS_WATER_CONSUMPTION"),
52280
+ text: ((_meterReadingDetailsD41 = meterReadingDetailsData.charges.water) === null || _meterReadingDetailsD41 === void 0 ? void 0 : _meterReadingDetailsD41.consumption) != null ? `${meterReadingDetailsData.charges.water.consumption} ${((_meterReadingDetailsD42 = meterReadingDetailsData.charges.water) === null || _meterReadingDetailsD42 === void 0 ? void 0 : _meterReadingDetailsD42.unit) || ""}` : t("NA"),
52281
+ className: "border-none"
52282
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52283
+ label: t("WS_WATER_CATEGORY"),
52284
+ text: ((_meterReadingDetailsD43 = meterReadingDetailsData.charges.water) === null || _meterReadingDetailsD43 === void 0 ? void 0 : _meterReadingDetailsD43.category) || ((_meterReadingDetailsD44 = meterReadingDetailsData.charges.water) === null || _meterReadingDetailsD44 === void 0 ? void 0 : _meterReadingDetailsD44.tariffId) || t("NA"),
52285
+ className: "border-none"
52286
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52287
+ label: t("WS_VOLUMETRIC_CHARGE"),
52288
+ text: ((_meterReadingDetailsD45 = meterReadingDetailsData.charges.water) === null || _meterReadingDetailsD45 === void 0 ? void 0 : _meterReadingDetailsD45.volumetricCharge) ?? t("NA"),
52289
+ className: "border-none"
52290
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52291
+ label: t("WS_SERVICE_CHARGE"),
52292
+ text: ((_meterReadingDetailsD46 = meterReadingDetailsData.charges.water) === null || _meterReadingDetailsD46 === void 0 ? void 0 : _meterReadingDetailsD46.serviceCharge) ?? t("NA"),
52293
+ className: "border-none"
52294
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52295
+ label: t("WS_TOTAL_WATER_CHARGE"),
52296
+ text: ((_meterReadingDetailsD47 = meterReadingDetailsData.charges.water) === null || _meterReadingDetailsD47 === void 0 ? void 0 : _meterReadingDetailsD47.totalWaterCharge) ?? t("NA"),
52297
+ className: "border-none"
52298
+ }), (_meterReadingDetailsD48 = meterReadingDetailsData.charges.water) === null || _meterReadingDetailsD48 === void 0 ? void 0 : (_meterReadingDetailsD49 = _meterReadingDetailsD48.slabs) === null || _meterReadingDetailsD49 === void 0 ? void 0 : _meterReadingDetailsD49.map((slab, idx) => /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52299
+ key: idx,
52300
+ label: `${t("WS_WATER_SLAB")} ${idx + 1}`,
52301
+ text: (slab === null || slab === void 0 ? void 0 : slab.explanation) || `${slab.units} KL @ Rs. ${slab.ratePerKl} = Rs. ${slab.charge}`,
52302
+ className: "border-none"
52303
+ }))) : /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52304
+ label: t("WS_TOTAL_WATER_CHARGE"),
52305
+ text: t("NA"),
52306
+ className: "border-none"
52307
+ }))), /*#__PURE__*/React__default.createElement("div", {
52308
+ style: {
52309
+ marginBottom: "16px"
52310
+ }
52311
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Header, null, t("WS_SEWERAGE_CHARGES")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, meterReadingDetailsData.charges.sewerage ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52312
+ label: t("WS_REGULAR_SEWERAGE_CHARGE"),
52313
+ text: ((_meterReadingDetailsD50 = meterReadingDetailsData.charges.sewerage) === null || _meterReadingDetailsD50 === void 0 ? void 0 : _meterReadingDetailsD50.regularCharge) ?? t("NA"),
52314
+ className: "border-none"
52315
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52316
+ label: t("WS_ADDITIONAL_SEWERAGE_CHARGE"),
52317
+ text: ((_meterReadingDetailsD51 = meterReadingDetailsData.charges.sewerage) === null || _meterReadingDetailsD51 === void 0 ? void 0 : _meterReadingDetailsD51.additionalCharge) ?? t("NA"),
52318
+ className: "border-none"
52319
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52320
+ label: t("WS_TOTAL_SEWERAGE_CHARGE"),
52321
+ text: ((_meterReadingDetailsD52 = meterReadingDetailsData.charges.sewerage) === null || _meterReadingDetailsD52 === void 0 ? void 0 : _meterReadingDetailsD52.totalCharge) ?? t("NA"),
52322
+ className: "border-none"
52323
+ }), ((_meterReadingDetailsD53 = meterReadingDetailsData.charges.sewerage) === null || _meterReadingDetailsD53 === void 0 ? void 0 : _meterReadingDetailsD53.additionalRuleCode) && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52324
+ label: t("WS_ADDITIONAL_RULE_CODE"),
52325
+ text: meterReadingDetailsData.charges.sewerage.additionalRuleCode,
52326
+ className: "border-none"
52327
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52328
+ label: t("WS_SEWERAGE_EXPLANATION"),
52329
+ text: ((_meterReadingDetailsD54 = meterReadingDetailsData.charges.sewerage) === null || _meterReadingDetailsD54 === void 0 ? void 0 : _meterReadingDetailsD54.explanation) || t("NA"),
52330
+ className: "border-none"
52331
+ })) : /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52332
+ label: t("WS_TOTAL_SEWERAGE_CHARGE"),
52333
+ text: t("NA"),
52334
+ className: "border-none"
52335
+ }))), meterReadingDetailsData.charges.rebates && /*#__PURE__*/React__default.createElement("div", {
52336
+ style: {
52337
+ marginBottom: "16px"
52338
+ }
52339
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Header, null, t("WS_REBATES")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52340
+ label: t("WS_TOTAL_REBATE"),
52341
+ text: ((_meterReadingDetailsD55 = meterReadingDetailsData.charges.rebates) === null || _meterReadingDetailsD55 === void 0 ? void 0 : _meterReadingDetailsD55.totalRebate) ?? t("NA"),
52342
+ className: "border-none"
52343
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52344
+ label: t("WS_REBATE_EXPLANATION"),
52345
+ text: ((_meterReadingDetailsD56 = meterReadingDetailsData.charges.rebates) === null || _meterReadingDetailsD56 === void 0 ? void 0 : _meterReadingDetailsD56.explanation) || t("NA"),
52346
+ className: "border-none"
52347
+ }))), /*#__PURE__*/React__default.createElement("div", {
52348
+ style: {
52349
+ marginBottom: "16px"
52350
+ }
52351
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Header, null, t("WS_CHARGES_SUMMARY")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52352
+ label: t("WS_GROSS_AMOUNT"),
52353
+ text: ((_meterReadingDetailsD57 = meterReadingDetailsData.charges) === null || _meterReadingDetailsD57 === void 0 ? void 0 : _meterReadingDetailsD57.grossAmount) ?? t("NA"),
52354
+ className: "border-none"
52355
+ }), ((_meterReadingDetailsD58 = meterReadingDetailsData.charges.water) === null || _meterReadingDetailsD58 === void 0 ? void 0 : _meterReadingDetailsD58.totalWaterCharge) != null && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52356
+ label: t("WS_TOTAL_WATER_CHARGE"),
52357
+ text: meterReadingDetailsData.charges.water.totalWaterCharge,
52358
+ className: "border-none"
52359
+ }), ((_meterReadingDetailsD59 = meterReadingDetailsData.charges.sewerage) === null || _meterReadingDetailsD59 === void 0 ? void 0 : _meterReadingDetailsD59.totalCharge) != null && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52360
+ label: t("WS_TOTAL_SEWERAGE_CHARGE"),
52361
+ text: meterReadingDetailsData.charges.sewerage.totalCharge,
52362
+ className: "border-none"
52363
+ }), ((_meterReadingDetailsD60 = meterReadingDetailsData.charges.rebates) === null || _meterReadingDetailsD60 === void 0 ? void 0 : _meterReadingDetailsD60.totalRebate) != null && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52364
+ label: t("WS_TOTAL_REBATE"),
52365
+ text: meterReadingDetailsData.charges.rebates.totalRebate,
52366
+ className: "border-none"
52367
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52368
+ label: t("WS_NET_AMOUNT"),
52369
+ text: ((_meterReadingDetailsD61 = meterReadingDetailsData.charges) === null || _meterReadingDetailsD61 === void 0 ? void 0 : _meterReadingDetailsD61.netAmount) ?? t("NA"),
52370
+ className: "border-none"
52371
+ })))), meterReadingDetailsData.adjustments && /*#__PURE__*/React__default.createElement("div", {
52372
+ style: {
52373
+ marginBottom: "16px"
52374
+ }
52375
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Header, null, t("WS_ADJUSTMENTS")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52376
+ label: t("WS_PAID_CORRECTION_APPLIED"),
52377
+ text: ((_meterReadingDetailsD62 = meterReadingDetailsData.adjustments) === null || _meterReadingDetailsD62 === void 0 ? void 0 : _meterReadingDetailsD62.paidCorrectionApplied) ?? t("NA"),
52378
+ className: "border-none"
52379
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52380
+ label: t("WS_RESIDUAL_PAID_CREDIT_CREATED"),
52381
+ text: ((_meterReadingDetailsD63 = meterReadingDetailsData.adjustments) === null || _meterReadingDetailsD63 === void 0 ? void 0 : _meterReadingDetailsD63.residualPaidCreditCreated) ?? t("NA"),
52382
+ className: "border-none"
52383
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52384
+ label: t("WS_CARRIED_FORWARD_CREDIT_APPLIED"),
52385
+ text: ((_meterReadingDetailsD64 = meterReadingDetailsData.adjustments) === null || _meterReadingDetailsD64 === void 0 ? void 0 : _meterReadingDetailsD64.carriedForwardCreditApplied) ?? t("NA"),
52386
+ className: "border-none"
52387
+ }))), meterReadingDetailsData.correction && ((_meterReadingDetailsD65 = meterReadingDetailsData.correction) === null || _meterReadingDetailsD65 === void 0 ? void 0 : _meterReadingDetailsD65.required) === true && /*#__PURE__*/React__default.createElement("div", {
52388
+ style: {
52389
+ marginBottom: "16px"
52390
+ }
52391
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Header, null, t("WS_CORRECTION")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52392
+ label: t("WS_REQUIRED"),
52393
+ text: (_meterReadingDetailsD66 = meterReadingDetailsData.correction) !== null && _meterReadingDetailsD66 !== void 0 && _meterReadingDetailsD66.required ? t("CORE_COMMON_YES") : t("CORE_COMMON_NO"),
52394
+ className: "border-none"
52395
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52396
+ label: t("WS_STATUS"),
52397
+ text: ((_meterReadingDetailsD67 = meterReadingDetailsData.correction) === null || _meterReadingDetailsD67 === void 0 ? void 0 : _meterReadingDetailsD67.status) || t("NA"),
52398
+ className: "border-none"
52399
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52400
+ label: t("WS_REASON_CODE"),
52401
+ text: ((_meterReadingDetailsD68 = meterReadingDetailsData.correction) === null || _meterReadingDetailsD68 === void 0 ? void 0 : _meterReadingDetailsD68.reasonCode) || t("NA"),
52402
+ className: "border-none"
52403
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52404
+ label: t("WS_REASON"),
52405
+ text: ((_meterReadingDetailsD69 = meterReadingDetailsData.correction) === null || _meterReadingDetailsD69 === void 0 ? void 0 : _meterReadingDetailsD69.reason) || t("NA"),
52406
+ className: "border-none"
52407
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52408
+ label: t("WS_PREVIOUS_OK_READING"),
52409
+ text: ((_meterReadingDetailsD70 = meterReadingDetailsData.correction) === null || _meterReadingDetailsD70 === void 0 ? void 0 : _meterReadingDetailsD70.previousOkReading) ?? t("NA"),
52410
+ className: "border-none"
52411
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52412
+ label: t("WS_CURRENT_READING"),
52413
+ text: ((_meterReadingDetailsD71 = meterReadingDetailsData.correction) === null || _meterReadingDetailsD71 === void 0 ? void 0 : _meterReadingDetailsD71.currentReading) ?? t("NA"),
52414
+ className: "border-none"
52415
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52416
+ label: t("WS_CORRECTED_CONSUMPTION"),
52417
+ text: ((_meterReadingDetailsD72 = meterReadingDetailsData.correction) === null || _meterReadingDetailsD72 === void 0 ? void 0 : _meterReadingDetailsD72.correctedConsumption) ?? t("NA"),
52418
+ className: "border-none"
52419
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52420
+ label: t("WS_PREVIOUSLY_CALCULATED_AMOUNT"),
52421
+ text: ((_meterReadingDetailsD73 = meterReadingDetailsData.correction) === null || _meterReadingDetailsD73 === void 0 ? void 0 : _meterReadingDetailsD73.previouslyCalculatedAmount) ?? t("NA"),
52422
+ className: "border-none"
52423
+ }))), meterReadingDetailsData.bill && /*#__PURE__*/React__default.createElement("div", {
52424
+ style: {
52425
+ marginBottom: "16px"
52426
+ }
52427
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Header, null, t("WS_BILL_DETAILS")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52428
+ label: t("WS_BILL_GENERATED"),
52429
+ text: (_meterReadingDetailsD74 = meterReadingDetailsData.bill) !== null && _meterReadingDetailsD74 !== void 0 && _meterReadingDetailsD74.generated ? t("CORE_COMMON_YES") : t("CORE_COMMON_NO"),
52430
+ className: "border-none"
52431
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52432
+ label: t("WS_BILL_NUMBER"),
52433
+ text: ((_meterReadingDetailsD75 = meterReadingDetailsData.bill) === null || _meterReadingDetailsD75 === void 0 ? void 0 : _meterReadingDetailsD75.number) || t("NA"),
52434
+ className: "border-none"
52435
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52436
+ label: t("WS_BILL_STATUS"),
52437
+ text: ((_meterReadingDetailsD76 = meterReadingDetailsData.bill) === null || _meterReadingDetailsD76 === void 0 ? void 0 : _meterReadingDetailsD76.status) || t("NA"),
52438
+ className: "border-none"
52439
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52440
+ label: t("WS_BILL_AMOUNT"),
52441
+ text: ((_meterReadingDetailsD77 = meterReadingDetailsData.bill) === null || _meterReadingDetailsD77 === void 0 ? void 0 : _meterReadingDetailsD77.amount) ?? t("NA"),
52442
+ className: "border-none"
52443
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
52444
+ label: t("WS_CALCULATED_AMOUNT"),
52445
+ text: ((_meterReadingDetailsD78 = meterReadingDetailsData.bill) === null || _meterReadingDetailsD78 === void 0 ? void 0 : _meterReadingDetailsD78.calculatedAmount) ?? t("NA"),
52446
+ className: "border-none"
52447
+ }))), /*#__PURE__*/React__default.createElement("div", {
52448
+ style: {
52449
+ marginTop: "24px",
52450
+ marginBottom: "8px",
52451
+ padding: "16px 20px",
52452
+ backgroundColor: "#FEF7F2",
52453
+ border: "2px solid #F47738",
52454
+ borderRadius: "6px",
52455
+ display: "flex",
52456
+ justifyContent: "space-between",
52457
+ alignItems: "center",
52458
+ boxShadow: "0 2px 6px rgba(244, 119, 56, 0.15)"
52459
+ }
52460
+ }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
52461
+ style: {
52462
+ fontSize: "18px",
52463
+ fontWeight: "700",
52464
+ color: "#0B0C0C"
52465
+ }
52466
+ }, t("WS_NET_AMOUNT")), ((_meterReadingDetailsD79 = meterReadingDetailsData.charges) === null || _meterReadingDetailsD79 === void 0 ? void 0 : _meterReadingDetailsD79.grossAmount) != null && /*#__PURE__*/React__default.createElement("div", {
52467
+ style: {
52468
+ fontSize: "13px",
52469
+ color: "#505A5F",
52470
+ marginTop: "4px"
52471
+ }
52472
+ }, t("WS_GROSS_AMOUNT"), ": \u20B9 ", meterReadingDetailsData.charges.grossAmount)), /*#__PURE__*/React__default.createElement("div", {
52473
+ style: {
52474
+ fontSize: "24px",
52475
+ fontWeight: "700",
52476
+ color: "#F47738"
52477
+ }
52478
+ }, "\u20B9", " ", ((_meterReadingDetailsD80 = meterReadingDetailsData.charges) === null || _meterReadingDetailsD80 === void 0 ? void 0 : _meterReadingDetailsD80.netAmount) ?? ((_meterReadingDetailsD81 = meterReadingDetailsData.bill) === null || _meterReadingDetailsD81 === void 0 ? void 0 : _meterReadingDetailsD81.amount) ?? ((_meterReadingDetailsD82 = meterReadingDetailsData.reconciliation) === null || _meterReadingDetailsD82 === void 0 ? void 0 : _meterReadingDetailsD82.billedAmount) ?? t("NA")))) : /*#__PURE__*/React__default.createElement("div", {
52479
+ style: {
52480
+ padding: "16px"
52481
+ }
52482
+ }, t("CS_NO_DATA"))), showToast && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
51401
52483
  style: {
51402
52484
  zIndex: "10000"
51403
52485
  },
@@ -57010,7 +58092,7 @@ const CheckPage$4 = _ref2 => {
57010
58092
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
57011
58093
  label: t("WS_NUMBER_OF_DWELLING_UNITS"),
57012
58094
  text: `${t(checkForNA((useDetails === null || useDetails === void 0 ? void 0 : useDetails.NumberofDwellingUnits) || (useDetails === null || useDetails === void 0 ? void 0 : useDetails.noOfDwellingUnits)))}`
57013
- })), !isCitizen && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardSubHeader, null, t("WS_DJB_EMPLOYEE")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, {
58095
+ })), /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardSubHeader, null, t("WS_DJB_EMPLOYEE")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, {
57014
58096
  style: {
57015
58097
  marginTop: "10px",
57016
58098
  marginBottom: "30px"
@@ -57212,9 +58294,9 @@ const OLDApplication = () => {
57212
58294
  label: "PT_LOCATION_DETAILS"
57213
58295
  }, {
57214
58296
  label: "WS_PROPERTY_AND_WATER_CONNECTION_USE_DETAILS"
57215
- }, ...(isCitizen ? [] : [{
58297
+ }, {
57216
58298
  label: "WS_DJB_EMPLOYEE"
57217
- }]), {
58299
+ }, {
57218
58300
  label: "WS_BANK_DETAILS"
57219
58301
  }, {
57220
58302
  label: "WS_DOCUMENTS"
@@ -57944,7 +59026,7 @@ const componentsToRegister = {
57944
59026
  WSAdditionalDetails: WSAdditionalDetails,
57945
59027
  WSMyConnections: MyConnections,
57946
59028
  WSCitizenConnectionDetails: ConnectionDetails$5,
57947
- WSCitizenConsumptionDetails: consumptionDetails,
59029
+ WSCitizenConsumptionDetails: ConsumptionDetails,
57948
59030
  WSMyPayments: WSMyPayments,
57949
59031
  WSCitizenEditApplication: EditApplication,
57950
59032
  WSReSubmitDisconnectionApplication: ReSubmitDisconnectionApplication,
@@ -57965,7 +59047,7 @@ const componentsToRegister = {
57965
59047
  WSSearch: Search,
57966
59048
  WSSearchWater: SearchWater,
57967
59049
  WSEditApplication: EditApplication$1,
57968
- WSConsumptionDetails: ConsumptionDetails,
59050
+ WSConsumptionDetails: ConsumptionDetails$1,
57969
59051
  WSModifyApplication: ModifyApplication,
57970
59052
  WSEditModifyApplication: EditModifyApplication,
57971
59053
  WSMutationApplication: MutationApplication,