datastake-daf 0.6.831 → 0.6.832

package/dist/pages/index.js

@@ -5445,7 +5445,7 @@ const getMetaPlaceholer = (inputMeta, t) => inputMeta.notApplicable ? t("Not app
  * @param {string} [filterCond=null] - Filter condition.
  * @returns {Object[]} - Filtered options.
  */
-function filterOptions$1(options, filters, formsValue = {}, repeatValues = {}, filterCond = null) {
+function filterOptions$2(options, filters, formsValue = {}, repeatValues = {}, filterCond = null) {
   const isOrCond = filterCond !== "and";
   const objFilter = {};
   filters.forEach(f => {
@@ -6490,7 +6490,7 @@ const useHeader = ({
 };
 
 const {
-  useToken: useToken$b
+  useToken: useToken$c
 } = antd.theme;
 function BreadCrumbs({
   breadcrumbs = [],
@@ -6499,7 +6499,7 @@ function BreadCrumbs({
   const [splitIndex, setSplitIndex] = React.useState(0);
   const {
     token
-  } = useToken$b();
+  } = useToken$c();
   const _renderBreadcrumb = (b, i, isLast, noOnClickLast = false) => {
     return /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "flex breadcrumb-item",
@@ -6664,7 +6664,7 @@ const MultiSelectStyled = styled__default["default"](antd.Select)`
 `;
 
 const {
-  useToken: useToken$a
+  useToken: useToken$b
 } = antd.theme;
 
 /**
@@ -6757,7 +6757,7 @@ function Multiselect({
 }) {
   const {
     token
-  } = useToken$a();
+  } = useToken$b();
   const [selectValue, setSelectValue] = React.useState(Array.isArray(defaultSelected) ? defaultSelected.length > 0 ? defaultSelected : [] : [defaultSelected]);
   function onSelectChange(value) {
     if (!canUnselectLast && value.length === 0) {
@@ -7476,6 +7476,14 @@ class DashboardService extends BaseService {
       isUserManager: true
     });
   }
+
+  // getWidgetConflictManagement({ url, params = {}, filters = {} }) {
+  //   return this.apiGet({
+  //     url: `/dashboard/conflict-management${url}`,
+  //     params: { ...params, ...filters },
+  //     isApp: true,
+  //   });
+  // }
 }
 var DashboardService$1 = createLazyService(DashboardService);
 
@@ -7487,7 +7495,7 @@ var DashboardService$1 = createLazyService(DashboardService);
 //     basePath: string,
 // }
 
-const useWidgetFetch = ({
+const useWidgetFetch$1 = ({
   config,
   getData = DashboardService$1.getWidget,
   onFetch = () => {}
@@ -7555,7 +7563,7 @@ function KeyIndicatorNavigateLabel({
   });
 }
 
-const getRowConfig$1 = ({
+const getRowConfig$2 = ({
   t,
   data = {},
   goTo,
@@ -7624,7 +7632,7 @@ const getRowConfig$1 = ({
 const MOBILE_W = 850;
 const MOBILE_WIDTH = `max-width: ${MOBILE_W}px`;
 
-const Style$l = styled__default["default"].div`
+const Style$m = styled__default["default"].div`
 	overflow-x: auto;
 
 	@media (${MOBILE_WIDTH}) {
@@ -8099,7 +8107,7 @@ function KeyIndicatorsWidget({
     className: formatClassname(["flex-1 h-w-btn-header with-border-header", widgetClassName]),
     title: noTitle ? undefined : t(title),
     noTitle: noTitle,
-    children: [children, /*#__PURE__*/jsxRuntime.jsx(Style$l, {
+    children: [children, /*#__PURE__*/jsxRuntime.jsx(Style$m, {
       className: formatClassname(["flex", className]),
       children: config.map((c, i) => /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: `row-item ${c.icon ? 'row-item-with-icon' : ''}`,
@@ -8162,7 +8170,7 @@ function Label$1({
 }
 KeyIndicatorsWidget.displayName = 'KeyIndicatorsWidget';
 
-const defaultFetchConfig$6 = {
+const defaultFetchConfig$7 = {
   basepath: "analytics",
   url: '/widgets/key-informations',
   filters: {
@@ -8170,7 +8178,7 @@ const defaultFetchConfig$6 = {
     metrics: ['connections', 'documents', 'mineSites', 'operators', 'sources']
   }
 };
-function KeyIndicators$1({
+function KeyIndicators$2({
   selectedSources = {},
   theme = {},
   getRedirectLink = () => {},
@@ -8179,9 +8187,9 @@ function KeyIndicators$1({
   APP
 }) {
   const fetchConfig = React.useMemo(() => ({
-    ...defaultFetchConfig$6,
+    ...defaultFetchConfig$7,
     filters: {
-      ...defaultFetchConfig$6.filters,
+      ...defaultFetchConfig$7.filters,
       sources: selectedSources?.partners || []
     },
     stop: selectedSources?.loading
@@ -8189,11 +8197,11 @@ function KeyIndicators$1({
   const {
     data,
     loading
-  } = useWidgetFetch({
+  } = useWidgetFetch$1({
     config: fetchConfig
   });
   const config = React.useMemo(() => {
-    return getRowConfig$1({
+    return getRowConfig$2({
       t,
       data: {
         ...data
@@ -8212,7 +8220,7 @@ function KeyIndicators$1({
     className: "small-content"
   });
 }
-KeyIndicators$1.propTypes = {
+KeyIndicators$2.propTypes = {
   selectedSources: PropTypes__default["default"].object,
   theme: PropTypes__default["default"].object,
   getRedirectLink: PropTypes__default["default"].func,
@@ -8220,7 +8228,7 @@ KeyIndicators$1.propTypes = {
   goTo: PropTypes__default["default"].func
 };
 
-const Style$k = styled__default["default"].div`
+const Style$l = styled__default["default"].div`
   display: flex;
   flex-direction: row;
   position: relative;
@@ -9792,7 +9800,7 @@ function LocationIcon({
   });
 }
 
-const Style$j = styled__default["default"].div`
+const Style$k = styled__default["default"].div`
   .main {
     width: 24px;
     height: 24px;
@@ -9937,7 +9945,7 @@ function StakeholderIcon({
         onClickLink: () => onClickLink(marker)
       }),
       getPopupContainer: () => document.getElementById("map"),
-      children: /*#__PURE__*/jsxRuntime.jsx(Style$j
+      children: /*#__PURE__*/jsxRuntime.jsx(Style$k
       // onClick={toggleOpen}
       , {
         className: `map-marker marker closed`,
@@ -9950,7 +9958,7 @@ function StakeholderIcon({
       })
     });
   }
-  return /*#__PURE__*/jsxRuntime.jsxs(Style$j, {
+  return /*#__PURE__*/jsxRuntime.jsxs(Style$k, {
     onClick: toggleOpen,
     className: `map-marker marker ${isActive ? "opened" : "closed"}`,
     children: [/*#__PURE__*/jsxRuntime.jsx("div", {
@@ -10818,7 +10826,7 @@ const useMap = ({
   };
 };
 
-const Style$i = styled__default["default"].div`
+const Style$j = styled__default["default"].div`
 	position: relative;
 	width: 100%;
 	height: 100%;
@@ -10891,7 +10899,7 @@ function ComponentWithFocus({
       setClosed(false);
     }
   }, [closed]);
-  return /*#__PURE__*/jsxRuntime.jsxs(Style$i, {
+  return /*#__PURE__*/jsxRuntime.jsxs(Style$j, {
     className: className,
     ref: ref,
     style: style,
@@ -10903,7 +10911,7 @@ function ComponentWithFocus({
   });
 }
 
-const Style$h = styled__default["default"].div`
+const Style$i = styled__default["default"].div`
   position: absolute; 
   top: 24px;
   left: 24px;
@@ -11078,7 +11086,7 @@ function Filters({
         return null;
     }
   };
-  return /*#__PURE__*/jsxRuntime.jsxs(Style$h, {
+  return /*#__PURE__*/jsxRuntime.jsxs(Style$i, {
     children: [/*#__PURE__*/jsxRuntime.jsxs(antd.Button, {
       onClick: () => setOpened(p => !p),
       children: [t("Filter"), /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
@@ -11159,7 +11167,7 @@ function Map$1({
     isSatellite
   });
   return /*#__PURE__*/jsxRuntime.jsx(ComponentWithFocus, {
-    children: /*#__PURE__*/jsxRuntime.jsxs(Style$k, {
+    children: /*#__PURE__*/jsxRuntime.jsxs(Style$l, {
       className: formatClassname([showSider && activeMarker && "with-sider"]),
       children: [filtersConfig ? /*#__PURE__*/jsxRuntime.jsx(Filters, {
         t: t,
@@ -11296,7 +11304,7 @@ function SupplyChainMap({
   const {
     loading,
     data
-  } = useWidgetFetch({
+  } = useWidgetFetch$1({
     config: defaultConfig
   });
   return /*#__PURE__*/jsxRuntime.jsx(Widget, {
@@ -11368,7 +11376,7 @@ function PrimaryNode({
       style: {
         opacity: 0
       }
-    }), /*#__PURE__*/jsxRuntime.jsxs(Style$g, {
+    }), /*#__PURE__*/jsxRuntime.jsxs(Style$h, {
       $isPdf: isPdf,
       className: "flex",
       children: [" ", /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -11479,7 +11487,7 @@ function PrimaryNode({
     })]
   });
 }
-const Style$g = styled__default["default"].div`
+const Style$h = styled__default["default"].div`
   width: ${MAIN_NODE_WIDTH}px;
   height: ${MAIN_NODE_HEIGHT}px; /* Explicitly set height */
   display: flex;
@@ -11615,7 +11623,7 @@ function IconNode({
     }), /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
       title: data?.name,
       defaultOpen: data?.ONLY_IN_STORYBOOK,
-      children: /*#__PURE__*/jsxRuntime.jsx(Style$f, {
+      children: /*#__PURE__*/jsxRuntime.jsx(Style$g, {
         hoverColor: data?.iconHoverColor,
         children: /*#__PURE__*/jsxRuntime.jsx(antd.ConfigProvider, {
           theme: {
@@ -11658,7 +11666,7 @@ function IconNode({
     })]
   });
 }
-const Style$f = styled__default["default"].div`
+const Style$g = styled__default["default"].div`
 	height: 40px;
 	width: 40px;
 
@@ -11709,14 +11717,14 @@ const Style$f = styled__default["default"].div`
 // components/Nodes/NameNode.jsx
 const NAME_CARD_WIDTH = 315;
 const {
-  useToken: useToken$9
+  useToken: useToken$a
 } = antd.theme;
 function NameNode({
   data
 }) {
   const {
     token
-  } = useToken$9();
+  } = useToken$a();
   const translateFN = typeof data?.t === "function" ? data.t : key => key;
   const isPdf = data?.isPdf;
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
@@ -11736,7 +11744,7 @@ function NameNode({
       style: {
         opacity: 0
       }
-    }), /*#__PURE__*/jsxRuntime.jsxs(Style$e, {
+    }), /*#__PURE__*/jsxRuntime.jsxs(Style$f, {
       $isPdf: isPdf,
       style: {
         opacity: data.isEmpty ? 0.5 : 1
@@ -11824,7 +11832,7 @@ function NameNode({
     })]
   });
 }
-const Style$e = styled__default["default"].div`
+const Style$f = styled__default["default"].div`
     width: ${NAME_CARD_WIDTH}px;
     height: 55px;
     display: flex;
@@ -11855,7 +11863,7 @@ const Style$e = styled__default["default"].div`
     }
 `;
 
-const Style$d = styled__default["default"].div`
+const Style$e = styled__default["default"].div`
 	width: 405px;
 	display: flex;
 	height: 140px;
@@ -11966,7 +11974,7 @@ function ExpandedNode({
       style: {
         opacity: 0
       }
-    }), /*#__PURE__*/jsxRuntime.jsxs(Style$d, {
+    }), /*#__PURE__*/jsxRuntime.jsxs(Style$e, {
       style: {
         opacity
       },
@@ -12905,7 +12913,7 @@ const CustomLegend = ({
 };
 
 const {
-  useToken: useToken$8
+  useToken: useToken$9
 } = antd.theme;
 
 /**
@@ -12996,7 +13004,7 @@ function LineChart({
   const chartRef = React__default["default"].useRef(null);
   const {
     token
-  } = useToken$8();
+  } = useToken$9();
   const {
     legendEnabled,
     legendItems,
@@ -13218,7 +13226,7 @@ Identification.propTypes = {
   theme: PropTypes__default["default"].object
 };
 
-const Style$c = styled__default["default"].div`
+const Style$d = styled__default["default"].div`
   position: absolute;
   display: flex;
   gap: 12px;
@@ -13233,7 +13241,7 @@ function Tooltip({
   mouseY = 0,
   children = null
 }) {
-  return /*#__PURE__*/jsxRuntime.jsx(Style$c, {
+  return /*#__PURE__*/jsxRuntime.jsx(Style$d, {
     style: {
       top: mouseY,
       left: mouseX
@@ -13651,7 +13659,7 @@ Chart.propTypes = {
   mouseYOffset: PropTypes__default["default"].any
 };
 
-const getColors = theme => {
+const getColors$1 = theme => {
   return [theme.colorPrimary8, theme.colorPrimary7, theme.colorPrimary5, theme.colorPrimary6, theme.colorPrimary4];
 };
 
@@ -13666,7 +13674,7 @@ function Locations({
   const {
     countries = []
   } = options;
-  const colors = getColors(theme);
+  const colors = getColors$1(theme);
   const pieData = React.useMemo(() => {
     // eslint-disable-next-line no-shadow-restricted-names
     const {
@@ -13889,7 +13897,7 @@ function ChartsContainer({
   const {
     loading,
     data
-  } = useWidgetFetch({
+  } = useWidgetFetch$1({
     config: defaultConfig,
     onFetch: () => setPreviousRange(selectedRange)
   });
@@ -13996,7 +14004,7 @@ function SupplyChain({
       breadcrumbs: breadcrumbs
     }),
     children: [/*#__PURE__*/jsxRuntime.jsx("section", {
-      children: /*#__PURE__*/jsxRuntime.jsx(KeyIndicators$1, {
+      children: /*#__PURE__*/jsxRuntime.jsx(KeyIndicators$2, {
         selectedSources: selectedPartners,
         theme: theme,
         t: t,
@@ -14099,7 +14107,7 @@ ActionWidget.propTypes = {
   onClick: PropTypes__default["default"].func
 };
 
-const getRowConfig = ({
+const getRowConfig$1 = ({
   t,
   data = {},
   goTo,
@@ -14167,14 +14175,14 @@ const getRowConfig = ({
   })
 }];
 
-const defaultFetchConfig$5 = {
+const defaultFetchConfig$6 = {
   basepath: "analytics",
   url: "/widgets/key-informations",
   filters: {
     metrics: ['locations', 'stakeholders', 'events', 'sources']
   }
 };
-function KeyIndicators({
+function KeyIndicators$1({
   t = () => {},
   goTo = () => {},
   getRedirectLink = () => {},
@@ -14183,15 +14191,15 @@ function KeyIndicators({
   APP
 }) {
   const fetchConfig = React.useMemo(() => ({
-    ...defaultFetchConfig$5
+    ...defaultFetchConfig$6
   }), []);
   const {
     data,
     loading
-  } = useWidgetFetch({
+  } = useWidgetFetch$1({
     config: fetchConfig
   });
-  const config = React.useMemo(() => getRowConfig({
+  const config = React.useMemo(() => getRowConfig$1({
     t,
     data: {
       ...data,
@@ -14390,11 +14398,11 @@ const onClickLink = (data, getRedirectLink, activeTab, goTo, user) => {
   }
 };
 
-const defaultFetchConfig$4 = {
+const defaultFetchConfig$5 = {
   basepath: "forms",
   url: "/location"
 };
-function MineSites({
+function MineSites$1({
   t = () => {},
   goTo = () => {},
   getRedirectLink = () => {},
@@ -14416,7 +14424,7 @@ function MineSites({
   const [filters, setFilters] = React.useState({});
   const [activeTab, setActiveTab] = React.useState("location");
   const _formFetchConfig = React.useMemo(() => ({
-    ...defaultFetchConfig$4,
+    ...defaultFetchConfig$5,
     params: {
       scope: "create",
       language: user?.language || "en"
@@ -14425,7 +14433,7 @@ function MineSites({
   const {
     data: _formData,
     loading: formLoading
-  } = useWidgetFetch({
+  } = useWidgetFetch$1({
     config: _formFetchConfig
   });
   React.useEffect(() => {
@@ -14454,7 +14462,7 @@ function MineSites({
     data,
     loading,
     setData
-  } = useWidgetFetch({
+  } = useWidgetFetch$1({
     config: dataFetchConfig
   });
   const tabs = React.useMemo(() => getTabs(t), [t]);
@@ -14807,7 +14815,7 @@ const useKnowledgeAccumulation = ({
   return chartConfig;
 };
 
-const defaultFetchConfig$3 = {
+const defaultFetchConfig$4 = {
   basepath: "analytics",
   url: "/widgets/knowledge-accumulation",
   filters: {},
@@ -14822,7 +14830,7 @@ function AccumulationGraph({
 }) {
   const [timeFilter, setTimeFilter] = React.useState("monthly");
   const fetchConfig = React.useMemo(() => ({
-    ...defaultFetchConfig$3,
+    ...defaultFetchConfig$4,
     filters: {
       section: section,
       tabSelected: tabSelected
@@ -14832,7 +14840,7 @@ function AccumulationGraph({
   const {
     data,
     loading
-  } = useWidgetFetch({
+  } = useWidgetFetch$1({
     config: fetchConfig
   });
   const selectOptions = React.useMemo(() => [{
@@ -14878,7 +14886,7 @@ function AccumulationGraph({
 }
 
 const {
-  useToken: useToken$7
+  useToken: useToken$8
 } = antd.theme;
 
 /**
@@ -14970,7 +14978,7 @@ function BarChart({
   const chartRef = React__default["default"].useRef(null);
   const {
     token
-  } = useToken$7();
+  } = useToken$8();
   const {
     legendEnabled,
     legendItems,
@@ -15156,7 +15164,7 @@ const useContributionsGraph = ({
   return chartConfig;
 };
 
-const defaultFetchConfig$2 = {
+const defaultFetchConfig$3 = {
   basepath: "analytics",
   url: "/widgets/contributions",
   filters: {},
@@ -15170,7 +15178,7 @@ function ContributionsGraph({
   theme = {}
 }) {
   const fetchConfig = React.useMemo(() => ({
-    ...defaultFetchConfig$2,
+    ...defaultFetchConfig$3,
     filters: {
       section: section,
       tabSelected: tabSelected
@@ -15180,7 +15188,7 @@ function ContributionsGraph({
   const {
     data,
     loading
-  } = useWidgetFetch({
+  } = useWidgetFetch$1({
     config: fetchConfig
   });
   const chartConfig = useContributionsGraph({
@@ -15286,7 +15294,7 @@ const useTriangulation = ({
   };
 };
 
-const defaultFetchConfig$1 = {
+const defaultFetchConfig$2 = {
   basepath: "analytics",
   url: "/widgets/triangulation",
   defaultData: [],
@@ -15300,7 +15308,7 @@ function Triangulation({
   theme = {}
 }) {
   const fetchConfig = React.useMemo(() => ({
-    ...defaultFetchConfig$1,
+    ...defaultFetchConfig$2,
     filters: {
       section: section,
       tabSelected: tabSelected
@@ -15310,7 +15318,7 @@ function Triangulation({
   const {
     data: widgetData,
     loading
-  } = useWidgetFetch({
+  } = useWidgetFetch$1({
     config: fetchConfig
   });
   const {
@@ -15453,7 +15461,7 @@ function DataConsilidation({
   });
 }
 
-const defaultFetchConfig = {
+const defaultFetchConfig$1 = {
   basepath: "analytics",
   url: "/widgets/datachain-of-custody",
   filters: {},
@@ -15466,12 +15474,12 @@ function DataChainOfCustody({
   hardcodedData = []
 }) {
   const fetchConfig = React.useMemo(() => ({
-    ...defaultFetchConfig
+    ...defaultFetchConfig$1
   }), []);
   const {
     data,
     loading
-  } = useWidgetFetch({
+  } = useWidgetFetch$1({
     config: fetchConfig
   });
   const mappedData = mapDataForChainOfCustody(Object.keys(data)?.length > 0 ? data : hardcodedData, options, goTo);
@@ -15529,7 +15537,7 @@ function UserDashboard({
         disabled: conf.disabled
       }, conf.title))
     }), /*#__PURE__*/jsxRuntime.jsx("section", {
-      children: /*#__PURE__*/jsxRuntime.jsx(KeyIndicators, {
+      children: /*#__PURE__*/jsxRuntime.jsx(KeyIndicators$1, {
         theme: theme,
         partners: informationSourcesCount,
         t: t,
@@ -15538,7 +15546,7 @@ function UserDashboard({
         APP: APP
       })
     }), /*#__PURE__*/jsxRuntime.jsx("section", {
-      children: /*#__PURE__*/jsxRuntime.jsx(MineSites, {
+      children: /*#__PURE__*/jsxRuntime.jsx(MineSites$1, {
         t: t,
         goTo: goTo,
         getRedirectLink: getRedirectLink,
@@ -15748,7 +15756,7 @@ DAFTable.propTypes = {
   scrollX: PropTypes__default["default"].any
 };
 
-const Style$b = styled__default["default"].div`
+const Style$c = styled__default["default"].div`
   width: 99px;
   height: 10px;
   border-radius: 8px;
@@ -15769,7 +15777,7 @@ function ProgressBar({
 }) {
   return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
     title: tooltipTitle || `${parseInt(percentage)}%`,
-    children: /*#__PURE__*/jsxRuntime.jsx(Style$b, {
+    children: /*#__PURE__*/jsxRuntime.jsx(Style$c, {
       onClick: onClick,
       style: style,
       children: /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -15789,7 +15797,7 @@ ProgressBar.propTypes = {
   style: PropTypes__default["default"].any
 };
 
-const Style$a = styled__default["default"].div`
+const Style$b = styled__default["default"].div`
     .icon-background {
         width: ${({
   size
@@ -15808,7 +15816,7 @@ const SideIcon = ({
   size = 20,
   iconSize = 12
 }) => {
-  return /*#__PURE__*/jsxRuntime.jsx(Style$a, {
+  return /*#__PURE__*/jsxRuntime.jsx(Style$b, {
     size: size,
     children: /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "icon-background",
@@ -16334,7 +16342,7 @@ function StickyTable({
     return data.length > 5 ? ComponentWithFocus : "div";
   }, [data.length]);
   return /*#__PURE__*/jsxRuntime.jsx(Wrapper, {
-    children: /*#__PURE__*/jsxRuntime.jsx(Style$9, {
+    children: /*#__PURE__*/jsxRuntime.jsx(Style$a, {
       children: /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "daf-table-wrapper",
         style: {
@@ -16360,7 +16368,7 @@ function StickyTable({
     })
   });
 }
-const Style$9 = styled__default["default"].div`
+const Style$a = styled__default["default"].div`
 	max-width: calc(100% - 48px);
 	margin-left: var(--size-lg);
 	overflow: hidden;
@@ -16392,223 +16400,223 @@ StickyTable.propTypes = {
   pagination: PropTypes__default["default"].any
 };
 
+const Style$9 = styled__default["default"].div`
+  overflow: hidden;
+
+  .daf-table {
+    padding: 0px;
+    margin-top: 0px;
+
+    .ant-tag {
+      text-align: center;
+    }
+  } 
+
+  .daf-select-filters .filters {
+    padding-top: 16px;
+    padding-left: 0; 
+    padding-right: 0; 
+  }
+
+  .daf-table {
+    padding-top: 16px;
+  }
+`;
+
+const getColumns$i = ({
+  t = () => {},
+  options = {},
+  user = {},
+  goTo = () => {},
+  getRedirectLink = () => {}
+}) => [{
+  title: t("ID"),
+  dataIndex: "datastakeId",
+  key: "datastakeId",
+  render: (v, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: v,
+      children: v
+    });
+  }
+}, {
+  title: t("Name"),
+  dataIndex: "name",
+  key: "name",
+  render: (v, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: v,
+      children: v
+    });
+  }
+}, {
+  dataIndex: 'category',
+  title: t('type'),
+  ellipsis: true,
+  show: true,
+  render: (v, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    const locationCategories = [...(options?.locationCategories || []), ...(options?.productionSiteCategories || [])];
+    const category = findOptions(v, locationCategories);
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: category,
+      children: category
+    });
+  }
+}, {
+  dataIndex: 'region',
+  title: findOptions(user?.company?.country, options?.administrativeLevel1)?.length > 2 ? findOptions(user?.company?.country, options?.administrativeLevel1) : t("Province"),
+  ellipsis: true,
+  show: true,
+  render: (v, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+
+    // const region = getLinkValue(all?.administrativeLevel1, all?.linking?.SCL);
+    const region = Object.values(all?.linking?.SCL || {}).find(obj => obj?.level === 'level_1')?.name;
+    return region ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: region,
+      children: region
+    }) : '-';
+  }
+}, {
+  dataIndex: 'territory',
+  title: findOptions(user?.company?.country, options?.administrativeLevel2)?.length > 2 ? findOptions(user?.company?.country, options?.administrativeLevel2) : t("Territory"),
+  ellipsis: true,
+  show: true,
+  render: (v, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    const district = Object.values(all?.linking?.SCL || {}).find(obj => obj?.level === 'level_2')?.name;
+    return district ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: district,
+      children: district
+    }) : '-';
+  }
+}, {
+  dataIndex: 'lastUpdate',
+  title: t('Last Update'),
+  ellipsis: true,
+  show: true,
+  render: (v, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    const date = v ? renderDateFormatted(v, "DD MMM YYYY", user?.language || 'en') : "-";
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: date,
+      children: date
+    });
+  }
+}, {
+  id: 'actions',
+  title: "",
+  width: 60,
+  render: (_, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    const moreMenuItems = [{
+      label: t("Summary"),
+      value: "Summary",
+      onClick: () => {
+        let link = `/app/mine-summary/${all.datastakeId}`;
+        goTo(getRedirectLink(link));
+      }
+    }, {
+      label: t("Details"),
+      value: "details",
+      onClick: () => {
+        let link = `/app/view/production-sites/${all.datastakeId}`;
+        goTo(getRedirectLink(link));
+      }
+    }];
+    return /*#__PURE__*/jsxRuntime.jsx(MoreMenu, {
+      items: moreMenuItems
+    });
+  }
+}];
+
+function ProductionSites({
+  t = () => {},
+  options = {},
+  user = {},
+  goTo = () => {},
+  getRedirectLink = () => {},
+  data = [],
+  loading = false
+}) {
+  const productionSites = React.useMemo(() => {
+    if (Array.isArray(data?.productionSites)) {
+      return data?.productionSites;
+    }
+    return data?.data?.productionSites || [];
+  }, [data?.productionSites, data?.data?.productionSites]);
+  const Wrapper = React.useMemo(() => {
+    return productionSites?.length > 5 ? ComponentWithFocus : "div";
+  }, [productionSites]);
+  const columns = React.useMemo(() => {
+    return getColumns$i({
+      t,
+      options,
+      user,
+      goTo,
+      getRedirectLink
+    });
+  }, [t, options, user, goTo, getRedirectLink]);
+  return /*#__PURE__*/jsxRuntime.jsx(Widget, {
+    title: t("Production Sites"),
+    className: "with-border-header no-px-body",
+    loading: loading,
+    children: /*#__PURE__*/jsxRuntime.jsx(Wrapper, {
+      children: /*#__PURE__*/jsxRuntime.jsx(Style$9, {
+        children: /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "daf-table-wrapper",
+          style: {
+            maxHeight: "526px",
+            overflowY: "auto"
+          },
+          children: /*#__PURE__*/jsxRuntime.jsx(StickyTable, {
+            columns: columns,
+            dataSource: productionSites || [],
+            hideOnLoading: false,
+            doEmptyRows: true
+          })
+        })
+      })
+    })
+  });
+}
+
 const Style$8 = styled__default["default"].div`
+  max-width: 98%;
+  margin-left: var(--size-lg);
   overflow: hidden;
-
-  .daf-table {
-    padding: 0px;
-    margin-top: 0px;
-
-    .ant-tag {
-      text-align: center;
-    }
-  } 
-
-  .daf-select-filters .filters {
-    padding-top: 16px;
-    padding-left: 0; 
-    padding-right: 0; 
-  }
-
-  .daf-table {
-    padding-top: 16px;
-  }
-`;
-
-const getColumns$i = ({
-  t = () => {},
-  options = {},
-  user = {},
-  goTo = () => {},
-  getRedirectLink = () => {}
-}) => [{
-  title: t("ID"),
-  dataIndex: "datastakeId",
-  key: "datastakeId",
-  render: (v, all) => {
-    if (all.empty) {
-      return /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "daf-default-cell"
-      });
-    }
-    return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-      title: v,
-      children: v
-    });
-  }
-}, {
-  title: t("Name"),
-  dataIndex: "name",
-  key: "name",
-  render: (v, all) => {
-    if (all.empty) {
-      return /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "daf-default-cell"
-      });
-    }
-    return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-      title: v,
-      children: v
-    });
-  }
-}, {
-  dataIndex: 'category',
-  title: t('type'),
-  ellipsis: true,
-  show: true,
-  render: (v, all) => {
-    if (all.empty) {
-      return /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "daf-default-cell"
-      });
-    }
-    const locationCategories = [...(options?.locationCategories || []), ...(options?.productionSiteCategories || [])];
-    const category = findOptions(v, locationCategories);
-    return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-      title: category,
-      children: category
-    });
-  }
-}, {
-  dataIndex: 'region',
-  title: findOptions(user?.company?.country, options?.administrativeLevel1)?.length > 2 ? findOptions(user?.company?.country, options?.administrativeLevel1) : t("Province"),
-  ellipsis: true,
-  show: true,
-  render: (v, all) => {
-    if (all.empty) {
-      return /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "daf-default-cell"
-      });
-    }
-
-    // const region = getLinkValue(all?.administrativeLevel1, all?.linking?.SCL);
-    const region = Object.values(all?.linking?.SCL || {}).find(obj => obj?.level === 'level_1')?.name;
-    return region ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-      title: region,
-      children: region
-    }) : '-';
-  }
-}, {
-  dataIndex: 'territory',
-  title: findOptions(user?.company?.country, options?.administrativeLevel2)?.length > 2 ? findOptions(user?.company?.country, options?.administrativeLevel2) : t("Territory"),
-  ellipsis: true,
-  show: true,
-  render: (v, all) => {
-    if (all.empty) {
-      return /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "daf-default-cell"
-      });
-    }
-    const district = Object.values(all?.linking?.SCL || {}).find(obj => obj?.level === 'level_2')?.name;
-    return district ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-      title: district,
-      children: district
-    }) : '-';
-  }
-}, {
-  dataIndex: 'lastUpdate',
-  title: t('Last Update'),
-  ellipsis: true,
-  show: true,
-  render: (v, all) => {
-    if (all.empty) {
-      return /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "daf-default-cell"
-      });
-    }
-    const date = v ? renderDateFormatted(v, "DD MMM YYYY", user?.language || 'en') : "-";
-    return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-      title: date,
-      children: date
-    });
-  }
-}, {
-  id: 'actions',
-  title: "",
-  width: 60,
-  render: (_, all) => {
-    if (all.empty) {
-      return /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "daf-default-cell"
-      });
-    }
-    const moreMenuItems = [{
-      label: t("Summary"),
-      value: "Summary",
-      onClick: () => {
-        let link = `/app/mine-summary/${all.datastakeId}`;
-        goTo(getRedirectLink(link));
-      }
-    }, {
-      label: t("Details"),
-      value: "details",
-      onClick: () => {
-        let link = `/app/view/production-sites/${all.datastakeId}`;
-        goTo(getRedirectLink(link));
-      }
-    }];
-    return /*#__PURE__*/jsxRuntime.jsx(MoreMenu, {
-      items: moreMenuItems
-    });
-  }
-}];
-
-function ProductionSites({
-  t = () => {},
-  options = {},
-  user = {},
-  goTo = () => {},
-  getRedirectLink = () => {},
-  data = [],
-  loading = false
-}) {
-  const productionSites = React.useMemo(() => {
-    if (Array.isArray(data?.productionSites)) {
-      return data?.productionSites;
-    }
-    return data?.data?.productionSites || [];
-  }, [data?.productionSites, data?.data?.productionSites]);
-  const Wrapper = React.useMemo(() => {
-    return productionSites?.length > 5 ? ComponentWithFocus : "div";
-  }, [productionSites]);
-  const columns = React.useMemo(() => {
-    return getColumns$i({
-      t,
-      options,
-      user,
-      goTo,
-      getRedirectLink
-    });
-  }, [t, options, user, goTo, getRedirectLink]);
-  return /*#__PURE__*/jsxRuntime.jsx(Widget, {
-    title: t("Production Sites"),
-    className: "with-border-header no-px-body",
-    loading: loading,
-    children: /*#__PURE__*/jsxRuntime.jsx(Wrapper, {
-      children: /*#__PURE__*/jsxRuntime.jsx(Style$8, {
-        children: /*#__PURE__*/jsxRuntime.jsx("div", {
-          className: "daf-table-wrapper",
-          style: {
-            maxHeight: "526px",
-            overflowY: "auto"
-          },
-          children: /*#__PURE__*/jsxRuntime.jsx(StickyTable, {
-            columns: columns,
-            dataSource: productionSites || [],
-            hideOnLoading: false,
-            doEmptyRows: true
-          })
-        })
-      })
-    })
-  });
-}
-
-const Style$7 = styled__default["default"].div`
-  max-width: 98%;
-  margin-left: var(--size-lg);
-  overflow: hidden;
-  padding-right: 24px;
+  padding-right: 24px;
 
   .daf-table {
     padding: 0px;
@@ -17094,7 +17102,7 @@ function AssociatedInformation$1({
   const {
     data,
     loading
-  } = useWidgetFetch({
+  } = useWidgetFetch$1({
     config: defaultConfig
   });
   console.log({
@@ -17127,7 +17135,7 @@ function AssociatedInformation$1({
         onChange: setActiveTab,
         value: activeTab,
         className: "mt-0"
-      }), /*#__PURE__*/jsxRuntime.jsxs(Style$7, {
+      }), /*#__PURE__*/jsxRuntime.jsxs(Style$8, {
         children: [/*#__PURE__*/jsxRuntime.jsx("div", {
           children: /*#__PURE__*/jsxRuntime.jsx(SearchFilters, {
             t: t
@@ -21991,12 +21999,12 @@ function Geolocation$1({
 }
 
 const {
-  useToken: useToken$6
+  useToken: useToken$7
 } = antd.theme;
 function Smart() {
   const {
     token
-  } = useToken$6();
+  } = useToken$7();
   const [isOpen, setIsOpen] = React.useState(false);
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     style: {
@@ -22080,7 +22088,7 @@ function SmartWidget({
 }) {
   const {
     token
-  } = useToken$6();
+  } = useToken$7();
   return /*#__PURE__*/jsxRuntime.jsx(Widget, {
     noTitle: true,
     className: "no-p-body p-xs",
@@ -22296,7 +22304,7 @@ function View$1({
   });
 }
 
-const Style$6 = styled__default["default"].div`
+const Style$7 = styled__default["default"].div`
   position: absolute;
   right: 25px;
   top: 60px;
@@ -22328,7 +22336,7 @@ function RiskComment({
   const {
     t
   } = useEditContext();
-  return isShown ? /*#__PURE__*/jsxRuntime.jsxs(Style$6, {
+  return isShown ? /*#__PURE__*/jsxRuntime.jsxs(Style$7, {
     id: id,
     children: [comment, /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "comment-shown",
@@ -23539,7 +23547,7 @@ FormPopover.propTypes = {
 };
 
 const {
-  useToken: useToken$5
+  useToken: useToken$6
 } = antd.theme;
 const disabledTypes = ["dataLink"];
 function Versions({
@@ -23552,7 +23560,7 @@ function Versions({
 }) {
   const {
     token
-  } = useToken$5();
+  } = useToken$6();
   const dataSource = React.useMemo(() => {
     if (!versionsDatapoints) {
       return [];
@@ -23716,7 +23724,7 @@ function Comments({
   });
 }
 
-var Style$5 = styled__default["default"].div`
+var Style$6 = styled__default["default"].div`
   border: 1px solid var(--base-gray-40);
   padding: 12px;
   background: var(--base-gray-20);
@@ -23862,7 +23870,7 @@ function GroupInfoHOC({
     meta,
     t
   });
-  return /*#__PURE__*/jsxRuntime.jsxs(Style$5, {
+  return /*#__PURE__*/jsxRuntime.jsxs(Style$6, {
     className: formatClassname([!isExpanded && 'collapsed', className, isSuccess && 'success']),
     children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "cont-header",
@@ -24019,7 +24027,7 @@ function GroupInfo({
         });
     }
   };
-  return /*#__PURE__*/jsxRuntime.jsxs(Style$5, {
+  return /*#__PURE__*/jsxRuntime.jsxs(Style$6, {
     className: formatClassname([!isExpanded && 'collapsed', className]),
     children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "cont-header",
@@ -24060,7 +24068,7 @@ function GroupInfos({
   }, key));
 }
 
-const Style$4 = styled__default["default"].div`
+const Style$5 = styled__default["default"].div`
   gap: 16px;
   display: flex;
   max-width: 465px;
@@ -24082,7 +24090,7 @@ function EvaluationPopover({
   t = s => s,
   evaluationConfig = []
 }) {
-  return /*#__PURE__*/jsxRuntime.jsx(Style$4, {
+  return /*#__PURE__*/jsxRuntime.jsx(Style$5, {
     children: evaluationConfig.map(c =>
     /*#__PURE__*/
     //? ASK REDI
@@ -26060,7 +26068,7 @@ const useMapHelper = ({
   };
 };
 
-const Style$3 = styled__default["default"].div`
+const Style$4 = styled__default["default"].div`
   width: 100%;
   height: 20rem;
   flex: 1;
@@ -26187,7 +26195,7 @@ function PolygonSelector({
       searchForLocation(mapRef);
     }
   }, [searchValue, mapRef]);
-  return /*#__PURE__*/jsxRuntime.jsxs(Style$3, {
+  return /*#__PURE__*/jsxRuntime.jsxs(Style$4, {
     className: "polygon-selector",
     children: [/*#__PURE__*/jsxRuntime.jsx("div", {
       className: "map-container",
@@ -34138,7 +34146,7 @@ const inputTypeComponent$1 = {
     opts = JSON.parse(JSON.stringify(opts || []));
     opts = opts.map(o => getSelectOptions$1(o, formsValue));
     if (optionsFilter && Array.isArray(optionsFilter)) {
-      opts = filterOptions$1(opts, optionsFilter, formsValue, repeatValues, filterCond);
+      opts = filterOptions$2(opts, optionsFilter, formsValue, repeatValues, filterCond);
     }
     const uniqueDefaultKeys = getUniqueDefaultKeys(options);
 
@@ -34314,7 +34322,7 @@ const inputTypeComponent$1 = {
     opts = JSON.parse(JSON.stringify(opts));
     opts = opts.map(o => getSelectOptions$1(o, formsValue));
     if (optionsFilter && Array.isArray(optionsFilter)) {
-      opts = filterOptions$1(opts, optionsFilter, formsValue, repeatValues, filterCond);
+      opts = filterOptions$2(opts, optionsFilter, formsValue, repeatValues, filterCond);
     }
     if (propHasValue$1(value) && Array.isArray(value) && value.length > 0) {
       try {
@@ -37815,7 +37823,7 @@ const inputTypeComponent = {
     opts = JSON.parse(JSON.stringify(opts));
     opts = opts.map(o => getSelectOptions(o, formsValue));
     if (optionsFilter && Array.isArray(optionsFilter)) {
-      opts = filterOptions$1(opts, optionsFilter, formsValue, repeatValues, filterCond);
+      opts = filterOptions$2(opts, optionsFilter, formsValue, repeatValues, filterCond);
     }
     if (propHasValue(value)) {
       const selectOption = opts.find(o => o.value === value);
@@ -37934,7 +37942,7 @@ const inputTypeComponent = {
     opts = JSON.parse(JSON.stringify(opts));
     opts = opts.map(o => getSelectOptions(o, formsValue));
     if (optionsFilter && Array.isArray(optionsFilter)) {
-      opts = filterOptions$1(opts, optionsFilter, formsValue, repeatValues, filterCond);
+      opts = filterOptions$2(opts, optionsFilter, formsValue, repeatValues, filterCond);
     }
     if (propHasValue(value) && Array.isArray(value) && value.length > 0 && !tags) {
       try {
@@ -40635,7 +40643,7 @@ const useGetQueryParams = ({
   return params;
 };
 
-const Style$2 = styled__default["default"].div`
+const Style$3 = styled__default["default"].div`
   display: flex;
   gap: 8px;
   justify-content: center;
@@ -40658,7 +40666,7 @@ function Footer({
   disabledFooterText,
   disabledFooter
 }) {
-  return /*#__PURE__*/jsxRuntime.jsxs(Style$2, {
+  return /*#__PURE__*/jsxRuntime.jsxs(Style$3, {
     className: className,
     children: [disabledFooterText ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
       title: t(disabledFooterText),
@@ -41167,7 +41175,7 @@ const viewConfig$b = {
 };
 
 const {
-  useToken: useToken$4
+  useToken: useToken$5
 } = antd.theme;
 const MAX_LENGTH = 3;
 function AvatarGroup({
@@ -41178,7 +41186,7 @@ function AvatarGroup({
   const count = items.length === maxLength + 1 ? items.length : maxLength;
   const {
     token
-  } = useToken$4();
+  } = useToken$5();
   return /*#__PURE__*/jsxRuntime.jsx(antd.Avatar.Group, {
     max: {
       count: count,
@@ -42781,11 +42789,11 @@ const getColumns$b = ({
         className: "daf-default-cell"
       });
     }
-    const type = findOptions(v, data?.options?.eventsType);
-    return type ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+    const type = findOptions(v, options?.eventType || options?.eventsType);
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
       title: type,
       children: type
-    }) : '-';
+    });
   }
 }, {
   dataIndex: 'keyStakeholder',
@@ -44112,7 +44120,7 @@ const getColumns$8 = ({
         className: "daf-default-cell"
       });
     }
-    const type = findOptions(title, data?.options?.testimonialsType);
+    const type = findOptions(title, options?.testimonialsType);
     return type ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
       title: type,
       children: type
@@ -44358,7 +44366,7 @@ const getColumns$7 = ({
         className: "daf-default-cell"
       });
     }
-    const locationCategories = [...(data?.options?.locationCategories || []), ...(options?.productionSiteCategories || [])];
+    const locationCategories = [...(options?.locationCategories || []), ...(options?.productionSiteCategories || [])];
     const category = findOptions(v, locationCategories);
     return category ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
       title: category,
@@ -46129,7 +46137,7 @@ const KeyInformation$2 = ({
 };
 
 const {
-  useToken: useToken$3
+  useToken: useToken$4
 } = antd.theme;
 /**
  * RadialBarChart Component
@@ -46190,7 +46198,7 @@ function RadialBarChart({
   const chartRef = React__default["default"].useRef(null);
   const {
     token
-  } = useToken$3();
+  } = useToken$4();
   const {
     legendEnabled,
     legendItems,
@@ -46403,7 +46411,7 @@ const InformationAvailability = ({
   const {
     data,
     loading
-  } = useWidgetFetch({
+  } = useWidgetFetch$1({
     config: defaultFetchConfig
   });
   return /*#__PURE__*/jsxRuntime.jsx(Widget, {
@@ -46621,7 +46629,7 @@ const useTradeRelationship = ({
   }), [id, filters?.products, selectedPartners?.partners, selectedPartners?.loading]);
   const {
     data
-  } = useWidgetFetch({
+  } = useWidgetFetch$1({
     config: config
   });
   const mapItem$1 = data => {
@@ -47653,7 +47661,7 @@ const Governance = ({
   const {
     data,
     loading
-  } = useWidgetFetch({
+  } = useWidgetFetch$1({
     config: defaultFetchConfig
   });
   const graphData = React.useMemo(() => {
@@ -48231,7 +48239,7 @@ styled__default["default"].div`
   direction: PropTypes__default["default"].oneOf(["horizontal", "vertical"])
 });
 
-const Style$1 = styled__default["default"].div`
+const Style$2 = styled__default["default"].div`
 	display: grid;
 	grid-template-columns: 1fr 1fr;
 	gap: 0;
@@ -48399,7 +48407,7 @@ function ActivityIndicatorsWidget({
       className: formatClassname(["flex-1 with-border-header h-w-btn-header no-p-body", widgetClassName]),
       title: noTitle ? undefined : t(title),
       noTitle: noTitle,
-      children: [children, /*#__PURE__*/jsxRuntime.jsx(Style$1, {
+      children: [children, /*#__PURE__*/jsxRuntime.jsx(Style$2, {
         className: formatClassname(["activity-indicators-grid", className]),
         children: filteredConfig.map((c, i) => /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "indicator-item",
@@ -49711,7 +49719,7 @@ ImageCarousel.propTypes = {
   emptyText: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].node])
 };
 
-const Style = styled__default["default"].div`
+const Style$1 = styled__default["default"].div`
     background: #ffffff;
     border-radius: 8px;
     border: 1px solid #E5E7EB;
@@ -49829,7 +49837,7 @@ const StatCard = ({
     return isNaN(numValue) || numValue === 0;
   };
   const shouldShowChange = change && !isChangeZero();
-  return /*#__PURE__*/jsxRuntime.jsxs(Style, {
+  return /*#__PURE__*/jsxRuntime.jsxs(Style$1, {
     ...changeColors,
     children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "stat-card-header",
@@ -51867,7 +51875,7 @@ styled__default["default"](antd.Tabs)`
 });
 
 const {
-  useToken: useToken$2
+  useToken: useToken$3
 } = antd.theme;
 
 /**
@@ -51974,7 +51982,7 @@ function ColumnChart({
   const chartRef = React__default["default"].useRef(null);
   const {
     token
-  } = useToken$2();
+  } = useToken$3();
   const {
     legendEnabled,
     legendItems,
@@ -52068,7 +52076,7 @@ function ColumnChart({
 }
 
 const {
-  useToken: useToken$1
+  useToken: useToken$2
 } = antd.theme;
 
 /**
@@ -52145,7 +52153,7 @@ function DonutPie({
   const chartRef = React.useRef(null);
   const {
     token
-  } = useToken$1();
+  } = useToken$2();
   const {
     legendEnabled,
     legendItems,
@@ -52226,7 +52234,7 @@ function DonutPie({
   });
 }
 
-styled__default["default"].div`
+const Style = styled__default["default"].div`
 	.timeline {
 		display: flex;
 		justify-content: space-between;
@@ -52401,6 +52409,267 @@ styled__default["default"].div`
 	}
 `;
 
+const {
+  useToken: useToken$1
+} = antd.theme;
+/**
+ * StackChart Component
+ *
+ * A reusable stacked chart component for visualizing grouped categorical data.
+ * This chart displays data as stacked blocks with hover-enabled popover tooltips.
+ *
+ * Props:
+ * - `data` (Array):
+ *   Dataset to render. Each item should include the key defined by `xFieldKey` (for grouping)
+ *   and `seriesField` (for categorization).
+ *   Default: `[]`
+ *
+ * - `xFieldKey` (string):
+ *   The field name to group data items on the X-axis (e.g., "label", "day").
+ *   Default: `"label"`
+ *
+ * - `seriesField` (string):
+ *   The field used to determine category color/grouping (e.g., "type").
+ *   Required for coloring and grouping logic.
+ *
+ * - `className` (string):
+ *   Optional additional class for custom styling.
+ *
+ *
+ * - `renderTooltip` (function):
+ *   Custom function to render a tooltip for hovered items. Receives an object:
+ *   `{ item, itemGroup, mouseX, mouseY }`.
+ *   Returns JSX.
+ *
+ * - `yOffset` (number):
+ *   Vertical boundary constraint for tooltip positioning.
+ *   Default: `130`
+ *
+ * - `xOffset` (number):
+ *   Horizontal boundary constraint for tooltip positioning.
+ *   Default: `230`
+ *
+ * - `mouseXOffset` (number):
+ *   X-offset in pixels from the cursor for tooltip rendering.
+ *   Default: `30`
+ *
+ * - `mouseYOffset` (number):
+ *   Y-offset in pixels from the cursor for tooltip rendering.
+ *   Default: `50`
+ *
+ * - `doConstraints` (boolean):
+ *   Enables or disables tooltip boundary checking to avoid overflow.
+ *   Default: `true`
+ *
+ * - `colors` (string[] | object):
+ *   Optional custom color map or array for categories.
+ *   If an array is passed, colors are mapped in order to unique values from `seriesField`.
+ *   If an object is passed, it should map specific `seriesField` values to color strings.
+ *
+ * - `valueField` (string):
+ *   The field name that contains the numeric value. Items with falsy values (0, null, undefined)
+ *   in this field will not render visual blocks but will still show the label.
+ *   Default: `"value"`
+ *
+ * Behavior:
+ * - Dynamically computes the height of each stacked item based on the maximum group size.
+ * - Uses Ant Design's `Popover` component for rendering tooltips on hover.
+ * - Fallbacks to theme's `colorPrimary7` if no color is matched.
+ */
+function StackChart({
+  data = [],
+  xFieldKey = "label",
+  seriesField = "type",
+  className,
+  // noProvider = false,
+  renderTooltip,
+  yOffset = 130,
+  xOffset = 230,
+  mouseXOffset = 30,
+  mouseYOffset = 50,
+  doConstraints = true,
+  colors,
+  valueField = "value",
+  height = 300,
+  isPdf = false,
+  t = s => s,
+  legendConfig = {}
+}) {
+  const ref = React__default["default"].useRef();
+  const {
+    token
+  } = useToken$1();
+  const isEmpty = !data.length;
+  const [mouseY, setMouseY] = React__default["default"].useState(0);
+  const [mouseX, setMouseX] = React__default["default"].useState(0);
+  const [hoveredGroup, setHoveredGroup] = React__default["default"].useState(null);
+  const allUniqueLabels = React__default["default"].useMemo(() => {
+    const uniqueLabels = new Set();
+    data.forEach(item => {
+      if (item[xFieldKey]) {
+        uniqueLabels.add(item[xFieldKey]);
+      }
+    });
+    return Array.from(uniqueLabels);
+  }, [data, xFieldKey]);
+  const {
+    legendEnabled,
+    legendItems,
+    legendPosition,
+    legendLayout,
+    legendInteractive,
+    legendStyle
+  } = useLegendConfig({
+    legendConfig,
+    isPdf
+  });
+  const groupedByLabel = React__default["default"].useMemo(() => {
+    return data.reduce((acc, item) => {
+      const label = item[xFieldKey];
+      if (!acc[label]) {
+        acc[label] = [];
+      }
+      acc[label].push(item);
+      return acc;
+    }, {});
+  }, [data, xFieldKey]);
+  const seriesColors = React__default["default"].useMemo(() => {
+    if (isEmpty) return {};
+    if (Array.isArray(colors)) {
+      const uniqueSeries = Array.from(new Set(data.map(item => item[seriesField])));
+      return uniqueSeries.reduce((acc, seriesValue, idx) => {
+        acc[seriesValue] = colors[idx % colors?.length];
+        return acc;
+      }, {});
+    }
+    if (typeof colors === "string") {
+      return data.reduce((acc, item) => {
+        acc[item[seriesField]] = colors;
+        return acc;
+      }, {});
+    }
+    return colors || {};
+  }, [seriesField, colors, data, isEmpty]);
+  let max = 0;
+  allUniqueLabels.forEach(label => {
+    if ((groupedByLabel[label] || [])?.length > max) {
+      max = (groupedByLabel[label] || [])?.length || 0;
+    }
+  });
+  const getEventHeight = columnItemCount => {
+    // if (columnItemCount === 0) return 35;
+    // const MARGIN = 2;
+    // const availableHeight = (height || 300) - (columnItemCount < 4 ? 50 : 40);
+
+    // const totalGapSpace = (columnItemCount - 1) * MARGIN;
+    // const availableForEvents = availableHeight - totalGapSpace;
+    // const calculatedHeight = Math.abs(parseFloat((availableForEvents / columnItemCount).toFixed(2)));
+
+    // return calculatedHeight < 1 ? 1 : calculatedHeight;
+
+    const MARGIN = 2;
+    const _height = Math.abs(parseFloat(((height - max * MARGIN) / max).toFixed(2)));
+    return _height > 35 ? 35 : _height - 2;
+  };
+  const eventHeight = getEventHeight();
+  const content = () => {
+    if (isEmpty || !allUniqueLabels.length) {
+      return null;
+    }
+    return allUniqueLabels.map((ev, index) => {
+      const filteredItems = (groupedByLabel?.[ev] || []).filter(item => {
+        return item[valueField] && item[valueField] !== 0;
+      });
+
+      // const eventHeight = getEventHeight(filteredItems.length);
+
+      return /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "weekDay",
+        children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "dayCol",
+          style: {
+            height: `${height - 20}px`
+          },
+          children: filteredItems.map((e, ind) => {
+            return /*#__PURE__*/jsxRuntime.jsx(antd.Popover, {
+              overlayClassName: "event-popover",
+              content: renderTooltipJsx(renderTooltip({
+                item: {
+                  ...(e || {}),
+                  color: seriesColors[e[seriesField]] || token.colorPrimary7
+                },
+                itemGroup: groupedByLabel?.[ev] || []
+              })),
+              children: /*#__PURE__*/jsxRuntime.jsx("div", {
+                className: "event",
+                style: {
+                  background: seriesColors[e[seriesField]] || token.colorPrimary7,
+                  height: `${eventHeight < 1 ? 1 : eventHeight}px`
+                }
+              })
+            }, ind);
+          })
+        }), ev]
+      }, index);
+    });
+  };
+  const onMouseLeaveHandler = React__default["default"].useCallback((e, hG, id) => {
+    let x = e.clientX - ref.current.getBoundingClientRect().left + mouseXOffset;
+    let y = e.clientY - ref.current.getBoundingClientRect().top + mouseYOffset;
+    if (doConstraints && ref.current.clientWidth - x < xOffset) {
+      x = ref.current.clientWidth - xOffset;
+    }
+    if (doConstraints && ref.current.clientHeight - y < yOffset) {
+      y = 0;
+      x = ref.current.clientWidth / 2 - 100;
+    }
+    setMouseY(y);
+    setMouseX(x);
+    if (hoveredGroup === null) {
+      setHoveredGroup({
+        ...hG,
+        id
+      });
+    }
+  }, [hoveredGroup]);
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsxs(Style, {
+      ...(isEmpty ? {
+        onMouseEnter: () => {
+          setHoveredGroup({
+            id: 0
+          });
+        },
+        onMouseLeave: () => {
+          setHoveredGroup(null);
+        },
+        onMouseMove: e => onMouseLeaveHandler(e, {}, 0)
+      } : {}),
+      className: formatClassname(["riskProfile", className]),
+      ref: ref,
+      style: {
+        height: `${height}px`
+      },
+      children: [typeof renderTooltip === "function" && !isEmpty ? hoveredGroup !== null ? renderTooltip({
+        mouseX,
+        mouseY,
+        item: hoveredGroup
+      }) : null : null, /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "timeline",
+        style: {
+          height: `${height}px`
+        },
+        children: content()
+      })]
+    }), legendEnabled && legendPosition === 'bottom' && /*#__PURE__*/jsxRuntime.jsx(CustomLegend, {
+      items: legendItems,
+      layout: legendLayout,
+      interactive: legendInteractive,
+      style: legendStyle
+    })]
+  });
+}
+
 const {
   useToken
 } = antd.theme;
@@ -52604,7 +52873,7 @@ const RadarChart = ({
  * @param {boolean} doubleDigit - Whether to ensure single digit numbers are padded with a leading zero
  * @returns {string} Formatted number string or '--' if input is not a number
  */
-const renderNumber = (val, doubleDigit = false) => {
+const renderNumber$1 = (val, doubleDigit = false) => {
   if (typeof val !== 'number') {
     return '-';
   }
@@ -54057,6 +54326,344 @@ const getRedirectLink = (link, APP) => {
   return link;
 };
 
+const buildBreadCrumbs = ({
+  config,
+  items,
+  t,
+  breadCrumbsLabels,
+  id,
+  getRedirectLink,
+  createOnClick,
+  goTo,
+  view,
+  skipInteractions = false
+}) => {
+  const pathConfig = config.path || [];
+  pathConfig.forEach(pathItem => {
+    if (typeof pathItem === 'string') {
+      items.push({
+        label: t(breadCrumbsLabels[pathItem]),
+        onClick: () => {}
+      });
+    } else if (typeof pathItem === 'object') {
+      const {
+        key,
+        link,
+        useRedirect
+      } = pathItem;
+      if (key === 'id' && id) {
+        const resolvedLink = typeof link === 'function' ? link(id) : link;
+        const finalLink = useRedirect ? getRedirectLink(resolvedLink) : resolvedLink;
+        items.push({
+          label: id,
+          onClick: skipInteractions ? () => {} : finalLink ? createOnClick(() => goTo(finalLink)) : () => {}
+        });
+      } else {
+        const resolvedLink = typeof link === 'function' ? link(view, id) : link;
+        const finalLink = resolvedLink && useRedirect ? getRedirectLink(resolvedLink) : resolvedLink;
+        items.push({
+          label: t(breadCrumbsLabels[key]),
+          onClick: skipInteractions ? () => {} : finalLink ? createOnClick(() => goTo(finalLink)) : () => {}
+        });
+      }
+    }
+  });
+  if (config.includeId && id && id !== 'user') {
+    items.push({
+      label: id,
+      onClick: () => {}
+    });
+  }
+  if (config.suffix) {
+    config.suffix.forEach(suffixItem => {
+      items.push({
+        label: t(breadCrumbsLabels[suffixItem]),
+        onClick: () => {}
+      });
+    });
+  }
+};
+const renderBreadCrumbs = ({
+  t = () => {},
+  goTo = () => {},
+  view,
+  isAnalysis = false,
+  isEdit = false,
+  isView = false,
+  isDataStore = false,
+  id,
+  addedItems = [],
+  changeNotificationState,
+  breadCrumbConfig = {},
+  breadCrumbsLabels = {},
+  getRedirectLink = () => {},
+  condition,
+  conditionFallback = 'show-non-interactive' // 'show-non-interactive' | 'hide' | 'show-simplified'
+}) => {
+  const items = [];
+  const createOnClick = callback => {
+    if (!callback) return () => {};
+    return () => {
+      if (changeNotificationState) {
+        changeNotificationState({
+          onYes: callback
+        });
+      } else {
+        callback();
+      }
+    };
+  };
+  const evaluateCondition = (cond, context) => {
+    if (cond === undefined) return true; // No condition = always pass
+    if (typeof cond === 'function') return cond(context); // Function condition
+    return Boolean(cond); // Boolean condition
+  };
+  const config = breadCrumbConfig[view];
+  if (config) {
+    const conditionContext = {
+      isDataStore,
+      isAnalysis,
+      isEdit,
+      isView,
+      id,
+      view,
+      t,
+      goTo,
+      getRedirectLink,
+      changeNotificationState,
+      addedItems
+    };
+    const externalConditionPassed = evaluateCondition(condition, conditionContext);
+    const configConditionPassed = evaluateCondition(config.condition, conditionContext);
+    if (!configConditionPassed) {
+      if (config.fallback) {
+        buildBreadCrumbs({
+          config: config.fallback,
+          items,
+          t,
+          breadCrumbsLabels,
+          id,
+          getRedirectLink,
+          createOnClick,
+          goTo,
+          view
+        });
+      }
+    } else if (!externalConditionPassed) {
+      if (config.fallback) {
+        // Use config fallback when prop condition fails
+        buildBreadCrumbs({
+          config: config.fallback,
+          items,
+          t,
+          breadCrumbsLabels,
+          id,
+          getRedirectLink,
+          createOnClick,
+          goTo,
+          view
+        });
+      } else {
+        switch (conditionFallback) {
+          case 'hide':
+            break;
+          case 'show-simplified':
+            {
+              const simplifiedConfig = {
+                ...config,
+                path: config.path.slice(0, 2),
+                includeId: false,
+                suffix: undefined
+              };
+              buildBreadCrumbs({
+                config: simplifiedConfig,
+                items,
+                t,
+                breadCrumbsLabels,
+                id,
+                getRedirectLink,
+                createOnClick,
+                goTo,
+                view
+              });
+              break;
+            }
+          case 'show-non-interactive':
+          default:
+            buildBreadCrumbs({
+              config,
+              items,
+              t,
+              breadCrumbsLabels,
+              id,
+              getRedirectLink,
+              createOnClick,
+              goTo,
+              view,
+              skipInteractions: true
+            });
+            break;
+        }
+      }
+    } else {
+      buildBreadCrumbs({
+        config,
+        items,
+        t,
+        breadCrumbsLabels,
+        id,
+        getRedirectLink,
+        createOnClick,
+        goTo,
+        view
+      });
+    }
+  }
+  if (isView) {
+    items.push({
+      label: t(breadCrumbsLabels.details)
+    });
+  } else if (isEdit) {
+    items.push({
+      label: t(breadCrumbsLabels.edit)
+    });
+  } else if (isAnalysis) {
+    items.push({
+      label: t(breadCrumbsLabels.summary)
+    });
+  }
+  items.push(...addedItems);
+  return items.filter(v => !!v.label);
+};
+
+// Breadcrumbs Config Helper
+
+// 1.Simple static path
+// 'country-overview': {
+//     path: ['analysis', 'country-overview'],
+// }
+// Result: Analysis > Country Overview
+// Neither is clickable
+
+// 2.Clickable Parents with Links
+// 'mines': {
+//     path: [
+//         'modules',  // Not clickable
+//         { key: 'mines', link: '/app/mines' }  // Clickable, navigates to /app/mines
+//     ],
+// }
+// Result: Modules > Mines (clickable)
+
+// 3.Include ID at the end
+// 'partners': {
+//     path: ['modules', { key: 'partners', link: '/app/partners', useRedirect: true }],
+//     includeId: true,  // ← ID will be added at the end
+// }
+// With id='ABC123':
+// Result: Modules > Partners (clickable) > ABC123 (not clickable)
+
+// 4.Dynamic Id in the middle
+// 'mine-evaluation': {
+//     path: [
+//         'modules',
+//         { key: 'mines', link: '/app/mines' },
+//         { key: 'id', link: (id) => `/app/mines/${id}` },  // ← ID here
+//         'evaluation',
+//     ],
+// }
+// With id='MINE-456':
+// Result: Modules > Mines > MINE-456 (clickable to /app/mines/MINE-456) > Evaluation
+
+// 5. Dynamic Links using functions
+// 'producers': {
+//     path: [
+//         'modules',
+//         { 
+//             key: 'producers', 
+//             link: (view) => `/app/${view}`,  // ← Uses 'view' parameter
+//             useRedirect: true 
+//         }
+//     ],
+//     includeId: true,
+// }
+// With view='producers':
+// Result: Modules > Producers (navigates to /app/producers)
+
+// 6.use Redirect link
+// 'settings': {
+//     path: [
+//         { 
+//             key: 'settings', 
+//             link: '/app/view/settings', 
+//             useRedirect: true  // ← Wraps with getRedirectLink()
+//         }
+//     ],
+// }
+// Navigation will use getRedirectLink('/app/view/settings')
+
+// 7.Conditional Rendering
+// 'entities': {
+//     condition: (opts) => opts.isDataStore,  // ← Only shows if isDataStore=true
+//     path: [
+//         'data',
+//         { key: 'data-store', link: '/app/data-store', useRedirect: true },
+//         { key: 'entities', link: '/app/data-store/entities', useRedirect: true },
+//     ],
+// }
+// With isDataStore=false: No breadcrumbs shown
+// With isDataStore=true: Data > Store > Entities
+
+// 8.Conditional Fallback
+// 'locations': {
+//     condition: (opts) => opts.isDataStore,
+//     path: [
+//         'data',
+//         { key: 'data-store', link: '/app/data-store', useRedirect: true },
+//         { key: 'locations', link: '/app/data-store/locations', useRedirect: true },
+//     ],
+//     fallback: {  // ← Alternative when condition is false
+//         path: [
+//             'modules',
+//             'linkedSubjects',
+//             { key: 'locations', link: '/app/locations', useRedirect: true },
+//         ],
+//         includeId: true,
+//     },
+// }
+// isDataStore=true: Data > Store > Locations
+// isDataStore=false: Modules > Associated Information > Locations > {id}
+
+// 9. Suffix items
+// 'mine-monitoring': {
+//     path: [
+//         'modules',
+//         { key: 'mines', link: '/app/mines' }
+//     ],
+//     includeId: true,
+//     suffix: ['visits'],  // ← Added at the end
+// }
+// With id='MINE-789':
+// Result: Modules > Mines > MINE-789 > Visits
+
+// 10. Complex multi level path
+// 'monitoringReport': {
+//     path: [
+//         'modules',  // Static label
+//         { key: 'mines', link: '/app/mines' },  // Clickable parent
+//         { key: 'id', link: (id) => `/app/mines/${id}` },  // Dynamic ID with link
+//         'monitoringReport',  // Static label at end
+//     ],
+// }
+// With id='MINE-999':
+// Result: Modules > Mines (→/app/mines) > MINE-999 (→/app/mines/MINE-999) > Executive Monitoring Report
+
+// 11. Access multiple options in condition
+// 'custom-view': {
+//     condition: (opts) => opts.isDataStore && opts.isEdit && opts.id,
+//     path: ['data', 'custom'],
+// }
+// Available in opts: { isDataStore, isAnalysis, isEdit, isView, id, view }
+
 styled__default["default"].div`
   display: flex;
   flex-direction: column;
@@ -54918,7 +55525,7 @@ const PlantingLocations = ({
   const {
     loading: plantingLocationsLoading,
     data: plantingLocationsData
-  } = useWidgetFetch({
+  } = useWidgetFetch$1({
     config: defaultConfig,
     getData: customGetData
   });
@@ -55063,7 +55670,7 @@ const getFormatDate = (date, breakLine = false, timeFilter = 'monthly') => {
     case "daily":
       return date.format("DD/MM");
     case "weekly":
-      return `W${renderNumber(date.week())}`;
+      return `W${renderNumber$1(date.week())}`;
     default:
       // Monthly format: "Dec 24", "Jan 25", etc.
 
@@ -55616,7 +56223,7 @@ const CycleOutcomes = ({
   const {
     loading: dataDetailsLoading,
     data: dataDetails
-  } = useWidgetFetch({
+  } = useWidgetFetch$1({
     config: defaultConfig,
     getData: customGetData
   });
@@ -55952,7 +56559,7 @@ const getHealthAndSafetyTooltipChildren = (item, isEmpty, healthAndSafetyDistrib
   });
 };
 
-const filterOptions = [{
+const filterOptions$1 = [{
   value: 'aidKitAccessible',
   label: 'Aid kit availability'
 }, {
@@ -56004,7 +56611,7 @@ const HealthAndSafety = ({
   const {
     loading: pieChartLoading,
     data: pieChartData
-  } = useWidgetFetch({
+  } = useWidgetFetch$1({
     config: defaultConfig,
     getData: customGetData
   });
@@ -56053,7 +56660,7 @@ const HealthAndSafety = ({
 
   // Get the label for the selected field to use as tooltip title
   const selectedFieldLabel = React.useMemo(() => {
-    const selectedOption = filterOptions.find(opt => opt.value === selectedField);
+    const selectedOption = filterOptions$1.find(opt => opt.value === selectedField);
     return selectedOption ? selectedOption.label : 'Health and Safety';
   }, [selectedField]);
   const getTooltipChildren = React.useCallback(item => getHealthAndSafetyTooltipChildren(item, isEmpty, healthAndSafetyDistributionData, t, renderTooltipJsx, selectedFieldLabel), [t, isEmpty, healthAndSafetyDistributionData, selectedFieldLabel]);
@@ -56076,7 +56683,7 @@ const HealthAndSafety = ({
           width: 180
         },
         onChange: handleFilterChange,
-        options: filterOptions.map(opt => ({
+        options: filterOptions$1.map(opt => ({
           ...opt,
           label: t(opt.label)
         })),
@@ -56133,7 +56740,7 @@ const CycleIndicators = ({
   const {
     loading: indicatorsLoading,
     data: indicatorsData
-  } = useWidgetFetch({
+  } = useWidgetFetch$1({
     config: defaultConfig,
     getData: customGetData
   });
@@ -56642,7 +57249,7 @@ const CommunityParticipation = ({
   const {
     loading: communityParticipationLoading,
     data: communityParticipationData
-  } = useWidgetFetch({
+  } = useWidgetFetch$1({
     config: defaultConfig,
     getData: customGetData
   });
@@ -57363,7 +57970,7 @@ const AssociatedInformation = ({
     loading: associatedInformationLoading,
     data: associatedInformationData,
     setData
-  } = useWidgetFetch({
+  } = useWidgetFetch$1({
     config: defaultConfig,
     getData: customGetData
   });
@@ -57497,7 +58104,7 @@ const KeyInformation$1 = ({
   const {
     loading: keyInformationLoading,
     data: keyInformationData
-  } = useWidgetFetch({
+  } = useWidgetFetch$1({
     config: defaultConfig,
     getData: customGetData
   });
@@ -57647,7 +58254,7 @@ const KeyInformation = ({
   const {
     loading: keyInformationLoading,
     data: keyInformationData
-  } = useWidgetFetch({
+  } = useWidgetFetch$1({
     config: defaultConfig,
     getData: customGetData
   });
@@ -57704,7 +58311,7 @@ const MonitoringScopeAndFindings = ({
   const {
     loading: monitoringScopeLoading,
     data: monitoringScopeData
-  } = useWidgetFetch({
+  } = useWidgetFetch$1({
     config: defaultConfig,
     getData: customGetData
   });
@@ -58492,7 +59099,7 @@ const MangroveGrowth = ({
   const {
     loading: outcomesLoading,
     data: outcomesData
-  } = useWidgetFetch({
+  } = useWidgetFetch$1({
     config: defaultConfig,
     getData: customGetData
   });
@@ -58772,7 +59379,7 @@ const BiodiversityHabitat = ({
   const {
     loading: outcomesLoading,
     data: outcomesData
-  } = useWidgetFetch({
+  } = useWidgetFetch$1({
     config: defaultConfig,
     getData: customGetData
   });
@@ -59047,7 +59654,7 @@ const SalinityLevels = ({
               title: options?.soilTypes?.find(option => option.value === item?.soilType)?.label || title,
               items: [{
                 label: t("Average salinity"),
-                value: `${renderNumber(item?.value || 0)} dS/m`
+                value: `${renderNumber$1(item?.value || 0)} dS/m`
               }]
             };
           }
@@ -59164,7 +59771,7 @@ const SoilWaterProfile = ({
   const {
     loading: outcomesLoading,
     data: outcomesData
-  } = useWidgetFetch({
+  } = useWidgetFetch$1({
     config: defaultConfig,
     getData: customGetData
   });
@@ -59402,7 +60009,7 @@ const StakeholderMapping = ({
   const {
     data,
     loading
-  } = useWidgetFetch({
+  } = useWidgetFetch$1({
     config: defaultFilter
   });
   const graphData = React.useMemo(() => {
@@ -59593,7 +60200,7 @@ const MineDetailsSection = ({
   const {
     data,
     loading: loadingData
-  } = useWidgetFetch({
+  } = useWidgetFetch$1({
     config: defaultFetchConfig
   });
   return /*#__PURE__*/jsxRuntime.jsxs("section", {
@@ -59779,7 +60386,7 @@ const getKeyIndicatorsRowConfig = ({
 }, {
   label: t('Monitored Area'),
   render: () => /*#__PURE__*/jsxRuntime.jsx("div", {
-    children: data?.totalAreaParcelMonitored ? `${renderNumber(data?.totalAreaParcelMonitored)} ha` : '0 ha'
+    children: data?.totalAreaParcelMonitored ? `${renderNumber$1(data?.totalAreaParcelMonitored)} ha` : '0 ha'
   })
 }];
 const getSiteConditionsConfig = ({
@@ -59822,12 +60429,12 @@ const getEnvironmentalMetricsConfig = ({
 }, {
   label: t('Soil Salinity'),
   render: () => /*#__PURE__*/jsxRuntime.jsx("div", {
-    children: data?.soilSalinity ? `${renderNumber(data.soilSalinity)} ${data?.soilSalinityUnit || 'dS/m'}` : '-'
+    children: data?.soilSalinity ? `${renderNumber$1(data.soilSalinity)} ${data?.soilSalinityUnit || 'dS/m'}` : '-'
   })
 }, {
   label: t('pH Level'),
   render: () => /*#__PURE__*/jsxRuntime.jsx("div", {
-    children: renderNumber(data?.phLevel) || '-'
+    children: renderNumber$1(data?.phLevel) || '-'
   })
 }, {
   label: t('Water Quality'),
@@ -62902,6 +63509,1068 @@ const Edit = ({
   });
 };
 
+const renderNumber = (number, locale = 'en') => {
+  return new Intl.NumberFormat(locale).format(number);
+};
+const getRowConfig = ({
+  t,
+  data = {},
+  goTo,
+  getRedirectLink,
+  theme = {}
+}) => [{
+  label: /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "flex",
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex-1",
+      children: t("Identified Armed Groups")
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "cursor-pointer",
+      onClick: () => goTo(getRedirectLink("/app/armed-groups")),
+      children: /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
+        name: "LinkNewTab",
+        width: 16,
+        height: 16,
+        color: theme.colorPrimary
+      })
+    })]
+  }),
+  render: () => {
+    return /*#__PURE__*/jsxRuntime.jsx("span", {
+      children: renderNumber(data.armedGroups ?? 0, "en")
+    });
+  }
+}, {
+  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: renderNumber(data?.incidents ?? 0, "en")
+  })
+}, {
+  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: () => /*#__PURE__*/jsxRuntime.jsx("span", {
+    children: renderNumber(data.locations ?? 0, "en")
+  })
+}, {
+  label: /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "flex",
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex-1",
+      children: t("Testimonials")
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "cursor-pointer",
+      onClick: () => goTo(getRedirectLink("/app/testimonials")),
+      children: /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
+        name: "LinkNewTab",
+        width: 16,
+        height: 16,
+        color: theme.colorPrimary
+      })
+    })]
+  }),
+  render: () => /*#__PURE__*/jsxRuntime.jsx("span", {
+    children: renderNumber(data.testimonials ?? 0, "en")
+  })
+}, {
+  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: renderNumber(data.partners ?? 0, "en")
+  })
+}];
+
+const defaultFetchConfig = {
+  url: "/informations",
+  filters: {},
+  basepath: "dashboard/conflict-management"
+};
+function KeyIndicators({
+  selectedPartners = {},
+  partners = 0,
+  t = s => s,
+  goTo = () => {},
+  getRedirectLink = s => s,
+  theme = {}
+}) {
+  const fetchConfig = React.useMemo(() => ({
+    ...defaultFetchConfig,
+    filters: {
+      sources: selectedPartners?.partners || []
+    },
+    stop: selectedPartners?.loading
+  }), [selectedPartners]);
+  const {
+    data,
+    loading
+  } = useWidgetFetch$1({
+    config: fetchConfig
+  });
+  const config = React.useMemo(() => getRowConfig({
+    t,
+    data: {
+      ...data,
+      partners
+    },
+    goTo,
+    getRedirectLink,
+    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 areaColors = ["#6698E4", "#B37FEB", "#FF9C6E", "#95DE64", "#FF85C0"];
+
+const TERRITORY_MAP = "territory";
+const EVENT_MAP = "event";
+function MineSites({
+  selectedPartners = {},
+  t = s => s,
+  goTo = () => {},
+  getRedirectLink = s => s,
+  theme = {},
+  APP,
+  options = {},
+  user = {}
+}) {
+  const tabs = React.useMemo(() => [{
+    value: TERRITORY_MAP,
+    label: t("Armed Groups")
+  }, {
+    value: EVENT_MAP,
+    label: t("Incidents")
+  }], [t]);
+  const [filters, setFilters] = React.useState({});
+  const [activeTab, setActiveTab] = React.useState(tabs[0].value);
+
+  // useEffect(() => {
+  // 	setFilters({});
+  // }, [activeTab]);
+
+  const defaultFetchConfig = React.useMemo(() => ({
+    basepath: "analytics",
+    url: "/widgets/gps-monitoring",
+    filters: {
+      activeTab,
+      sources: selectedPartners?.partners || [],
+      ...filters,
+      ...(activeTab === 'event' ? {
+        eventTypes: ['incident']
+      } : {})
+    },
+    defaultData: [],
+    stop: selectedPartners?.loading
+  }), [activeTab, selectedPartners, filters]);
+  const {
+    data,
+    loading
+  } = useWidgetFetch$1({
+    config: defaultFetchConfig
+  });
+  // const { user } = useSelector((state) => state.authentication);
+
+  const filtersConfig = React.useMemo(() => {
+    if (activeTab === EVENT_MAP) {
+      return [{
+        label: t("Location type"),
+        placeholder: t("Select"),
+        key: "category",
+        type: "select",
+        value: filters?.category || "all",
+        options: [{
+          label: t("All"),
+          value: "all"
+        }, ...(options?.locationCategories || [])]
+      }];
+    }
+  }, [activeTab, filters, t, options.locationCategories]);
+  const onFilterChange = filters => {
+    setFilters(p => ({
+      ...p,
+      ...filters
+    }));
+  };
+  const renderTooltip = data => {
+    if (activeTab === TERRITORY_MAP) {
+      return [{
+        label: t("Members"),
+        value: data.numberOfMembers || "--"
+      }, {
+        label: t("Location"),
+        value: data?.headquarters || "--"
+      }];
+    } else {
+      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
+      }];
+    }
+  };
+  const onClickLink = data => {
+    const sourceId = data?.authorId;
+    const getLink = link => getRedirectLink(sourceId && sourceId !== user?.company?.id ? `${link}?sourceId=${sourceId}` : link);
+    if (activeTab === TERRITORY_MAP) {
+      goTo(`/app/view/armed-groups/${data?.datastakeId}`);
+    } else {
+      switch (data?.category) {
+        case "mineSite":
+          return goTo(getLink(`/app/mine-summary/${data?.datastakeId}`));
+        case "area":
+          return goTo(getLink(`/app/view/conflict-areas/${data?.datastakeId}`));
+        default:
+          goTo(getLink(`/app/view/locations/${data?.datastakeId}`));
+      }
+    }
+  };
+  const mapData = React.useMemo(() => {
+    if (activeTab === TERRITORY_MAP) {
+      const safeData = Array.isArray(data) ? data : [];
+      if (safeData.length === 0) return [];
+      return safeData.map((d, index) => {
+        return {
+          ...d,
+          area: d?.areaOfInfluence?.areaOfInfluence || {},
+          gps: {
+            latitude: 7,
+            longitude: 1
+          },
+          color: areaColors[index % areaColors.length]
+        };
+      });
+    } else {
+      const safeData = Array.isArray(data) ? data : [];
+      if (safeData.length === 0) return [];
+      const locations = {};
+      data.filter(d => d?.location).forEach(d => {
+        const {
+          location,
+          ...rest
+        } = d;
+        const event = {
+          ...rest,
+          type: rest.severity ? `${rest.severity}_incident` : ""
+        };
+        if (locations[location.datastakeId]) {
+          locations[location.datastakeId].data.push(event);
+        } else {
+          locations[location.datastakeId] = {
+            gps: location.gps,
+            name: location.name,
+            datastakeId: location.datastakeId,
+            authorId: location?.authorId,
+            data: [event],
+            type: options.locationCategories.find(c => c.value === location.category)?.label,
+            category: location.category
+          };
+        }
+      });
+      return Object.values(locations).map(d => {
+        d.data.forEach(d => {
+          if (Array.isArray(d.sources)) {
+            d.sources.forEach(s => {
+            });
+          }
+        });
+        return {
+          ...d,
+          total: d.data.length || 0
+        };
+      });
+    }
+  }, [activeTab, data.length, data, options.locationCategory, filters.type]);
+  const _mapData = React.useMemo(() => {
+    return mapData?.filter(d => d?.gps);
+  }, [activeTab, mapData]);
+  return /*#__PURE__*/jsxRuntime.jsx(Widget, {
+    loading: loading,
+    title: t("Conflict Map"),
+    className: "v2-widget no-px no-pb-body h-w-btn-header",
+    tabsConfig: {
+      tabs,
+      value: activeTab,
+      onChange: setActiveTab
+    },
+    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: activeTab === TERRITORY_MAP ? undefined : filtersConfig,
+      renderTooltip: renderTooltip,
+      onClickLink: onClickLink,
+      link: true
+    }, activeTab)
+  });
+}
+
+function useIncidentsTimeline({
+  t = () => {},
+  options = {}
+}) {
+  const [filters, setFilters] = React.useState({
+    severity: "all"
+  });
+  const filtersConfig = React.useMemo(() => ({
+    filtersConfig: {
+      severity: {
+        type: "select",
+        label: "",
+        placeholder: t => t(""),
+        style: {
+          flex: 1
+        },
+        labelStyle: {
+          flex: 1
+        }
+      }
+    },
+    onApply: val => setFilters(val),
+    options: {
+      severity: [{
+        value: "all",
+        label: t("All")
+      }, ...(options?.severityOptions || [])]
+    },
+    selectedFilters: filters,
+    type: "small",
+    t
+  }), [t, filters, options?.severityOptions]);
+  return {
+    filters,
+    filtersConfig
+  };
+}
+
+function IncidentsTime({
+  selectedRange,
+  selectedPartners = {},
+  t = () => {},
+  goTo = s => s,
+  getRedirectLink = s => s,
+  theme = {},
+  APP,
+  options = {}
+}) {
+  const {
+    filters,
+    filtersConfig
+  } = useIncidentsTimeline({
+    t,
+    options
+  });
+  const {
+    user
+  } = useSelector(state => state.authentication);
+  React.useCallback(sourceId => {
+    if (user?.company?.id !== sourceId) {
+      return `?sourceId=${sourceId}`;
+    }
+    return "";
+  }, [user?.company?.id]);
+  const defaultFetchConfig = React.useMemo(() => ({
+    url: `/incidents-timeline`,
+    filters: {
+      ...filters,
+      severity: filters.severity ? filters.severity : "all",
+      period: selectedRange,
+      sources: selectedPartners?.partners || []
+    },
+    defaultData: [],
+    stop: selectedPartners?.loading
+  }), [filters, selectedRange, selectedPartners]);
+  const chartConfig = {};
+  const {
+    data,
+    loading
+  } = useWidgetFetch(defaultFetchConfig);
+  return /*#__PURE__*/jsxRuntime.jsx(Widget, {
+    loading: loading,
+    filtersConfig: filtersConfig,
+    title: t("Incidents Timeline"),
+    className: "with-border-header",
+    t: t,
+    children: /*#__PURE__*/jsxRuntime.jsx(StackChart, {
+      ...chartConfig,
+      height: "400px",
+      t: t
+    })
+  });
+}
+IncidentsTime.propTypes = {
+  selectedRange: PropTypes__default["default"].string,
+  selectedPartners: PropTypes__default["default"].object,
+  t: PropTypes__default["default"].func,
+  goTo: PropTypes__default["default"].func,
+  getRedirectLink: PropTypes__default["default"].func,
+  theme: PropTypes__default["default"].object,
+  APP: PropTypes__default["default"].string,
+  options: PropTypes__default["default"].object
+};
+
+function useTerritorialDistribution({
+  t = s => {
+  },
+  options = {}
+}) {
+  const [filters, setFilters] = React.useState({
+    filter1: 'all',
+    filter2: 'all'
+  });
+  const filtersConfig = React.useMemo(t => ({
+    onApply: val => setFilters(val),
+    options: {
+      filter1: [{
+        label: t('All'),
+        value: 'all'
+      }],
+      filter2: [{
+        label: t('All'),
+        value: 'all'
+      }]
+    },
+    selectedFilters: filters,
+    type: 'small',
+    t
+  }), [t, filters]);
+  return {
+    filters,
+    filtersConfig,
+    setFilters,
+    t
+  };
+}
+const getColors = theme => {
+  return [theme.colorPrimary8, theme.colorPrimary7, theme.colorPrimary5, theme.colorPrimary6, theme.colorPrimary4];
+};
+
+function TerritorialDistribution({
+  selectedPartners = {},
+  loading: parentLoading = false,
+  t = s => s,
+  theme = {},
+  category = "conflict",
+  selectedRange,
+  goTo = () => {},
+  getRedirectLink = () => {}
+}) {
+  const {
+    filters,
+    filtersConfig
+  } = useTerritorialDistribution({
+    t
+  });
+  const colors = getColors(theme);
+  const defaultFetchConfig = React.useMemo(() => ({
+    url: "/territorial-distribution",
+    filters: {
+      ...filters,
+      category,
+      period: selectedRange,
+      sources: selectedPartners?.partners || []
+    },
+    defaultData: [],
+    stop: selectedPartners?.loading
+  }), [filters, category, selectedRange, selectedPartners]);
+  const {
+    data,
+    loading
+  } = useWidgetFetch$1({
+    config: defaultFetchConfig
+  });
+  const pieData = React.useMemo(() => {
+    if (!data || Array.isArray(data)) return [];
+    const all = Object.keys(data);
+    const totalEvents = all.reduce((acc, key) => acc + (data[key]?.events?.length || 0), 0);
+    return all.sort((a, b) => (data[b]?.events?.length || 0) - (data[a]?.events?.length || 0)).map((key, index) => {
+      const item = data[key];
+      return {
+        value: item?.events?.length,
+        label: item?.locationData?.name,
+        locationData: item?.locationData,
+        color: colors[index % colors.length],
+        percent: totalEvents ? item?.events?.length / totalEvents : 0
+      };
+    });
+  }, [data, colors]);
+  const isEmpty = !pieData.length;
+  const getTooltipChildren = React.useCallback(items => {
+    const item = items[0];
+    return renderTooltipJsx({
+      title: item?.label || t("Undetermined"),
+      link: true,
+      onClickLink: () => {
+        if (item?.label) {
+          goTo(`/app/incident?administrativeLevel1=${item?.locationData?.administrativeLevel1}&administrativeLevel2=${item?.locationData?.administrativeLevel2}&country=${item?.locationData?.country}`);
+        } else {
+          goTo("/app/incident");
+        }
+      },
+      items: [{
+        label: t("Number of incidents"),
+        value: item?.value
+      }]
+    });
+  }, [t, goTo]);
+  return /*#__PURE__*/jsxRuntime.jsx(Widget, {
+    loading: loading || parentLoading,
+    title: t("Territorial Distribution"),
+    className: "with-border-header",
+    filtersConfig: filtersConfig,
+    children: /*#__PURE__*/jsxRuntime.jsx(Chart, {
+      mouseXOffset: 10,
+      mouseYOffset: 10,
+      changeOpacityOnHover: false,
+      data: pieData,
+      doConstraints: false,
+      isPie: true,
+      t: t,
+      isEmpty: isEmpty,
+      getTooltipChildren: getTooltipChildren
+    })
+  });
+}
+TerritorialDistribution.propTypes = {
+  selectedPartners: PropTypes__default["default"].object,
+  loading: PropTypes__default["default"].bool,
+  t: PropTypes__default["default"].func,
+  theme: PropTypes__default["default"].object,
+  category: PropTypes__default["default"].string,
+  selectedRange: PropTypes__default["default"].string
+};
+
+function useProblemSolvers(t = () => {}) {
+  const [filters, setFilters] = React.useState({
+    administrativeLevel1: "all"
+  });
+  const [filterOptions, setFilterOptions] = React.useState([]);
+  React.useEffect(() => {
+    async function fetchOptions() {
+      try {
+        const {
+          data
+        } = await DashboardService$1.getWidget({
+          url: "/problem-solvers"
+        });
+        const rawOptions = Object.keys(data).map(agentKey => {
+          const actions = data[agentKey]?.actions || [];
+          return actions.map(action => {
+            const lvl1 = action?.location?.administrativeLevel1;
+            const name = action?.location?.name || action?.location?.administrativeLevel1 || null;
+            if (!lvl1 || !name) return undefined;
+            return {
+              label: name,
+              value: lvl1
+            };
+          }).filter(Boolean);
+        }).flat();
+        const unique = [...new Map(rawOptions.map(item => [item.value, item])).values()];
+        setFilterOptions(unique);
+      } catch (err) {
+        console.error("Problem Solvers fetch failed:", err);
+      }
+    }
+    fetchOptions();
+  }, []);
+  const filtersConfig = React.useMemo(() => ({
+    filtersConfig: {
+      administrativeLevel1: {
+        type: "select",
+        label: "",
+        placeholder: t("Select"),
+        style: {
+          flex: 1
+        },
+        labelStyle: {
+          flex: 1
+        }
+      }
+    },
+    onApply: val => setFilters(val),
+    options: {
+      administrativeLevel1: [{
+        label: t("All"),
+        value: "all"
+      }, ...filterOptions]
+    },
+    selectedFilters: filters,
+    type: "small",
+    t
+  }), [t, filters, filterOptions]);
+  return {
+    filters,
+    filtersConfig
+  };
+}
+
+const distributionColors = ["#3061A8", "#6698E4", "#A6C3EF", "#D6E3F8", "#E6EEFB"];
+function ProblemSolvers({
+  selectedPartners = {},
+  loading: parentLoading = false,
+  t = () => {},
+  theme = {},
+  selectedRange,
+  goTo = () => {},
+  getRedirectLink = () => {}
+}) {
+  const {
+    filters,
+    filtersConfig
+  } = useProblemSolvers();
+  const defaultFetchConfig = React.useMemo(() => ({
+    basepath: "conflict-management",
+    url: "/problem-solvers",
+    filters: {
+      ...filters,
+      period: selectedRange,
+      sources: selectedPartners?.partners || []
+    },
+    defaultData: [],
+    stop: selectedPartners?.loading
+  }), [filters, selectedRange, selectedPartners]);
+  const {
+    data,
+    loading
+  } = useWidgetFetch$1({
+    config: defaultFetchConfig
+  });
+  const pieData = React.useMemo(() => {
+    if (!data || Array.isArray(data)) return [];
+    const all = Object.keys(data);
+    const totalActions = all.reduce((acc, key) => acc + (data[key]?.actions?.length || 0), 0);
+    return all.sort((a, b) => (data[b]?.actions?.length || 0) - (data[a]?.actions?.length || 0)).map((key, index) => {
+      const item = data[key];
+      return {
+        value: item?.actions?.length,
+        label: item?.implementerData?.name,
+        implementerData: item?.implementerData,
+        color: distributionColors[index % distributionColors.length],
+        percent: totalActions ? item?.actions?.length / totalActions : 0
+      };
+    });
+  }, [data]);
+  const isEmpty = !pieData.length;
+  const getTooltipChildren = React.useCallback(items => {
+    const item = items[0];
+    return renderTooltipJsx({
+      title: item?.label || t("Undetermined"),
+      link: true,
+      onClickLink: () => {
+        goTo("/app/corrective-actions");
+      },
+      items: [{
+        label: t("Number of actions"),
+        value: item?.value
+      }]
+    });
+  }, [t, goTo]);
+  return /*#__PURE__*/jsxRuntime.jsx(Widget, {
+    loading: loading || parentLoading,
+    title: t("Problem Solvers"),
+    filtersConfig: filtersConfig,
+    className: "with-border-header",
+    children: /*#__PURE__*/jsxRuntime.jsx(Chart, {
+      mouseXOffset: 10,
+      mouseYOffset: 10,
+      changeOpacityOnHover: false,
+      data: pieData,
+      doConstraints: false,
+      isPie: true,
+      t: t,
+      isEmpty: isEmpty,
+      getTooltipChildren: getTooltipChildren
+    })
+  });
+}
+ProblemSolvers.propTypes = {
+  selectedPartners: PropTypes__default["default"].object,
+  loading: PropTypes__default["default"].bool,
+  t: PropTypes__default["default"].func,
+  theme: PropTypes__default["default"].object,
+  selectedRange: PropTypes__default["default"].string
+};
+
+const filterOptions = [{
+  label: '12 months',
+  value: '12'
+}, {
+  label: '3 months',
+  value: '3'
+}];
+
+function RisksWidget({
+  title = "Analytics",
+  selectedPartners = {},
+  t = s => s,
+  goTo = () => {},
+  getRedirectLink = s => s,
+  theme = {},
+  APP,
+  options = {},
+  category = "conflict",
+  user = {}
+}) {
+  const [range, setRange] = React.useState(filterOptions[0].value);
+  return /*#__PURE__*/jsxRuntime.jsx(Widget, {
+    title: t(title),
+    className: "with-border-header month-select-header",
+    addedHeader: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "flex-1"
+      }), /*#__PURE__*/jsxRuntime.jsx("div", {
+        children: /*#__PURE__*/jsxRuntime.jsx(antd.Select, {
+          value: range,
+          className: "custom-select white month-select",
+          onChange: val => setRange(val),
+          children: filterOptions.map(o => /*#__PURE__*/jsxRuntime.jsx(antd.Select.Option, {
+            value: o.value,
+            children: t(o.label)
+          }, o.value))
+        })
+      })]
+    }),
+    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex flex-row flex-col-mobile gap-6",
+      children: [/*#__PURE__*/jsxRuntime.jsx(IncidentsTime, {
+        selectedRange: range,
+        selectedPartners: selectedPartners,
+        t: t,
+        theme: theme,
+        goTo: goTo,
+        getRedirectLink: getRedirectLink,
+        options: options,
+        user: user
+      }), /*#__PURE__*/jsxRuntime.jsx(TerritorialDistribution, {
+        category: category,
+        selectedRange: range,
+        selectedPartners: selectedPartners,
+        t: t,
+        theme: theme,
+        goTo: goTo,
+        getRedirectLink: getRedirectLink
+      }), /*#__PURE__*/jsxRuntime.jsx(ProblemSolvers, {
+        selectedRange: range,
+        selectedPartners: selectedPartners,
+        t: t,
+        theme: theme,
+        goTo: goTo,
+        getRedirectLink: getRedirectLink
+      })]
+    })
+  });
+}
+
+function useSource({
+  user = {},
+  t = () => {},
+  getData = () => {},
+  id
+}) {
+  const [loading, setLoading] = React.useState(true);
+  const [partners, setPartners] = React.useState([]);
+  const [selectedPartners, setSelectedPartners] = React.useState({
+    loading: true
+  });
+  React.useEffect(() => {
+    async function fetchPartners() {
+      try {
+        setLoading(true);
+        const {
+          data
+        } = await getData({
+          page: 1,
+          pageSize: 100,
+          type: "partners"
+        });
+        if (id === undefined) {
+          const _partners = [{
+            nickName: t("Own Data"),
+            id: user?.company?.id
+          }, ...(data.data || []).filter(v => v.status === "active" && ["source", "exchange"].includes(v.partnershipType)).map(v => ({
+            ...v,
+            id: v?.company?.id
+          }))];
+          setPartners(_partners);
+          setSelectedPartners({
+            partners: _partners.map(s => s.id),
+            channels: user?.channels?.map(s => ({
+              id: s.id,
+              type: s.type,
+              inbound: s?.inbound?.id,
+              outbound: s?.outbound?.id
+            })),
+            loading: false
+          });
+        } else {
+          setPartners(data?.map(p => {
+            return {
+              ...p,
+              nickName: p?.name,
+              id: p.id
+            };
+          }));
+          setSelectedPartners({
+            partners: data?.map(p => p.id),
+            loading: false
+          });
+        }
+      } catch (error) {
+        console.error("Error fetching partners:", error);
+      }
+    }
+    fetchPartners();
+  }, [user.language, id]);
+  function handleSelectedPartnersChange(selected) {
+    setSelectedPartners(prev => ({
+      ...prev,
+      partners: selected,
+      loading: false
+    }));
+  }
+  // }
+
+  return {
+    loading,
+    partners,
+    selectedPartners,
+    setSelectedPartners,
+    onSelectPartnersChange: handleSelectedPartnersChange
+  };
+}
+const useSources = ({
+  type,
+  id,
+  user,
+  t = () => {},
+  stop
+}) => {
+  function getData(params) {
+    if (stop) return Promise.resolve({
+      data: []
+    });
+    if (id !== undefined && id !== null) {
+      return SourceService$1.getSources({
+        type,
+        id
+      });
+    } else {
+      return SourceService$1.get(null, params);
+    }
+  }
+  const {
+    onSelectPartnersChange,
+    partners,
+    selectedPartners,
+    setSelectedPartners
+  } = useSource({
+    user,
+    t,
+    getData: getData,
+    id
+  });
+  const informationSources = partners?.length > 0 ? partners?.length - 1 : 0;
+  return {
+    partners,
+    selectedPartners,
+    setSelectedPartners,
+    user,
+    informationSources: informationSources,
+    onSelectPartnersChange
+  };
+};
+
+function ConflictManagement({
+  t = () => {},
+  user = {},
+  APP,
+  goTo = () => {},
+  getRedirectLink = s => s,
+  theme = {},
+  options = {}
+}) {
+  const {
+    partners,
+    selectedPartners,
+    setSelectedPartners,
+    informationSources
+  } = useSources({
+    user,
+    t
+  });
+
+  // const { pushPath } = useHistory();
+
+  // useEffect(() => {
+  // 	pushPath(`/app/conflict-management`);
+  // }, []);
+
+  const breadCrumbs = React.useMemo(() => {
+    return renderBreadCrumbs({
+      t,
+      view: "conflict-management",
+      mod: APP,
+      goTo
+    });
+  }, [t, APP, goTo]);
+  const sourceOptions = React.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",
+          width: 14,
+          height: 14
+        }),
+        background: isOwnData ? theme.colorPrimary7 : undefined,
+        color: isOwnData ? "white" : undefined
+      };
+    });
+  }, [partners, user, theme]);
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "daf-analysis",
+    children: [/*#__PURE__*/jsxRuntime.jsx(DAFHeader, {
+      title: t("conflict-management"),
+      breadcrumbs: breadCrumbs,
+      supportText: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [t("Supported by"), " ", /*#__PURE__*/jsxRuntime.jsx("a", {
+          href: "https://www.eeas.europa.eu/delegations/dr-congo-kinshasa_en?s=94",
+          target: "_blank",
+          rel: "noreferrer",
+          children: t("European Union")
+        })]
+      }),
+      addedHeader: /*#__PURE__*/jsxRuntime.jsxs("div", {
+        children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "flex-1"
+        }), /*#__PURE__*/jsxRuntime.jsx(Multiselect, {
+          options: [...sourceOptions],
+          isAvatarGroup: true,
+          canUnselectLast: false,
+          onChange: selected => {
+            setSelectedPartners(prev => ({
+              ...prev,
+              partners: selected,
+              loading: false
+            }));
+          },
+          dropDownWidth: 200,
+          selectionType: "checkbox",
+          defaultSelected: partners.map(p => p.id) || []
+        }, partners?.length)]
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "content",
+      children: /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "view-content",
+        children: /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "daf-analysis-layout",
+          children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+            className: "sections-cont w-pt",
+            children: [/*#__PURE__*/jsxRuntime.jsx("section", {
+              children: /*#__PURE__*/jsxRuntime.jsx(KeyIndicators, {
+                selectedPartners: selectedPartners,
+                partners: informationSources > 0 ? informationSources : selectedPartners?.partners?.length > 0 ? selectedPartners?.partners?.length : 0,
+                t: t,
+                goTo: goTo,
+                getRedirectLink: getRedirectLink,
+                theme: theme
+              })
+            }), /*#__PURE__*/jsxRuntime.jsx("section", {
+              children: /*#__PURE__*/jsxRuntime.jsx(MineSites, {
+                selectedPartners: selectedPartners,
+                t: t,
+                goTo: goTo,
+                getRedirectLink: getRedirectLink,
+                theme: theme,
+                APP: APP,
+                options: options
+              })
+            }), /*#__PURE__*/jsxRuntime.jsx("section", {
+              children: /*#__PURE__*/jsxRuntime.jsx(RisksWidget, {
+                selectedPartners: selectedPartners,
+                t: t,
+                goTo: goTo,
+                getRedirectLink: getRedirectLink,
+                theme: theme,
+                APP: APP,
+                options: options
+              })
+            })]
+          })
+        })
+      })
+    })]
+  });
+}
+
+exports.ConflictManagement = ConflictManagement;
 exports.Edit = Edit;
 exports.MineSummary = MineSummary;
 exports.MonitoringActivitySummary = MonitoringActivitySummary;