datastake-daf 0.6.792 → 0.6.794

package/dist/pages/index.js

@@ -7126,7 +7126,7 @@ const getRowConfig$1 = ({
 const MOBILE_W = 850;
 const MOBILE_WIDTH = `max-width: ${MOBILE_W}px`;
 
-const Style$g = styled__default["default"].div`
+const Style$k = styled__default["default"].div`
 	overflow-x: auto;
 
 	@media (${MOBILE_WIDTH}) {
@@ -7601,7 +7601,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$g, {
+    children: [children, /*#__PURE__*/jsxRuntime.jsx(Style$k, {
       className: formatClassname(["flex", className]),
       children: config.map((c, i) => /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: `row-item ${c.icon ? 'row-item-with-icon' : ''}`,
@@ -7720,7 +7720,7 @@ KeyIndicators$1.propTypes = {
   goTo: PropTypes__default["default"].func
 };
 
-const Style$f = styled__default["default"].div`
+const Style$j = styled__default["default"].div`
   display: flex;
   flex-direction: row;
   position: relative;
@@ -9277,7 +9277,7 @@ function LocationIcon({
   });
 }
 
-const Style$e = styled__default["default"].div`
+const Style$i = styled__default["default"].div`
   .main {
     width: 24px;
     height: 24px;
@@ -9422,7 +9422,7 @@ function StakeholderIcon({
         onClickLink: () => onClickLink(marker)
       }),
       getPopupContainer: () => document.getElementById("map"),
-      children: /*#__PURE__*/jsxRuntime.jsx(Style$e
+      children: /*#__PURE__*/jsxRuntime.jsx(Style$i
       // onClick={toggleOpen}
       , {
         className: `map-marker marker closed`,
@@ -9435,7 +9435,7 @@ function StakeholderIcon({
       })
     });
   }
-  return /*#__PURE__*/jsxRuntime.jsxs(Style$e, {
+  return /*#__PURE__*/jsxRuntime.jsxs(Style$i, {
     onClick: toggleOpen,
     className: `map-marker marker ${isActive ? "opened" : "closed"}`,
     children: [/*#__PURE__*/jsxRuntime.jsx("div", {
@@ -10284,7 +10284,7 @@ const useMap = ({
   };
 };
 
-const Style$d = styled__default["default"].div`
+const Style$h = styled__default["default"].div`
 	position: relative;
 	width: 100%;
 	height: 100%;
@@ -10357,7 +10357,7 @@ function ComponentWithFocus({
       setClosed(false);
     }
   }, [closed]);
-  return /*#__PURE__*/jsxRuntime.jsxs(Style$d, {
+  return /*#__PURE__*/jsxRuntime.jsxs(Style$h, {
     className: className,
     ref: ref,
     style: style,
@@ -10369,7 +10369,7 @@ function ComponentWithFocus({
   });
 }
 
-const Style$c = styled__default["default"].div`
+const Style$g = styled__default["default"].div`
   position: absolute; 
   top: 24px;
   left: 24px;
@@ -10544,7 +10544,7 @@ function Filters({
         return null;
     }
   };
-  return /*#__PURE__*/jsxRuntime.jsxs(Style$c, {
+  return /*#__PURE__*/jsxRuntime.jsxs(Style$g, {
     children: [/*#__PURE__*/jsxRuntime.jsxs(antd.Button, {
       onClick: () => setOpened(p => !p),
       children: [t("Filter"), /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
@@ -10625,7 +10625,7 @@ function Map$1({
     isSatellite
   });
   return /*#__PURE__*/jsxRuntime.jsx(ComponentWithFocus, {
-    children: /*#__PURE__*/jsxRuntime.jsxs(Style$f, {
+    children: /*#__PURE__*/jsxRuntime.jsxs(Style$j, {
       className: formatClassname([showSider && activeMarker && "with-sider"]),
       children: [filtersConfig ? /*#__PURE__*/jsxRuntime.jsx(Filters, {
         t: t,
@@ -10834,7 +10834,7 @@ function PrimaryNode({
       style: {
         opacity: 0
       }
-    }), /*#__PURE__*/jsxRuntime.jsxs(Style$b, {
+    }), /*#__PURE__*/jsxRuntime.jsxs(Style$f, {
       $isPdf: isPdf,
       className: "flex",
       children: [" ", /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -10945,7 +10945,7 @@ function PrimaryNode({
     })]
   });
 }
-const Style$b = styled__default["default"].div`
+const Style$f = styled__default["default"].div`
   width: ${MAIN_NODE_WIDTH}px;
   height: ${MAIN_NODE_HEIGHT}px; /* Explicitly set height */
   display: flex;
@@ -11081,7 +11081,7 @@ function IconNode({
     }), /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
       title: data?.name,
       defaultOpen: data?.ONLY_IN_STORYBOOK,
-      children: /*#__PURE__*/jsxRuntime.jsx(Style$a, {
+      children: /*#__PURE__*/jsxRuntime.jsx(Style$e, {
         hoverColor: data?.iconHoverColor,
         children: /*#__PURE__*/jsxRuntime.jsx(antd.ConfigProvider, {
           theme: {
@@ -11124,7 +11124,7 @@ function IconNode({
     })]
   });
 }
-const Style$a = styled__default["default"].div`
+const Style$e = styled__default["default"].div`
 	height: 40px;
 	width: 40px;
 
@@ -11202,7 +11202,7 @@ function NameNode({
       style: {
         opacity: 0
       }
-    }), /*#__PURE__*/jsxRuntime.jsxs(Style$9, {
+    }), /*#__PURE__*/jsxRuntime.jsxs(Style$d, {
       $isPdf: isPdf,
       style: {
         opacity: data.isEmpty ? 0.5 : 1
@@ -11290,7 +11290,7 @@ function NameNode({
     })]
   });
 }
-const Style$9 = styled__default["default"].div`
+const Style$d = styled__default["default"].div`
     width: ${NAME_CARD_WIDTH}px;
     height: 55px;
     display: flex;
@@ -11321,7 +11321,7 @@ const Style$9 = styled__default["default"].div`
     }
 `;
 
-const Style$8 = styled__default["default"].div`
+const Style$c = styled__default["default"].div`
 	width: 405px;
 	display: flex;
 	height: 140px;
@@ -11432,7 +11432,7 @@ function ExpandedNode({
       style: {
         opacity: 0
       }
-    }), /*#__PURE__*/jsxRuntime.jsxs(Style$8, {
+    }), /*#__PURE__*/jsxRuntime.jsxs(Style$c, {
       style: {
         opacity
       },
@@ -12684,7 +12684,7 @@ Identification.propTypes = {
   theme: PropTypes__default["default"].object
 };
 
-const Style$7 = styled__default["default"].div`
+const Style$b = styled__default["default"].div`
   position: absolute;
   display: flex;
   gap: 12px;
@@ -12699,7 +12699,7 @@ function Tooltip({
   mouseY = 0,
   children = null
 }) {
-  return /*#__PURE__*/jsxRuntime.jsx(Style$7, {
+  return /*#__PURE__*/jsxRuntime.jsx(Style$b, {
     style: {
       top: mouseY,
       left: mouseX
@@ -14998,85 +14998,271 @@ function UserDashboard({
   });
 }
 
-const {
-  useToken: useToken$4
-} = antd.theme;
-const MAX_LENGTH = 3;
-function AvatarGroup({
-  items = [],
-  maxLength = MAX_LENGTH,
-  size = "small"
+const SCROLL = {
+  y: 550,
+  x: 1000
+};
+const getLocales = t => ({
+  triggerDesc: t('Click to sort descending'),
+  triggerAsc: t('Click to sort ascending')
+});
+
+function DAFTable({
+  columns = [],
+  data = [],
+  defaultFilters = {},
+  style = {},
+  pagination = null,
+  loading = false,
+  onChange = () => {},
+  onFilterChange = () => {},
+  selectOptions,
+  filtersConfig,
+  rowSelection = false,
+  setShowFilters = () => {},
+  rowKey = 'id',
+  showFilters = false,
+  hideOnLoading = true,
+  sourcesKey,
+  className,
+  projects = [],
+  t = s => s,
+  selectedProject,
+  sourceId = '',
+  projectSources = [],
+  language = 'en',
+  scrollX = true,
+  apiUrl,
+  app,
+  doEmptyRows,
+  ...rest
 }) {
-  const count = items.length === maxLength + 1 ? items.length : maxLength;
-  const {
-    token
-  } = useToken$4();
-  return /*#__PURE__*/jsxRuntime.jsx(antd.Avatar.Group, {
-    max: {
-      count: count,
-      style: {
-        color: token.baseGray90,
-        backgroundColor: token.baseGray20,
-        border: `1px solid ${token.baseGray40}`
+  const [source, setSource] = React.useState([]);
+  const projectData = (projects || []).find(p => p.id === selectedProject);
+  const [filtersInit, setFiltersInit] = React.useState(!loading);
+  React.useEffect(() => {
+    if (!filtersInit && !loading) {
+      setFiltersInit(true);
+    }
+  }, [loading, filtersInit]);
+  const sources = React.useMemo(() => {
+    if (projectData) {
+      if (sourceId === 'overview') {
+        return projectSources.map(val => {
+          return {
+            label: val.company?.name || '',
+            value: val.authorId
+          };
+        });
       }
-    },
-    size: "small",
-    children: items.map((v, i) => /*#__PURE__*/jsxRuntime.jsx(antd.Avatar, {
-      size: size,
-      style: {
-        backgroundColor: v.isOwn ? token.colorPrimary : token.baseGray20,
-        color: v.isOwn ? "white" : token.baseGray90,
-        border: `1px solid ${v.isOwn ? "white" : token.baseGray40}`,
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center"
+    }
+    return undefined;
+  }, [projectData, sourceId, projectSources]);
+  const _selectOptions = React.useMemo(() => {
+    return typeof sourcesKey === 'string' && sources ? {
+      ...selectOptions,
+      [sourcesKey]: sources
+    } : selectOptions;
+  }, [sourcesKey, sources, selectOptions]);
+  const _filtersConfig = React.useMemo(() => {
+    return typeof sourcesKey === 'string' && sources ? {
+      ...filtersConfig,
+      [sourcesKey]: {
+        type: "select",
+        label: t("Source"),
+        placeholder: t => `${t("Filter By")} ${t('Source')}`,
+        labelStyle: {
+          flex: 1
+        },
+        style: {
+          flex: 1
+        },
+        getLabel: opt => opt.label,
+        getValue: opt => opt.value
+      }
+    } : filtersConfig;
+  }, [sourcesKey, sources, filtersConfig, t]);
+  React.useEffect(() => {
+    if (data && Array.isArray(data)) {
+      setSource(data);
+    }
+  }, [data, data.length]);
+  const paginationPageSize = pagination?.pageSize;
+  const dataSource = React.useMemo(() => {
+    const pageSize = paginationPageSize ? paginationPageSize : source.length > 10 ? source.length : 10;
+    if (doEmptyRows && pageSize) {
+      const emptyDataSource = [];
+      for (let i = 0; i < pageSize; i++) {
+        emptyDataSource.push({
+          id: i,
+          empty: true,
+          key: i
+        });
+      }
+      return emptyDataSource.map((empty, i) => source[i] || empty);
+    }
+    return source;
+  }, [source, paginationPageSize, doEmptyRows]);
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [showFilters && filtersConfig && onFilterChange && filtersInit && /*#__PURE__*/jsxRuntime.jsx(SelectFilters, {
+      app: app,
+      language: language,
+      t: t,
+      apiUrl: apiUrl,
+      className: className,
+      options: _selectOptions,
+      filtersConfig: _filtersConfig,
+      onApply: filters => {
+        onFilterChange(filters);
       },
-      children: /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-        title: v.name || "",
-        placement: "top",
-        children: v.isOwn ? /*#__PURE__*/jsxRuntime.jsx("span", {
-          children: "OWN"
-        }) : [v.icon ? /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
-          name: v.icon,
-          width: v.size || 18,
-          height: v.size || 18,
-          color: token.baseGray90
-        }) : v.name ? v.name.charAt(0).toUpperCase() : "U"]
+      showFilters: showFilters,
+      setShowFilters: setShowFilters,
+      selectedFilters: defaultFilters
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      style: style,
+      className: formatClassname(['daf-table', className]),
+      children: (!loading || !hideOnLoading) && /*#__PURE__*/jsxRuntime.jsx(antd.Table, {
+        size: "small",
+        sort: true,
+        rowKey: rowKey,
+        scroll: scrollX ? {
+          x: SCROLL.x
+        } : undefined,
+        rowSelection: rowSelection,
+        columns: columns,
+        loading: !hideOnLoading ? loading : false,
+        dataSource: dataSource,
+        pagination: pagination,
+        onChange: onChange,
+        ...rest
       })
-    }, i))
+    })]
   });
 }
+DAFTable.propTypes = {
+  columns: PropTypes__default["default"].any,
+  data: PropTypes__default["default"].any,
+  defaultFilters: PropTypes__default["default"].object,
+  style: PropTypes__default["default"].object,
+  pagination: PropTypes__default["default"].any,
+  loading: PropTypes__default["default"].bool,
+  onChange: PropTypes__default["default"].func,
+  onFilterChange: PropTypes__default["default"].func,
+  selectOptions: PropTypes__default["default"].object,
+  filtersConfig: PropTypes__default["default"].any,
+  rowSelection: PropTypes__default["default"].bool,
+  rowKey: PropTypes__default["default"].any,
+  showFilters: PropTypes__default["default"].bool,
+  hideOnLoading: PropTypes__default["default"].bool,
+  sourcesKey: PropTypes__default["default"].any,
+  className: PropTypes__default["default"].any,
+  projects: PropTypes__default["default"].any,
+  t: PropTypes__default["default"].func,
+  selectedProject: PropTypes__default["default"].any,
+  sourceId: PropTypes__default["default"].any,
+  projectSources: PropTypes__default["default"].any,
+  language: PropTypes__default["default"].string,
+  setShowFilters: PropTypes__default["default"].func,
+  scrollX: PropTypes__default["default"].any
+};
 
-function sourceAvatarConfig(items, user, applications) {
-  const userInterface = user?.company?.apps?.[0]?.interface;
-  const icon = applications[0]?.interfaces?.find(i => i.value === userInterface)?.iconName;
-  const sources = [];
-  items?.length > 0 && items?.forEach(author => {
-    if (author?.id) {
-      if (author.id === user?.company?.id) {
-        // it's own data
-        sources.push({
-          name: author.name,
-          icon: 'OwnData',
-          isOwn: true,
-          sourceId: author.id
-        });
-      } else {
-        sources.push({
-          name: author.name,
-          icon: icon,
-          isOwn: false,
-          sourceId: author.id
-        });
-      }
+const Style$a = styled__default["default"].div`
+  width: 99px;
+  height: 10px;
+  border-radius: 8px;
+  background: var(--base-gray-40);
+  overflow: hidden;
+
+  .bar {
+    height: 100%;
+    background: var(--color-primary-70);
+  }
+`;
+function ProgressBar({
+  style,
+  tooltipTitle,
+  percentage = 0,
+  onClick = () => {},
+  isSubmitted = false
+}) {
+  return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+    title: tooltipTitle || `${parseInt(percentage)}%`,
+    children: /*#__PURE__*/jsxRuntime.jsx(Style$a, {
+      onClick: onClick,
+      style: style,
+      children: /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "bar",
+        style: {
+          width: `${percentage}%`,
+          background: isSubmitted ? '#69d99e' : 'var(--color-primary-70)'
+        }
+      })
+    })
+  });
+}
+ProgressBar.propTypes = {
+  tooltipTitle: PropTypes__default["default"].string,
+  percentage: PropTypes__default["default"].number,
+  onClick: PropTypes__default["default"].any,
+  style: PropTypes__default["default"].any
+};
+
+const Style$9 = styled__default["default"].div`
+    .icon-background {
+        width: ${({
+  size
+}) => size}px;
+        height: ${({
+  size
+}) => size}px;
+        background-color: #69d99e;
+        border-radius: 50%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
     }
+`;
+const SideIcon = ({
+  size = 20,
+  iconSize = 12
+}) => {
+  return /*#__PURE__*/jsxRuntime.jsx(Style$9, {
+    size: size,
+    children: /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "icon-background",
+      children: /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
+        name: "Check",
+        color: "white",
+        size: iconSize
+      })
+    })
   });
+};
 
-  // sort to have own data first
-  return sources.sort((a, b) => {
-    if (a.isOwn && !b.isOwn) return -1;
-    if (!a.isOwn && b.isOwn) return 1;
-    return 0;
+function ProgressBarWithIcon({
+  published,
+  data,
+  t
+}) {
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    style: {
+      display: "flex",
+      alignItems: "center",
+      gap: "5px"
+    },
+    children: [/*#__PURE__*/jsxRuntime.jsx(ProgressBar, {
+      style: {
+        width: "100%"
+      },
+      tooltipTitle: published && t("Submitted"),
+      percentage: parseInt(data?.completion || 0),
+      isSubmitted: published
+    }), published ? /*#__PURE__*/jsxRuntime.jsx(SideIcon, {
+      size: 16,
+      iconSize: 10
+    }) : /*#__PURE__*/jsxRuntime.jsxs("span", {
+      children: [parseInt(data?.completion || 0), "%"]
+    })]
   });
 }
 
@@ -15359,6 +15545,1121 @@ MoreMenu.propTypes = {
   trigger: PropTypes__default["default"].oneOf(["click", "hover", "contextMenu"])
 };
 
+const NavigationAction = ({
+  onClick,
+  theme,
+  disabled = false
+}) => {
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    style: {
+      display: "flex",
+      justifyContent: "center"
+    },
+    children: /*#__PURE__*/jsxRuntime.jsx("button", {
+      onClick: onClick,
+      disabled: disabled,
+      style: {
+        border: 'none',
+        background: 'transparent',
+        padding: 0,
+        display: 'flex',
+        alignItems: 'center',
+        opacity: disabled ? 0.5 : 1,
+        cursor: disabled ? 'not-allowed' : 'pointer'
+      },
+      children: /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
+        name: "Link",
+        size: 15,
+        color: theme.baseGray70
+      })
+    })
+  });
+};
+
+const getColumns$g = ({
+  t,
+  data,
+  user,
+  goTo,
+  getRedirectLink,
+  theme
+}) => [{
+  dataIndex: 'name',
+  title: t('Name'),
+  ellipsis: true,
+  show: true,
+  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: 'completion',
+  title: t('Completion'),
+  ellipsis: true,
+  show: true,
+  render: (v, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    const published = false;
+    return /*#__PURE__*/jsxRuntime.jsx(ProgressBarWithIcon, {
+      published: published,
+      data: v,
+      t: t
+    });
+  }
+}, {
+  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/operator-summary/${all.datastakeId}`;
+        goTo(getRedirectLink(link));
+      },
+      disabled: true
+    }, {
+      label: t("Details"),
+      value: "details",
+      onClick: () => {
+        let link = `/app/view/kyc/user`;
+        goTo(getRedirectLink(link));
+      },
+      disabled: true
+    }];
+    const managementSystemsOnClick = () => {
+      let link = `/app/view/management-systems/user`;
+      goTo(getRedirectLink(link));
+    };
+    return all?.key === 'kyc' ? /*#__PURE__*/jsxRuntime.jsx(MoreMenu, {
+      items: moreMenuItems
+    }) : /*#__PURE__*/jsxRuntime.jsx(NavigationAction, {
+      onClick: managementSystemsOnClick,
+      theme: theme,
+      disabled: true
+    });
+  }
+}];
+
+function OrganisationInformation({
+  t = () => {},
+  user = {},
+  goTo = () => {},
+  getRedirectLink = () => {},
+  theme = {}
+}) {
+  const organistionInfo = [{
+    key: 'kyc',
+    label: t("My KYC")
+  }, {
+    key: 'management-systems',
+    label: t("Management Systems")
+  }];
+  const tableData = React.useMemo(() => {
+    return organistionInfo.map(item => {
+      return {
+        key: item.key,
+        name: item.label,
+        completion: 0,
+        lastUpdate: ""
+      };
+    });
+  }, [organistionInfo]);
+  const columns = React.useMemo(() => {
+    return getColumns$g({
+      t,
+      data: tableData,
+      user,
+      goTo,
+      getRedirectLink,
+      theme
+    });
+  }, [tableData, user, goTo, getRedirectLink, theme]);
+  return /*#__PURE__*/jsxRuntime.jsx(Widget, {
+    title: t("Organisation Information"),
+    className: "with-border-header daf-table-wrapper no-pagination no-px-body",
+    children: /*#__PURE__*/jsxRuntime.jsx(DAFTable, {
+      columns: columns,
+      data: tableData
+    })
+  });
+}
+
+function StickyTable({
+  size = "small",
+  maxHeight = 300,
+  containerHeight = 525,
+  dataSource = [],
+  columns = {},
+  pagination = false,
+  doEmptyRows = true,
+  ...props
+}) {
+  const data = React__default["default"].useMemo(() => {
+    if (!doEmptyRows) {
+      return dataSource;
+    }
+    const MIN_ROWS = 4;
+    if (dataSource.length < MIN_ROWS) {
+      const paddedData = [...dataSource];
+      while (paddedData.length < MIN_ROWS) {
+        paddedData.push({
+          empty: true
+        });
+      }
+      return paddedData;
+    }
+    return dataSource;
+  }, [dataSource, doEmptyRows]);
+  const Wrapper = React__default["default"].useMemo(() => {
+    return data.length > 5 ? ComponentWithFocus : "div";
+  }, [data.length]);
+  return /*#__PURE__*/jsxRuntime.jsx(Wrapper, {
+    children: /*#__PURE__*/jsxRuntime.jsx(Style$8, {
+      children: /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-table-wrapper",
+        style: {
+          maxHeight: containerHeight,
+          overflowY: "auto"
+        },
+        children: /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "daf-sticky-table",
+          children: /*#__PURE__*/jsxRuntime.jsx(antd.Table, {
+            ...props,
+            size: size,
+            scroll: true,
+            sticky: true,
+            style: {
+              maxHeight
+            },
+            dataSource: data,
+            columns: columns,
+            pagination: pagination
+          })
+        })
+      })
+    })
+  });
+}
+const Style$8 = styled__default["default"].div`
+	max-width: calc(100% - 48px);
+	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;
+	}
+`;
+StickyTable.propTypes = {
+  size: PropTypes__default["default"].any,
+  maxHeight: PropTypes__default["default"].number,
+  dataSource: PropTypes__default["default"].array,
+  columns: PropTypes__default["default"].object,
+  pagination: PropTypes__default["default"].any
+};
+
+const Style$7 = 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$f = ({
+  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);
+    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 = getLinkValue(all?.administrativeLevel2, all?.linking?.SCL);
+    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 = () => {}
+}) {
+  const data = [];
+  const Wrapper = React.useMemo(() => {
+    return data.length > 5 ? ComponentWithFocus : "div";
+  }, [data.length]);
+  const columns = React.useMemo(() => {
+    return getColumns$f({
+      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",
+    children: /*#__PURE__*/jsxRuntime.jsx(Wrapper, {
+      children: /*#__PURE__*/jsxRuntime.jsx(Style$7, {
+        children: /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "daf-table-wrapper",
+          style: {
+            maxHeight: "526px",
+            overflowY: "auto"
+          },
+          children: /*#__PURE__*/jsxRuntime.jsx(StickyTable, {
+            columns: columns,
+            dataSource: data,
+            hideOnLoading: false,
+            doEmptyRows: true
+          })
+        })
+      })
+    })
+  });
+}
+
+const Style$6 = styled__default["default"].div`
+  max-width: 98%;
+  margin-left: var(--size-lg);
+  overflow: hidden;
+  padding-right: 24px;
+
+  .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;
+  }
+`;
+
+/**
+ * Checks if an activeFilters object contains any custom filters.
+ * @param {Object} [activeFilters={}] - An object with active filters.
+ * @returns {boolean} Whether the object contains any custom filters.
+ */
+const hasFilter = (activeFilters = {}) => Object.keys(activeFilters || {}).find(k => !['page', 'pageSize', 'sortBy', 'sortDir', 'search', 'searchParams', 'activeTab'].includes(k));
+
+const isNotEmpty = myString => /\S/.test(myString);
+const useOutsideAlerter = (ref, optionalRef, handler, dontCloseOnClickAway) => {
+  React.useEffect(() => {
+    function handleClickOutside(event) {
+      if (!dontCloseOnClickAway) {
+        // First if with optional ref, the second with only one
+        if (optionalRef) {
+          if (ref.current && optionalRef.current && !ref.current.contains(event.target) && !optionalRef.current.contains(event.target)) {
+            handler();
+          }
+        } else if (ref.current && !ref.current.contains(event.target)) {
+          handler();
+        }
+      }
+    }
+
+    // Bind the event listener
+    document.addEventListener('mousedown', handleClickOutside);
+    return () => {
+      // Unbind the event listener on clean up
+      document.removeEventListener('mousedown', handleClickOutside);
+    };
+  }, [ref, dontCloseOnClickAway]);
+};
+const SearchFilters = ({
+  filtersConfig = {},
+  onSearch = () => {},
+  setHasError = () => {},
+  hasError = false,
+  setShowFilters = () => {},
+  // showFilters = false,
+  activeFilters = {},
+  canClear = false,
+  showFilter = true,
+  // clearFilters = () => { },
+  className,
+  t = s => s
+}) => {
+  const ref = React.useRef();
+  const optRef = React.useRef();
+  const [typeIsOpen, setTypeIsOpen] = React.useState(false);
+  const [lastInputValue, setLastInputValue] = React.useState('');
+  const [activeFilter] = React.useState(activeFilters.searchParams || Object.keys(filtersConfig));
+  const [isTyping, setIsTyping] = React.useState(false);
+  const [inputValue, setInputValue] = React.useState('');
+  useOutsideAlerter(ref, optRef, () => setTypeIsOpen(false), !typeIsOpen);
+  React.useEffect(() => {
+    if (activeFilters.search) {
+      setInputValue(activeFilters.search);
+      setLastInputValue(activeFilters.search);
+    }
+  }, []);
+  React.useEffect(() => {
+    if (hasFilter(activeFilters || {})) {
+      setShowFilters(true);
+    }
+  }, []);
+  React.useEffect(() => {
+    if (hasError) {
+      setHasError(false);
+    }
+    if (isNotEmpty(inputValue)) {
+      setIsTyping(true);
+    } else if (isTyping) {
+      setIsTyping(false);
+    }
+  }, [activeFilter, inputValue]);
+  const closeClicked = () => {
+    setInputValue('');
+    setLastInputValue('');
+    onSearch(null, null);
+  };
+  const onSubmit = (isClose = false) => {
+    if (lastInputValue === inputValue) {
+      return;
+    }
+    setLastInputValue(inputValue);
+    if (isNotEmpty(inputValue) && !isClose) {
+      onSearch(activeFilter, inputValue);
+    } else {
+      onSearch(null, null);
+    }
+  };
+  const openIfClosed = () => {
+  };
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: formatClassname(['daf-search-filters', hasError && 'error', className]),
+    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "input-container",
+      ref: ref,
+      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: `input ${typeIsOpen && 'type-is-open'}`,
+        children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+          onClick: openIfClosed,
+          className: "flex-1",
+          children: /*#__PURE__*/jsxRuntime.jsx("input", {
+            placeholder: t('Search'),
+            value: inputValue,
+            onKeyUp: e => {
+              if (e.key === 'Enter') {
+                onSubmit();
+                // setTypeIsOpen(false);
+              }
+            },
+            onBlur: () => {
+              onSubmit();
+            },
+            onChange: e => {
+              e.persist();
+              setInputValue(e.target.value);
+            },
+            style: {
+              paddingRight: isTyping && 30
+            }
+          })
+        }), /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "search-icon",
+          onClick: openIfClosed,
+          children: /*#__PURE__*/jsxRuntime.jsx(Icons.SearchOutlined, {})
+        }), (isTyping || canClear) && lastInputValue.length ? /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "mr",
+          onClick: closeClicked,
+          children: /*#__PURE__*/jsxRuntime.jsx(Icons.CloseOutlined, {})
+        }) : null]
+      }), hasError && /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "error-container",
+        children: [/*#__PURE__*/jsxRuntime.jsx(Icons.ExclamationCircleFilled, {}), /*#__PURE__*/jsxRuntime.jsx("label", {
+          style: {
+            fontSize: 12
+          },
+          children: t('Oops, looks like there are no search matches. Please try again!')
+        })]
+      })]
+    }), showFilter ? /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex flex-column",
+      children: /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
+        className: "ml-3 flex-1 squareIconButton no-min-width",
+        onClick: () => {
+          setShowFilters(p => !p);
+        },
+        icon: /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
+          name: "Filter",
+          width: 16,
+          height: 16
+        })
+      })
+    }) : null]
+  });
+};
+SearchFilters.propTypes = {
+  filtersConfig: PropTypes__default["default"].any,
+  onSearch: PropTypes__default["default"].func,
+  setHasError: PropTypes__default["default"].func,
+  hasError: PropTypes__default["default"].bool,
+  setShowFilters: PropTypes__default["default"].func,
+  showFilters: PropTypes__default["default"].bool,
+  activeFilters: PropTypes__default["default"].object,
+  canClear: PropTypes__default["default"].bool,
+  showFilter: PropTypes__default["default"].any,
+  clearFilters: PropTypes__default["default"].func,
+  className: PropTypes__default["default"].string,
+  t: PropTypes__default["default"].func
+};
+
+const getColumns$e = ({
+  t,
+  activeTab,
+  options,
+  user,
+  goTo,
+  getRedirectLink,
+  theme
+}) => [{
+  dataIndex: "datastakeId",
+  title: t("ID"),
+  ellipsis: true,
+  show: true,
+  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: "name",
+  title: activeTab === "documents" || activeTab === "events" ? t("Title") : t("Name"),
+  ellipsis: true,
+  show: true,
+  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: "keyStakeholders",
+  title: t("Key Stakeholders"),
+  ellipsis: true,
+  show: activeTab === "events",
+  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("Category"),
+  ellipsis: true,
+  show: activeTab === "stakeholders" || activeTab === "locations",
+  render: (v, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    const label = findOptions(v, options?.categoriesOptions) || "-";
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: label,
+      children: label || "-"
+    });
+  }
+}, {
+  dataIndex: "subCategory",
+  title: t("Legal Form"),
+  ellipsis: true,
+  show: activeTab === "stakeholders",
+  render: (v, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    const label = findOptions(v, options?.subCategoriesOptionsSbgi) || "-";
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: label,
+      children: label || "-"
+    });
+  }
+}, {
+  dataIndex: "country",
+  title: t("Country"),
+  ellipsis: true,
+  show: activeTab === "stakeholders" || activeTab === "locations",
+  render: (v, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    const label = findOptions(v, options?.countries) || "-";
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: label,
+      children: label || "-"
+    });
+  }
+}, {
+  dataIndex: 'region',
+  title: findOptions(user?.company?.country, options?.administrativeLevel1)?.length > 2 ? findOptions(user?.company?.country, options?.administrativeLevel1) : t("Province"),
+  ellipsis: true,
+  show: activeTab === "locations",
+  render: (v, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    const region = getLinkValue(all?.administrativeLevel1, all?.linking?.SCL);
+    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: activeTab === "locations",
+  render: (v, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    const district = getLinkValue(all?.administrativeLevel2, all?.linking?.SCL);
+    return district ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: district,
+      children: district
+    }) : '-';
+  }
+}, {
+  dataIndex: "type",
+  show: activeTab === "documents",
+  title: t("Type"),
+  ellipsis: true,
+  render: (v, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    const label = findOptions(v, options?.documentationTypesOptions) || "-";
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: label,
+      children: label || "-"
+    });
+  }
+}, {
+  dataIndex: "date",
+  title: t("Date"),
+  ellipsis: true,
+  show: activeTab === "events",
+  render: (v, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    const language = user?.language === 'sp' ? 'es' : user?.language;
+    const date = v ? renderDateFormatted(v, 'DD MMM YYYY', language || 'en') : '-';
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: date,
+      children: date
+    });
+  }
+}, {
+  dataIndex: "lastUpdated",
+  title: t("Last Update"),
+  ellipsis: true,
+  show: true,
+  render: (v, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    const language = user?.language === 'sp' ? 'es' : user?.language;
+    const date = v ? renderDateFormatted(v, 'DD MMM YYYY', language || 'en') : '-';
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: date,
+      children: date
+    });
+  }
+}, {
+  dataIndex: "scope",
+  title: t("Scope"),
+  ellipsis: true,
+  show: activeTab === "events",
+  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: "content",
+  title: t("Content"),
+  ellipsis: true,
+  show: activeTab === "documents",
+  render: (_, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    const content = {
+      name: all?.content?.[0]?.name,
+      link: all?.content?.[0]?.url
+    };
+    return /*#__PURE__*/jsxRuntime.jsx("a", {
+      href: content.link,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      style: {
+        // maxWidth: "100px",
+        whiteSpace: "nowrap",
+        overflow: "hidden",
+        textOverflow: "ellipsis"
+      },
+      children: content.name
+    });
+  }
+}, {
+  title: t(""),
+  dataIndex: "actions",
+  key: "actions",
+  width: 60,
+  show: true,
+  render: (v, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    const link = `/app/view/${activeTab}/${all.datastakeId}`;
+    return /*#__PURE__*/jsxRuntime.jsx(NavigationAction, {
+      onClick: () => goTo(getRedirectLink(link)),
+      theme: theme
+    });
+  }
+}].filter(column => column.show);
+
+function AssociatedInformation$1({
+  t = () => {},
+  user = {},
+  goTo = () => {},
+  getRedirectLink = () => {},
+  options = {}
+}) {
+  const tabs = [{
+    value: "stakeholders",
+    label: t("Stakeholders")
+  }, {
+    value: "locations",
+    label: t("Locations")
+  }, {
+    value: "documents",
+    label: t("Documents")
+  }, {
+    value: "events",
+    label: t("Events")
+  }];
+  const [activeTab, setActiveTab] = React.useState("stakeholders");
+  const data = [];
+  const columns = React.useMemo(() => getColumns$e({
+    t,
+    isMonitoring: false,
+    activeTab,
+    options,
+    getRedirectLink,
+    user
+  }), [t, activeTab, options, getRedirectLink, user]);
+  return /*#__PURE__*/jsxRuntime.jsx(Widget, {
+    title: t("Associated Information"),
+    expandable: true,
+    className: "with-border-header no-px-body overflow-hidden",
+    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        gap: "24px",
+        marginLeft: "12px"
+      },
+      children: [/*#__PURE__*/jsxRuntime.jsx(TabsHeader, {
+        tabs: tabs,
+        onChange: setActiveTab,
+        value: activeTab,
+        className: "mt-0"
+      }), /*#__PURE__*/jsxRuntime.jsxs(Style$6, {
+        children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+          children: /*#__PURE__*/jsxRuntime.jsx(SearchFilters, {
+            t: t
+          })
+        }), /*#__PURE__*/jsxRuntime.jsx("div", {
+          children: /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "daf-table-wrapper",
+            children: /*#__PURE__*/jsxRuntime.jsx(DAFTable, {
+              columns: columns,
+              data: data[activeTab],
+              className: "pr-0",
+              doEmptyRows: true,
+              rowKey: "datas",
+              hideOnLoading: false,
+              scroll: {
+                x: false,
+                y: 55 * 5
+              }
+            }, activeTab)
+          })
+        })]
+      })]
+    })
+  });
+}
+
+function SelfAssesment({
+  t = () => {},
+  breadcrumbs = [],
+  user = {},
+  goTo = () => {},
+  getRedirectLink = () => {},
+  theme = {},
+  options = {}
+}) {
+  return /*#__PURE__*/jsxRuntime.jsxs(DashboardLayout, {
+    header: /*#__PURE__*/jsxRuntime.jsx(DAFHeader, {
+      title: t("Self Assesment"),
+      breadcrumbs: breadcrumbs
+    }),
+    children: [/*#__PURE__*/jsxRuntime.jsx("section", {
+      children: /*#__PURE__*/jsxRuntime.jsx(OrganisationInformation, {
+        t: t,
+        user: user,
+        goTo: goTo,
+        getRedirectLink: getRedirectLink,
+        theme: theme
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx("section", {
+      children: /*#__PURE__*/jsxRuntime.jsx(ProductionSites, {
+        t: t,
+        options: options,
+        user: user,
+        goTo: goTo,
+        getRedirectLink: getRedirectLink
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx("section", {
+      children: /*#__PURE__*/jsxRuntime.jsx(AssociatedInformation$1, {
+        t: t,
+        user: user,
+        goTo: goTo,
+        getRedirectLink: getRedirectLink
+      })
+    })]
+  });
+}
+
+const {
+  useToken: useToken$4
+} = antd.theme;
+const MAX_LENGTH = 3;
+function AvatarGroup({
+  items = [],
+  maxLength = MAX_LENGTH,
+  size = "small"
+}) {
+  const count = items.length === maxLength + 1 ? items.length : maxLength;
+  const {
+    token
+  } = useToken$4();
+  return /*#__PURE__*/jsxRuntime.jsx(antd.Avatar.Group, {
+    max: {
+      count: count,
+      style: {
+        color: token.baseGray90,
+        backgroundColor: token.baseGray20,
+        border: `1px solid ${token.baseGray40}`
+      }
+    },
+    size: "small",
+    children: items.map((v, i) => /*#__PURE__*/jsxRuntime.jsx(antd.Avatar, {
+      size: size,
+      style: {
+        backgroundColor: v.isOwn ? token.colorPrimary : token.baseGray20,
+        color: v.isOwn ? "white" : token.baseGray90,
+        border: `1px solid ${v.isOwn ? "white" : token.baseGray40}`,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center"
+      },
+      children: /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+        title: v.name || "",
+        placement: "top",
+        children: v.isOwn ? /*#__PURE__*/jsxRuntime.jsx("span", {
+          children: "OWN"
+        }) : [v.icon ? /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
+          name: v.icon,
+          width: v.size || 18,
+          height: v.size || 18,
+          color: token.baseGray90
+        }) : v.name ? v.name.charAt(0).toUpperCase() : "U"]
+      })
+    }, i))
+  });
+}
+
+function sourceAvatarConfig(items, user, applications) {
+  const userInterface = user?.company?.apps?.[0]?.interface;
+  const icon = applications[0]?.interfaces?.find(i => i.value === userInterface)?.iconName;
+  const sources = [];
+  items?.length > 0 && items?.forEach(author => {
+    if (author?.id) {
+      if (author.id === user?.company?.id) {
+        // it's own data
+        sources.push({
+          name: author.name,
+          icon: 'OwnData',
+          isOwn: true,
+          sourceId: author.id
+        });
+      } else {
+        sources.push({
+          name: author.name,
+          icon: icon,
+          isOwn: false,
+          sourceId: author.id
+        });
+      }
+    }
+  });
+
+  // sort to have own data first
+  return sources.sort((a, b) => {
+    if (a.isOwn && !b.isOwn) return -1;
+    if (!a.isOwn && b.isOwn) return 1;
+    return 0;
+  });
+}
+
 const renderStatusTag = ({
   value,
   t = s => s
@@ -15604,345 +16905,6 @@ const getColumns$d = ({
   }
 }].filter(column => column.show !== false);
 
-/**
- * Checks if an activeFilters object contains any custom filters.
- * @param {Object} [activeFilters={}] - An object with active filters.
- * @returns {boolean} Whether the object contains any custom filters.
- */
-const hasFilter = (activeFilters = {}) => Object.keys(activeFilters || {}).find(k => !['page', 'pageSize', 'sortBy', 'sortDir', 'search', 'searchParams', 'activeTab'].includes(k));
-
-const isNotEmpty = myString => /\S/.test(myString);
-const useOutsideAlerter = (ref, optionalRef, handler, dontCloseOnClickAway) => {
-  React.useEffect(() => {
-    function handleClickOutside(event) {
-      if (!dontCloseOnClickAway) {
-        // First if with optional ref, the second with only one
-        if (optionalRef) {
-          if (ref.current && optionalRef.current && !ref.current.contains(event.target) && !optionalRef.current.contains(event.target)) {
-            handler();
-          }
-        } else if (ref.current && !ref.current.contains(event.target)) {
-          handler();
-        }
-      }
-    }
-
-    // Bind the event listener
-    document.addEventListener('mousedown', handleClickOutside);
-    return () => {
-      // Unbind the event listener on clean up
-      document.removeEventListener('mousedown', handleClickOutside);
-    };
-  }, [ref, dontCloseOnClickAway]);
-};
-const SearchFilters = ({
-  filtersConfig = {},
-  onSearch = () => {},
-  setHasError = () => {},
-  hasError = false,
-  setShowFilters = () => {},
-  // showFilters = false,
-  activeFilters = {},
-  canClear = false,
-  showFilter = true,
-  // clearFilters = () => { },
-  className,
-  t = s => s
-}) => {
-  const ref = React.useRef();
-  const optRef = React.useRef();
-  const [typeIsOpen, setTypeIsOpen] = React.useState(false);
-  const [lastInputValue, setLastInputValue] = React.useState('');
-  const [activeFilter] = React.useState(activeFilters.searchParams || Object.keys(filtersConfig));
-  const [isTyping, setIsTyping] = React.useState(false);
-  const [inputValue, setInputValue] = React.useState('');
-  useOutsideAlerter(ref, optRef, () => setTypeIsOpen(false), !typeIsOpen);
-  React.useEffect(() => {
-    if (activeFilters.search) {
-      setInputValue(activeFilters.search);
-      setLastInputValue(activeFilters.search);
-    }
-  }, []);
-  React.useEffect(() => {
-    if (hasFilter(activeFilters || {})) {
-      setShowFilters(true);
-    }
-  }, []);
-  React.useEffect(() => {
-    if (hasError) {
-      setHasError(false);
-    }
-    if (isNotEmpty(inputValue)) {
-      setIsTyping(true);
-    } else if (isTyping) {
-      setIsTyping(false);
-    }
-  }, [activeFilter, inputValue]);
-  const closeClicked = () => {
-    setInputValue('');
-    setLastInputValue('');
-    onSearch(null, null);
-  };
-  const onSubmit = (isClose = false) => {
-    if (lastInputValue === inputValue) {
-      return;
-    }
-    setLastInputValue(inputValue);
-    if (isNotEmpty(inputValue) && !isClose) {
-      onSearch(activeFilter, inputValue);
-    } else {
-      onSearch(null, null);
-    }
-  };
-  const openIfClosed = () => {
-  };
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: formatClassname(['daf-search-filters', hasError && 'error', className]),
-    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "input-container",
-      ref: ref,
-      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: `input ${typeIsOpen && 'type-is-open'}`,
-        children: [/*#__PURE__*/jsxRuntime.jsx("div", {
-          onClick: openIfClosed,
-          className: "flex-1",
-          children: /*#__PURE__*/jsxRuntime.jsx("input", {
-            placeholder: t('Search'),
-            value: inputValue,
-            onKeyUp: e => {
-              if (e.key === 'Enter') {
-                onSubmit();
-                // setTypeIsOpen(false);
-              }
-            },
-            onBlur: () => {
-              onSubmit();
-            },
-            onChange: e => {
-              e.persist();
-              setInputValue(e.target.value);
-            },
-            style: {
-              paddingRight: isTyping && 30
-            }
-          })
-        }), /*#__PURE__*/jsxRuntime.jsx("div", {
-          className: "search-icon",
-          onClick: openIfClosed,
-          children: /*#__PURE__*/jsxRuntime.jsx(Icons.SearchOutlined, {})
-        }), (isTyping || canClear) && lastInputValue.length ? /*#__PURE__*/jsxRuntime.jsx("div", {
-          className: "mr",
-          onClick: closeClicked,
-          children: /*#__PURE__*/jsxRuntime.jsx(Icons.CloseOutlined, {})
-        }) : null]
-      }), hasError && /*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "error-container",
-        children: [/*#__PURE__*/jsxRuntime.jsx(Icons.ExclamationCircleFilled, {}), /*#__PURE__*/jsxRuntime.jsx("label", {
-          style: {
-            fontSize: 12
-          },
-          children: t('Oops, looks like there are no search matches. Please try again!')
-        })]
-      })]
-    }), showFilter ? /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "flex flex-column",
-      children: /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
-        className: "ml-3 flex-1 squareIconButton no-min-width",
-        onClick: () => {
-          setShowFilters(p => !p);
-        },
-        icon: /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
-          name: "Filter",
-          width: 16,
-          height: 16
-        })
-      })
-    }) : null]
-  });
-};
-SearchFilters.propTypes = {
-  filtersConfig: PropTypes__default["default"].any,
-  onSearch: PropTypes__default["default"].func,
-  setHasError: PropTypes__default["default"].func,
-  hasError: PropTypes__default["default"].bool,
-  setShowFilters: PropTypes__default["default"].func,
-  showFilters: PropTypes__default["default"].bool,
-  activeFilters: PropTypes__default["default"].object,
-  canClear: PropTypes__default["default"].bool,
-  showFilter: PropTypes__default["default"].any,
-  clearFilters: PropTypes__default["default"].func,
-  className: PropTypes__default["default"].string,
-  t: PropTypes__default["default"].func
-};
-
-const SCROLL = {
-  y: 550,
-  x: 1000
-};
-const getLocales = t => ({
-  triggerDesc: t('Click to sort descending'),
-  triggerAsc: t('Click to sort ascending')
-});
-
-function DAFTable({
-  columns = [],
-  data = [],
-  defaultFilters = {},
-  style = {},
-  pagination = null,
-  loading = false,
-  onChange = () => {},
-  onFilterChange = () => {},
-  selectOptions,
-  filtersConfig,
-  rowSelection = false,
-  setShowFilters = () => {},
-  rowKey = 'id',
-  showFilters = false,
-  hideOnLoading = true,
-  sourcesKey,
-  className,
-  projects = [],
-  t = s => s,
-  selectedProject,
-  sourceId = '',
-  projectSources = [],
-  language = 'en',
-  scrollX = true,
-  apiUrl,
-  app,
-  doEmptyRows,
-  ...rest
-}) {
-  const [source, setSource] = React.useState([]);
-  const projectData = (projects || []).find(p => p.id === selectedProject);
-  const [filtersInit, setFiltersInit] = React.useState(!loading);
-  React.useEffect(() => {
-    if (!filtersInit && !loading) {
-      setFiltersInit(true);
-    }
-  }, [loading, filtersInit]);
-  const sources = React.useMemo(() => {
-    if (projectData) {
-      if (sourceId === 'overview') {
-        return projectSources.map(val => {
-          return {
-            label: val.company?.name || '',
-            value: val.authorId
-          };
-        });
-      }
-    }
-    return undefined;
-  }, [projectData, sourceId, projectSources]);
-  const _selectOptions = React.useMemo(() => {
-    return typeof sourcesKey === 'string' && sources ? {
-      ...selectOptions,
-      [sourcesKey]: sources
-    } : selectOptions;
-  }, [sourcesKey, sources, selectOptions]);
-  const _filtersConfig = React.useMemo(() => {
-    return typeof sourcesKey === 'string' && sources ? {
-      ...filtersConfig,
-      [sourcesKey]: {
-        type: "select",
-        label: t("Source"),
-        placeholder: t => `${t("Filter By")} ${t('Source')}`,
-        labelStyle: {
-          flex: 1
-        },
-        style: {
-          flex: 1
-        },
-        getLabel: opt => opt.label,
-        getValue: opt => opt.value
-      }
-    } : filtersConfig;
-  }, [sourcesKey, sources, filtersConfig, t]);
-  React.useEffect(() => {
-    if (data && Array.isArray(data)) {
-      setSource(data);
-    }
-  }, [data, data.length]);
-  const paginationPageSize = pagination?.pageSize;
-  const dataSource = React.useMemo(() => {
-    const pageSize = paginationPageSize ? paginationPageSize : source.length > 10 ? source.length : 10;
-    if (doEmptyRows && pageSize) {
-      const emptyDataSource = [];
-      for (let i = 0; i < pageSize; i++) {
-        emptyDataSource.push({
-          id: i,
-          empty: true,
-          key: i
-        });
-      }
-      return emptyDataSource.map((empty, i) => source[i] || empty);
-    }
-    return source;
-  }, [source, paginationPageSize, doEmptyRows]);
-  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [showFilters && filtersConfig && onFilterChange && filtersInit && /*#__PURE__*/jsxRuntime.jsx(SelectFilters, {
-      app: app,
-      language: language,
-      t: t,
-      apiUrl: apiUrl,
-      className: className,
-      options: _selectOptions,
-      filtersConfig: _filtersConfig,
-      onApply: filters => {
-        onFilterChange(filters);
-      },
-      showFilters: showFilters,
-      setShowFilters: setShowFilters,
-      selectedFilters: defaultFilters
-    }), /*#__PURE__*/jsxRuntime.jsx("div", {
-      style: style,
-      className: formatClassname(['daf-table', className]),
-      children: (!loading || !hideOnLoading) && /*#__PURE__*/jsxRuntime.jsx(antd.Table, {
-        size: "small",
-        sort: true,
-        rowKey: rowKey,
-        scroll: scrollX ? {
-          x: SCROLL.x
-        } : undefined,
-        rowSelection: rowSelection,
-        columns: columns,
-        loading: !hideOnLoading ? loading : false,
-        dataSource: dataSource,
-        pagination: pagination,
-        onChange: onChange,
-        ...rest
-      })
-    })]
-  });
-}
-DAFTable.propTypes = {
-  columns: PropTypes__default["default"].any,
-  data: PropTypes__default["default"].any,
-  defaultFilters: PropTypes__default["default"].object,
-  style: PropTypes__default["default"].object,
-  pagination: PropTypes__default["default"].any,
-  loading: PropTypes__default["default"].bool,
-  onChange: PropTypes__default["default"].func,
-  onFilterChange: PropTypes__default["default"].func,
-  selectOptions: PropTypes__default["default"].object,
-  filtersConfig: PropTypes__default["default"].any,
-  rowSelection: PropTypes__default["default"].bool,
-  rowKey: PropTypes__default["default"].any,
-  showFilters: PropTypes__default["default"].bool,
-  hideOnLoading: PropTypes__default["default"].bool,
-  sourcesKey: PropTypes__default["default"].any,
-  className: PropTypes__default["default"].any,
-  projects: PropTypes__default["default"].any,
-  t: PropTypes__default["default"].func,
-  selectedProject: PropTypes__default["default"].any,
-  sourceId: PropTypes__default["default"].any,
-  projectSources: PropTypes__default["default"].any,
-  language: PropTypes__default["default"].string,
-  setShowFilters: PropTypes__default["default"].func,
-  scrollX: PropTypes__default["default"].any
-};
-
 const pageValues = [10, 20, 50, 100];
 function Pagination({
   page = 0,
@@ -21125,7 +22087,7 @@ function Comments({
   });
 }
 
-var Style$6 = styled__default["default"].div`
+var Style$5 = styled__default["default"].div`
   border: 1px solid var(--base-gray-40);
   padding: 12px;
   background: var(--base-gray-20);
@@ -21271,7 +22233,7 @@ function GroupInfoHOC({
     meta,
     t
   });
-  return /*#__PURE__*/jsxRuntime.jsxs(Style$6, {
+  return /*#__PURE__*/jsxRuntime.jsxs(Style$5, {
     className: formatClassname([!isExpanded && 'collapsed', className, isSuccess && 'success']),
     children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "cont-header",
@@ -21428,7 +22390,7 @@ function GroupInfo({
         });
     }
   };
-  return /*#__PURE__*/jsxRuntime.jsxs(Style$6, {
+  return /*#__PURE__*/jsxRuntime.jsxs(Style$5, {
     className: formatClassname([!isExpanded && 'collapsed', className]),
     children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "cont-header",
@@ -21469,7 +22431,7 @@ function GroupInfos({
   }, key));
 }
 
-const Style$5 = styled__default["default"].div`
+const Style$4 = styled__default["default"].div`
   gap: 16px;
   display: flex;
   max-width: 465px;
@@ -21491,7 +22453,7 @@ function EvaluationPopover({
   t = s => s,
   evaluationConfig = []
 }) {
-  return /*#__PURE__*/jsxRuntime.jsx(Style$5, {
+  return /*#__PURE__*/jsxRuntime.jsx(Style$4, {
     children: evaluationConfig.map(c =>
     /*#__PURE__*/
     //? ASK REDI
@@ -23463,7 +24425,7 @@ const useMapHelper = ({
   };
 };
 
-const Style$4 = styled__default["default"].div`
+const Style$3 = styled__default["default"].div`
   width: 100%;
   height: 20rem;
   flex: 1;
@@ -23590,7 +24552,7 @@ function PolygonSelector({
       searchForLocation(mapRef);
     }
   }, [searchValue, mapRef]);
-  return /*#__PURE__*/jsxRuntime.jsxs(Style$4, {
+  return /*#__PURE__*/jsxRuntime.jsxs(Style$3, {
     className: "polygon-selector",
     children: [/*#__PURE__*/jsxRuntime.jsx("div", {
       className: "map-container",
@@ -30354,34 +31316,6 @@ const viewConfig$8 = {
   createTitle: "Create Stakeholder"
 };
 
-const NavigationAction = ({
-  onClick,
-  theme
-}) => {
-  return /*#__PURE__*/jsxRuntime.jsx("div", {
-    style: {
-      display: "flex",
-      justifyContent: "center"
-    },
-    children: /*#__PURE__*/jsxRuntime.jsx("button", {
-      onClick: onClick,
-      style: {
-        cursor: 'pointer',
-        border: 'none',
-        background: 'transparent',
-        padding: 0,
-        display: 'flex',
-        alignItems: 'center'
-      },
-      children: /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
-        name: "Link",
-        size: 15,
-        color: theme.baseGray70
-      })
-    })
-  });
-};
-
 const getColumns$c = ({
   t,
   goTo,
@@ -35746,7 +36680,7 @@ const Create = ({
   });
 };
 
-const Style$3 = styled__default["default"].div`
+const Style$2 = styled__default["default"].div`
   display: flex;
   gap: 8px;
   justify-content: center;
@@ -35769,7 +36703,7 @@ function Footer({
   disabledFooterText,
   disabledFooter
 }) {
-  return /*#__PURE__*/jsxRuntime.jsxs(Style$3, {
+  return /*#__PURE__*/jsxRuntime.jsxs(Style$2, {
     className: className,
     children: [disabledFooterText ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
       title: t(disabledFooterText),
@@ -38153,94 +39087,6 @@ const OperatorSummary = ({
   });
 };
 
-function StickyTable({
-  size = "small",
-  maxHeight = 300,
-  containerHeight = 525,
-  dataSource = [],
-  columns = {},
-  pagination = false,
-  doEmptyRows = true,
-  ...props
-}) {
-  const data = React__default["default"].useMemo(() => {
-    if (!doEmptyRows) {
-      return dataSource;
-    }
-    const MIN_ROWS = 4;
-    if (dataSource.length < MIN_ROWS) {
-      const paddedData = [...dataSource];
-      while (paddedData.length < MIN_ROWS) {
-        paddedData.push({
-          empty: true
-        });
-      }
-      return paddedData;
-    }
-    return dataSource;
-  }, [dataSource, doEmptyRows]);
-  const Wrapper = React__default["default"].useMemo(() => {
-    return data.length > 5 ? ComponentWithFocus : "div";
-  }, [data.length]);
-  return /*#__PURE__*/jsxRuntime.jsx(Wrapper, {
-    children: /*#__PURE__*/jsxRuntime.jsx(Style$2, {
-      children: /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "daf-table-wrapper",
-        style: {
-          maxHeight: containerHeight,
-          overflowY: "auto"
-        },
-        children: /*#__PURE__*/jsxRuntime.jsx("div", {
-          className: "daf-sticky-table",
-          children: /*#__PURE__*/jsxRuntime.jsx(antd.Table, {
-            ...props,
-            size: size,
-            scroll: true,
-            sticky: true,
-            style: {
-              maxHeight
-            },
-            dataSource: data,
-            columns: columns,
-            pagination: pagination
-          })
-        })
-      })
-    })
-  });
-}
-const Style$2 = styled__default["default"].div`
-	max-width: calc(100% - 48px);
-	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;
-	}
-`;
-StickyTable.propTypes = {
-  size: PropTypes__default["default"].any,
-  maxHeight: PropTypes__default["default"].number,
-  dataSource: PropTypes__default["default"].array,
-  columns: PropTypes__default["default"].object,
-  pagination: PropTypes__default["default"].any
-};
-
 ({
   content: PropTypes__default["default"].string,
   size: PropTypes__default["default"].oneOf(['large', 'middle', 'small']),
@@ -41370,25 +42216,6 @@ styled__default["default"](antd.Select)`
   }
 `;
 
-styled__default["default"].div`
-  width: 99px;
-  height: 10px;
-  border-radius: 8px;
-  background: var(--base-gray-40);
-  overflow: hidden;
-
-  .bar {
-    height: 100%;
-    background: var(--color-primary-70);
-  }
-`;
-({
-  tooltipTitle: PropTypes__default["default"].string,
-  percentage: PropTypes__default["default"].number,
-  onClick: PropTypes__default["default"].any,
-  style: PropTypes__default["default"].any
-});
-
 styled__default["default"].div`
 	height: 6px;
 	width: 100%;
@@ -41408,22 +42235,6 @@ styled__default["default"].div`
   showInfo: PropTypes__default["default"].bool
 });
 
-styled__default["default"].div`
-    .icon-background {
-        width: ${({
-  size
-}) => size}px;
-        height: ${({
-  size
-}) => size}px;
-        background-color: #69d99e;
-        border-radius: 50%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-    }
-`;
-
 ({
   value: PropTypes__default["default"].string,
   options: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
@@ -49809,6 +50620,7 @@ exports.PartnersTable = PartnersTable;
 exports.PlantingCycleSummary = PlantingCycleSummary;
 exports.ProductionSitesTable = ProductionSitesTable;
 exports.RestorationActivitySummary = RestorationActivitySummary;
+exports.SelfAssesment = SelfAssesment;
 exports.StakeholdersTable = StakeholdersTable;
 exports.SupplyChainDashboard = SupplyChain;
 exports.TablePage = TablePage;