datastake-daf 0.6.721 → 0.6.722

package/dist/pages/index.js

@@ -5484,7 +5484,7 @@ const useHeader = ({
 };
 
 const {
-  useToken: useToken$3
+  useToken: useToken$4
 } = antd.theme;
 function BreadCrumbs({
   breadcrumbs = [],
@@ -5493,7 +5493,7 @@ function BreadCrumbs({
   const [splitIndex, setSplitIndex] = o.useState(0);
   const {
     token
-  } = useToken$3();
+  } = useToken$4();
   const _renderBreadcrumb = (b, i, isLast, noOnClickLast = false) => {
     return /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "flex breadcrumb-item",
@@ -5647,7 +5647,7 @@ DAFHeader.propTypes = {
 };
 
 const {
-  useToken: useToken$2
+  useToken: useToken$3
 } = antd.theme;
 
 /**
@@ -5740,7 +5740,7 @@ function Multiselect({
 }) {
   const {
     token
-  } = useToken$2();
+  } = useToken$3();
   const [selectValue, setSelectValue] = o.useState(Array.isArray(defaultSelected) ? defaultSelected.length > 0 ? defaultSelected : [] : [defaultSelected]);
   function onSelectChange(value) {
     if (!canUnselectLast && value.length === 0) {
@@ -6471,11 +6471,12 @@ const useWidgetFetch = ({
   }, []);
   return {
     data,
-    loading
+    loading,
+    setData
   };
 };
 
-const getRowConfig = ({
+const getRowConfig$1 = ({
   t,
   data = {},
   goTo,
@@ -7360,7 +7361,7 @@ function Label({
 }
 KeyIndicatorsWidget.displayName = 'KeyIndicatorsWidget';
 
-const defaultFetchConfig$1 = {
+const defaultFetchConfig$6 = {
   basepath: "analytics",
   url: '/widgets/key-informations',
   filters: {
@@ -7368,7 +7369,7 @@ const defaultFetchConfig$1 = {
     metrics: ['connections', 'documents', 'mineSites', 'operators', 'sources']
   }
 };
-function KeyIndicators({
+function KeyIndicators$1({
   selectedSources = {},
   theme = {},
   getRedirectLink = () => {},
@@ -7376,9 +7377,9 @@ function KeyIndicators({
   goTo = () => {}
 }) {
   const fetchConfig = o.useMemo(() => ({
-    ...defaultFetchConfig$1,
+    ...defaultFetchConfig$6,
     filters: {
-      ...defaultFetchConfig$1.filters,
+      ...defaultFetchConfig$6.filters,
       sources: selectedSources?.partners || []
     },
     stop: selectedSources?.loading
@@ -7390,7 +7391,7 @@ function KeyIndicators({
     config: fetchConfig
   });
   const config = o.useMemo(() => {
-    return getRowConfig({
+    return getRowConfig$1({
       t,
       data: {
         ...data
@@ -7408,7 +7409,7 @@ function KeyIndicators({
     className: "small-content"
   });
 }
-KeyIndicators.propTypes = {
+KeyIndicators$1.propTypes = {
   selectedSources: PropTypes__default["default"].object,
   theme: PropTypes__default["default"].object,
   getRedirectLink: PropTypes__default["default"].func,
@@ -10593,14 +10594,14 @@ const Style$3 = dt.div`
 // components/Nodes/NameNode.jsx
 const NAME_CARD_WIDTH = 315;
 const {
-  useToken: useToken$1
+  useToken: useToken$2
 } = antd.theme;
 function NameNode({
   data
 }) {
   const {
     token
-  } = useToken$1();
+  } = useToken$2();
   const translateFN = typeof data?.t === "function" ? data.t : key => key;
   const isPdf = data?.isPdf;
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
@@ -11576,7 +11577,7 @@ const DataChainOfCustody = ({
 };
 var DataChainOfCustody$1 = withProvider(DataChainOfCustody);
 
-const defaultFetchConfig = {
+const defaultFetchConfig$5 = {
   basepath: "analytics",
   url: "/widgets/datachain-of-custody",
   filters: {},
@@ -11590,7 +11591,7 @@ function TradeRelationships({
   hardcodedData = []
 }) {
   const fetchConfig = o.useMemo(() => ({
-    ...defaultFetchConfig,
+    ...defaultFetchConfig$5,
     filters: {}
   }), []);
   const {
@@ -11722,7 +11723,7 @@ const CustomLegend = ({
 };
 
 const {
-  useToken
+  useToken: useToken$1
 } = antd.theme;
 
 /**
@@ -11811,7 +11812,7 @@ function LineChart({
   const chartRef = o__default["default"].useRef(null);
   const {
     token
-  } = useToken();
+  } = useToken$1();
   const {
     legendEnabled,
     legendItems,
@@ -11905,7 +11906,7 @@ function LineChart({
 }
 
 function useIdentification({
-  data = undefined,
+  data,
   theme = {},
   options = {}
 }) {
@@ -12798,7 +12799,7 @@ function SupplyChain({
       breadcrumbs: breadCrumbs
     }),
     children: [/*#__PURE__*/jsxRuntime.jsx("section", {
-      children: /*#__PURE__*/jsxRuntime.jsx(KeyIndicators, {
+      children: /*#__PURE__*/jsxRuntime.jsx(KeyIndicators$1, {
         selectedSources: selectedPartners,
         theme: theme,
         t: t,
@@ -12850,21 +12851,21 @@ const getActionWidgetsConfig = ({
   icon: "MineSite",
   title: t("nashiriki::create-mine-site"),
   onClick: () => goTo(getRedirectLink("/app/scl?create=true"))
-}] : null), {
+}] : []), {
   icon: "FileEdit",
-  title: t("nashiriki::report-activity"),
+  title: "Report Activity",
   onClick: () => goTo(getRedirectLink("/app/corrective-actions?create=true"))
 }, {
   icon: "ReportIncidents",
-  title: t("nashiriki::report-incident"),
+  title: "Report Incident",
   onClick: () => goTo(getRedirectLink("/app/incident?create=true"))
 }, {
   icon: "Search",
-  title: t("nashiriki::find-information"),
+  title: "Find Information",
   onClick: () => goTo(getRedirectLink("/app/find-information"))
 }, {
   icon: "Share",
-  title: t("nashiriki::share-information"),
+  title: "Share Information",
   onClick: () => goTo(getRedirectLink("/app/partners"))
 }];
 
@@ -12909,30 +12910,1472 @@ ActionWidget.propTypes = {
   onClick: PropTypes__default["default"].func
 };
 
-function UserDashboard({
+const getRowConfig = ({
+  t,
+  data = {},
+  goTo,
+  getRedirectLink,
+  theme = {}
+}) => [{
+  label: /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "flex",
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex-1",
+      children: t("Monitored Locations")
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "cursor-pointer",
+      onClick: () => goTo(getRedirectLink("/app/locations")),
+      children: /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
+        name: "LinkNewTab",
+        width: 16,
+        height: 16,
+        color: theme.colorPrimary
+      })
+    })]
+  }),
+  render: () => {
+    return /*#__PURE__*/jsxRuntime.jsx("span", {
+      children: data.locations ?? 0
+    });
+  }
+}, {
+  label: /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "flex",
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex-1",
+      children: t("Identified Stakeholders")
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "cursor-pointer",
+      onClick: () => goTo(getRedirectLink("/app/stakeholders")),
+      children: /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
+        name: "LinkNewTab",
+        width: 16,
+        height: 16,
+        color: theme.colorPrimary
+      })
+    })]
+  }),
+  render: () => /*#__PURE__*/jsxRuntime.jsx("span", {
+    children: data?.stakeholders ?? 0
+  })
+}, {
+  label: /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "flex",
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex-1",
+      children: t("Corrective Actions")
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "cursor-pointer",
+      onClick: () => goTo(getRedirectLink("/app/corrective-actions")),
+      children: /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
+        name: "LinkNewTab",
+        width: 16,
+        height: 16,
+        color: theme.colorPrimary
+      })
+    })]
+  }),
+  render: () => {
+    return /*#__PURE__*/jsxRuntime.jsx("span", {
+      children: (Array.isArray(data?.events) ? data.events : [])?.find(c => c._id === "correctiveActions")?.count ?? 0
+    });
+  }
+}, {
+  label: /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "flex",
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex-1",
+      children: t("Reported Incidents")
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "cursor-pointer",
+      onClick: () => goTo(getRedirectLink("/app/incident")),
+      children: /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
+        name: "LinkNewTab",
+        width: 16,
+        height: 16,
+        color: theme.colorPrimary
+      })
+    })]
+  }),
+  render: () => /*#__PURE__*/jsxRuntime.jsx("span", {
+    children: (Array.isArray(data?.events) ? data.events : [])?.find(c => c._id === "incident")?.count ?? 0
+  })
+}, {
+  label: /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "flex",
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex-1",
+      children: t("Information Sources")
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "cursor-pointer",
+      onClick: () => goTo(getRedirectLink("/app/partners")),
+      children: /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
+        name: "LinkNewTab",
+        width: 16,
+        height: 16,
+        color: theme.colorPrimary
+      })
+    })]
+  }),
+  render: () => /*#__PURE__*/jsxRuntime.jsx("span", {
+    children: data.sources ?? 0
+  })
+}];
+
+const defaultFetchConfig$4 = {
+  basepath: "analytics",
+  url: "/widgets/key-informations",
+  filters: {
+    metrics: ['locations', 'stakeholders', 'events', 'sources']
+  }
+};
+function KeyIndicators({
   t = () => {},
   goTo = () => {},
   getRedirectLink = () => {},
-  APP
+  theme = {},
+  partners = []
 }) {
-  const actionsWidgetsConfig = o.useMemo(() => getActionWidgetsConfig({
+  const fetchConfig = o.useMemo(() => ({
+    ...defaultFetchConfig$4
+  }), []);
+  const {
+    data,
+    loading
+  } = useWidgetFetch({
+    config: fetchConfig
+  });
+  const config = o.useMemo(() => getRowConfig({
+    t,
+    data: {
+      ...data,
+      partners
+    },
     goTo,
     getRedirectLink,
-    APP,
-    t
-  }), [t, getRedirectLink, APP, t]);
-  return /*#__PURE__*/jsxRuntime.jsx(DashboardLayout, {
-    header: /*#__PURE__*/jsxRuntime.jsx(DAFHeader, {
-      title: t('Dashboard Title')
+    theme
+  }), [t, data, goTo, getRedirectLink, partners, theme]);
+  return /*#__PURE__*/jsxRuntime.jsx(KeyIndicatorsWidget, {
+    t: t,
+    config: config,
+    loading: loading,
+    title: t("Key Information"),
+    className: "small-content "
+  });
+}
+
+const getTabs = t => {
+  return [{
+    value: "location",
+    label: t("Locations")
+  }, {
+    value: "stakeholder",
+    label: t("Stakeholders")
+  }, {
+    value: "event",
+    label: t("Events")
+  }];
+};
+const getFiltersConfig = (t, filters, locationCategories) => {
+  const value = filters.type ? {
+    value: filters.type
+  } : {};
+  return [{
+    label: t("Location type"),
+    placeholder: t("Select"),
+    key: "type",
+    type: "select",
+    ...value,
+    options: locationCategories ?? []
+  }];
+};
+
+const mapData$1 = (data, activeTab, category, locationCategories, filters) => {
+  if (activeTab === "stakeholder") {
+    const locations = {};
+    data.filter(d => d.location).forEach(d => {
+      const {
+        location,
+        ...rest
+      } = d;
+      const stakeholder = {
+        ...rest,
+        sources: Array.isArray(rest.sources) ? rest?.sources?.length : rest?.sources,
+        category: findOptions(rest.category, category)
+      };
+      if (locations[location.datastakeId]) {
+        locations[location.datastakeId].stakeholders.push(stakeholder);
+      } else {
+        locations[location.datastakeId] = {
+          gps: location.gps,
+          authorId: location?.authorId,
+          name: location.name,
+          datastakeId: location.datastakeId,
+          stakeholders: [stakeholder]
+        };
+      }
+    });
+    return Object.values(locations);
+  }
+  if (activeTab === "event") {
+    const locations = {};
+    data.filter(d => d?.location).forEach(d => {
+      const {
+        location,
+        ...rest
+      } = d;
+      const event = {
+        ...rest,
+        type: rest?.typeOfEvent === "correctiveActions" ? "correctiveActions" : rest?.severity ? `${rest.severity}_incident` : "minor_incident"
+      };
+      if (locations[location.datastakeId]) {
+        locations[location.datastakeId].data.push(event);
+      } else {
+        locations[location.datastakeId] = {
+          gps: {
+            ...location.gps,
+            latitude: location.gps?.latitude ?? 0,
+            longitude: location.gps?.longitude ?? 0
+          },
+          authorId: location?.authorId,
+          name: location?.name,
+          datastakeId: location?.datastakeId,
+          data: [event],
+          type: findOptions(location?.category, locationCategories ?? []),
+          category: location?.category
+        };
+      }
+    });
+    return Object.values(locations)?.map(d => {
+      const sources = [];
+      d.data.forEach(d => {
+        if (Array.isArray(d.sources)) {
+          d.sources.forEach(s => {
+            if (!sources.includes(s)) {
+              sources.push(s);
+            }
+          });
+        }
+      });
+      return {
+        ...d,
+        total: d.data.length || 0,
+        sources: sources.length
+      };
+    });
+  }
+  return data?.filter(d => {
+    if (filters.type && filters.type !== "mineSite") {
+      return false;
+    }
+    return !!d?.locationDetails?.gps;
+  })?.map(d => ({
+    ...d?.locationDetails,
+    name: d.name,
+    datastakeId: d.datastakeId,
+    sources: d.sources || 1,
+    cadastre: d?.cadastreSituation || "--",
+    products: d?.products || "--",
+    category: d?.category,
+    authorId: d?.authorId
+  }));
+};
+const onClickLink = (data, getRedirectLink, activeTab, goTo, user) => {
+  const sourceId = data?.authorId;
+  const getLink = link => getRedirectLink(sourceId ? `${link}?sourceId=${sourceId}` : link);
+  if (activeTab === "stakeholder") {
+    switch (data.stakeholderType) {
+      case "operator":
+        return goTo(getLink(`/app/summary/operators/${data?.datastakeId}`));
+      case "worker":
+        return goTo(getLink(`/app/view/workers/${data?.datastakeId}`));
+      default:
+        return goTo(getLink(`/app/view/stakeholders/${data?.datastakeId}`));
+    }
+  }
+  if (activeTab === "event") {
+    switch (data.category) {
+      case "mineSite":
+        return goTo(getLink(`/app/summary/scl/${data?.datastakeId}`));
+      default:
+        return goTo(getLink(`/app/view/locations/${data?.datastakeId}`));
+    }
+  }
+  switch (data.category) {
+    case "mineSite":
+      {
+        const isOwnData = user?.company?.id === data?.authorId;
+        return goTo(`/app/summary/scl/${data?.datastakeId}${!isOwnData ? `?sourceId=${data?.authorId}` : ""}`);
+      }
+    case "area":
+      return goTo(getLink(`/app/view/conflict-areas/${data?.datastakeId}`));
+    default:
+      goTo(getLink(`/app/view/locations/${data?.datastakeId}`));
+  }
+};
+
+const defaultFetchConfig$3 = {
+  basepath: "forms",
+  url: "/location"
+};
+function MineSites({
+  t = () => {},
+  goTo = () => {},
+  getRedirectLink = () => {},
+  theme = {},
+  selectedPartners = {},
+  setSelectedPartners,
+  partners = [],
+  user = {},
+  options = {},
+  APP
+}) {
+  const {
+    locationCategories = [],
+    category
+  } = o.useMemo(() => options ?? {}, [options]);
+  const [formData, setFormData] = o.useState();
+  const [filters, setFilters] = o.useState({});
+  const [activeTab, setActiveTab] = o.useState("location");
+  const _formFetchConfig = o.useMemo(() => ({
+    ...defaultFetchConfig$3,
+    params: {
+      scope: "create",
+      language: user?.language || "en"
+    }
+  }), [user]);
+  const {
+    data: _formData,
+    loading: formLoading
+  } = useWidgetFetch({
+    config: _formFetchConfig
+  });
+  o.useEffect(() => {
+    if (data) {
+      setFormData(_formData?.identification);
+    }
+  }, [_formData, _formData?.identification]);
+  o.useEffect(() => {
+    setFilters({});
+  }, [activeTab]);
+  const dataFetchConfig = o.useMemo(() => ({
+    basepath: "analytics",
+    url: "/widgets/gps-monitoring",
+    filters: {
+      activeTab,
+      sources: selectedPartners?.partners || [],
+      ...(activeTab === 'event' ? {
+        eventTypes: ['incident', 'correctiveActions']
+      } : {})
+    },
+    defaultData: [],
+    stop: selectedPartners?.loading
+  }), [activeTab, selectedPartners]);
+  const {
+    data,
+    loading,
+    setData
+  } = useWidgetFetch({
+    config: dataFetchConfig
+  });
+  const tabs = o.useMemo(() => getTabs(t), [t]);
+  const filtersConfig = o.useMemo(() => getFiltersConfig(t, filters, locationCategories), [activeTab, filters, t, locationCategories]);
+  const onFilterChange = filters => {
+    setFilters(p => ({
+      ...p,
+      ...filters
+    }));
+  };
+  const _mapData = o.useMemo(() => mapData$1(data, activeTab, category, locationCategories, filters), [data, activeTab, category, locationCategories, filters]);
+  const renderTooltip = data => {
+    const country = data.admLevel1?.country;
+    const adminLevel1Label = formData?.administrativeLevel1?.label[`country is ${country}`] ?? t("Province");
+    const adminLevel2Label = formData?.administrativeLevel2?.label[`country is ${country}`] ?? t("Territory");
+    if (activeTab === "stakeholder") {
+      return [{
+        label: t("Category"),
+        value: findOptions(data?.category, locationCategories ?? []) || "--"
+      }];
+    }
+    if (activeTab === "event") {
+      const correctiveActionsCount = data?.data?.filter(d => d.type === "correctiveActions").length;
+      return [{
+        label: t("Major Incidents"),
+        color: "#F04438",
+        value: data?.totals?.major || "--"
+      }, {
+        label: t("Moderate Incidents"),
+        color: "#FF7A45",
+        value: data?.totals?.moderate || "--"
+      }, {
+        label: t("Minor Incidents"),
+        color: "#FFC069",
+        value: data?.totals?.minor || "--"
+      }, {
+        label: t("Corrective Actions"),
+        color: "#12b76a",
+        value: correctiveActionsCount === 0 ? "--" : correctiveActionsCount
+      }];
+    }
+    return [{
+      label: t("Location Type"),
+      value: findOptions(data?.category, locationCategories ?? []) ?? t("Mine Site")
+    }, {
+      label: t(`${adminLevel1Label}`),
+      value: data?.admLevel1?.name || "--"
+    }, {
+      label: t(`${adminLevel2Label}`),
+      value: data?.admLevel2?.name || "--"
+    }];
+  };
+  const sourceOptions = o.useMemo(() => {
+    return partners.map(partner => {
+      const isOwnData = partner.id === user?.company?.id;
+      return {
+        label: partner.nickName,
+        value: partner.id,
+        avatar: isOwnData ? /*#__PURE__*/jsxRuntime.jsx("span", {
+          children: "OWN"
+        }) : /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
+          name: "Search02",
+          size: 14
+        }),
+        background: isOwnData ? theme.colorPrimary7 : undefined,
+        color: isOwnData ? "white" : undefined
+      };
+    });
+  }, [partners, user]);
+  return /*#__PURE__*/jsxRuntime.jsx(Widget, {
+    loading: loading,
+    title: t("Monitoring Map"),
+    className: "v2-widget no-px no-pb-body h-w-btn-header",
+    tabsConfig: {
+      tabs,
+      value: activeTab,
+      onChange: tab => {
+        setData([]);
+        setActiveTab(tab);
+      }
+    },
+    addedHeader: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "flex-1"
+      }), /*#__PURE__*/jsxRuntime.jsx(Multiselect, {
+        options: [...sourceOptions],
+        isAvatarGroup: true,
+        selectionType: "checkbox",
+        canUnselectLast: false,
+        onChange: selected => {
+          setSelectedPartners(prev => ({
+            ...prev,
+            partners: selected,
+            loading: false
+          }));
+        },
+        dropDownWidth: 200,
+        defaultSelected: partners.map(p => p.id) || []
+      }, `partners-${partners?.length}`)]
     }),
-    children: /*#__PURE__*/jsxRuntime.jsx("section", {
-      children: actionsWidgetsConfig.map(conf => /*#__PURE__*/jsxRuntime.jsx(ActionWidget, {
-        icon: conf.icon,
+    children: /*#__PURE__*/jsxRuntime.jsx(Map$1, {
+      t: t,
+      app: APP,
+      showSider: false,
+      user: user,
+      data: _mapData,
+      mapConfig: {
+        maxZoom: 10
+      },
+      primaryLink: true,
+      type: activeTab,
+      onFilterChange: onFilterChange,
+      filtersConfig: filtersConfig,
+      renderTooltip: renderTooltip,
+      onClickLink: data => {
+        onClickLink(data, getRedirectLink, activeTab, goTo, user);
+      },
+      link: true
+    })
+  });
+}
+
+function Segment({
+  options = [],
+  defaultSelected,
+  sameWidth = false,
+  optionClassName = "",
+  optionStyle = {},
+  style = {},
+  className = "",
+  onChange = () => {}
+}) {
+  const [selectedValue, setSelectedValue] = o.useState(defaultSelected || (options.length > 0 ? options[0].value : ""));
+  const optionRefs = o.useRef([]);
+  const [maxWidth, setMaxWidth] = o.useState(0);
+  o.useEffect(() => {
+    if (sameWidth && optionRefs.current.length > 0) {
+      const widths = optionRefs.current.map(ref => ref?.offsetWidth || 0);
+      setMaxWidth(Math.max(...widths));
+    }
+  }, [options, sameWidth]);
+  return /*#__PURE__*/jsxRuntime.jsx(SegmentBody, {
+    className: `${className ? className : ""}`,
+    style: {
+      ...(style ? style : {})
+    },
+    children: options.map((option, index) => {
+      let tooltipTitle = option.label;
+      if (typeof option.tooltip === "string") {
+        tooltipTitle = option.tooltip;
+      } else if (typeof option.tooltip === "boolean" && !option.tooltip) {
+        tooltipTitle = null;
+      }
+      return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+        title: tooltipTitle,
+        children: /*#__PURE__*/jsxRuntime.jsx(SegmentOption, {
+          ref: el => optionRefs.current[index] = el,
+          onClick: () => {
+            if (option.disabled) return;
+            setSelectedValue(option.value);
+            onChange(option.value);
+          },
+          className: `${selectedValue === option.value ? "selected" : ""} 
+						${option.disabled ? "disabled" : ""}
+						${optionClassName ? optionClassName : ""}
+						${option.className ? option.className : ""}
+					`,
+          style: {
+            ...(sameWidth && maxWidth ? {
+              width: `${maxWidth}px`
+            } : {}),
+            ...(optionStyle ? optionStyle : {}),
+            ...(option.style || {})
+          },
+          children: option.label
+        }, index)
+      }, index);
+    })
+  });
+}
+const SegmentBody = dt.div`
+	background: var(--base-gray-30);
+	display: flex;
+	border-radius: 8px;
+	padding: 2px;
+`;
+const SegmentOption = dt.div`
+	border-radius: 8px;
+	padding: 8px 16px;
+	cursor: pointer;
+	text-align: center;
+	white-space: nowrap;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+
+	&.selected {
+		background: var(--color-primary-70);
+		color: white;
+	}
+
+	&.disabled {
+		cursor: not-allowed;
+		background: var(--base-gray-20);
+		color: var(--base-gray-50);
+	}
+`;
+Segment.propTypes = {
+  options: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
+    label: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].node]).isRequired,
+    value: PropTypes__default["default"].string.isRequired,
+    className: PropTypes__default["default"].string,
+    style: PropTypes__default["default"].object
+  })).isRequired,
+  defaultSelected: PropTypes__default["default"].string,
+  sameWidth: PropTypes__default["default"].bool,
+  optionClassName: PropTypes__default["default"].string,
+  optionStyle: PropTypes__default["default"].object,
+  style: PropTypes__default["default"].object,
+  className: PropTypes__default["default"].string
+};
+
+function CustomSegment({
+  options = [],
+  selected,
+  onChange
+}) {
+  return /*#__PURE__*/jsxRuntime.jsx(Segment, {
+    optionStyle: {
+      padding: "6px 12px"
+    },
+    style: {
+      backgroundColor: "#F3F4F6"
+    },
+    options: options.map(option => ({
+      label: /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
+        name: option.label,
+        width: 18,
+        height: 18
+      }),
+      value: option.value,
+      disabled: option.disabled,
+      tooltip: option.tooltip
+    })),
+    defaultSelected: selected,
+    onChange: onChange
+  });
+}
+
+const useKnowledgeAccumulation = ({
+  data: mainData = {},
+  timeFilter,
+  isConsolidation,
+  t = () => {},
+  theme = {},
+  currentLanguage = "en"
+}) => {
+  const [data, setData] = o.useState([]);
+  const config = isConsolidation => [{
+    key: "mineSites",
+    label: isConsolidation ? t("Locations Data") : t("Locations"),
+    color: theme.colorPrimary10
+  }, {
+    key: "stakeholder",
+    label: isConsolidation ? t("Stakeholders Data") : t("Stakeholders"),
+    color: theme.colorPrimary
+  }, {
+    key: "event",
+    label: isConsolidation ? t("Events Data") : t("Events"),
+    color: theme.colorPrimary4
+  }];
+  const fill = config(isConsolidation).map(c => c.color);
+  const fetchData = () => {
+    const timeQuantity = timeFilter === "monthly" ? "months" : timeFilter === "daily" ? "days" : "weeks";
+    const getFormatDate = (date, breakLine) => {
+      switch (timeFilter) {
+        case "daily":
+          return date.format("DD/MM");
+        case "weekly":
+          return `W${Number(date.week())}`;
+        default:
+          return breakLine ? `${capitalize(date.format("MMM"))}\n${date.format("YY")}` : capitalize(date.format("MMM YY"));
+      }
+    };
+    const _data = [];
+    let end = dayjs__default["default"]().locale(currentLanguage);
+    let start = dayjs__default["default"]().locale(currentLanguage).add(-12, timeQuantity);
+    let cumulativeScores = {};
+    Object.entries(mainData).filter(([k]) => dayjs__default["default"](k).isBefore(start, timeFilter === "daily" ? "day" : timeFilter === "weekly" ? "week" : "month")).flatMap(([, v]) => v).forEach(s => {
+      if (!cumulativeScores[s.category]) cumulativeScores[s.category] = 0;
+      cumulativeScores[s.category] += s.count;
+    });
+    while (start.isBefore(end) || start.isSame(end)) {
+      const scores = Object.entries(mainData).filter(([k]) => {
+        switch (timeFilter) {
+          case "daily":
+            return k === start.format("YYYY-MM-DD");
+          case "weekly":
+            return dayjs__default["default"](k, "YYYY-MM-DD").week() === start.week();
+          default:
+            return dayjs__default["default"](k, "YYYY-MM").isSame(start, "month");
+        }
+      }).flatMap(([, v]) => v);
+      config(isConsolidation).forEach(c => {
+        const currentScore = scores.filter(s => s.category === c.key).reduce((sum, score) => sum + score.count, 0);
+        cumulativeScores[c.key] = (cumulativeScores[c.key] || 0) + currentScore;
+        _data.push({
+          date: getFormatDate(start, true),
+          Score: cumulativeScores[c.key] || 0,
+          serie: c.key
+        });
+      });
+      start = start.add(1, timeQuantity);
+    }
+    setData(_data);
+  };
+  o.useEffect(() => {
+    fetchData();
+  }, [mainData, timeFilter]);
+  const chartConfig = o.useMemo(() => {
+    return {
+      data: data,
+      xFieldKey: "date",
+      yFieldKey: "Score",
+      seriesField: "serie",
+      color: fill,
+      renderTooltipContent: (title, _data) => {
+        if (Array.isArray(_data) && _data[0]) {
+          const title = _data[0].title;
+          const values = data.filter(d => d.date === title);
+          return {
+            title: t("Accumulation"),
+            subTitle: title.replace("\n", " "),
+            items: [...config(isConsolidation).map(conf => ({
+              label: conf.label,
+              color: conf.color,
+              value: Number(values.find(v => v.serie === conf.key)?.Score || 0)
+            }))]
+          };
+        }
+        return "";
+      }
+    };
+  }, [data]);
+  return chartConfig;
+};
+
+const defaultFetchConfig$2 = {
+  basepath: "analytics",
+  url: "/widgets/knowledge-accumulation",
+  filters: {},
+  defaultData: []
+};
+function AccumulationGraph({
+  section = "data-compilation",
+  tabSelected = "dataFlow",
+  t = () => {},
+  user = {},
+  theme = {}
+}) {
+  const [timeFilter, setTimeFilter] = o.useState("monthly");
+  const fetchConfig = o.useMemo(() => ({
+    ...defaultFetchConfig$2,
+    filters: {
+      section: section,
+      tabSelected: tabSelected
+    },
+    stop: false
+  }), [section, tabSelected]);
+  const {
+    data,
+    loading
+  } = useWidgetFetch({
+    config: fetchConfig
+  });
+  const selectOptions = o.useMemo(() => [{
+    label: t("Daily"),
+    value: "daily"
+  }, {
+    label: t("Weekly"),
+    value: "weekly"
+  }, {
+    label: t("Monthly"),
+    value: "monthly"
+  }], [t]);
+  const chartConfig = useKnowledgeAccumulation({
+    data,
+    timeFilter,
+    isConsolidation: tabSelected === "dataPoints",
+    t,
+    theme,
+    currentLanguage: user?.language || "en"
+  });
+  return /*#__PURE__*/jsxRuntime.jsx(Widget, {
+    title: t("Accumulation"),
+    loading: loading,
+    className: "with-border-header no-px-body",
+    addedHeader: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "flex-1"
+      }), /*#__PURE__*/jsxRuntime.jsx(antd.Select, {
+        value: timeFilter,
+        style: {
+          width: 100
+        },
+        onChange: setTimeFilter,
+        options: selectOptions
+      })]
+    }),
+    children: /*#__PURE__*/jsxRuntime.jsx(LineChart, {
+      ...chartConfig,
+      height: "400px",
+      t: t
+    })
+  });
+}
+
+const {
+  useToken
+} = antd.theme;
+
+/**
+ * BarChart Component
+ *
+ * A reusable bar chart component built with AntV G2Plot's `Bar` chart and styled using Ant Design tokens.
+ * Designed for flexible usage in dashboards and analytics views with support for grouped, stacked,
+ * and percentage-based data displays.
+ *
+ * Props:
+ * - `data` (Array):
+ *   The dataset to render in the chart. Each object should contain fields that map to the x and y axes.
+ *   Default: `[]`.
+ *
+ * - `xFieldKey` (string):
+ *   The key in the data objects that will be mapped to the x-axis.
+ *   Default: `"value"`.
+ *
+ * - `yFieldKey` (string):
+ *   The key in the data objects that will be mapped to the y-axis.
+ *   Default: `"label"`.
+ *
+ * - `renderTooltipContent` (function):
+ *   Optional custom function to render tooltip content. If provided, it overrides the default tooltip display.
+ *   Signature: `(title: string, data: any[]) => renderTooltip Config`.
+ *
+ * - `tooltipConfig` (object):
+ *   Configuration object for customizing G2Plot tooltip behavior. Spread into the `tooltip` config.
+ *   Default: `{}`.
+ *
+ * - `animated` (boolean):
+ *   If `true`, enables entrance animations when rendering the chart.
+ *   Default: `false`.
+ *
+ * - `isStack` (boolean):
+ *   If `true`, displays the bars in a stacked layout.
+ *   Default: `false`.
+ *
+ * - `isGroup` (boolean):
+ *   If `true`, displays grouped bars when `seriesField` is set.
+ *   Default: `false`.
+ *
+ * - `isPercentage` (boolean):
+ *   If `true`, configures the x-axis for percentage values (0–100) and appends a "%" suffix to labels.
+ *   Default: `false`.
+ *
+ * - `seriesField` (string):
+ *   Key in the data used to group or stack bars (e.g., category or type).
+ *   Required when using `isGroup` or `isStack`.
+ *
+ * - `formattedYAxis` (function):
+ *   A formatter function for the y-axis labels.
+ *   Signature: `(value: any) => string`.
+ *   Default: identity function `(s) => s`.
+ *
+ * - `formattedXAxis` (function):
+ *   A formatter function for the x-axis labels.
+ *   Signature: `(value: any) => string`.
+ *   Default: identity function `(s) => s`.
+ *
+ * - `color` (string | string[] | function):
+ *   Sets the color(s) of the bars. If not provided, uses Ant Design's `token.colorPrimary7`.
+ *
+ */
+
+function BarChart({
+  data = [],
+  xFieldKey = "value",
+  yFieldKey = "label",
+  renderTooltipContent,
+  tooltipConfig = {},
+  animated = false,
+  isStack = false,
+  isGroup = false,
+  isPercentage = false,
+  seriesField,
+  formattedYAxis = s => s,
+  formattedXAxis = s => s,
+  color,
+  height,
+  t = s => s,
+  isPdf = false,
+  legendConfig = {},
+  width,
+  ...rest
+}) {
+  const containerRef = o__default["default"].useRef(null);
+  const chartRef = o__default["default"].useRef(null);
+  const {
+    token
+  } = useToken();
+  const {
+    legendEnabled,
+    legendItems,
+    legendPosition,
+    legendLayout,
+    legendInteractive,
+    legendStyle
+  } = useLegendConfig({
+    legendConfig,
+    isPdf
+  });
+  o__default["default"].useEffect(() => {
+    if (!containerRef.current) {
+      return;
+    }
+    const config = {
+      data,
+      xField: xFieldKey,
+      yField: yFieldKey,
+      xAxis: {
+        ...(isPercentage ? {
+          tickMethod: () => {
+            return Array.from(new Array(11), (v, i) => i * 10);
+          }
+        } : {}),
+        label: {
+          formatter: isPercentage ? v => `${v}`.replace(/\d{1,3}(?=(\d{3})+$)/g, s => `${s},`) + " %" : formattedXAxis
+        }
+      },
+      yAxis: {
+        label: {
+          formatter: formattedYAxis
+        }
+      },
+      barWidthRatio: data.length > 1 ? 0.5 : 0.3,
+      tooltip: renderTooltipContent ? {
+        customContent: (title, data) => renderTooltip(renderTooltipContent(title, data)),
+        ...tooltipConfig
+      } : tooltipConfig,
+      isGroup,
+      isStack,
+      color: color || token.colorPrimary7,
+      seriesField,
+      legend: false,
+      animation: animated
+    };
+    if (!chartRef.current) {
+      chartRef.current = new g2plot.Bar(containerRef.current, config);
+      chartRef.current.render();
+    } else {
+      chartRef.current.update(config);
+    }
+  }, [data, xFieldKey, yFieldKey, renderTooltipContent, tooltipConfig, animated, isStack, isGroup, isPercentage, seriesField, formattedYAxis, formattedXAxis, color, token.colorPrimary7]);
+  o__default["default"].useEffect(() => {
+    return () => {
+      if (chartRef.current) {
+        chartRef.current.destroy();
+        chartRef.current = null;
+      }
+    };
+  }, []);
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "flex flex-1 flex-column justify-content-center",
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex justify-content-center",
+      children: /*#__PURE__*/jsxRuntime.jsx(Container, {
+        ref: containerRef,
+        height: height,
+        isPdf: isPdf,
+        width: width
+      })
+    }), legendEnabled && legendPosition === 'bottom' && /*#__PURE__*/jsxRuntime.jsx(CustomLegend, {
+      items: legendItems,
+      layout: legendLayout,
+      interactive: legendInteractive,
+      style: legendStyle
+    })]
+  });
+}
+
+const mapData = ({
+  t,
+  data = [],
+  tabSelected
+}) => {
+  if (!data.length) {
+    return [{
+      category: "",
+      type: t("Stakeholders"),
+      value: 0.5
+    }, {
+      category: "",
+      type: t("Locations"),
+      value: 0.5
+    }, {
+      category: "",
+      type: t("Events"),
+      value: 0.5
+    }, {
+      category: " ",
+      type: "Stakeholders",
+      value: 0.5
+    }, {
+      category: " ",
+      type: "Locations",
+      value: 0.5
+    }, {
+      category: " ",
+      type: t("Events"),
+      value: 0.5
+    }, {
+      category: "  ",
+      type: t("Stakeholders"),
+      value: 0.5
+    }, {
+      category: "  ",
+      type: t("Locations"),
+      value: 0.5
+    }, {
+      category: "  ",
+      type: t("Events"),
+      value: 0.5
+    }, {
+      category: "   ",
+      type: t("Stakeholders"),
+      value: 0.5
+    }, {
+      category: "   ",
+      type: t("Locations"),
+      value: 0.5
+    }, {
+      category: "   ",
+      type: t("Events"),
+      value: 0.5
+    }];
+  }
+  const metricTypes = {
+    stakeholders: tabSelected === "dataPoints" ? t("Stakeholders Data") : t("Stakeholders"),
+    locations: tabSelected === "dataPoints" ? t("Locations Data") : t("Locations"),
+    events: tabSelected === "dataPoints" ? t("Events Data") : t("Events")
+  };
+  const flattened = [];
+  data.forEach(item => {
+    Object.entries(metricTypes).forEach(([key, type]) => {
+      flattened.push({
+        category: (item.name || "").trim(),
+        type,
+        value: item[key] || 0
+      });
+    });
+  });
+  const categoryTotals = data.reduce((acc, item) => {
+    const catName = (item.name || "").trim();
+    const total = (item.stakeholders || 0) + (item.locations || 0) + (item.events || 0);
+    acc[catName] = total;
+    return acc;
+  }, {});
+  flattened.sort((a, b) => categoryTotals[b.category] - categoryTotals[a.category]);
+  const uniqueCategories = [...new Set(flattened.map(d => d.category))];
+  const topCategories = uniqueCategories.slice(0, 3);
+  const othersTotals = Object.keys(metricTypes).reduce((acc, key) => {
+    acc[key] = 0;
+    return acc;
+  }, {});
+  const result = [];
+  flattened.forEach(entry => {
+    if (topCategories.includes(entry.category)) {
+      result.push(entry);
+    } else {
+      const foundKey = Object.entries(metricTypes).find(([, v]) => v === entry.type)?.[0];
+      if (foundKey) {
+        othersTotals[foundKey] += entry.value;
+      }
+    }
+  });
+  if (data.length > 3) {
+    Object.entries(metricTypes).forEach(([key, type]) => {
+      result.push({
+        category: t("Others"),
+        type,
+        value: othersTotals[key]
+      });
+    });
+  }
+  return result;
+};
+
+const useContributionsGraph = ({
+  data,
+  tabSelected,
+  t = () => {},
+  theme = {}
+}) => {
+  const _data = o.useMemo(() => {
+    return mapData({
+      t,
+      data,
+      tabSelected
+    });
+  }, [data, t]);
+  const chartConfig = o.useMemo(() => {
+    return {
+      data: _data,
+      xField: "value",
+      yField: "category",
+      seriesField: "type",
+      isGroup: true,
+      renderTooltipContent: (title, items) => {
+        const isEmpty = !data.length;
+        const tooltipItems = items.map(item => ({
+          label: item.name,
+          color: item.color,
+          value: !isEmpty ? item.value : 0
+        }));
+        return {
+          title: isEmpty ? t("Contributions") : title?.replace("\n", " "),
+          items: tooltipItems,
+          fitContent: true
+        };
+      },
+      color: [theme.colorPrimary7, theme.colorPrimary4, theme.colorPrimary9]
+    };
+  }, [_data, t, theme]);
+  return chartConfig;
+};
+
+const defaultFetchConfig$1 = {
+  basepath: "analytics",
+  url: "/widgets/contributions",
+  filters: {},
+  defaultData: []
+};
+function ContributionsGraph({
+  tabSelected = "dataFlow",
+  section = "data-compilation",
+  t = () => {},
+  user = {},
+  theme = {}
+}) {
+  const fetchConfig = o.useMemo(() => ({
+    ...defaultFetchConfig$1,
+    filters: {
+      section: section,
+      tabSelected: tabSelected
+    },
+    stop: false
+  }), [section, tabSelected]);
+  const {
+    data,
+    loading
+  } = useWidgetFetch({
+    config: fetchConfig
+  });
+  const chartConfig = useContributionsGraph({
+    data: data,
+    tabSelected: tabSelected,
+    t: t,
+    theme: theme
+  });
+  return /*#__PURE__*/jsxRuntime.jsx(Widget, {
+    loading: loading,
+    title: t("Contributions"),
+    className: "with-border-header h-w-btn-header no-px-body",
+    children: /*#__PURE__*/jsxRuntime.jsx(BarChart, {
+      ...chartConfig,
+      height: "400px",
+      t: t
+    })
+  });
+}
+
+const getConfig = (theme = {}) => {
+  return [{
+    key: "singleSource",
+    label: {
+      "data-compilation": "Private",
+      "data-consolidation": "Single Source"
+    },
+    color: theme.colorPrimary7
+  }, {
+    key: "multipleSource",
+    label: {
+      "data-compilation": "Submitted",
+      "data-consolidation": "Multiple Sources"
+    },
+    color: theme.colorPrimary4
+  }];
+};
+
+const useTriangulation = ({
+  widgetData,
+  t = () => {},
+  section,
+  theme = {}
+}) => {
+  const config = o.useMemo(() => getConfig(theme), [theme]);
+  const data = o.useMemo(() => {
+    const data = {
+      singleSource: 0,
+      multipleSource: 0,
+      total: 0
+    };
+    Object.values(widgetData).forEach(val => {
+      data.total += val?.total || 0;
+      data.singleSource += val?.singleSource || 0;
+      data.multipleSource += val?.multiSource || 0;
+    });
+    return {
+      singleSource: data.total > 0 ? Math.round(data.singleSource / data.total * 100) : 0,
+      multipleSource: data.total > 0 ? Math.round(data.multipleSource / data.total * 100) : 0
+    };
+  }, [widgetData]);
+  const pieData = o.useMemo(() => {
+    // console.log("data", data);
+    const total = Object.values(data).reduce((all, val) => all + (val || 0), 0);
+    return config.map(conf => ({
+      percent: (data[conf.key] || 0) / total,
+      color: conf.color,
+      key: conf.key
+    }));
+  }, [data]);
+  const isEmpty = o.useMemo(() => Object.keys(data).filter(k => !!data[k]).length === 0, [data]);
+  const getTooltipChildren = o.useCallback(item => {
+    if (isEmpty) {
+      return renderTooltipJsx({
+        title: t("Triangulation"),
+        items: config.map(conf => ({
+          label: t(conf.label[section]),
+          color: conf.color,
+          value: "0%"
+        }))
+      });
+    }
+    const _config = config.find(c => c.key === item.key);
+    if (_config) {
+      return renderTooltipJsx({
+        title: t(section === "data-compilation" ? "nashiriki::Information Sharing" : "Triangulation"),
+        items: [{
+          // color: _config.color,
+          label: t(_config.label[section]),
+          value: `${data[_config.key] || 0}%`
+        }]
+      });
+    }
+    return null;
+  }, [t, data, section, isEmpty]);
+  return {
+    pieData,
+    isEmpty,
+    getTooltipChildren,
+    data,
+    config
+  };
+};
+
+const defaultFetchConfig = {
+  basepath: "analytics",
+  url: "/widgets/triangulation",
+  defaultData: [],
+  filters: {}
+};
+function Triangulation({
+  section = "data-compilation",
+  tabSelected = "dataFlow",
+  t = () => {},
+  user = {},
+  theme = {}
+}) {
+  const fetchConfig = o.useMemo(() => ({
+    ...defaultFetchConfig,
+    filters: {
+      section: section,
+      tabSelected: tabSelected
+    },
+    stop: false
+  }), [tabSelected]);
+  const {
+    data: widgetData,
+    loading
+  } = useWidgetFetch({
+    config: fetchConfig
+  });
+  const {
+    pieData,
+    isEmpty,
+    getTooltipChildren
+  } = useTriangulation({
+    widgetData,
+    theme,
+    t,
+    section
+  });
+  return /*#__PURE__*/jsxRuntime.jsx(Widget, {
+    loading: loading,
+    title: t(section === "data-compilation" ? "Information Sharing" : "Triangulation"),
+    className: "with-border-header flex-1 h-w-btn-header",
+    children: /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex flex-1 flex-column justify-content-center pl-4 pr-4",
+      children: /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "flex justify-content-center",
+        children: /*#__PURE__*/jsxRuntime.jsx(Chart, {
+          mouseXOffset: 10,
+          mouseYOffset: 10,
+          changeOpacityOnHover: false,
+          data: pieData,
+          doConstraints: false,
+          isPie: true,
+          t: t,
+          isEmpty: isEmpty,
+          getTooltipChildren: getTooltipChildren
+        })
+      })
+    })
+  });
+}
+
+function DataCompilation({
+  t = () => {},
+  user = {},
+  theme = {}
+}) {
+  const [dataCompilationSelected, setDataCompilationSelected] = o.useState("dataFlow");
+  return /*#__PURE__*/jsxRuntime.jsx(Widget, {
+    title: t("Data Compilation"),
+    className: "with-border-header",
+    expandable: true,
+    defaultExpanded: true,
+    addedHeaderFirst: true,
+    addedHeader: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "flex-1"
+      }), /*#__PURE__*/jsxRuntime.jsx(CustomSegment, {
+        selected: dataCompilationSelected,
+        onChange: setDataCompilationSelected,
+        options: [{
+          label: "DataFlow02",
+          value: "dataFlow",
+          tooltip: t("Information Subjects")
+        }, {
+          label: "DataPoints",
+          value: "dataPoints",
+          tooltip: t("Data Points")
+        }]
+      })]
+    }),
+    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex flex-row flex-col-mobile gap-6",
+      children: [/*#__PURE__*/jsxRuntime.jsx(AccumulationGraph, {
+        tabSelected: dataCompilationSelected,
+        t: t,
+        user: user,
+        theme: theme
+      }), /*#__PURE__*/jsxRuntime.jsx(ContributionsGraph, {
+        tabSelected: dataCompilationSelected,
+        t: t,
+        user: user,
+        theme: theme
+      }), /*#__PURE__*/jsxRuntime.jsx(Triangulation, {
+        tabSelected: dataCompilationSelected,
+        isDataflow: dataCompilationSelected === "dataFlow",
+        t: t,
+        user: user,
+        theme: theme
+      })]
+    })
+  });
+}
+
+function DataConsilidation({
+  t = () => {},
+  user = {},
+  theme = {}
+}) {
+  const [dataConsolidationSelected, setDataConsolidationSelected] = o.useState("dataFlow");
+  return /*#__PURE__*/jsxRuntime.jsx(Widget, {
+    title: t("Data Consolidation"),
+    className: "with-border-header",
+    expandable: true,
+    defaultExpanded: true,
+    addedHeaderFirst: true,
+    addedHeader: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "flex-1"
+      }), /*#__PURE__*/jsxRuntime.jsx(CustomSegment, {
+        selected: dataConsolidationSelected,
+        onChange: val => setDataConsolidationSelected(val),
+        options: [{
+          label: "DataFlow02",
+          value: "dataFlow",
+          tooltip: t("Information Subjects")
+        }, {
+          label: "DataPoints",
+          value: "dataPoints",
+          tooltip: t("Data Points")
+        }]
+      })]
+    }),
+    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex flex-row flex-col-mobile gap-6",
+      children: [/*#__PURE__*/jsxRuntime.jsx(AccumulationGraph, {
+        tabSelected: dataConsolidationSelected,
+        section: "data-consolidation",
+        t: t,
+        user: user,
+        theme: theme
+      }), /*#__PURE__*/jsxRuntime.jsx(ContributionsGraph, {
+        tabSelected: dataConsolidationSelected,
+        section: "data-consolidation",
+        t: t,
+        user: user,
+        theme: theme
+      }), /*#__PURE__*/jsxRuntime.jsx(Triangulation, {
+        tabSelected: dataConsolidationSelected,
+        section: "data-consolidation",
+        isDataflow: dataConsolidationSelected === "dataFlow",
+        t: t,
+        user: user,
+        theme: theme
+      })]
+    })
+  });
+}
+
+function UserDashboard({
+  t = () => {},
+  goTo = () => {},
+  getRedirectLink = () => {},
+  APP,
+  theme = {},
+  partners,
+  selectedPartners,
+  setSelectedPartners,
+  informationSources,
+  user = {},
+  options = {}
+}) {
+  const actionsWidgetsConfig = o.useMemo(() => getActionWidgetsConfig({
+    goTo,
+    getRedirectLink,
+    APP,
+    t
+  }), [t, getRedirectLink, APP, t]);
+  const informationSourcesCount = o.useMemo(() => {
+    return informationSources > 0 ? informationSources : selectedPartners?.partners?.length > 0 ? selectedPartners?.partners?.length : 0;
+  }, [informationSources, selectedPartners]);
+  return /*#__PURE__*/jsxRuntime.jsxs(DashboardLayout, {
+    header: /*#__PURE__*/jsxRuntime.jsx(DAFHeader, {
+      title: t('Dashboard Title')
+    }),
+    children: [/*#__PURE__*/jsxRuntime.jsx("section", {
+      children: actionsWidgetsConfig.map(conf => /*#__PURE__*/jsxRuntime.jsx(ActionWidget, {
+        icon: conf.icon,
         title: t(conf.title),
         onClick: conf.onClick,
         disabled: conf.disabled
       }, conf.title))
-    })
+    }), /*#__PURE__*/jsxRuntime.jsx("section", {
+      children: /*#__PURE__*/jsxRuntime.jsx(KeyIndicators, {
+        theme: theme,
+        partners: informationSourcesCount,
+        t: t,
+        goTo: goTo,
+        getRedirectLink: getRedirectLink
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx("section", {
+      children: /*#__PURE__*/jsxRuntime.jsx(MineSites, {
+        t: t,
+        goTo: goTo,
+        getRedirectLink: getRedirectLink,
+        theme: theme,
+        selectedPartners: selectedPartners,
+        setSelectedPartners: setSelectedPartners,
+        partners: partners,
+        user: user,
+        options: options,
+        APP: APP
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx("section", {
+      children: /*#__PURE__*/jsxRuntime.jsx(DataCompilation, {
+        t: t,
+        user: user,
+        theme: theme
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx("section", {
+      children: /*#__PURE__*/jsxRuntime.jsx(DataConsilidation, {
+        t: t,
+        user: user,
+        theme: theme
+      })
+    })]
   });
 }