@djb25/digit-ui-module-ekyc 1.0.50 → 1.0.52

package/dist/index.modern.js

@@ -1686,12 +1686,6 @@ const VendorDetailsCard = () => {
   const tenantId = Digit.ULBService.getCurrentTenantId() || "dl.djb";
   const _useParams = useParams(),
     vendorId = _useParams.vendorId;
-  const _Digit$Hooks$ekyc$use = Digit.Hooks.ekyc.useEkycAssignmentProgress({
-      enabled: !!tenantId,
-      keepPreviousData: true
-    }),
-    isProgressLoading = _Digit$Hooks$ekyc$use.isLoading,
-    progressData = _Digit$Hooks$ekyc$use.data;
   const _Digit$Hooks$fsm$useD = Digit.Hooks.fsm.useDsoSearch(tenantId, {
       status: "ACTIVE"
     }, {
@@ -1741,6 +1735,16 @@ const VendorDetailsCard = () => {
       return matchedMock || ekycMockData.vendors[0];
     }
   }, [vendorSearchResponse, vendorId, loggedInUser]);
+  const targetVendorId = vendorId || (vendor === null || vendor === void 0 ? void 0 : vendor.id) || (vendor === null || vendor === void 0 ? void 0 : vendor.vendorId);
+  const _Digit$Hooks$ekyc$use = Digit.Hooks.ekyc.useEkycAssignmentProgress(targetVendorId ? {
+      vendorId: targetVendorId,
+      vendorIds: [targetVendorId]
+    } : {}, {
+      enabled: !!tenantId,
+      keepPreviousData: true
+    }),
+    isProgressLoading = _Digit$Hooks$ekyc$use.isLoading,
+    progressData = _Digit$Hooks$ekyc$use.data;
   const vendorSupervisors = useMemo(() => {
     if (!(supervisorSearchResponse !== null && supervisorSearchResponse !== void 0 && supervisorSearchResponse.supervisors)) {
       if (vendor && Array.isArray(ekycMockData.vendors)) {
@@ -1783,7 +1787,6 @@ const VendorDetailsCard = () => {
   const vendorName = (vendor === null || vendor === void 0 ? void 0 : vendor.name) || "N/A";
   const mobileNumber = (vendor === null || vendor === void 0 ? void 0 : vendor.mobileNumber) || (vendor === null || vendor === void 0 ? void 0 : (_vendor$owner = vendor.owner) === null || _vendor$owner === void 0 ? void 0 : _vendor$owner.mobileNumber) || "N/A";
   const email = (vendor === null || vendor === void 0 ? void 0 : (_vendor$owner2 = vendor.owner) === null || _vendor$owner2 === void 0 ? void 0 : _vendor$owner2.emailId) || "N/A";
-  const status = vendor ? "ACTIVE" : "N/A";
   const jurisdictions = useMemo(() => {
     if (Array.isArray(vendor === null || vendor === void 0 ? void 0 : vendor.jurisdictions)) {
       return vendor.jurisdictions.join(", ");
@@ -1792,7 +1795,7 @@ const VendorDetailsCard = () => {
   }, [vendor]);
   const zoneIds = useMemo(() => {
     var _vendor$zoneIds;
-    return vendor !== null && vendor !== void 0 && (_vendor$zoneIds = vendor.zoneIds) !== null && _vendor$zoneIds !== void 0 && _vendor$zoneIds.length ? vendor.zoneIds.filter(Boolean).map(zone => String(zone).toUpperCase().replace("", " ")).join(", ") : "N/A";
+    return vendor !== null && vendor !== void 0 && (_vendor$zoneIds = vendor.zoneIds) !== null && _vendor$zoneIds !== void 0 && _vendor$zoneIds.length ? vendor.zoneIds.filter(Boolean).map(zone => String(zone).trim().toUpperCase()) : [];
   }, [vendor]);
   const cards = useMemo(() => {
     const hasRealData = vendorSupervisors.some(s => s.totalKnos > 0);
@@ -2167,18 +2170,24 @@ const VendorDetailsCard = () => {
   }, t("EMAIL")), /*#__PURE__*/React.createElement("span", {
     className: "value"
   }, email)), /*#__PURE__*/React.createElement("div", {
-    className: "detail-item"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "label"
-  }, t("STATUS")), /*#__PURE__*/React.createElement("span", {
-    className: "value"
-  }, status)), /*#__PURE__*/React.createElement("div", {
-    className: "detail-item"
+    className: "detail-item",
+    style: {
+      gridColumn: "1 / -1"
+    }
   }, /*#__PURE__*/React.createElement("span", {
     className: "label"
   }, t("ASSIGNED_ZONES") || "Assigned Zones"), /*#__PURE__*/React.createElement("span", {
     className: "value"
-  }, zoneIds)))), /*#__PURE__*/React.createElement("div", {
+  }, zoneIds.length > 0 ? /*#__PURE__*/React.createElement("div", {
+    className: "selected-zones",
+    style: {
+      marginTop: "4px",
+      width: "100%"
+    }
+  }, zoneIds.map(zone => /*#__PURE__*/React.createElement("span", {
+    key: zone,
+    className: "selected-zone-chip"
+  }, t(zone) || zone))) : "N/A")))), /*#__PURE__*/React.createElement("div", {
     className: "details-right"
   }, /*#__PURE__*/React.createElement("div", {
     className: "download-card"
@@ -2853,7 +2862,63 @@ const Inbox = _ref2 => {
     isListLoading = _Digit$Hooks$ekyc$use.isLoading,
     _Digit$Hooks$ekyc$use2 = _Digit$Hooks$ekyc$use.data,
     listData = _Digit$Hooks$ekyc$use2 === void 0 ? {} : _Digit$Hooks$ekyc$use2;
-  const _Digit$Hooks$ekyc$use3 = Digit.Hooks.ekyc.useEkycAssignmentProgress({
+  const _Digit$Hooks$fsm$useD = Digit.Hooks.fsm.useDsoSearch(tenantId, {
+      status: "ACTIVE"
+    }, {
+      enabled: !!tenantId,
+      staleTime: 300000
+    }),
+    vendorSearchResponse = _Digit$Hooks$fsm$useD.data;
+  const _useMemo = useMemo(() => {
+      var _Digit$SessionStorage;
+      if (!vendorSearchResponse || vendorSearchResponse.length === 0) {
+        return {
+          targetVendorId: null,
+          allVendorIds: []
+        };
+      }
+      const loggedInUser = (_Digit$SessionStorage = Digit.SessionStorage.get("User")) === null || _Digit$SessionStorage === void 0 ? void 0 : _Digit$SessionStorage.info;
+      const userUuid = loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.uuid;
+      const userMobile = loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.mobileNumber;
+      const matchesUser = v => {
+        var _v$owner, _v$owner2, _v$owner3;
+        const ownerUuid = ((_v$owner = v.owner) === null || _v$owner === void 0 ? void 0 : _v$owner.uuid) || ((_v$owner2 = v.owner) === null || _v$owner2 === void 0 ? void 0 : _v$owner2.id);
+        const ownerMobile = ((_v$owner3 = v.owner) === null || _v$owner3 === void 0 ? void 0 : _v$owner3.mobileNumber) || v.mobileNumber;
+        return userUuid && ownerUuid === userUuid || userMobile && ownerMobile === userMobile;
+      };
+      const allIds = vendorSearchResponse.map(v => {
+        const dso = v.dsoDetails || v;
+        return dso.id || dso.vendorId || v.id || v.vendorId;
+      }).filter(Boolean);
+      const matched = vendorSearchResponse.find(v => matchesUser(v.dsoDetails || v));
+      let matchedId = null;
+      if (matched) {
+        const dso = matched.dsoDetails || matched;
+        matchedId = dso.id || dso.vendorId || matched.id || matched.vendorId;
+      }
+      return {
+        targetVendorId: matchedId,
+        allVendorIds: allIds
+      };
+    }, [vendorSearchResponse]),
+    targetVendorId = _useMemo.targetVendorId,
+    allVendorIds = _useMemo.allVendorIds;
+  const progressParams = useMemo(() => {
+    if (targetVendorId) {
+      return {
+        vendorId: targetVendorId,
+        vendorIds: [targetVendorId]
+      };
+    }
+    if (allVendorIds && allVendorIds.length > 0) {
+      return {
+        vendorId: allVendorIds[0],
+        vendorIds: allVendorIds
+      };
+    }
+    return {};
+  }, [targetVendorId, allVendorIds]);
+  const _Digit$Hooks$ekyc$use3 = Digit.Hooks.ekyc.useEkycAssignmentProgress(progressParams, {
       enabled: !!tenantId,
       keepPreviousData: true
     }),
@@ -2916,8 +2981,8 @@ const Inbox = _ref2 => {
   const _useTranslation = useTranslation(),
     t = _useTranslation.t;
   const supervisor = useMemo(() => {
-    var _Digit$SessionStorage, _loggedInUser$roles;
-    const loggedInUser = (_Digit$SessionStorage = Digit.SessionStorage.get("User")) === null || _Digit$SessionStorage === void 0 ? void 0 : _Digit$SessionStorage.info;
+    var _Digit$SessionStorage2, _loggedInUser$roles;
+    const loggedInUser = (_Digit$SessionStorage2 = Digit.SessionStorage.get("User")) === null || _Digit$SessionStorage2 === void 0 ? void 0 : _Digit$SessionStorage2.info;
     const roles = (loggedInUser === null || loggedInUser === void 0 ? void 0 : (_loggedInUser$roles = loggedInUser.roles) === null || _loggedInUser$roles === void 0 ? void 0 : _loggedInUser$roles.map(ele => ele.code)) || [];
     if (roles.includes("EKYC_SUPERVISOR")) {
       const targetId = loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.uuid;
@@ -4798,8 +4863,18 @@ const AdminDashboard = () => {
     }),
     vendorSearchResponse = _Digit$Hooks$fsm$useD.data,
     isVendorSearchLoading = _Digit$Hooks$fsm$useD.isLoading;
-  const _Digit$Hooks$ekyc$use = Digit.Hooks.ekyc.useEkycAssignmentProgress({
-      enabled: !!tenantId,
+  const allVendorIds = useMemo(() => {
+    if (!vendorSearchResponse) return [];
+    return vendorSearchResponse.map(v => {
+      const dso = v.dsoDetails || v;
+      return dso.id || dso.vendorId || v.id || v.vendorId;
+    }).filter(Boolean);
+  }, [vendorSearchResponse]);
+  const _Digit$Hooks$ekyc$use = Digit.Hooks.ekyc.useEkycAssignmentProgress(allVendorIds.length > 0 ? {
+      vendorId: allVendorIds[0],
+      vendorIds: allVendorIds
+    } : {}, {
+      enabled: !!tenantId && allVendorIds.length > 0,
       keepPreviousData: true
     }),
     progressData = _Digit$Hooks$ekyc$use.data,
@@ -4911,12 +4986,6 @@ const SupervisorDetailsCard = () => {
   const _useState = useState(false),
     ekycDownloadLoading = _useState[0],
     setEkycDownloadLoading = _useState[1];
-  const _Digit$Hooks$ekyc$use = Digit.Hooks.ekyc.useEkycAssignmentProgress({
-      enabled: !!tenantId,
-      keepPreviousData: true
-    }),
-    isProgressLoading = _Digit$Hooks$ekyc$use.isLoading,
-    progressData = _Digit$Hooks$ekyc$use.data;
   const _Digit$Hooks$fsm$useS = Digit.Hooks.fsm.useSupervisorSearch(tenantId, {
       status: "ACTIVE"
     }, {
@@ -4925,6 +4994,24 @@ const SupervisorDetailsCard = () => {
     }),
     supervisorSearchResponse = _Digit$Hooks$fsm$useS.data,
     isSupervisorSearchLoading = _Digit$Hooks$fsm$useS.isLoading;
+  const targetVendorId = useMemo(() => {
+    const targetId = supervisorId || (loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.uuid);
+    if (!targetId || !(supervisorSearchResponse !== null && supervisorSearchResponse !== void 0 && supervisorSearchResponse.supervisors)) return null;
+    const matchedSup = supervisorSearchResponse.supervisors.find(s => {
+      var _s$id, _s$owner, _s$owner$uuid;
+      return ((_s$id = s.id) === null || _s$id === void 0 ? void 0 : _s$id.toLowerCase()) === (targetId === null || targetId === void 0 ? void 0 : targetId.toLowerCase()) || ((_s$owner = s.owner) === null || _s$owner === void 0 ? void 0 : (_s$owner$uuid = _s$owner.uuid) === null || _s$owner$uuid === void 0 ? void 0 : _s$owner$uuid.toLowerCase()) === (targetId === null || targetId === void 0 ? void 0 : targetId.toLowerCase());
+    });
+    return (matchedSup === null || matchedSup === void 0 ? void 0 : matchedSup.vendorId) || null;
+  }, [supervisorId, loggedInUser, supervisorSearchResponse]);
+  const _Digit$Hooks$ekyc$use = Digit.Hooks.ekyc.useEkycAssignmentProgress(targetVendorId ? {
+      vendorId: targetVendorId,
+      vendorIds: [targetVendorId]
+    } : {}, {
+      enabled: !!tenantId,
+      keepPreviousData: true
+    }),
+    isProgressLoading = _Digit$Hooks$ekyc$use.isLoading,
+    progressData = _Digit$Hooks$ekyc$use.data;
   const _Digit$Hooks$fsm$useS2 = Digit.Hooks.fsm.useSurveyorSearch(tenantId, {
       status: "ACTIVE"
     }, {
@@ -4947,8 +5034,8 @@ const SupervisorDetailsCard = () => {
     let resolvedSupervisorId = supervisorId;
     if (!resolvedSupervisorId && supervisorSearchResponse !== null && supervisorSearchResponse !== void 0 && supervisorSearchResponse.supervisors && targetOwnerOrId) {
       const selfSup = supervisorSearchResponse.supervisors.find(s => {
-        var _s$owner, _s$owner$uuid, _s$id;
-        return ((_s$owner = s.owner) === null || _s$owner === void 0 ? void 0 : (_s$owner$uuid = _s$owner.uuid) === null || _s$owner$uuid === void 0 ? void 0 : _s$owner$uuid.toLowerCase()) === (targetOwnerOrId === null || targetOwnerOrId === void 0 ? void 0 : targetOwnerOrId.toLowerCase()) || ((_s$id = s.id) === null || _s$id === void 0 ? void 0 : _s$id.toLowerCase()) === (targetOwnerOrId === null || targetOwnerOrId === void 0 ? void 0 : targetOwnerOrId.toLowerCase());
+        var _s$owner2, _s$owner2$uuid, _s$id2;
+        return ((_s$owner2 = s.owner) === null || _s$owner2 === void 0 ? void 0 : (_s$owner2$uuid = _s$owner2.uuid) === null || _s$owner2$uuid === void 0 ? void 0 : _s$owner2$uuid.toLowerCase()) === (targetOwnerOrId === null || targetOwnerOrId === void 0 ? void 0 : targetOwnerOrId.toLowerCase()) || ((_s$id2 = s.id) === null || _s$id2 === void 0 ? void 0 : _s$id2.toLowerCase()) === (targetOwnerOrId === null || targetOwnerOrId === void 0 ? void 0 : targetOwnerOrId.toLowerCase());
       });
       resolvedSupervisorId = selfSup === null || selfSup === void 0 ? void 0 : selfSup.id;
     }
@@ -4956,15 +5043,15 @@ const SupervisorDetailsCard = () => {
     let matchedSup = null;
     if (supervisorSearchResponse !== null && supervisorSearchResponse !== void 0 && supervisorSearchResponse.supervisors) {
       matchedSup = supervisorSearchResponse.supervisors.find(s => {
-        var _s$id2, _s$owner2, _s$owner2$uuid;
-        return ((_s$id2 = s.id) === null || _s$id2 === void 0 ? void 0 : _s$id2.toLowerCase()) === (targetId === null || targetId === void 0 ? void 0 : targetId.toLowerCase()) || ((_s$owner2 = s.owner) === null || _s$owner2 === void 0 ? void 0 : (_s$owner2$uuid = _s$owner2.uuid) === null || _s$owner2$uuid === void 0 ? void 0 : _s$owner2$uuid.toLowerCase()) === (targetId === null || targetId === void 0 ? void 0 : targetId.toLowerCase());
+        var _s$id3, _s$owner3, _s$owner3$uuid;
+        return ((_s$id3 = s.id) === null || _s$id3 === void 0 ? void 0 : _s$id3.toLowerCase()) === (targetId === null || targetId === void 0 ? void 0 : targetId.toLowerCase()) || ((_s$owner3 = s.owner) === null || _s$owner3 === void 0 ? void 0 : (_s$owner3$uuid = _s$owner3.uuid) === null || _s$owner3$uuid === void 0 ? void 0 : _s$owner3$uuid.toLowerCase()) === (targetId === null || targetId === void 0 ? void 0 : targetId.toLowerCase());
       });
     }
     let progressReport = null;
     if (progressData !== null && progressData !== void 0 && progressData.supervisorReport && targetId) {
       progressReport = progressData.supervisorReport.find(s => {
-        var _s$supervisorId, _s$id3;
-        return ((_s$supervisorId = s.supervisorId) === null || _s$supervisorId === void 0 ? void 0 : _s$supervisorId.toLowerCase()) === (targetId === null || targetId === void 0 ? void 0 : targetId.toLowerCase()) || ((_s$id3 = s.id) === null || _s$id3 === void 0 ? void 0 : _s$id3.toLowerCase()) === (targetId === null || targetId === void 0 ? void 0 : targetId.toLowerCase());
+        var _s$supervisorId, _s$id4;
+        return ((_s$supervisorId = s.supervisorId) === null || _s$supervisorId === void 0 ? void 0 : _s$supervisorId.toLowerCase()) === (targetId === null || targetId === void 0 ? void 0 : targetId.toLowerCase()) || ((_s$id4 = s.id) === null || _s$id4 === void 0 ? void 0 : _s$id4.toLowerCase()) === (targetId === null || targetId === void 0 ? void 0 : targetId.toLowerCase());
       });
     }
     if (matchedSup) {
@@ -4980,8 +5067,8 @@ const SupervisorDetailsCard = () => {
             var _report$supervisorId, _matchedSup$id, _report$id, _matchedSup$id2, _report$surveyors;
             if (((_report$supervisorId = report.supervisorId) === null || _report$supervisorId === void 0 ? void 0 : _report$supervisorId.toLowerCase()) !== ((_matchedSup$id = matchedSup.id) === null || _matchedSup$id === void 0 ? void 0 : _matchedSup$id.toLowerCase()) && ((_report$id = report.id) === null || _report$id === void 0 ? void 0 : _report$id.toLowerCase()) !== ((_matchedSup$id2 = matchedSup.id) === null || _matchedSup$id2 === void 0 ? void 0 : _matchedSup$id2.toLowerCase())) continue;
             const matchedSurv = (_report$surveyors = report.surveyors) === null || _report$surveyors === void 0 ? void 0 : _report$surveyors.find(s => {
-              var _s$surveyorId, _surv$id, _s$surveyorId2, _surv$owner, _surv$owner$uuid, _s$id4, _surv$id2, _s$id5, _surv$owner2, _surv$owner2$uuid;
-              return s.surveyorId && (((_s$surveyorId = s.surveyorId) === null || _s$surveyorId === void 0 ? void 0 : _s$surveyorId.toLowerCase()) === ((_surv$id = surv.id) === null || _surv$id === void 0 ? void 0 : _surv$id.toLowerCase()) || ((_s$surveyorId2 = s.surveyorId) === null || _s$surveyorId2 === void 0 ? void 0 : _s$surveyorId2.toLowerCase()) === ((_surv$owner = surv.owner) === null || _surv$owner === void 0 ? void 0 : (_surv$owner$uuid = _surv$owner.uuid) === null || _surv$owner$uuid === void 0 ? void 0 : _surv$owner$uuid.toLowerCase())) || s.id && (((_s$id4 = s.id) === null || _s$id4 === void 0 ? void 0 : _s$id4.toLowerCase()) === ((_surv$id2 = surv.id) === null || _surv$id2 === void 0 ? void 0 : _surv$id2.toLowerCase()) || ((_s$id5 = s.id) === null || _s$id5 === void 0 ? void 0 : _s$id5.toLowerCase()) === ((_surv$owner2 = surv.owner) === null || _surv$owner2 === void 0 ? void 0 : (_surv$owner2$uuid = _surv$owner2.uuid) === null || _surv$owner2$uuid === void 0 ? void 0 : _surv$owner2$uuid.toLowerCase()));
+              var _s$surveyorId, _surv$id, _s$surveyorId2, _surv$owner, _surv$owner$uuid, _s$id5, _surv$id2, _s$id6, _surv$owner2, _surv$owner2$uuid;
+              return s.surveyorId && (((_s$surveyorId = s.surveyorId) === null || _s$surveyorId === void 0 ? void 0 : _s$surveyorId.toLowerCase()) === ((_surv$id = surv.id) === null || _surv$id === void 0 ? void 0 : _surv$id.toLowerCase()) || ((_s$surveyorId2 = s.surveyorId) === null || _s$surveyorId2 === void 0 ? void 0 : _s$surveyorId2.toLowerCase()) === ((_surv$owner = surv.owner) === null || _surv$owner === void 0 ? void 0 : (_surv$owner$uuid = _surv$owner.uuid) === null || _surv$owner$uuid === void 0 ? void 0 : _surv$owner$uuid.toLowerCase())) || s.id && (((_s$id5 = s.id) === null || _s$id5 === void 0 ? void 0 : _s$id5.toLowerCase()) === ((_surv$id2 = surv.id) === null || _surv$id2 === void 0 ? void 0 : _surv$id2.toLowerCase()) || ((_s$id6 = s.id) === null || _s$id6 === void 0 ? void 0 : _s$id6.toLowerCase()) === ((_surv$owner2 = surv.owner) === null || _surv$owner2 === void 0 ? void 0 : (_surv$owner2$uuid = _surv$owner2.uuid) === null || _surv$owner2$uuid === void 0 ? void 0 : _surv$owner2$uuid.toLowerCase()));
             });
             if (matchedSurv) {
               realStats = matchedSurv;
@@ -5026,8 +5113,8 @@ const SupervisorDetailsCard = () => {
       const surveyorsMapped = progressReport.surveyors ? progressReport.surveyors.map(surv => {
         var _surveyorSearchRespon, _matchedSurv$owner, _matchedSurv$owner2;
         const matchedSurv = surveyorSearchResponse === null || surveyorSearchResponse === void 0 ? void 0 : (_surveyorSearchRespon = surveyorSearchResponse.surveyors) === null || _surveyorSearchRespon === void 0 ? void 0 : _surveyorSearchRespon.find(s => {
-          var _s$id6, _surv$surveyorId, _s$owner3, _s$owner3$uuid, _surv$surveyorId2;
-          return ((_s$id6 = s.id) === null || _s$id6 === void 0 ? void 0 : _s$id6.toLowerCase()) === ((_surv$surveyorId = surv.surveyorId) === null || _surv$surveyorId === void 0 ? void 0 : _surv$surveyorId.toLowerCase()) || ((_s$owner3 = s.owner) === null || _s$owner3 === void 0 ? void 0 : (_s$owner3$uuid = _s$owner3.uuid) === null || _s$owner3$uuid === void 0 ? void 0 : _s$owner3$uuid.toLowerCase()) === ((_surv$surveyorId2 = surv.surveyorId) === null || _surv$surveyorId2 === void 0 ? void 0 : _surv$surveyorId2.toLowerCase());
+          var _s$id7, _surv$surveyorId, _s$owner4, _s$owner4$uuid, _surv$surveyorId2;
+          return ((_s$id7 = s.id) === null || _s$id7 === void 0 ? void 0 : _s$id7.toLowerCase()) === ((_surv$surveyorId = surv.surveyorId) === null || _surv$surveyorId === void 0 ? void 0 : _surv$surveyorId.toLowerCase()) || ((_s$owner4 = s.owner) === null || _s$owner4 === void 0 ? void 0 : (_s$owner4$uuid = _s$owner4.uuid) === null || _s$owner4$uuid === void 0 ? void 0 : _s$owner4$uuid.toLowerCase()) === ((_surv$surveyorId2 = surv.surveyorId) === null || _surv$surveyorId2 === void 0 ? void 0 : _surv$surveyorId2.toLowerCase());
         });
         return {
           surveyorId: surv.surveyorId || surv.id,
@@ -5471,7 +5558,14 @@ const SupervisorDetailsCard = () => {
     className: "label"
   }, t("ASSIGNED_ZONE") || "Assigned Zone"), /*#__PURE__*/React.createElement("span", {
     className: "value"
-  }, assignedZone)), /*#__PURE__*/React.createElement("div", {
+  }, assignedZone && assignedZone !== "N/A" ? /*#__PURE__*/React.createElement("div", {
+    className: "selected-zones",
+    style: {
+      marginTop: "4px"
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "selected-zone-chip"
+  }, t(assignedZone.trim().toUpperCase()) || assignedZone)) : assignedZone)), /*#__PURE__*/React.createElement("div", {
     className: "detail-item"
   }, /*#__PURE__*/React.createElement("span", {
     className: "label"