@mseva/digit-ui-module-ptr 1.3.4-dev.1.2 → 1.3.4-dev.1.3

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.
@@ -7634,46 +7634,11 @@ var propTypes = createCommonjsModule(function (module) {
7634
7634
  const Loader = ({
7635
7635
  page: _page = false
7636
7636
  }) => {
7637
- const baseStyle = {
7638
- display: "flex",
7639
- justifyContent: "center",
7640
- alignItems: "center"
7641
- };
7642
- const pageStyle = {
7643
- ...baseStyle,
7644
- position: "fixed",
7645
- top: 0,
7646
- left: 0,
7647
- width: "100vw",
7648
- height: "100vh",
7649
- background: "rgba(255,255,255,0.6)",
7650
- backdropFilter: "blur(4px)",
7651
- zIndex: 9999
7652
- };
7653
- const moduleStyle = {
7654
- ...baseStyle,
7655
- minHeight: "100px",
7656
- width: "100%",
7657
- position: "relative"
7658
- };
7659
- const spinnerStyle = {
7660
- width: "64px",
7661
- height: "64px",
7662
- border: "8px solid #1976d2",
7663
- borderTop: "8px solid transparent",
7664
- borderRadius: "50%",
7665
- animation: "spin 1.2s linear infinite"
7666
- };
7667
7637
  return /*#__PURE__*/React.createElement("div", {
7668
- style: _page ? pageStyle : moduleStyle
7638
+ className: `chb-loader-container ${_page ? "chb-page-loader-overlay" : "chb-module-loader-container"}`
7669
7639
  }, /*#__PURE__*/React.createElement("div", {
7670
- style: spinnerStyle
7671
- }), /*#__PURE__*/React.createElement("style", null, `
7672
- @keyframes spin {
7673
- 0% { transform: rotate(0deg); }
7674
- 100% { transform: rotate(360deg); }
7675
- }
7676
- `));
7640
+ className: "chb-spinner"
7641
+ }));
7677
7642
  };
7678
7643
  Loader.propTypes = {
7679
7644
  page: propTypes.bool
@@ -7996,11 +7961,7 @@ const PTRCitizenPet = ({
7996
7961
  disabled: checkForRenew
7997
7962
  })
7998
7963
  }), errors.petName && /*#__PURE__*/React.createElement("p", {
7999
- style: {
8000
- color: "red",
8001
- marginTop: "4px",
8002
- marginBottom: "0"
8003
- }
7964
+ className: "chb-error-text"
8004
7965
  }, getErrorMessage("petName")))), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
8005
7966
  className: "card-label-smaller"
8006
7967
  }, t("PTR_SEARCH_PET_TYPE"), " *"), /*#__PURE__*/React.createElement("div", {
@@ -8019,11 +7980,7 @@ const PTRCitizenPet = ({
8019
7980
  disable: checkForRenew
8020
7981
  })
8021
7982
  }), errors.petType && /*#__PURE__*/React.createElement("p", {
8022
- style: {
8023
- color: "red",
8024
- marginTop: "4px",
8025
- marginBottom: "0"
8026
- }
7983
+ className: "chb-error-text"
8027
7984
  }, getErrorMessage("petType")))), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
8028
7985
  className: "card-label-smaller"
8029
7986
  }, t("PTR_SEARCH_BREED_TYPE"), " *"), /*#__PURE__*/React.createElement("div", {
@@ -8046,11 +8003,7 @@ const PTRCitizenPet = ({
8046
8003
  });
8047
8004
  }
8048
8005
  }), errors.breedType && /*#__PURE__*/React.createElement("p", {
8049
- style: {
8050
- color: "red",
8051
- marginTop: "4px",
8052
- marginBottom: "0"
8053
- }
8006
+ className: "chb-error-text"
8054
8007
  }, getErrorMessage("breedType")))), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
8055
8008
  className: "card-label-smaller"
8056
8009
  }, t("PTR_PET_GENDER"), " *"), /*#__PURE__*/React.createElement("div", {
@@ -8069,11 +8022,7 @@ const PTRCitizenPet = ({
8069
8022
  disable: checkForRenew
8070
8023
  })
8071
8024
  }), errors.petGender && /*#__PURE__*/React.createElement("p", {
8072
- style: {
8073
- color: "red",
8074
- marginTop: "4px",
8075
- marginBottom: "0"
8076
- }
8025
+ className: "chb-error-text"
8077
8026
  }, getErrorMessage("petGender")))), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
8078
8027
  className: "card-label-smaller"
8079
8028
  }, `${t("PTR_COLOR")}`, " *"), /*#__PURE__*/React.createElement("div", {
@@ -8104,11 +8053,7 @@ const PTRCitizenPet = ({
8104
8053
  disabled: checkForRenew
8105
8054
  })
8106
8055
  }), errors.petColor && /*#__PURE__*/React.createElement("p", {
8107
- style: {
8108
- color: "red",
8109
- marginTop: "4px",
8110
- marginBottom: "0"
8111
- }
8056
+ className: "chb-error-text"
8112
8057
  }, getErrorMessage("petColor")))), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
8113
8058
  className: "card-label-smaller"
8114
8059
  }, t("PTR_PET_AGE"), " *"), /*#__PURE__*/React.createElement("div", {
@@ -8147,11 +8092,7 @@ const PTRCitizenPet = ({
8147
8092
  disabled: checkForRenew
8148
8093
  })
8149
8094
  }), errors.petAge && /*#__PURE__*/React.createElement("p", {
8150
- style: {
8151
- color: "red",
8152
- marginTop: "4px",
8153
- marginBottom: "0"
8154
- }
8095
+ className: "chb-error-text"
8155
8096
  }, getErrorMessage("petAge")), /*#__PURE__*/React.createElement("span", {
8156
8097
  style: {
8157
8098
  fontSize: "12px",
@@ -8187,11 +8128,7 @@ const PTRCitizenPet = ({
8187
8128
  t: t
8188
8129
  })
8189
8130
  }), errors.lastVaccineDate && /*#__PURE__*/React.createElement("p", {
8190
- style: {
8191
- color: "red",
8192
- marginTop: "4px",
8193
- marginBottom: "0"
8194
- }
8131
+ className: "chb-error-text"
8195
8132
  }, getErrorMessage("lastVaccineDate")))), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
8196
8133
  className: "card-label-smaller"
8197
8134
  }, t("PTR_VACCINATION_NUMBER"), " *"), /*#__PURE__*/React.createElement("div", {
@@ -8218,11 +8155,7 @@ const PTRCitizenPet = ({
8218
8155
  t: t
8219
8156
  })
8220
8157
  }), errors.vaccinationNumber && /*#__PURE__*/React.createElement("p", {
8221
- style: {
8222
- color: "red",
8223
- marginTop: "4px",
8224
- marginBottom: "0"
8225
- }
8158
+ className: "chb-error-text"
8226
8159
  }, getErrorMessage("vaccinationNumber")))), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
8227
8160
  className: "card-label-smaller"
8228
8161
  }, t("PTR_DOCTOR_NAME"), " *"), /*#__PURE__*/React.createElement("div", {
@@ -8252,11 +8185,7 @@ const PTRCitizenPet = ({
8252
8185
  t: t
8253
8186
  })
8254
8187
  }), errors.doctorName && /*#__PURE__*/React.createElement("p", {
8255
- style: {
8256
- color: "red",
8257
- marginTop: "4px",
8258
- marginBottom: "0"
8259
- }
8188
+ className: "chb-error-text"
8260
8189
  }, getErrorMessage("doctorName")))), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
8261
8190
  className: "card-label-smaller"
8262
8191
  }, t("PTR_CLINIC_NAME"), " *"), /*#__PURE__*/React.createElement("div", {
@@ -8278,11 +8207,7 @@ const PTRCitizenPet = ({
8278
8207
  t: t
8279
8208
  })
8280
8209
  }), errors.clinicName && /*#__PURE__*/React.createElement("p", {
8281
- style: {
8282
- color: "red",
8283
- marginTop: "4px",
8284
- marginBottom: "0"
8285
- }
8210
+ className: "chb-error-text"
8286
8211
  }, getErrorMessage("clinicName")))), /*#__PURE__*/React.createElement(ActionBar, null, /*#__PURE__*/React.createElement(SubmitBar, {
8287
8212
  label: "Back",
8288
8213
  style: {
@@ -16874,6 +16799,7 @@ const getTimelineAcknowledgementData = (workflowDetails, tenantInfo, pdfFiles =
16874
16799
  const formats = (downloadLink === null || downloadLink === void 0 ? void 0 : (_downloadLink$split = downloadLink.split(",")) === null || _downloadLink$split === void 0 ? void 0 : _downloadLink$split.filter(Boolean)) || [];
16875
16800
  return (formats === null || formats === void 0 ? void 0 : formats.find(link => !(link !== null && link !== void 0 && link.includes("large")) && !(link !== null && link !== void 0 && link.includes("medium")) && !(link !== null && link !== void 0 && link.includes("small")))) || (formats === null || formats === void 0 ? void 0 : formats[0]) || "";
16876
16801
  };
16802
+ const pattern = /\[#\?.*?\*\*\]/;
16877
16803
  const timelineRows = timeline.map((item, index) => {
16878
16804
  var _item$auditDetails, _item$auditDetails2, _item$assigner, _item$assigner2, _item$assigner3, _item$wfComment;
16879
16805
  const createdDate = (item === null || item === void 0 ? void 0 : (_item$auditDetails = item.auditDetails) === null || _item$auditDetails === void 0 ? void 0 : _item$auditDetails.created) || "N/A";
@@ -16883,7 +16809,8 @@ const getTimelineAcknowledgementData = (workflowDetails, tenantInfo, pdfFiles =
16883
16809
  const mobileNumber = (item === null || item === void 0 ? void 0 : (_item$assigner3 = item.assigner) === null || _item$assigner3 === void 0 ? void 0 : _item$assigner3.mobileNumber) || "N/A";
16884
16810
  const action = (item === null || item === void 0 ? void 0 : item.performedAction) || "N/A";
16885
16811
  const status = (item === null || item === void 0 ? void 0 : item.status) || (item === null || item === void 0 ? void 0 : item.state) || "N/A";
16886
- const comment = (item === null || item === void 0 ? void 0 : (_item$wfComment = item.wfComment) === null || _item$wfComment === void 0 ? void 0 : _item$wfComment[0]) || "-";
16812
+ const rawComment = (item === null || item === void 0 ? void 0 : (_item$wfComment = item.wfComment) === null || _item$wfComment === void 0 ? void 0 : _item$wfComment[0]) || "-";
16813
+ const comment = typeof rawComment === "string" ? rawComment.split(pattern)[0] : rawComment;
16887
16814
  const documents = (item === null || item === void 0 ? void 0 : item.wfDocuments) || [];
16888
16815
  const sla = (item === null || item === void 0 ? void 0 : item.sla) || "N/A";
16889
16816
  const assignedTo = Array.isArray(item === null || item === void 0 ? void 0 : item.assignes) ? item.assignes.map(a => a === null || a === void 0 ? void 0 : a.name).filter(Boolean).join(", ") : "";
@@ -16995,7 +16922,9 @@ function NewApplicationTimeline({
16995
16922
  workflowDetails,
16996
16923
  t,
16997
16924
  tenantId = Digit.ULBService.getCurrentTenantId(),
16998
- timeObj
16925
+ timeObj,
16926
+ empUserName = null,
16927
+ handleSetEmpDesignation = () => {}
16999
16928
  }) {
17000
16929
  var _workflowDetails$data, _workflowDetails$data2, _workflowDetails$data3, _workflowDetails$data4, _employeeData$data, _employeeData$data$Em;
17001
16930
  const {
@@ -17070,6 +16999,9 @@ function NewApplicationTimeline({
17070
16999
  const translationKey = `COMMON_MASTERS_DESIGNATION_${assignment === null || assignment === void 0 ? void 0 : assignment.designation}`;
17071
17000
  deptMap[emp === null || emp === void 0 ? void 0 : emp.code] = translationKey;
17072
17001
  });
17002
+ if (employeeData && empUserName) {
17003
+ handleSetEmpDesignation(t(deptMap[empUserName]));
17004
+ }
17073
17005
  if (isLoading) return /*#__PURE__*/React.createElement(Loader$1, null);
17074
17006
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
17075
17007
  className: "custom-timeline-container"
@@ -17137,13 +17069,13 @@ function NewApplicationTimeline({
17137
17069
  className: "custom-officer-info"
17138
17070
  }, /*#__PURE__*/React.createElement("div", {
17139
17071
  className: "custom-officer-name"
17140
- }, (item === null || item === void 0 ? void 0 : (_item$assigner2 = item.assigner) === null || _item$assigner2 === void 0 ? void 0 : _item$assigner2.name) || t("CS_COMMON_NA")), (item === null || item === void 0 ? void 0 : (_item$assigner3 = item.assigner) === null || _item$assigner3 === void 0 ? void 0 : _item$assigner3.emailId) && /*#__PURE__*/React.createElement("div", {
17072
+ }, (item === null || item === void 0 ? void 0 : (_item$assigner2 = item.assigner) === null || _item$assigner2 === void 0 ? void 0 : _item$assigner2.name) || t("CS_COMMON_NA"), deptMap[item === null || item === void 0 ? void 0 : (_item$assigner3 = item.assigner) === null || _item$assigner3 === void 0 ? void 0 : _item$assigner3.userName] && /*#__PURE__*/React.createElement("span", {
17073
+ className: "custom-officer-name"
17074
+ }, "- ", t(deptMap[item === null || item === void 0 ? void 0 : (_item$assigner4 = item.assigner) === null || _item$assigner4 === void 0 ? void 0 : _item$assigner4.userName]))), (item === null || item === void 0 ? void 0 : (_item$assigner5 = item.assigner) === null || _item$assigner5 === void 0 ? void 0 : _item$assigner5.emailId) && /*#__PURE__*/React.createElement("div", {
17141
17075
  className: "custom-officer-email"
17142
17076
  }, /*#__PURE__*/React.createElement("span", {
17143
17077
  className: "custom-email-label"
17144
- }, t("Email")), " ", item === null || item === void 0 ? void 0 : (_item$assigner4 = item.assigner) === null || _item$assigner4 === void 0 ? void 0 : _item$assigner4.emailId), deptMap[item === null || item === void 0 ? void 0 : (_item$assigner5 = item.assigner) === null || _item$assigner5 === void 0 ? void 0 : _item$assigner5.userName] && /*#__PURE__*/React.createElement("div", {
17145
- className: "custom-officer-name"
17146
- }, t(deptMap[item === null || item === void 0 ? void 0 : (_item$assigner6 = item.assigner) === null || _item$assigner6 === void 0 ? void 0 : _item$assigner6.userName])))), /*#__PURE__*/React.createElement("div", {
17078
+ }, t("Email")), " ", item === null || item === void 0 ? void 0 : (_item$assigner6 = item.assigner) === null || _item$assigner6 === void 0 ? void 0 : _item$assigner6.emailId))), /*#__PURE__*/React.createElement("div", {
17147
17079
  className: "custom-card-column custom-card-column-mid"
17148
17080
  }, (item === null || item === void 0 ? void 0 : item.sla) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("h3", {
17149
17081
  className: "custom-action-title"
@@ -17165,9 +17097,13 @@ function NewApplicationTimeline({
17165
17097
  className: "custom-comments-title"
17166
17098
  }, t("Officer Comments")), /*#__PURE__*/React.createElement("div", {
17167
17099
  className: "custom-comment-text"
17168
- }, item === null || item === void 0 ? void 0 : (_item$wfComment3 = item.wfComment) === null || _item$wfComment3 === void 0 ? void 0 : _item$wfComment3.map((comment, idx) => /*#__PURE__*/React.createElement("p", {
17169
- key: idx
17170
- }, comment)))), (item === null || item === void 0 ? void 0 : (_item$assignes = item.assignes) === null || _item$assignes === void 0 ? void 0 : _item$assignes.length) > 0 && /*#__PURE__*/React.createElement("div", {
17100
+ }, item === null || item === void 0 ? void 0 : (_item$wfComment3 = item.wfComment) === null || _item$wfComment3 === void 0 ? void 0 : _item$wfComment3.map((comment, idx) => {
17101
+ const pattern = /\[#\?.*?\*\*\]/;
17102
+ const truncatedComment = typeof comment === "string" ? comment === null || comment === void 0 ? void 0 : comment.split(pattern)[0] : comment;
17103
+ return /*#__PURE__*/React.createElement("p", {
17104
+ key: idx
17105
+ }, truncatedComment);
17106
+ }))), (item === null || item === void 0 ? void 0 : (_item$assignes = item.assignes) === null || _item$assignes === void 0 ? void 0 : _item$assignes.length) > 0 && /*#__PURE__*/React.createElement("div", {
17171
17107
  className: "custom-assigned-to-footer"
17172
17108
  }, /*#__PURE__*/React.createElement("h3", {
17173
17109
  className: "custom-comments-title"
@@ -17175,9 +17111,9 @@ function NewApplicationTimeline({
17175
17111
  className: "custom-officer-info"
17176
17112
  }, /*#__PURE__*/React.createElement("div", {
17177
17113
  className: "custom-officer-name"
17178
- }, (_item$assignes$ = item.assignes[0]) === null || _item$assignes$ === void 0 ? void 0 : _item$assignes$.name), deptMap[(_item$assignes$2 = item.assignes[0]) === null || _item$assignes$2 === void 0 ? void 0 : _item$assignes$2.userName] && /*#__PURE__*/React.createElement("div", {
17114
+ }, (_item$assignes$ = item.assignes[0]) === null || _item$assignes$ === void 0 ? void 0 : _item$assignes$.name, deptMap[(_item$assignes$2 = item.assignes[0]) === null || _item$assignes$2 === void 0 ? void 0 : _item$assignes$2.userName] && /*#__PURE__*/React.createElement("span", {
17179
17115
  className: "custom-officer-email"
17180
- }, t(deptMap[(_item$assignes$3 = item.assignes[0]) === null || _item$assignes$3 === void 0 ? void 0 : _item$assignes$3.userName]))))), (item === null || item === void 0 ? void 0 : item.wfDocuments) && (item === null || item === void 0 ? void 0 : (_item$wfDocuments = item.wfDocuments) === null || _item$wfDocuments === void 0 ? void 0 : _item$wfDocuments.length) > 0 && /*#__PURE__*/React.createElement("div", {
17116
+ }, "- ", t(deptMap[(_item$assignes$3 = item.assignes[0]) === null || _item$assignes$3 === void 0 ? void 0 : _item$assignes$3.userName])))))), (item === null || item === void 0 ? void 0 : item.wfDocuments) && (item === null || item === void 0 ? void 0 : (_item$wfDocuments = item.wfDocuments) === null || _item$wfDocuments === void 0 ? void 0 : _item$wfDocuments.length) > 0 && /*#__PURE__*/React.createElement("div", {
17181
17117
  className: "custom-comments-section-no-border"
17182
17118
  }, /*#__PURE__*/React.createElement("h4", {
17183
17119
  className: "custom-comments-title"
@@ -21241,11 +21177,7 @@ const SearchApplication = ({
21241
21177
  return /*#__PURE__*/React.createElement("form", {
21242
21178
  onSubmit: handleSubmit(onSubmitInput)
21243
21179
  }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
21244
- className: "search-container",
21245
- style: {
21246
- width: "auto",
21247
- marginLeft: isInboxPage ? "24px" : "revert"
21248
- }
21180
+ className: `search-container ads-search-container ${isInboxPage ? 'ads-search-container--inbox' : 'ads-search-container--revert'}`
21249
21181
  }, /*#__PURE__*/React.createElement("div", {
21250
21182
  className: "search-complaint-container"
21251
21183
  }, (type === "mobile" || mobileView) && /*#__PURE__*/React.createElement("div", {
@@ -21292,14 +21224,7 @@ const SearchApplication = ({
21292
21224
  control: control,
21293
21225
  defaultValue: ""
21294
21226
  }))), formState !== null && formState !== void 0 && (_formState$dirtyField = formState.dirtyFields) !== null && _formState$dirtyField !== void 0 && _formState$dirtyField[input.name] ? /*#__PURE__*/React.createElement("span", {
21295
- style: {
21296
- fontWeight: "700",
21297
- color: "rgba(212, 53, 28)",
21298
- paddingLeft: "8px",
21299
- marginTop: "-20px",
21300
- fontSize: "12px"
21301
- },
21302
- className: "inbox-search-form-error"
21227
+ className: "inbox-search-form-error ads-search-error"
21303
21228
  }, formState === null || formState === void 0 ? void 0 : (_formState$errors = formState.errors) === null || _formState$errors === void 0 ? void 0 : (_formState$errors$inp = _formState$errors[input.name]) === null || _formState$errors$inp === void 0 ? void 0 : _formState$errors$inp.message) : null);
21304
21229
  }), isInboxPage && /*#__PURE__*/React.createElement("div", {
21305
21230
  className: "search-action-wrapper",
@@ -21497,14 +21422,10 @@ const ApplicationCard = ({
21497
21422
  let result;
21498
21423
  if (!data || (data === null || data === void 0 ? void 0 : data.length) === 0) {
21499
21424
  result = /*#__PURE__*/React.createElement(Card, {
21500
- style: {
21501
- marginTop: 20
21502
- }
21425
+ className: "chb-margin-top-20"
21503
21426
  }, t("CS_MYAPPLICATIONS_NO_APPLICATION").split("\\n").map((text, index) => /*#__PURE__*/React.createElement("p", {
21504
21427
  key: index,
21505
- style: {
21506
- textAlign: "center"
21507
- }
21428
+ className: "text-center"
21508
21429
  }, text)));
21509
21430
  } else if (data && (data === null || data === void 0 ? void 0 : data.length) > 0) {
21510
21431
  result = /*#__PURE__*/React.createElement(DetailsCard, {
@@ -21896,9 +21817,7 @@ const PTRSearchApplication = ({
21896
21817
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Header, null, t("PTR_SEARCH_PET_APPLICATIONS")), /*#__PURE__*/React.createElement(Card, {
21897
21818
  className: "card-search-heading"
21898
21819
  }, /*#__PURE__*/React.createElement("span", {
21899
- style: {
21900
- color: "#505A5F"
21901
- }
21820
+ className: "cell-text"
21902
21821
  }, t("Provide at least one parameter to search for an application"))), /*#__PURE__*/React.createElement(SearchForm, {
21903
21822
  onSubmit: onSubmit,
21904
21823
  handleSubmit: handleSubmit
@@ -21959,9 +21878,7 @@ const PTRSearchApplication = ({
21959
21878
  label: t("ES_COMMON_SEARCH"),
21960
21879
  submit: true
21961
21880
  }), /*#__PURE__*/React.createElement("p", {
21962
- style: {
21963
- marginTop: "10px"
21964
- },
21881
+ className: "link-button-margin",
21965
21882
  onClick: () => {
21966
21883
  reset({
21967
21884
  applicationNumber: "",
@@ -21980,14 +21897,10 @@ const PTRSearchApplication = ({
21980
21897
  previousPage();
21981
21898
  }
21982
21899
  }, t(`ES_COMMON_CLEAR_ALL`)))), !isLoading && data !== null && data !== void 0 && data.display ? /*#__PURE__*/React.createElement(Card, {
21983
- style: {
21984
- marginTop: 20
21985
- }
21900
+ className: "chb-margin-top-20"
21986
21901
  }, t(data.display).split("\\n").map((text, index) => /*#__PURE__*/React.createElement("p", {
21987
21902
  key: index,
21988
- style: {
21989
- textAlign: "center"
21990
- }
21903
+ className: "text-align-center"
21991
21904
  }, text))) : !isLoading && data !== "" ? /*#__PURE__*/React.createElement(Table, {
21992
21905
  t: t,
21993
21906
  data: data,
@@ -22163,11 +22076,7 @@ const EmployeeApp = ({
22163
22076
  return /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
22164
22077
  className: "ground-container"
22165
22078
  }, !isRes ? /*#__PURE__*/React.createElement("div", {
22166
- style: isNewRegistration ? {
22167
- marginLeft: "12px"
22168
- } : {
22169
- marginLeft: "-4px"
22170
- }
22079
+ className: `${isNewRegistration ? 'ads-registration-row--new' : 'ads-registration-row--existing'}`
22171
22080
  }, /*#__PURE__*/React.createElement(PETBreadCrumbs, {
22172
22081
  location: location
22173
22082
  })) : null, /*#__PURE__*/React.createElement(PrivateRoute, {
@@ -22766,7 +22675,7 @@ const NewApplication = () => {
22766
22675
  };
22767
22676
 
22768
22677
  const ApplicationDetails = () => {
22769
- var _pet_details$addition, _reciept_data$Payment2, _pet_details$owner, _pet_details$owner2, _pet_details$owner3, _pet_details$owner4, _pet_details$owner5, _pet_details$address, _pet_details$address2, _pet_details$petDetai, _pet_details$petDetai2, _pet_details$petDetai3, _pet_details$petDetai4, _pet_details$petDetai5, _pet_details$petDetai6, _pet_details$petDetai8, _pet_details$petDetai9, _pet_details$petDetai0;
22678
+ var _tenantInfo$city, _tenantInfo$city2, _pet_details$addition, _user$info, _user$info$roles$find, _reciept_data$Payment7, _reciept_data$Payment8, _reciept_data$Payment1, _reciept_data$Payment10, _pet_details$owner, _pet_details$owner2, _pet_details$owner3, _pet_details$owner4, _pet_details$owner5, _pet_details$address, _pet_details$address2, _pet_details$petDetai, _pet_details$petDetai2, _pet_details$petDetai3, _pet_details$petDetai4, _pet_details$petDetai5, _pet_details$petDetai6, _pet_details$petDetai8, _pet_details$petDetai9, _pet_details$petDetai0;
22770
22679
  const {
22771
22680
  t
22772
22681
  } = useTranslation();
@@ -22778,6 +22687,7 @@ const ApplicationDetails = () => {
22778
22687
  const [showOptions, setShowOptions] = useState(false);
22779
22688
  const [popup, setpopup] = useState(false);
22780
22689
  const [showToast, setShowToast] = useState(null);
22690
+ const [approver, setApprover] = useState(null);
22781
22691
  const tenantId = window.localStorage.getItem("Employee.tenant-id");
22782
22692
  const {
22783
22693
  data: storeData
@@ -22800,13 +22710,31 @@ const ApplicationDetails = () => {
22800
22710
  refetchOnMount: "always"
22801
22711
  }
22802
22712
  });
22713
+ const tenantInfo = tenants === null || tenants === void 0 ? void 0 : tenants.find(tenant => (tenant === null || tenant === void 0 ? void 0 : tenant.code) === tenantId);
22803
22714
  const [billData, setBillData] = useState(null);
22804
22715
  const PetRegistrationApplications = get_1(data, "PetRegistrationApplications", []);
22805
22716
  const petId = get_1(data, "PetRegistrationApplications[0].applicationNumber", []);
22717
+ const ulb = tenantInfo === null || tenantInfo === void 0 ? void 0 : (_tenantInfo$city = tenantInfo.city) === null || _tenantInfo$city === void 0 ? void 0 : _tenantInfo$city.name;
22718
+ const ulbType = tenantInfo === null || tenantInfo === void 0 ? void 0 : (_tenantInfo$city2 = tenantInfo.city) === null || _tenantInfo$city2 === void 0 ? void 0 : _tenantInfo$city2.ulbType;
22806
22719
  let pet_details = PetRegistrationApplications && PetRegistrationApplications.length > 0 && PetRegistrationApplications[0] || {};
22807
22720
  const application = pet_details;
22808
22721
  sessionStorage.setItem("ptr-pet", JSON.stringify(application));
22809
22722
  const [loading, setLoading] = useState(false);
22723
+ const {
22724
+ data: approverData,
22725
+ isLoading: approverDataLoading
22726
+ } = Digit.Hooks.useWorkflowDetails({
22727
+ tenantId,
22728
+ id: id,
22729
+ moduleCode: "ptr"
22730
+ });
22731
+ useEffect(() => {
22732
+ if (!approverDataLoading && approverData) {
22733
+ var _approverData$process, _approverData$process2, _approverData$process3;
22734
+ const name = approverData === null || approverData === void 0 ? void 0 : (_approverData$process = approverData.processInstances) === null || _approverData$process === void 0 ? void 0 : (_approverData$process2 = _approverData$process[1]) === null || _approverData$process2 === void 0 ? void 0 : (_approverData$process3 = _approverData$process2.assigner) === null || _approverData$process3 === void 0 ? void 0 : _approverData$process3.name;
22735
+ setApprover(name);
22736
+ }
22737
+ }, [approverDataLoading, approverData]);
22810
22738
  const fetchBillData = async () => {
22811
22739
  setLoading(true);
22812
22740
  const result = await Digit.PaymentService.fetchBill(tenantId, {
@@ -22861,13 +22789,580 @@ const ApplicationDetails = () => {
22861
22789
  if (isLoading || auditDataLoading) {
22862
22790
  return /*#__PURE__*/React.createElement(Loader$1, null);
22863
22791
  }
22864
- const getAcknowledgementData = async () => {
22865
- const applications = application || {};
22866
- const tenantInfo = tenants.find(tenant => tenant.code === applications.tenantId);
22867
- const acknowldgementDataAPI = await getPetAcknowledgementData({
22868
- ...applications
22869
- }, tenantInfo, t);
22870
- Digit.Utils.pdf.generate(acknowldgementDataAPI);
22792
+ const printCertificate = async () => {
22793
+ const qrDataURL = await browser.toDataURL(window.location.href);
22794
+ try {
22795
+ var _data$PetRegistration;
22796
+ if (!(data !== null && data !== void 0 && (_data$PetRegistration = data.PetRegistrationApplications) !== null && _data$PetRegistration !== void 0 && _data$PetRegistration[0])) {
22797
+ throw new Error("Pet registration data is missing");
22798
+ }
22799
+ const createCertificateHTML = () => {
22800
+ var _petData$documents, _petData$petDetails, _petData$owner, _petData$address, _petData$address2, _petData$owner2, _petData$petDetails2, _petData$petDetails3, _petData$petDetails4, _petData$petDetails5, _petData$petDetails6, _petData$petDetails7, _petData$auditDetails, _petData$auditDetails2, _reciept_data$Payment, _reciept_data$Payment2, _reciept_data$Payment3, _reciept_data$Payment4, _reciept_data$Payment5, _reciept_data$Payment6, _petData$owner3, _petData$owner4, _petData$address3, _petData$address4;
22801
+ const petData = data.PetRegistrationApplications[0];
22802
+ const currentDate = new Date().toLocaleDateString("en-IN", {
22803
+ day: "2-digit",
22804
+ month: "2-digit",
22805
+ year: "numeric"
22806
+ });
22807
+ const petImage = petData === null || petData === void 0 ? void 0 : (_petData$documents = petData.documents) === null || _petData$documents === void 0 ? void 0 : _petData$documents.find(doc => (doc === null || doc === void 0 ? void 0 : doc.documentType) === "PET.PETPHOTO");
22808
+ const petImageUrl = petImage !== null && petImage !== void 0 && petImage.filestoreId ? `${window.location.origin}/filestore/v1/files/id?tenantId=pb&fileStoreId=${petImage.filestoreId}` : `${window.location.origin}/adorable-golden-retriever.png`;
22809
+ const content = `
22810
+ <html>
22811
+ <head>
22812
+ <title>Pet Registration Certificate</title>
22813
+ <style>
22814
+ @page { margin: 0.5in; }
22815
+ body {
22816
+ font-family: 'Times New Roman', serif;
22817
+ margin: 0;
22818
+ font-size: 11px;
22819
+ }
22820
+ .certificate-container {
22821
+ max-width: 800px;
22822
+ margin: 0 auto;
22823
+ border: 3px solid #000;
22824
+ background: white;
22825
+ }
22826
+ .header {
22827
+ display: flex;
22828
+ justify-content: space-between;
22829
+ align-items: center;
22830
+ text-align: center;
22831
+ margin-bottom: 5px;
22832
+ position: relative;
22833
+ }
22834
+ .header-value{
22835
+ border: none;
22836
+ display: flex;
22837
+ text-align: center;
22838
+ }
22839
+ .header-center {
22840
+ text-align: center;
22841
+ flex: 1;
22842
+ padding-right: 80px
22843
+ }
22844
+ .header-disclaimer {
22845
+ text-align: center;
22846
+ flex: 1;
22847
+ }
22848
+ .header-right {
22849
+ flex: 0 0 auto;
22850
+ }
22851
+ .title {
22852
+ font-size: 13px;
22853
+ font-weight: bold;
22854
+ margin: 10px 0;
22855
+ }
22856
+ .subtitle {
22857
+ font-size: 10px;
22858
+ color: #666;
22859
+ }
22860
+ .main-content {
22861
+ display: flex;
22862
+ gap: 10px;
22863
+ margin: 10px 0;
22864
+ align-items:flex-start;
22865
+ margin-bottom: -13px;
22866
+ }
22867
+ .details-section {
22868
+ }
22869
+ .pet-image-section {
22870
+ flex-shrink: 0;
22871
+ text-align: center;
22872
+ order: 2;
22873
+ }
22874
+ .pet-image {
22875
+ width: 100px;
22876
+ max-width: 100%;
22877
+ aspect-ratio : 1 / 1;
22878
+ height: auto;
22879
+ border: 2px solid #000;
22880
+ object-fit: cover;
22881
+ margin-bottom: 10px;
22882
+ border-right-width: 2px;
22883
+ margin-right: 50px;
22884
+ margin-top: 20px;
22885
+ display: block;
22886
+ }
22887
+ .image-label {
22888
+ font-size: 12px;
22889
+ font-weight: bold;
22890
+ text-align: center;
22891
+ border-right-width: 30px;
22892
+ margin-right: 50px;
22893
+ }
22894
+ .details-grid {
22895
+ display: grid;
22896
+ grid-template-columns: 290px 280px;
22897
+ overflow: hidden;
22898
+ margin: 10px 0;
22899
+ margin-left : 40px;
22900
+ }
22901
+ .detail-row {
22902
+ display: grid;
22903
+ grid-template-columns: 140px 180px;
22904
+ overflow:hidden;
22905
+ border: 1px solid black;
22906
+ }
22907
+ .detail-label {
22908
+ font-weight: bold;
22909
+ white-space: normal;
22910
+ word-break: break-word;
22911
+ margin-left: 10px;
22912
+ flex-shrink: 1;
22913
+ }
22914
+ .detail-value {
22915
+ padding-bottom: 2px;
22916
+ margin-right: 10px;
22917
+ }
22918
+ .owner-section {
22919
+ margin: 5px 40px;
22920
+ margin-bottom: 0px;
22921
+ display: grid;
22922
+ grid-template-columns: 50%;
22923
+ }
22924
+ .footer-section {
22925
+ margin: 0px 40px;
22926
+ display: flex;
22927
+ justify-content: space-between;
22928
+ align-items: anchor-center;
22929
+ }
22930
+ .signature-area {
22931
+ text-align: center;
22932
+ min-width: 200px;
22933
+ }
22934
+ .signature-line {
22935
+ border-top: 1px solid #000;
22936
+ margin: 10px 0 5px 0;
22937
+ }
22938
+ .pet-sub {
22939
+ font-size: 10px;
22940
+ margin: 5px 0;
22941
+ color: #666;
22942
+ font-weight: bold;
22943
+ }
22944
+ .terms-section {
22945
+ border-top: 2px solid #000;
22946
+ padding-top: 5px;
22947
+ font-size: 11px;
22948
+ margin: 0px 10px;
22949
+ }
22950
+ .terms-title {
22951
+ font-weight: bold;
22952
+ margin-bottom: 10px;
22953
+ }
22954
+ .terms-list {
22955
+ margin: 0;
22956
+ padding-left: 20px;
22957
+ }
22958
+ .terms-list li {
22959
+ margin-bottom: 2px;
22960
+ text-align: left;
22961
+ }
22962
+ @media print {
22963
+ body { background: white !important; }
22964
+ }
22965
+ @media (max-width: 700px) {
22966
+ .main-content {
22967
+ flex-wrap: wrap;
22968
+ }
22969
+ .pet-image {
22970
+ width: 100px;
22971
+ max-width: 100%;
22972
+ height: auto;
22973
+ aspect-ratio: 1/1;
22974
+ }
22975
+ .dis-section{
22976
+ font-size: 12px;
22977
+ margin: 0px 10px;
22978
+ }
22979
+ }
22980
+ </style>
22981
+ </head>
22982
+ <body>
22983
+ <div class="certificate-container">
22984
+ <div class="header">
22985
+ <div>
22986
+ <img src="https://s3.ap-south-1.amazonaws.com/pb-egov-assets/${petData === null || petData === void 0 ? void 0 : petData.tenantId}/logo.png"
22987
+ style="width: 80px; height: 80px; padding-left: 20px; padding-top: 5px;" />
22988
+ </div>
22989
+ <div class="header-center">
22990
+ <div class="title">${t(ulbType)} ${t(ulb)}</div>
22991
+ <div class="subtitle">${t("Veterinary Services- Health Branch")}</div>
22992
+ <div class="pet-sub">Pet Registration Certificate</div>
22993
+ <div class="subtitle">(U/S 399 (1)(E) of PMC Act,1976)</div>
22994
+ </div>
22995
+ <div class="header-right">
22996
+ </div>
22997
+ </div>
22998
+ <span class="header-value">This is to certify that the ${(petData === null || petData === void 0 ? void 0 : (_petData$petDetails = petData.petDetails) === null || _petData$petDetails === void 0 ? void 0 : _petData$petDetails.petType) || "Dog"} kept by Mr./Mrs./Ms. ${(petData === null || petData === void 0 ? void 0 : (_petData$owner = petData.owner) === null || _petData$owner === void 0 ? void 0 : _petData$owner.name) || "Not Specified"} at ${(petData === null || petData === void 0 ? void 0 : (_petData$address = petData.address) === null || _petData$address === void 0 ? void 0 : _petData$address.addressId) || "Not Specified"}, ${(petData === null || petData === void 0 ? void 0 : (_petData$address2 = petData.address) === null || _petData$address2 === void 0 ? void 0 : _petData$address2.pincode) || ""} mobile no. ${(petData === null || petData === void 0 ? void 0 : (_petData$owner2 = petData.owner) === null || _petData$owner2 === void 0 ? void 0 : _petData$owner2.mobileNumber) || "Not Specified"} is registered with ${ulbType} ${ulb} as per following details:</span>
22999
+ <div class="main-content">
23000
+ <div class="details-section">
23001
+ <span class="detail-label">Pet Information</span> <br>
23002
+ <span class="detail-label">Registration No:</span> <span class="detail-label">${(petData === null || petData === void 0 ? void 0 : petData.petRegistrationNumber) || ""}</span>
23003
+ <div class="details-grid">
23004
+ <div class="detail-row">
23005
+ <span class="detail-label">Category</span>
23006
+ <span class="detail-value">${(petData === null || petData === void 0 ? void 0 : (_petData$petDetails2 = petData.petDetails) === null || _petData$petDetails2 === void 0 ? void 0 : _petData$petDetails2.petType) || "Dog"}</span>
23007
+ </div>
23008
+ <div class="detail-row">
23009
+ <span class="detail-label">Breed</span>
23010
+ <span class="detail-value">${(petData === null || petData === void 0 ? void 0 : (_petData$petDetails3 = petData.petDetails) === null || _petData$petDetails3 === void 0 ? void 0 : _petData$petDetails3.breedType) || "Not Specified"}</span>
23011
+ </div>
23012
+ <div class="detail-row">
23013
+ <span class="detail-label">Name of Animal</span>
23014
+ <span class="detail-value">${(petData === null || petData === void 0 ? void 0 : (_petData$petDetails4 = petData.petDetails) === null || _petData$petDetails4 === void 0 ? void 0 : _petData$petDetails4.petName) || "Not Specified"}</span>
23015
+ </div>
23016
+ <div class="detail-row">
23017
+ <span class="detail-label">Gender</span>
23018
+ <span class="detail-value">${(petData === null || petData === void 0 ? void 0 : (_petData$petDetails5 = petData.petDetails) === null || _petData$petDetails5 === void 0 ? void 0 : _petData$petDetails5.petGender) || "Not Specified"}</span>
23019
+ </div>
23020
+ <div class="detail-row">
23021
+ <span class="detail-label">Pet Age</span>
23022
+ <span class="detail-value">${formatPetAge(petData === null || petData === void 0 ? void 0 : (_petData$petDetails6 = petData.petDetails) === null || _petData$petDetails6 === void 0 ? void 0 : _petData$petDetails6.petAge, t) || t("CS_NA")}</span>
23023
+ </div>
23024
+ <div class="detail-row">
23025
+ <span class="detail-label">Colour</span>
23026
+ <span class="detail-value">${(petData === null || petData === void 0 ? void 0 : (_petData$petDetails7 = petData.petDetails) === null || _petData$petDetails7 === void 0 ? void 0 : _petData$petDetails7.petColor) || "Not Specified"}</span>
23027
+ </div>
23028
+ <div class="detail-row">
23029
+ <span class="detail-label">Application Number</span>
23030
+ <span class="detail-value">${(petData === null || petData === void 0 ? void 0 : petData.applicationNumber) || "Not Specified"}</span>
23031
+ </div>
23032
+ <div class="detail-row">
23033
+ <span class="detail-label">Token No</span>
23034
+ <span class="detail-value">${(petData === null || petData === void 0 ? void 0 : petData.petToken) || "Not Specified"}</span>
23035
+ </div>
23036
+ <div class="detail-row">
23037
+ <span class="detail-label">Issue Date</span>
23038
+ <span class="detail-value">
23039
+ ${petData !== null && petData !== void 0 && (_petData$auditDetails = petData.auditDetails) !== null && _petData$auditDetails !== void 0 && _petData$auditDetails.lastModifiedTime ? new Date((_petData$auditDetails2 = petData.auditDetails) === null || _petData$auditDetails2 === void 0 ? void 0 : _petData$auditDetails2.lastModifiedTime).toLocaleDateString("en-GB") : "N/A"}
23040
+ </span>
23041
+ </div>
23042
+
23043
+ <div class="detail-row">
23044
+ <span class="detail-label">License Valid Upto</span>
23045
+ <span class="detail-value">
23046
+ ${petData !== null && petData !== void 0 && petData.validityDate ? new Date(petData.validityDate * 1000).toLocaleDateString("en-GB") : "N/A"}
23047
+
23048
+ </span>
23049
+ </div>
23050
+ <div class="detail-row">
23051
+ <span class="detail-label">Amount</span>
23052
+ <span class="detail-value">Rs. ${(reciept_data === null || reciept_data === void 0 ? void 0 : (_reciept_data$Payment = reciept_data.Payments) === null || _reciept_data$Payment === void 0 ? void 0 : (_reciept_data$Payment2 = _reciept_data$Payment[0]) === null || _reciept_data$Payment2 === void 0 ? void 0 : _reciept_data$Payment2.totalAmountPaid) || "Not Specified"}/-</span>
23053
+ </div>
23054
+ <div class="detail-row">
23055
+ <span class="detail-label">G8/Receipt No</span>
23056
+ <span class="detail-value">${(reciept_data === null || reciept_data === void 0 ? void 0 : (_reciept_data$Payment3 = reciept_data.Payments) === null || _reciept_data$Payment3 === void 0 ? void 0 : (_reciept_data$Payment4 = _reciept_data$Payment3[0]) === null || _reciept_data$Payment4 === void 0 ? void 0 : (_reciept_data$Payment5 = _reciept_data$Payment4.paymentDetails) === null || _reciept_data$Payment5 === void 0 ? void 0 : (_reciept_data$Payment6 = _reciept_data$Payment5[0]) === null || _reciept_data$Payment6 === void 0 ? void 0 : _reciept_data$Payment6.receiptNumber) || "Not Specified"}</span>
23057
+ </div>
23058
+ </div>
23059
+ </div>
23060
+
23061
+ <div class="pet-image-section">
23062
+ <img
23063
+ src="${petImageUrl}"
23064
+ alt="Pet Photo"
23065
+ class="pet-image"
23066
+ onload="console.log('Pet image loaded successfully:', this.src);"
23067
+ onerror="console.log('Pet image failed to load:', this.src); console.log('Trying fallback image...'); this.src='/adorable-golden-retriever.png';"
23068
+ />
23069
+ <div class="image-label">Pet Photo</div>
23070
+ <script>
23071
+ console.log('Image URL being used:', '${petImageUrl}');
23072
+ console.log('Pet image data:', ${JSON.stringify(petImage)});
23073
+ </script>
23074
+ </div>
23075
+ </div>
23076
+
23077
+ <span class="detail-label">Owner Information</span>
23078
+ <div class="owner-section">
23079
+ <div class="detail-row">
23080
+ <span class="detail-label">Owner Name</span>
23081
+ <span class="detail-value">${(petData === null || petData === void 0 ? void 0 : (_petData$owner3 = petData.owner) === null || _petData$owner3 === void 0 ? void 0 : _petData$owner3.name) || "Not Specified"}</span>
23082
+ </div>
23083
+ <div class="detail-row">
23084
+ <span class="detail-label">Father/Spouse Name</span>
23085
+ <span class="detail-value">${(petData === null || petData === void 0 ? void 0 : petData.fatherName) || (petData === null || petData === void 0 ? void 0 : (_petData$owner4 = petData.owner) === null || _petData$owner4 === void 0 ? void 0 : _petData$owner4.fatherOrHusbandName) || "Not Specified"}</span>
23086
+ </div>
23087
+ <div class="detail-row">
23088
+ <span class="detail-label">Address</span>
23089
+ <span class="detail-value">${(petData === null || petData === void 0 ? void 0 : (_petData$address3 = petData.address) === null || _petData$address3 === void 0 ? void 0 : _petData$address3.addressId) || "Not Specified"}, ${(petData === null || petData === void 0 ? void 0 : (_petData$address4 = petData.address) === null || _petData$address4 === void 0 ? void 0 : _petData$address4.pincode) || ""}</span>
23090
+ </div>
23091
+ </div>
23092
+
23093
+ <div class="header">
23094
+ <div class="header-left"> </div>
23095
+ <div class="header-disclaimer">
23096
+ <div class="title">DISCLAIMER</div>
23097
+ <div class="dis-section">${t("PET_DISCLAIMER")}</div>
23098
+ <div class="header-right"></div>
23099
+ </div>
23100
+ </div>
23101
+
23102
+ <div class="footer-section">
23103
+ <div>
23104
+ <div>Date:........................</div>
23105
+ <div>Place:.......................</div>
23106
+ </div>
23107
+ <div class="signature-area">
23108
+ <div class="detail-label">Approved by</div>
23109
+ <span class="detail-value">${approver || "Not Specified"}</span>
23110
+ <div class="signature-line"></div>
23111
+ <div>Licensing Authority</div>
23112
+ <div>${t(ulbType)}</div>
23113
+
23114
+ </div>
23115
+ </div>
23116
+
23117
+ <div class="terms-section">
23118
+ <div class="terms-title">${t("TERMS AND CONDITIONS")}</div>
23119
+ <div class="terms-title">${t("PET_TERMS_HEADER")}</div>
23120
+ <ol class="terms-list">
23121
+ <li>${t("PET_TERM1A")} <strong> ${(petData === null || petData === void 0 ? void 0 : petData.petRegistrationNumber) || ""} </strong> ${t("PET_TERM1B")} <strong>'https://mseva.lgpunjab.gov.in/digit-ui/citizen/ptr-home'</strong></li>
23122
+ <li>${t("PET_NEW_TERM_2")}</li>
23123
+ <li>${t("PET_NEW_TERM_3")}</li>
23124
+ <li>${t("PET_NEW_TERM_4")}</li>
23125
+ <li>${t("PET_NEW_TERM_5")}</li>
23126
+ <li>${t("PET_NEW_TERM_6")}</li>
23127
+ <li>${t("PET_NEW_TERM_7")}</li>
23128
+ <li>${t("PET_NEW_TERM_8")}</li>
23129
+ <li>${t("PET_NEW_TERM_9")}</li>
23130
+ <li>${t("PET_NEW_TERM_10")}</li>
23131
+ <li>${t("PET_NEW_TERM_11")}</li>
23132
+ <li>${t("PET_NEW_TERM_12")}</li>
23133
+ <li>${t("PET_NEW_TERM_13")}</li>
23134
+ <li>${t("PET_NEW_TERM_14")}</li>
23135
+ <li>${t("PET_NEW_TERM_15")}</li>
23136
+ <li>${t("PET_NEW_TERM_16")}</li>
23137
+ </ol>
23138
+
23139
+ <div style="text-align: center;">
23140
+ <img src="${qrDataURL}" style="width: 100px; height: 100px;" />
23141
+ </div>
23142
+ </div>
23143
+ </div>
23144
+ </body>
23145
+ </html>
23146
+ `;
23147
+ const printWindow = window.open("", "_blank");
23148
+ printWindow.document.write(content);
23149
+ printWindow.document.close();
23150
+ printWindow.onload = () => {
23151
+ setTimeout(() => {
23152
+ printWindow.print();
23153
+ printWindow.onafterprint = () => {
23154
+ printWindow.close();
23155
+ };
23156
+ }, 500);
23157
+ };
23158
+ };
23159
+ createCertificateHTML();
23160
+ setShowToast({
23161
+ key: false,
23162
+ label: "PTR_CERTIFICATE_DOWNLOADED_SUCCESSFULLY"
23163
+ });
23164
+ } catch (error) {
23165
+ setShowToast({
23166
+ key: true,
23167
+ label: `PTR_CERTIFICATE_DOWNLOAD_ERROR: ${error.message}`
23168
+ });
23169
+ }
23170
+ };
23171
+ const downloadAcknowledgement = async () => {
23172
+ try {
23173
+ var _data$PetRegistration2;
23174
+ if (!(data !== null && data !== void 0 && (_data$PetRegistration2 = data.PetRegistrationApplications) !== null && _data$PetRegistration2 !== void 0 && _data$PetRegistration2[0])) {
23175
+ throw new Error("Pet registration data is missing");
23176
+ }
23177
+ const createAcknowledgementHTML = () => {
23178
+ var _petData$petDetails8, _petData$petDetails9, _petData$petDetails0, _petData$owner5, _petData$owner6, _petData$owner7;
23179
+ const petData = data.PetRegistrationApplications[0];
23180
+ const ulb = petData === null || petData === void 0 ? void 0 : petData.tenantId.split(".")[1];
23181
+ const currentDate = new Date().toLocaleDateString("en-IN", {
23182
+ day: "2-digit",
23183
+ month: "long",
23184
+ year: "numeric"
23185
+ });
23186
+ const content = `
23187
+ <html>
23188
+ <head>
23189
+ <title>Pet Registration Acknowledgement</title>
23190
+ <style>
23191
+ @page { margin: 0.5in; }
23192
+ body {
23193
+ font-family: 'Arial', sans-serif;
23194
+ margin: 0;
23195
+ padding: 20px;
23196
+ font-size: 14px;
23197
+ line-height: 1.6;
23198
+ }
23199
+ .acknowledgement-container {
23200
+ max-width: 800px;
23201
+ margin: 0 auto;
23202
+ border: 2px solid #333;
23203
+ padding: 30px;
23204
+ background: white;
23205
+ }
23206
+ .header {
23207
+ text-align: center;
23208
+ border-bottom: 2px solid #333;
23209
+ display: flex;
23210
+ justify-content: space-between;
23211
+ align-items: center;
23212
+ position: relative;
23213
+ }
23214
+ .header-center {
23215
+ text-align: center;
23216
+ flex: 1;
23217
+ padding-right: 80px
23218
+ }
23219
+ .header-right {
23220
+ flex: 0 0 auto;
23221
+ }
23222
+ .title {
23223
+ font-size: 20px;
23224
+ font-weight: bold;
23225
+ margin: 10px 0;
23226
+ color: #333;
23227
+ }
23228
+ .subtitle {
23229
+ font-size: 16px;
23230
+ margin: 5px 0;
23231
+ color: #666;
23232
+ }
23233
+ .pet-sub {
23234
+ font-size: 16px;
23235
+ margin: 5px 0;
23236
+ color: #666;
23237
+ font-weight: bold;
23238
+ }
23239
+ .acknowledgement-text {
23240
+ text-align: justify;
23241
+ font-size: 15px;
23242
+ }
23243
+ .details-table {
23244
+ width: 100%;
23245
+ border-collapse: collapse;
23246
+ }
23247
+ .details-table th,
23248
+ .details-table td {
23249
+ padding: 12px;
23250
+ text-align: left;
23251
+ border: 1px solid #ddd;
23252
+ }
23253
+ .details-table th {
23254
+ background: #f5f5f5;
23255
+ font-weight: bold;
23256
+ width: 40%;
23257
+ }
23258
+ .footer {
23259
+ text-align: center;
23260
+ font-size: 12px;
23261
+ color: #666;
23262
+ }
23263
+ @media print {
23264
+ body { background: white !important; }
23265
+ }
23266
+ </style>
23267
+ </head>
23268
+ <body>
23269
+ <div class="acknowledgement-container">
23270
+ <div class="header">
23271
+ <div>
23272
+ <img src="https://s3.ap-south-1.amazonaws.com/pb-egov-assets/${petData === null || petData === void 0 ? void 0 : petData.tenantId}/logo.png"
23273
+ style="width: 110px; height: 110px; padding-left: 20px; padding-bottom: 20px;" />
23274
+ </div>
23275
+ <div class="header-center">
23276
+ <div class="title">${t(ulbType)} ${t(ulb)}</div>
23277
+ <div class="subtitle">${t("Veterinary Services- Health Branch")}</div>
23278
+ <div class="pet-sub">Pet Registration Acknowledgment</div>
23279
+ <div class="subtitle">(U/S 399 (1)(E) of PMC Act,1976)</div>
23280
+ </div>
23281
+ <div class="header-right">
23282
+ </div>
23283
+ </div>
23284
+
23285
+ <div class="acknowledgement-text">
23286
+ ${t("PTR_ACKN_TERM_1")}
23287
+ </div>
23288
+
23289
+ <table class="details-table">
23290
+ <tr>
23291
+ <th>Application Number</th>
23292
+ <td>${(petData === null || petData === void 0 ? void 0 : petData.applicationNumber) || "Not Available"}</td>
23293
+ </tr>
23294
+ <tr>
23295
+ <th>Application Date</th>
23296
+ <td>${currentDate}</td>
23297
+ </tr>
23298
+ <tr>
23299
+ <th>Pet Name</th>
23300
+ <td>${(petData === null || petData === void 0 ? void 0 : (_petData$petDetails8 = petData.petDetails) === null || _petData$petDetails8 === void 0 ? void 0 : _petData$petDetails8.petName) || "Not Specified"}</td>
23301
+ </tr>
23302
+ <tr>
23303
+ <th>Pet Type</th>
23304
+ <td>${(petData === null || petData === void 0 ? void 0 : (_petData$petDetails9 = petData.petDetails) === null || _petData$petDetails9 === void 0 ? void 0 : _petData$petDetails9.petType) || "Not Specified"}</td>
23305
+ </tr>
23306
+ <tr>
23307
+ <th>Breed</th>
23308
+ <td>${(petData === null || petData === void 0 ? void 0 : (_petData$petDetails0 = petData.petDetails) === null || _petData$petDetails0 === void 0 ? void 0 : _petData$petDetails0.breedType) || "Not Specified"}</td>
23309
+ </tr>
23310
+ <tr>
23311
+ <th>Owner Name</th>
23312
+ <td>${(petData === null || petData === void 0 ? void 0 : (_petData$owner5 = petData.owner) === null || _petData$owner5 === void 0 ? void 0 : _petData$owner5.name) || "Not Specified"}</td>
23313
+ </tr>
23314
+ <tr>
23315
+ <th>Contact Number</th>
23316
+ <td>${(petData === null || petData === void 0 ? void 0 : (_petData$owner6 = petData.owner) === null || _petData$owner6 === void 0 ? void 0 : _petData$owner6.mobileNumber) || "Not Specified"}</td>
23317
+ </tr>
23318
+ <tr>
23319
+ <th>Email</th>
23320
+ <td>${(petData === null || petData === void 0 ? void 0 : (_petData$owner7 = petData.owner) === null || _petData$owner7 === void 0 ? void 0 : _petData$owner7.emailId) || "Not Specified"}</td>
23321
+ </tr>
23322
+ <tr>
23323
+ <th>Application Status</th>
23324
+ <td style="color: #28a745; font-weight: bold;">${t(petData === null || petData === void 0 ? void 0 : petData.status) || "SUBMITTED"}</td>
23325
+ </tr>
23326
+ </table>
23327
+
23328
+ <div class="acknowledgement-text">
23329
+ ${t("PTR_ACKN_TERM_2")}
23330
+ </div>
23331
+
23332
+
23333
+ <div class="footer">
23334
+ <p>Generated on: ${currentDate}</p>
23335
+ <p>${t(ulbType)}</p>
23336
+ <p>This is a computer-generated document and does not require a signature.</p>
23337
+ <p>https://mseva.lgpunjab.gov.in/digit-ui/citizen/ptr-home</p>
23338
+ </div>
23339
+ </div>
23340
+ </body>
23341
+ </html>
23342
+ `;
23343
+ const printWindow = window.open("", "_blank");
23344
+ printWindow.document.write(content);
23345
+ printWindow.document.close();
23346
+ printWindow.onload = () => {
23347
+ setTimeout(() => {
23348
+ printWindow.print();
23349
+ printWindow.onafterprint = () => {
23350
+ printWindow.close();
23351
+ };
23352
+ }, 500);
23353
+ };
23354
+ };
23355
+ createAcknowledgementHTML();
23356
+ setShowToast({
23357
+ key: false,
23358
+ label: "PTR_ACKNOWLEDGEMENT_DOWNLOADED_SUCCESSFULLY"
23359
+ });
23360
+ } catch (error) {
23361
+ setShowToast({
23362
+ key: true,
23363
+ label: `PTR_ACKNOWLEDGEMENT_DOWNLOAD_ERROR: ${error.message}`
23364
+ });
23365
+ }
22871
23366
  };
22872
23367
  let documentDate = t("CS_NA");
22873
23368
  if (pet_details !== null && pet_details !== void 0 && (_pet_details$addition = pet_details.additionalDetails) !== null && _pet_details$addition !== void 0 && _pet_details$addition.documentDate) {
@@ -22895,35 +23390,36 @@ const ApplicationDetails = () => {
22895
23390
  });
22896
23391
  window.open(fileStore[(_response = response) === null || _response === void 0 ? void 0 : _response.filestoreIds[0]], "_blank");
22897
23392
  }
22898
- const printCertificate = async () => {
22899
- var _data$PetRegistration;
22900
- let response = await Digit.PaymentService.generatePdf(tenantId, {
22901
- PetRegistrationApplications: [data === null || data === void 0 ? void 0 : (_data$PetRegistration = data.PetRegistrationApplications) === null || _data$PetRegistration === void 0 ? void 0 : _data$PetRegistration[0]]
22902
- }, "petservicecertificate");
22903
- const fileStore = await Digit.PaymentService.printReciept(tenantId, {
22904
- fileStoreIds: response.filestoreIds[0]
22905
- });
22906
- window.open(fileStore[response === null || response === void 0 ? void 0 : response.filestoreIds[0]], "_blank");
22907
- };
22908
23393
  let dowloadOptions = [];
23394
+ let user = Digit.UserService.getUser();
23395
+ const isCemp = user === null || user === void 0 ? void 0 : (_user$info = user.info) === null || _user$info === void 0 ? void 0 : (_user$info$roles$find = _user$info.roles.find(role => role.code === "CEMP")) === null || _user$info$roles$find === void 0 ? void 0 : _user$info$roles$find.code;
22909
23396
  dowloadOptions.push({
22910
23397
  label: t("PTR_PET_DOWNLOAD_ACK_FORM"),
22911
- onClick: () => getAcknowledgementData()
22912
- });
22913
- if (reciept_data && (reciept_data === null || reciept_data === void 0 ? void 0 : reciept_data.Payments.length) > 0 && recieptDataLoading == false) dowloadOptions.push({
22914
- label: t("PTR_FEE_RECIEPT"),
22915
- onClick: () => {
22916
- var _reciept_data$Payment;
22917
- return getRecieptSearch({
22918
- tenantId: reciept_data === null || reciept_data === void 0 ? void 0 : (_reciept_data$Payment = reciept_data.Payments[0]) === null || _reciept_data$Payment === void 0 ? void 0 : _reciept_data$Payment.tenantId,
22919
- payments: reciept_data === null || reciept_data === void 0 ? void 0 : reciept_data.Payments[0]
22920
- });
22921
- }
22922
- });
22923
- if ((reciept_data === null || reciept_data === void 0 ? void 0 : (_reciept_data$Payment2 = reciept_data.Payments[0]) === null || _reciept_data$Payment2 === void 0 ? void 0 : _reciept_data$Payment2.paymentStatus) === "DEPOSITED") dowloadOptions.push({
22924
- label: t("PTR_CERTIFICATE"),
22925
- onClick: () => printCertificate()
23398
+ onClick: () => downloadAcknowledgement()
22926
23399
  });
23400
+ if ((reciept_data === null || reciept_data === void 0 ? void 0 : (_reciept_data$Payment7 = reciept_data.Payments[0]) === null || _reciept_data$Payment7 === void 0 ? void 0 : _reciept_data$Payment7.paymentStatus) === "NEW" || (reciept_data === null || reciept_data === void 0 ? void 0 : (_reciept_data$Payment8 = reciept_data.Payments[0]) === null || _reciept_data$Payment8 === void 0 ? void 0 : _reciept_data$Payment8.paymentStatus) === "DEPOSITED") {
23401
+ dowloadOptions.push({
23402
+ label: t("PTR_CERTIFICATE"),
23403
+ onClick: () => {
23404
+ printCertificate();
23405
+ }
23406
+ });
23407
+ } else {
23408
+ var _reciept_data$Payment9;
23409
+ console.log("Certificate not available. Payment status:", reciept_data === null || reciept_data === void 0 ? void 0 : (_reciept_data$Payment9 = reciept_data.Payments[0]) === null || _reciept_data$Payment9 === void 0 ? void 0 : _reciept_data$Payment9.paymentStatus);
23410
+ }
23411
+ if (reciept_data && (reciept_data === null || reciept_data === void 0 ? void 0 : reciept_data.Payments.length) > 0 && !recieptDataLoading) {
23412
+ dowloadOptions.push({
23413
+ label: t("PTR_FEE_RECIEPT"),
23414
+ onClick: () => {
23415
+ var _reciept_data$Payment0;
23416
+ return getRecieptSearch({
23417
+ tenantId: reciept_data === null || reciept_data === void 0 ? void 0 : (_reciept_data$Payment0 = reciept_data.Payments[0]) === null || _reciept_data$Payment0 === void 0 ? void 0 : _reciept_data$Payment0.tenantId,
23418
+ payments: reciept_data === null || reciept_data === void 0 ? void 0 : reciept_data.Payments[0]
23419
+ });
23420
+ }
23421
+ });
23422
+ }
22927
23423
  const formatPetAge = (ageValue, t) => {
22928
23424
  if (ageValue === null || ageValue === undefined || ageValue === "") return t("CS_NA");
22929
23425
  const ageStr = String(ageValue).trim();
@@ -22951,7 +23447,16 @@ const ApplicationDetails = () => {
22951
23447
  marginRight: "auto",
22952
23448
  maxWidth: "960px"
22953
23449
  }
22954
- }), /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardSubHeader, {
23450
+ }, /*#__PURE__*/React.createElement(Header, {
23451
+ styles: {
23452
+ fontSize: "32px"
23453
+ }
23454
+ }, t("CS_APPLICATION_DETAILS")), isCemp && ((reciept_data === null || reciept_data === void 0 ? void 0 : (_reciept_data$Payment1 = reciept_data.Payments[0]) === null || _reciept_data$Payment1 === void 0 ? void 0 : _reciept_data$Payment1.paymentStatus) === "NEW" || (reciept_data === null || reciept_data === void 0 ? void 0 : (_reciept_data$Payment10 = reciept_data.Payments[0]) === null || _reciept_data$Payment10 === void 0 ? void 0 : _reciept_data$Payment10.paymentStatus) === "DEPOSITED") && dowloadOptions && dowloadOptions.length > 0 && /*#__PURE__*/React.createElement(MultiLink, {
23455
+ className: "multilinkWrapper",
23456
+ onHeadClick: () => setShowOptions(!showOptions),
23457
+ displayOptions: showOptions,
23458
+ options: dowloadOptions
23459
+ })), /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardSubHeader, {
22955
23460
  style: {
22956
23461
  fontSize: "24px"
22957
23462
  }
@@ -24458,67 +24963,14 @@ function PTRSummary({
24458
24963
  console.log("pet", pet);
24459
24964
  const docs = (formData === null || formData === void 0 ? void 0 : (_formData$documents = formData.documents) === null || _formData$documents === void 0 ? void 0 : (_formData$documents$d = _formData$documents.documents) === null || _formData$documents$d === void 0 ? void 0 : _formData$documents$d.documents) || [];
24460
24965
  const tenantId = window.location.href.includes("citizen") ? window.localStorage.getItem("CITIZEN.CITY") : window.localStorage.getItem("Employee.tenant-id");
24461
- const sectionStyle = {
24462
- backgroundColor: "#ffffff",
24463
- padding: "1rem 0",
24464
- borderRadius: "8px",
24465
- marginBottom: "1.5rem",
24466
- boxShadow: "0 2px 6px rgba(18,38,63,0.04)"
24467
- };
24468
- const headerRow = {
24469
- display: "flex",
24470
- justifyContent: "space-between",
24471
- alignItems: "center",
24472
- marginBottom: "0.75rem",
24473
- padding: "0 1.5rem"
24474
- };
24475
- const headingStyle = {
24476
- fontSize: "1.25rem",
24477
- color: "#2e4a66",
24478
- margin: 0
24479
- };
24480
- const labelFieldPairStyle = {
24481
- display: "flex",
24482
- justifyContent: "space-between",
24483
- borderBottom: "1px dashed #e9eef2",
24484
- padding: "0.6rem 1.5rem",
24485
- alignItems: "center"
24486
- };
24487
- const documentsContainerStyle = {
24488
- display: "flex",
24489
- flexWrap: "wrap",
24490
- gap: "1rem",
24491
- marginTop: "0.5rem"
24492
- };
24493
- const documentCardStyle = {
24494
- flex: "1 1 220px",
24495
- minWidth: "180px",
24496
- maxWidth: "260px",
24497
- backgroundColor: "#fbfcfe",
24498
- padding: "0.6rem",
24499
- border: "1px solid #eef3f7",
24500
- borderRadius: "6px"
24501
- };
24502
- const boldLabelStyle = {
24503
- fontWeight: "600",
24504
- color: "#333",
24505
- marginBottom: "0px"
24506
- };
24507
24966
  const renderRow = (label, value) => /*#__PURE__*/React.createElement("div", {
24508
- style: labelFieldPairStyle
24967
+ className: "bpa-summary-label-field-pair"
24509
24968
  }, /*#__PURE__*/React.createElement("div", {
24510
- style: {
24511
- display: "flex",
24512
- gap: "0.5rem",
24513
- alignItems: "center"
24514
- }
24969
+ className: "ads-summary-row-label"
24515
24970
  }, /*#__PURE__*/React.createElement(CardLabel, {
24516
- style: boldLabelStyle
24971
+ className: "bpa-summary-bold-label"
24517
24972
  }, label)), /*#__PURE__*/React.createElement("div", {
24518
- style: {
24519
- textAlign: "right",
24520
- minWidth: "120px"
24521
- }
24973
+ className: "ads-summary-row-value"
24522
24974
  }, value || "NA"));
24523
24975
  const formatPetAge = (ageValue, t) => {
24524
24976
  if (ageValue === null || ageValue === undefined || ageValue === "") return t("CS_NA");
@@ -24542,41 +24994,41 @@ function PTRSummary({
24542
24994
  return `${years} year${years > 1 ? "s" : ""} and ${months} month${months > 1 ? "s" : ""}`;
24543
24995
  };
24544
24996
  return /*#__PURE__*/React.createElement("div", {
24545
- className: "application-summary"
24997
+ className: "bpa-summary-page"
24546
24998
  }, /*#__PURE__*/React.createElement("div", {
24547
24999
  className: "summary-section",
24548
25000
  style: {
24549
25001
  padding: "2px"
24550
25002
  }
24551
25003
  }, /*#__PURE__*/React.createElement("div", {
24552
- style: sectionStyle
25004
+ className: "bpa-summary-section"
24553
25005
  }, /*#__PURE__*/React.createElement("div", {
24554
- style: headerRow
25006
+ className: "ads-summary-row"
24555
25007
  }, /*#__PURE__*/React.createElement("h3", {
24556
- style: headingStyle
25008
+ className: "bpa-summary-heading"
24557
25009
  }, t("ES_TITILE_OWNER_DETAILS"))), renderRow(t("NOC_COMMON_TABLE_COL_OWN_NAME_LABEL"), owner === null || owner === void 0 ? void 0 : owner.name), renderRow(t("PT_ACK_LOCALIZATION_FATHERS_NAME"), owner === null || owner === void 0 ? void 0 : owner.fatherOrHusbandName), renderRow(t("CORE_COMMON_MOBILE_NUMBER"), owner === null || owner === void 0 ? void 0 : owner.mobileNumber), renderRow(t("CORE_COMMON_EMAIL_ID"), owner === null || owner === void 0 ? void 0 : owner.emailId), renderRow(t("ADDRESS"), owner === null || owner === void 0 ? void 0 : owner.address))), /*#__PURE__*/React.createElement("div", {
24558
25010
  className: "summary-section"
24559
25011
  }, /*#__PURE__*/React.createElement("div", {
24560
- style: sectionStyle
25012
+ className: "bpa-summary-section"
24561
25013
  }, /*#__PURE__*/React.createElement("div", {
24562
- style: headerRow
25014
+ className: "ads-summary-row"
24563
25015
  }, /*#__PURE__*/React.createElement("h3", {
24564
- style: headingStyle
25016
+ className: "bpa-summary-heading"
24565
25017
  }, t("ES_TITILE_PET_DETAILS"))), renderRow(t("PTR_PET_NAME"), pet === null || pet === void 0 ? void 0 : pet.petName), renderRow(t("PTR_PET_TYPE"), (pet === null || pet === void 0 ? void 0 : (_pet$petType = pet.petType) === null || _pet$petType === void 0 ? void 0 : _pet$petType.name) || (pet === null || pet === void 0 ? void 0 : (_pet$petType2 = pet.petType) === null || _pet$petType2 === void 0 ? void 0 : _pet$petType2.code)), renderRow(t("PTR_BREED_TYPE"), (pet === null || pet === void 0 ? void 0 : (_pet$breedType = pet.breedType) === null || _pet$breedType === void 0 ? void 0 : _pet$breedType.name) || (pet === null || pet === void 0 ? void 0 : (_pet$breedType2 = pet.breedType) === null || _pet$breedType2 === void 0 ? void 0 : _pet$breedType2.code)), renderRow(t("PTR_PET_GENDER"), (pet === null || pet === void 0 ? void 0 : (_pet$petGender = pet.petGender) === null || _pet$petGender === void 0 ? void 0 : _pet$petGender.name) || (pet === null || pet === void 0 ? void 0 : (_pet$petGender2 = pet.petGender) === null || _pet$petGender2 === void 0 ? void 0 : _pet$petGender2.code)), renderRow(t("PTR_PET_AGE"), formatPetAge(pet === null || pet === void 0 ? void 0 : pet.petAge, t)), renderRow(t("PTR_COLOR"), pet === null || pet === void 0 ? void 0 : pet.petColor), renderRow(t("PTR_VACCINATION_NUMBER"), pet === null || pet === void 0 ? void 0 : pet.vaccinationNumber), renderRow(t("PTR_VACCINATION_DATE"), pet === null || pet === void 0 ? void 0 : pet.lastVaccineDate), renderRow(t("PTR_CLINIC_NAME"), pet === null || pet === void 0 ? void 0 : pet.clinicName), renderRow(t("PTR_DOCTOR_NAME"), pet === null || pet === void 0 ? void 0 : pet.doctorName))), /*#__PURE__*/React.createElement("div", {
24566
25018
  className: "summary-section"
24567
25019
  }, /*#__PURE__*/React.createElement("div", {
24568
- style: sectionStyle
25020
+ className: "bpa-summary-section"
24569
25021
  }, /*#__PURE__*/React.createElement("div", {
24570
- style: headerRow
25022
+ className: "ads-summary-row"
24571
25023
  }, /*#__PURE__*/React.createElement("h3", {
24572
- style: headingStyle
25024
+ className: "bpa-summary-heading"
24573
25025
  }, t("ES_TITLE_DOCS"))), /*#__PURE__*/React.createElement("div", null, Array.isArray(docs) && docs.length > 0 ? /*#__PURE__*/React.createElement("div", {
24574
- style: documentsContainerStyle
25026
+ className: "ads-summary-docs"
24575
25027
  }, docs.map((doc, index) => {
24576
25028
  var _formData$CreatedResp;
24577
25029
  return /*#__PURE__*/React.createElement("div", {
24578
25030
  key: index,
24579
- style: documentCardStyle
25031
+ className: "ads-summary-doc-card"
24580
25032
  }, /*#__PURE__*/React.createElement(PTRDocument, {
24581
25033
  petdetail: {
24582
25034
  documents: [doc],