datastake-daf 0.6.750 → 0.6.752

package/dist/pages/index.js

@@ -10323,7 +10323,12 @@ function SupplyChainMap({
       },
       link: true,
       onClickLink: data => {
-        goTo(getRedirectLink(`/app/view/stakeholders/${data.datastakeId}`));
+        const locationTypes = ['mineSite', 'village'];
+        if (locationTypes.includes(data.type)) {
+          goTo(getRedirectLink(`/app/view/locations/${data.datastakeId}`));
+        } else {
+          goTo(getRedirectLink(`/app/view/stakeholders/${data.datastakeId}`));
+        }
       }
     })
   });
@@ -12152,7 +12157,7 @@ function useIdentification({
           return {
             title: "Products",
             items: values.map(val => ({
-              label: options.minerals.find(mineral => mineral.value === val.typeOfProduct)?.label || val.typeOfProduct,
+              label: options?.minerals?.find(mineral => mineral.value === val.typeOfProduct)?.label || val.typeOfProduct,
               color: colors[allSeenProducts.indexOf(val.typeOfProduct) % colors.length],
               value: val.value.toLocaleString()
             }))
@@ -12807,7 +12812,7 @@ function GenderDistribution({
       return renderTooltipJsx({
         title: t("Role"),
         items: [{
-          label: options?.optionPositionSupplyChain.find(o => {
+          label: options?.optionPositionSupplyChain?.find(o => {
             return o.value === item.key;
           }).label || item.key,
           value: data[item.key] || 0
@@ -12823,7 +12828,7 @@ function GenderDistribution({
           }))
         });
       }
-      const _config = config.find(c => c.key === item.key);
+      const _config = config?.find(c => c.key === item.key);
       if (_config) {
         return renderTooltipJsx({
           title: t("Gender"),
@@ -13387,7 +13392,7 @@ const onClickLink = (data, getRedirectLink, activeTab, goTo, user) => {
   if (activeTab === "stakeholder") {
     switch (data.stakeholderType) {
       case "operator":
-        return goTo(getLink(`/app/summary/operators/${data?.datastakeId}`));
+        return goTo(getLink(`/app/operator-summary/${data?.datastakeId}`));
       case "worker":
         return goTo(getLink(`/app/view/workers/${data?.datastakeId}`));
       default:
@@ -13397,7 +13402,7 @@ const onClickLink = (data, getRedirectLink, activeTab, goTo, user) => {
   if (activeTab === "event") {
     switch (data.category) {
       case "mineSite":
-        return goTo(getLink(`/app/summary/scl/${data?.datastakeId}`));
+        return goTo(getLink(`/app/mine-summary/${data?.datastakeId}`));
       default:
         return goTo(getLink(`/app/view/locations/${data?.datastakeId}`));
     }
@@ -13406,7 +13411,7 @@ const onClickLink = (data, getRedirectLink, activeTab, goTo, user) => {
     case "mineSite":
       {
         const isOwnData = user?.company?.id === data?.authorId;
-        return goTo(`/app/summary/scl/${data?.datastakeId}${!isOwnData ? `?sourceId=${data?.authorId}` : ""}`);
+        return goTo(`/app/mine-summary/${data?.datastakeId}${!isOwnData ? `?sourceId=${data?.authorId}` : ""}`);
       }
     case "area":
       return goTo(getLink(`/app/view/conflict-areas/${data?.datastakeId}`));
@@ -29369,21 +29374,27 @@ function DynamicForm({
     }
   }, [data]);
 
-  // Initialize default values for hidden fields
+  // Initialize default values for hidden and disabled fields
   React.useEffect(() => {
     if (Object.keys(form).length > 0) {
       const updatedValues = {
         ...values
       };
       let hasChanges = false;
+      const isEditMode = data && (data.id || data._id);
 
-      // Process all form fields to set default values for hidden fields
+      // Process all form fields to set default values for hidden and disabled fields
       Object.keys(form).forEach(formKey => {
         Object.keys(form[formKey]).forEach(fieldKey => {
           const field = form[formKey][fieldKey];
-          if (field?.meta?.hidden === true && field?.meta?.defaultValue !== undefined) {
-            const fieldId = field.dataId || fieldKey;
-            if (!propHasValue(updatedValues[fieldId])) {
+          const fieldId = field.dataId || fieldKey;
+
+          // Check if field is disabled
+          const isDisabled = field?.meta?.disableEdit && typeof field?.meta?.disableEdit === 'object' ? isModal ? field.meta.disableEdit.create || field.meta.disableEdit.modal || field?.meta?.disableEdit?.edit && isEditMode : field.meta.disableEdit.create || field.meta.disableEdit.drawer || field?.meta?.disableEdit?.edit && isEditMode : field?.meta?.disableEdit;
+
+          // Set default value for hidden fields or disabled fields with default values
+          if (field?.meta?.defaultValue !== undefined && !propHasValue(updatedValues[fieldId])) {
+            if (field?.meta?.hidden === true || isDisabled) {
               updatedValues[fieldId] = field.meta.defaultValue;
               hasChanges = true;
             }
@@ -29396,7 +29407,7 @@ function DynamicForm({
         MainForm.setFieldsValue(updatedValues);
       }
     }
-  }, [form]);
+  }, [form, data, isModal]);
   const setSelectedForm = id => {
     setForms(Forms.map(form => {
       id === form.id ? form.selected = true : form.selected = false;
@@ -29469,11 +29480,15 @@ function DynamicForm({
       }
       value = fileList;
     }
-    // Handle default values for hidden fields
-    if (input?.meta?.hidden === true && input?.meta?.defaultValue !== undefined && !propHasValue(value)) {
-      value = input.meta.defaultValue;
-      if (typeof path === 'string') {
-        dot__default["default"].str(path, value, values);
+    // Handle default values for hidden fields and disabled fields
+    if (input?.meta?.defaultValue !== undefined && !propHasValue(value)) {
+      const isFieldHidden = input?.meta?.hidden === true;
+      const isFieldDisabled = props.disabled || isDisabled;
+      if (isFieldHidden || isFieldDisabled) {
+        value = input.meta.defaultValue;
+        if (typeof path === 'string') {
+          dot__default["default"].str(path, value, values);
+        }
       }
     }
     const config = {
@@ -35045,7 +35060,7 @@ const ProductionSitesTable = ({
     goTo: goTo,
     defaultActiveTab: "own",
     columns: columns,
-    data: data,
+    data: data?.data,
     checkboxConfig: checkboxConfig,
     APP: APP,
     getApiBaseUrl: getApiBaseUrl,
@@ -35210,13 +35225,13 @@ const useSummary = ({
     }
   }, [params?.id, hasSelect, getOne, getMultiple, _partners, isPdf, id, filters]);
   React.useEffect(() => {
-    if (selectedItem && _partners !== undefined) {
+    if ((selectedItem || params?.id) && _partners !== undefined) {
       const fetchSingleItem = async () => {
         setLoading(true);
         try {
           const {
             data
-          } = await service.getOne(selectedItem, {
+          } = await service.getOne(selectedItem || params?.id, {
             sources: _partners
           });
           setSingleItemData(data);
@@ -35228,7 +35243,7 @@ const useSummary = ({
       };
       fetchSingleItem();
     }
-  }, [selectedItem, service, _partners]);
+  }, [selectedItem, service, _partners, params?.id]);
   React.useEffect(() => {
     _setPartners(selectedPartners?.partners);
   }, [selectedPartners]);
@@ -35583,8 +35598,8 @@ const InformationCompleteness = ({
 }) => {
   const graphData = React.useMemo(() => {
     const keys = {
-      ownDataCompletion: data?.ownDataCompletion || 0,
-      consolidatedCompletion: data?.consolidatedCompletion || 0
+      ownDataCompletion: typeof data?.percentage === "object" ? data?.percentage?.percentage : data?.percentage || 0,
+      consolidatedCompletion: data?.consolidatedPercentage || 0
     };
     const _data = Object.keys(keys).map(key => {
       const item = keys[key];
@@ -35620,22 +35635,32 @@ const InformationCompleteness = ({
 const Contributions = ({
   data = {},
   loading = false,
-  t = () => {}
+  t = () => {},
+  partners = []
 }) => {
+  const dataPoints = data?.datapointsByAuthor || {};
+  const _data = React.useMemo(() => {
+    return Object.keys(dataPoints).map(key => {
+      return {
+        name: partners?.find(partner => partner.id === key)?.name,
+        datapoints: dataPoints[key]
+      };
+    });
+  }, [dataPoints, partners]);
   return /*#__PURE__*/jsxRuntime.jsx(Widget, {
     title: t("Contributions"),
     className: "with-border-header h-w-btn-header",
     loading: loading,
     children: /*#__PURE__*/jsxRuntime.jsx(BarChart, {
-      data: data?.stakeholders || [],
-      xFieldKey: "completedDatapoints",
-      yFieldKey: "author",
+      data: _data || [],
+      xFieldKey: "datapoints",
+      yFieldKey: "name",
       renderTooltipContent: (title, item) => {
         return {
           title: title,
           items: [{
             label: t("Datapoints"),
-            value: item?.[0]?.data?.completedDatapoints || 0
+            value: item?.[0]?.data?.datapoints || 0
           }]
         };
       }
@@ -35646,15 +35671,18 @@ const Contributions = ({
 const InformationAvailability = ({
   selectedPartners = {},
   t = () => {},
-  id
+  id,
+  subject,
+  partners
 }) => {
   const defaultFetchConfig = React.useMemo(() => ({
-    basepath: "analytics",
-    url: "/widgets/completeness",
+    basepath: subject === "stakeholder" ? "stakeholder" : "location",
+    url: `/completion/${id}`,
     defaultData: [],
     stop: selectedPartners?.loading,
     filters: {
-      datastakeId: id,
+      // datastakeId: id,
+      scope: subject === "stakeholder" ? "operatorInfo" : "locationInfo",
       sources: selectedPartners?.partners || []
     }
   }), [id, selectedPartners]);
@@ -35677,7 +35705,8 @@ const InformationAvailability = ({
       }), /*#__PURE__*/jsxRuntime.jsx(Contributions, {
         data: data,
         loading: loading,
-        t: t
+        t: t,
+        partners: partners
       })]
     })
   });
@@ -36324,25 +36353,25 @@ const TradeRelationships = ({
 
 const IconNodesConfig$1 = {
   beneficiaries: {
-    name: "nashiriki::beneficiaries",
+    name: "Beneficiaries",
     icon: "CoinsHand",
     order: 3,
     emptyName: "no-beneficiaries"
   },
   boardMembers: {
-    name: "nashiriki::board-members",
+    name: "Board Members",
     icon: "Users",
     order: 1,
     emptyName: "no-board-members"
   },
   management: {
-    name: "nashiriki::management",
+    name: "Management",
     icon: "Filters",
     order: 2,
     emptyName: "no-management"
   },
   shareholders: {
-    name: "nashiriki::stakeholders",
+    name: "Stakeholders",
     icon: "PercentCircle",
     order: 4,
     emptyName: "no-stakeholders"
@@ -36356,25 +36385,27 @@ const getGovernanceData = ({
   options,
   t,
   goTo,
-  selectedPartners
+  selectedPartners,
+  mainSubject
 }) => {
   const {
     sources,
     ...rest
   } = data;
   const _data = rest;
+  const mainSubjectData = _data?.[mainSubject];
   return {
-    id: operatorData?.datastakeId || id,
-    name: t(operatorData?.name || ""),
+    id: mainSubjectData?.datastakeId || id,
+    name: mainSubjectData?.name || "",
     country: {
-      label: options?.countries?.find(country => country.value === operatorData?.country)?.label || "",
+      label: findOptions(mainSubjectData?.country, options?.countries) || "",
       value: (operatorData?.country || "").toLowerCase() || ""
     },
     onClick: () => {
       goTo(`/app/view/operators/${operatorData?.datastakeId || id}`);
     },
     totalSources: selectedPartners?.partners?.length || 0,
-    children: Object.keys(_data)?.map((key, index) => {
+    children: Object.keys(_data || {})?.filter(key => key !== mainSubject)?.map((key, index) => {
       return {
         id: key,
         name: t(IconNodesConfig$1[key]?.name),
@@ -36390,7 +36421,7 @@ const getGovernanceData = ({
             id: child?.datastakeId || "",
             name: child?.name || "",
             country: {
-              label: options?.countries?.find(country => country.value === child?.country)?.label || "",
+              label: findOptions(child?.country, options?.countries) || "",
               value: (child?.country || "").toLowerCase() || ""
             },
             totalSources: child?.sources || 0,
@@ -36841,12 +36872,18 @@ const Governance = ({
       filters: {
         datastakeId: id,
         sources: selectedPartners?.partners || [],
-        coreSubject: "stakeholder"
+        coreSubject: "stakeholder",
+        metrics: {
+          shareholders: ['shareholders'],
+          boardMembers: ['boardMembers'],
+          management: ['management'],
+          beneficiaries: ['directBeneficiaries']
+        }
       },
       defaultData: {},
       stop: selectedPartners?.loading
     };
-  }, [selectedPartners]);
+  }, [selectedPartners, id]);
   const {
     data,
     loading
@@ -36861,7 +36898,8 @@ const Governance = ({
       options,
       t,
       goTo,
-      selectedPartners
+      selectedPartners,
+      mainSubject: "stakeholder"
     });
   }, [data, operatorData, options, t]);
   return /*#__PURE__*/jsxRuntime.jsx(Widget, {
@@ -36937,7 +36975,7 @@ const OperatorSummary = ({
   });
   return /*#__PURE__*/jsxRuntime.jsxs(DashboardLayout, {
     header: /*#__PURE__*/jsxRuntime.jsx(DAFHeader, {
-      title: t('Operator Summary'),
+      title: hasSelect ? t("Operator Review") : (singleItemData?.name || "") + " " + t("Summary"),
       className: "with-border-header h-w-btn-header no-px-body",
       goBackTo: !hasSelect && goBack,
       addedHeaderFirst: true,
@@ -36999,13 +37037,15 @@ const OperatorSummary = ({
       selectedPartners: selectedPartners,
       t: t,
       id: params?.id || selectedItem,
-      data: hasSelect ? singleItemData : data,
+      data: singleItemData,
       loading: loading
     }), /*#__PURE__*/jsxRuntime.jsx("section", {
       children: /*#__PURE__*/jsxRuntime.jsx(InformationAvailability, {
         selectedPartners: selectedPartners,
         t: t,
-        id: params?.id || selectedItem
+        id: params?.id || selectedItem,
+        subject: "stakeholder",
+        partners: partners
       })
     }), /*#__PURE__*/jsxRuntime.jsx("section", {
       children: /*#__PURE__*/jsxRuntime.jsx(TradeRelationships, {
@@ -37015,7 +37055,7 @@ const OperatorSummary = ({
         options: options,
         goTo: goTo,
         getRedirectLink: getRedirectLink,
-        operatorData: hasSelect ? singleItemData : data
+        operatorData: singleItemData
       })
     }), /*#__PURE__*/jsxRuntime.jsx("section", {
       children: /*#__PURE__*/jsxRuntime.jsx(Governance, {
@@ -37025,7 +37065,7 @@ const OperatorSummary = ({
         options: options,
         goTo: goTo,
         getRedirectLink: getRedirectLink,
-        operatorData: hasSelect ? singleItemData : data
+        operatorData: singleItemData
       })
     })]
   });
@@ -41376,161 +41416,27 @@ const RestorationActivitySummary = ({
   });
 };
 
-function getKeyIndicatorsConfig({
-  t,
-  data
-}) {
-  return [{
-    label: t("Extraction Methods"),
-    render: () => {
-      if (!data?.extractionPoints?.length) {
-        return "-";
-      }
-      return /*#__PURE__*/jsxRuntime.jsx("div", {
-        style: {
-          display: "flex",
-          flexWrap: "wrap"
-        },
-        children: data?.extractionPoints?.map(method => {
-          return /*#__PURE__*/jsxRuntime.jsx(antd.Tag, {
-            style: {
-              marginBottom: 8
-            },
-            children: method
-          }, method);
-        })
-      });
-    }
-  }, {
-    label: t("Products"),
-    render: () => {
-      if (data?.productsOfLocation?.length === 0) {
-        return "-";
-      }
-      return /*#__PURE__*/jsxRuntime.jsx("div", {
-        style: {
-          display: "flex",
-          flexWrap: "wrap"
-        },
-        children: data?.productsOfLocation?.map(product => {
-          return /*#__PURE__*/jsxRuntime.jsx(antd.Tag, {
-            style: {
-              marginBottom: 8
-            },
-            color: getTagColor(product),
-            children: product
-          }, product);
-        })
-      });
-    }
-  }, {
-    label: t("Number of Workers on Site"),
-    render: () => {
-      if (!data.workers) {
-        return "-";
-      }
-      return data.workers;
-    }
-  }];
-}
-
-const MineSiteDetails = ({
-  locationData = {},
-  loading = false,
-  t = () => {},
-  options = {}
-}) => {
-  const data = React.useMemo(() => {
-    return {
-      extractionPoints: (locationData?.extractionMethod || []).map(method => {
-        const _method = options?.extractionMethodsOptions?.find(option => option.value === method)?.label;
-        return _method;
-      }),
-      products: ((locationData?.products || []).map(product => product.typeOfProduct) || []).map(product => {
-        const _product = options?.minerals?.find(option => option.value === product)?.label;
-        return _product;
-      }),
-      workers: locationData?.totalNumberOfWorkers || 0
-    };
-  }, [locationData, options]);
-  const config = React.useMemo(() => getKeyIndicatorsConfig({
-    t,
-    data
-  }), [t, data]);
-  return /*#__PURE__*/jsxRuntime.jsx(KeyIndicatorsWidget, {
-    title: t("Mine Site Details"),
-    className: "value-center small-content row-content-col",
-    config: config,
-    loading: loading,
-    widgetClassName: "custom-width-b"
-  });
-};
-
-const LocationMap = ({
-  selectedPartners = {},
-  t = () => {},
-  params,
-  locationData = {},
-  loading = false
-}) => {
-  const data = React.useMemo(() => {
-    return {
-      gps: locationData?.gps || {},
-      name: locationData?.name || "",
-      admin_level_01: locationData?.linking?.SCL?.[locationData?.administrativeLevel1]?.name || "",
-      admin_level_02: locationData?.linking?.SCL?.[locationData?.administrativeLevel2]?.name || "",
-      country: locationData?.country
-    };
-  }, [locationData]);
-  return /*#__PURE__*/jsxRuntime.jsx(Widget, {
-    title: t("Location"),
-    className: "no-px no-pb-body overflow-hidden",
-    loading: loading,
-    children: /*#__PURE__*/jsxRuntime.jsx(Map$1, {
-      showSider: false,
-      primaryLink: true,
-      mapConfig: {
-        maxZoom: 10
-      },
-      type: "location",
-      data: [data],
-      renderTooltip: () => {
-        data?.country;
-        const adminLevel1Label = t("Province");
-        const adminLevel2Label = t("Territory");
-        return [{
-          label: t(adminLevel1Label),
-          value: data?.admin_level_01 || "--"
-        }, {
-          label: t(adminLevel2Label),
-          value: data?.admin_level_02 || "--"
-        }];
-      }
-    })
-  });
-};
-
 const IconNodesConfig = {
-  operators: {
-    name: "nashiriki::Operators",
+  operator: {
+    name: "Operators",
     icon: "Worker",
     order: 1,
     emptyName: "no-operators"
   },
-  traders: {
-    name: "nashiriki::Traders",
+  trader: {
+    name: "Traders",
     icon: "Handshake",
     order: 2,
     emptyName: "no-traders"
   },
   government: {
-    name: "nashiriki::Government",
+    name: "Government",
     icon: "KYC",
     order: 3,
     emptyName: "no-government"
   },
   other: {
-    name: "nashiriki::Other",
+    name: "Other",
     icon: "CivilSociety",
     order: 4,
     emptyName: "no-other"
@@ -41544,22 +41450,24 @@ const getStakeholderMappingData = ({
   options,
   t,
   goTo,
-  selectedPartners
+  selectedPartners,
+  mainSubject
 }) => {
   const _data = data;
+  const mainSubjectData = _data?.[mainSubject];
   return {
-    id: id,
-    name: locationData?.name || "",
+    id: mainSubjectData?.datastakeId || "",
+    name: mainSubjectData?.name || "",
     country: {
-      label: options?.countries?.find(country => country.value === locationData?.country)?.label || "",
-      value: (locationData?.country || "").toLowerCase() || ""
+      label: findOptions(mainSubjectData?.country, options?.countries) || "",
+      value: (mainSubjectData?.country || "").toLowerCase() || ""
     },
-    onClick: () => goTo(`/app/view/production-sites/${id}`),
+    onClick: () => goTo(`/app/view/production-sites/${mainSubjectData?.datastakeId}`),
     totalSources: selectedPartners?.partners?.length || 0,
     backgroundColor: "#FFD6E7",
     iconColor: "#C41D7F",
     icon: "DashboardLocations",
-    children: Object.keys(_data)?.map((key, index) => {
+    children: Object.keys(_data)?.filter(key => key !== mainSubject)?.map((key, index) => {
       return {
         id: key,
         name: t(IconNodesConfig[key]?.name),
@@ -41569,13 +41477,13 @@ const getStakeholderMappingData = ({
         iconHoverColor: "#fff",
         hoverColor: "#36cfca",
         content: _data[key].length,
-        emptyName: IconNodesConfig[key]?.emptyName ? t(`nashiriki::${IconNodesConfig[key]?.emptyName}`) : undefined,
+        emptyName: IconNodesConfig[key]?.emptyName ? t(`${IconNodesConfig[key]?.emptyName}`) : undefined,
         children: (_data[key] || [])?.map(child => {
           return {
             id: child?.datastakeId || "",
             name: child?.name || "",
             country: {
-              label: options?.countries?.find(country => country.value === child?.country)?.label || "",
+              label: findOptions(child?.country, options?.countries) || "",
               value: child?.country ? child?.country?.toLowerCase() : ""
             },
             icon: "DashboardStakeholder",
@@ -41587,8 +41495,8 @@ const getStakeholderMappingData = ({
               goTo(`/app/view/stakeholders/${child.datastakeId}`);
             },
             totalSources: child?.sources || 0,
-            tooltipHeader: t("nashiriki::link-details"),
-            tooltipLabel: t("nashiriki::sources-reporting"),
+            tooltipHeader: t("link-details"),
+            tooltipLabel: t("sources-reporting"),
             value: child?.sources || 0
           };
         })
@@ -41617,8 +41525,8 @@ const StakeholderMapping = ({
         coreSubject: "location",
         filterBySources: false,
         metrics: {
-          operator: ['operator'],
-          government: ['custom', 'governance'],
+          operator: ['operator', 'operator.clientLocation'],
+          government: ['custom.stakeholderId', 'governance'],
           trader: ['trade'],
           other: ['civilSociety', 'international']
         }
@@ -41639,7 +41547,8 @@ const StakeholderMapping = ({
       options,
       t,
       goTo,
-      selectedPartners
+      selectedPartners,
+      mainSubject: "mine"
     });
   }, [data, locationData, id, options, t, goTo, selectedPartners]);
   return /*#__PURE__*/jsxRuntime.jsx(Widget, {
@@ -41658,6 +41567,184 @@ const StakeholderMapping = ({
   });
 };
 
+function getKeyIndicatorsConfig({
+  t,
+  data
+}) {
+  return [{
+    label: t("Extraction Methods"),
+    render: () => {
+      const validExtractionPoints = data?.extractionPoints?.filter(Boolean) || [];
+      if (validExtractionPoints?.length === 0 || !validExtractionPoints) {
+        return "-";
+      }
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        children: validExtractionPoints?.map((method, index) => {
+          return /*#__PURE__*/jsxRuntime.jsxs(React__default["default"].Fragment, {
+            children: [/*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+              title: method,
+              children: /*#__PURE__*/jsxRuntime.jsx("span", {
+                style: {
+                  fontWeight: "normal"
+                },
+                children: method
+              })
+            }), index < validExtractionPoints.length - 1 && ", "]
+          }, method);
+        })
+      });
+    }
+  }, {
+    label: t("Products"),
+    render: () => {
+      const validProducts = data?.products?.filter(Boolean) || [];
+      if (validProducts?.length === 0 || !validProducts) {
+        return "-";
+      }
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        children: validProducts?.map((product, index) => {
+          return /*#__PURE__*/jsxRuntime.jsxs(React__default["default"].Fragment, {
+            children: [/*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+              title: product,
+              children: /*#__PURE__*/jsxRuntime.jsx("span", {
+                style: {
+                  fontWeight: "normal",
+                  color: getTagColor(product)
+                },
+                children: product
+              })
+            }), index < validProducts.length - 1 && ", "]
+          }, product);
+        })
+      });
+    }
+  }, {
+    label: t("Number of Workers on Site"),
+    render: () => {
+      if (!data.workers) {
+        return 0;
+      }
+      return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+        title: data.workers,
+        children: data.workers
+      });
+    }
+  }];
+}
+
+const MineSiteDetails = ({
+  locationData = {},
+  loading = false,
+  t = () => {},
+  options = {}
+}) => {
+  const data = React.useMemo(() => {
+    const products = locationData?.products?.map(product => product.typeOfProduct);
+    return {
+      extractionPoints: findOptions(locationData?.extractionMethod, options?.extractionMethodsOptions),
+      products: findOptions(products, options?.mineralOptions),
+      workers: locationData?.totalNumberOfWorkers || 0
+    };
+  }, [locationData, options]);
+  const config = React.useMemo(() => getKeyIndicatorsConfig({
+    t,
+    data
+  }), [t, data]);
+  return /*#__PURE__*/jsxRuntime.jsx(KeyIndicatorsWidget, {
+    title: t("Mine Site Details"),
+    className: "value-center small-content row-content-col",
+    config: config,
+    loading: loading,
+    widgetClassName: "custom-width-b"
+  });
+};
+
+const LocationMap = ({
+  selectedPartners = {},
+  t = () => {},
+  params,
+  locationData = {},
+  loading = false
+}) => {
+  const data = React.useMemo(() => {
+    return {
+      gps: locationData?.gps || {},
+      name: locationData?.name || "",
+      admin_level_01: locationData?.linking?.SCL?.[locationData?.administrativeLevel1]?.name || "",
+      admin_level_02: locationData?.linking?.SCL?.[locationData?.administrativeLevel2]?.name || "",
+      country: locationData?.country
+    };
+  }, [locationData]);
+  return /*#__PURE__*/jsxRuntime.jsx(Widget, {
+    title: t("Location"),
+    className: "no-px no-pb-body overflow-hidden",
+    loading: loading,
+    children: /*#__PURE__*/jsxRuntime.jsx(Map$1, {
+      showSider: false,
+      primaryLink: true,
+      mapConfig: {
+        maxZoom: 10
+      },
+      type: "location",
+      data: [data],
+      renderTooltip: () => {
+        data?.country;
+        const adminLevel1Label = t("Province");
+        const adminLevel2Label = t("Territory");
+        return [{
+          label: t(adminLevel1Label),
+          value: data?.admin_level_01 || "--"
+        }, {
+          label: t(adminLevel2Label),
+          value: data?.admin_level_02 || "--"
+        }];
+      }
+    })
+  });
+};
+
+const MineDetailsSection = ({
+  locationData = {},
+  loading = false,
+  t = () => {},
+  options = {},
+  selectedPartners = {},
+  params = {}
+}) => {
+  const defaultFetchConfig = React.useMemo(() => ({
+    basepath: "analytics",
+    url: '/widgets/mine-site-details',
+    defaultData: [],
+    stop: selectedPartners?.loading,
+    filters: {
+      datastakeId: locationData?.datastakeId,
+      sources: selectedPartners?.partners || [],
+      metrics: ['extractionMethod', 'products', 'totalNumberOfWorkers', 'gps', 'administrativeLevel1', 'administrativeLevel2'],
+      filterBySources: false
+    }
+  }), [selectedPartners, locationData]);
+  const {
+    data,
+    loading: loadingData
+  } = useWidgetFetch({
+    config: defaultFetchConfig
+  });
+  return /*#__PURE__*/jsxRuntime.jsxs("section", {
+    children: [/*#__PURE__*/jsxRuntime.jsx(MineSiteDetails, {
+      locationData: data,
+      loading: loading || loadingData,
+      t: t,
+      options: options
+    }), /*#__PURE__*/jsxRuntime.jsx(LocationMap, {
+      selectedPartners: selectedPartners,
+      t: t,
+      params: params,
+      locationData: data,
+      loading: loading || loadingData
+    })]
+  });
+};
+
 const MineSummary = ({
   hasSelect = false,
   loading = false,
@@ -41712,9 +41799,10 @@ const MineSummary = ({
   });
   return /*#__PURE__*/jsxRuntime.jsxs(DashboardLayout, {
     header: /*#__PURE__*/jsxRuntime.jsx(DAFHeader, {
-      title: t('Mine Summary'),
+      title: hasSelect ? t("Mine Review") : (singleItemData?.name || "") + " " + t("Summary"),
       className: "with-border-header h-w-btn-header no-px-body",
       goBackTo: !hasSelect && goBack,
+      loading: loading,
       addedHeaderFirst: true,
       actionButtons: [{
         tooltip: t("Details"),
@@ -41769,31 +41857,28 @@ const MineSummary = ({
           size: "small"
         }) : null
       })
-    }), /*#__PURE__*/jsxRuntime.jsxs("section", {
-      children: [/*#__PURE__*/jsxRuntime.jsx(MineSiteDetails, {
-        locationData: hasSelect ? singleItemData : data,
-        loading: loadingData,
-        t: t,
-        options: options
-      }), /*#__PURE__*/jsxRuntime.jsx(LocationMap, {
-        selectedPartners: selectedPartners,
-        t: t,
-        params: params,
-        locationData: hasSelect ? singleItemData : data,
-        loading: loadingData
-      })]
+    }), /*#__PURE__*/jsxRuntime.jsx(MineDetailsSection, {
+      locationData: singleItemData,
+      loading: loadingData,
+      t: t,
+      options: options,
+      selectedPartners: selectedPartners,
+      params: params
     }), /*#__PURE__*/jsxRuntime.jsx("section", {
       children: /*#__PURE__*/jsxRuntime.jsx(InformationAvailability, {
         selectedPartners: selectedPartners,
         t: t,
-        id: params?.id || selectedItem
+        id: params?.id || selectedItem,
+        partners: partners
       })
     }), /*#__PURE__*/jsxRuntime.jsx("section", {
       children: /*#__PURE__*/jsxRuntime.jsx(StakeholderMapping, {
         selectedPartners: selectedPartners,
         t: t,
         id: params?.id || selectedItem,
-        locationData: hasSelect ? singleItemData : data
+        locationData: singleItemData,
+        goTo: goTo,
+        options: options
       })
     })]
   });