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

package/dist/index.js

@@ -1790,7 +1790,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 = React.useMemo(() => {
     if (Array.isArray(vendor === null || vendor === void 0 ? void 0 : vendor.jurisdictions)) {
       return vendor.jurisdictions.join(", ");
@@ -1799,7 +1798,7 @@ const VendorDetailsCard = () => {
   }, [vendor]);
   const zoneIds = React.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 = React.useMemo(() => {
     const hasRealData = vendorSupervisors.some(s => s.totalKnos > 0);
@@ -2174,18 +2173,24 @@ const VendorDetailsCard = () => {
   }, t("EMAIL")), /*#__PURE__*/React__default.createElement("span", {
     className: "value"
   }, email)), /*#__PURE__*/React__default.createElement("div", {
-    className: "detail-item"
-  }, /*#__PURE__*/React__default.createElement("span", {
-    className: "label"
-  }, t("STATUS")), /*#__PURE__*/React__default.createElement("span", {
-    className: "value"
-  }, status)), /*#__PURE__*/React__default.createElement("div", {
-    className: "detail-item"
+    className: "detail-item",
+    style: {
+      gridColumn: "1 / -1"
+    }
   }, /*#__PURE__*/React__default.createElement("span", {
     className: "label"
   }, t("ASSIGNED_ZONES") || "Assigned Zones"), /*#__PURE__*/React__default.createElement("span", {
     className: "value"
-  }, zoneIds)))), /*#__PURE__*/React__default.createElement("div", {
+  }, zoneIds.length > 0 ? /*#__PURE__*/React__default.createElement("div", {
+    className: "selected-zones",
+    style: {
+      marginTop: "4px",
+      width: "100%"
+    }
+  }, zoneIds.map(zone => /*#__PURE__*/React__default.createElement("span", {
+    key: zone,
+    className: "selected-zone-chip"
+  }, t(zone) || zone))) : "N/A")))), /*#__PURE__*/React__default.createElement("div", {
     className: "details-right"
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "download-card"
@@ -5556,7 +5561,14 @@ const SupervisorDetailsCard = () => {
     className: "label"
   }, t("ASSIGNED_ZONE") || "Assigned Zone"), /*#__PURE__*/React__default.createElement("span", {
     className: "value"
-  }, assignedZone)), /*#__PURE__*/React__default.createElement("div", {
+  }, assignedZone && assignedZone !== "N/A" ? /*#__PURE__*/React__default.createElement("div", {
+    className: "selected-zones",
+    style: {
+      marginTop: "4px"
+    }
+  }, /*#__PURE__*/React__default.createElement("span", {
+    className: "selected-zone-chip"
+  }, t(assignedZone.trim().toUpperCase()) || assignedZone)) : assignedZone)), /*#__PURE__*/React__default.createElement("div", {
     className: "detail-item"
   }, /*#__PURE__*/React__default.createElement("span", {
     className: "label"